@import "https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Fredoka:wght@500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;background:#14100a;font-family:Luckiest Guy,Trebuchet MS,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img,svg{-webkit-user-drag:none;display:block}.landing{background:url(/herobg.png) 50%/cover no-repeat;height:100%;position:relative;overflow:hidden}.logo{filter:drop-shadow(0 6px 14px #0000008c);pointer-events:none;width:clamp(300px,40vw,580px);position:absolute;top:clamp(8px,2vh,24px);left:50%;translate:-50%}.settings-btn{aspect-ratio:929/874;background:url(/frames/square.png) 50%/contain no-repeat;place-items:center;width:clamp(60px,6.5vw,84px);transition:transform .15s,filter .15s;display:grid;position:absolute;top:clamp(12px,2.5vh,24px);left:clamp(12px,2vw,24px)}.settings-btn svg{fill:#8f8f8b;filter:drop-shadow(0 1px 1px #ffffff59)drop-shadow(0 -1px 1px #0006);width:52%;height:52%}.hud-menu{flex-direction:column;align-items:flex-end;gap:clamp(8px,1.4vh,14px);display:flex;position:absolute;top:clamp(12px,2.5vh,24px);right:clamp(12px,2vw,24px)}.menu-btn{aspect-ratio:1498/544;color:#efe3c4;letter-spacing:1px;text-shadow:0 2px 3px #000c;background:url(/frames/horizontal.png) 50%/contain no-repeat;place-items:center;width:clamp(190px,17vw,250px);padding:.35em 14% 0;font-size:clamp(15px,1.35vw,20px);line-height:1;transition:transform .15s,filter .15s;display:grid}.stage{flex-direction:column;align-items:center;display:flex;position:absolute;top:55%;left:50%;translate:-50% -50%}.arch-text{width:clamp(320px,34vw,480px);margin-bottom:clamp(-18px,-1.2vw,-10px);overflow:visible}.arch-text text{fill:#f3e2b4;stroke:#4b2708;stroke-width:7px;paint-order:stroke;letter-spacing:2px;font-family:Luckiest Guy,sans-serif;font-size:44px}.bull-btn{transition:transform .15s;animation:2.2s ease-in-out infinite bull-bounce;position:relative}.bull-btn:before{content:"";background:radial-gradient(circle,#ffd65ccc 0%,#ffb82859 38%,#0000 68%);animation:2.2s ease-in-out infinite glow-pulse;position:absolute;inset:-28%}.bull-btn img{width:clamp(140px,21vh,210px);animation:2.2s ease-in-out infinite bull-glow;position:relative}.bull-btn:hover{transform:scale(1.05)}.press-play{color:#efe3c4;letter-spacing:3px;text-shadow:0 0 6px #0009,0 3px 4px #000c;margin-top:clamp(14px,3.5vh,40px);font-size:clamp(20px,2.2vw,32px);animation:1.8s ease-in-out infinite soft-pulse}.dock{gap:clamp(14px,2.2vw,32px);display:flex;position:absolute;bottom:clamp(12px,3vh,28px);left:50%;translate:-50%}.dock-btn{aspect-ratio:1536/1024;background:url(/frames/small.png) 50%/contain no-repeat;place-items:center;width:clamp(78px,8.5vw,118px);transition:transform .15s,filter .15s;display:grid}.dock-btn svg{fill:#4a4a46;filter:drop-shadow(0 1px #fff6);width:34%;height:34%}.dock-btn .dex-icon{filter:grayscale();mix-blend-mode:multiply;opacity:.72;width:36%}.buy-btn{aspect-ratio:1174/439;color:#3d2504;letter-spacing:1px;text-shadow:0 1px #fff0aa99;background:url(/frames/gold.png) 50%/contain no-repeat;place-items:center;width:clamp(170px,15vw,230px);padding-top:.35em;font-size:clamp(18px,1.6vw,26px);line-height:1;transition:transform .15s,filter .15s;display:grid;position:absolute;bottom:clamp(12px,3vh,28px);right:clamp(12px,2vw,28px)}.settings-btn:hover,.menu-btn:hover,.dock-btn:hover,.buy-btn:hover{filter:brightness(1.12);transform:scale(1.06)}.settings-btn:active,.menu-btn:active,.dock-btn:active,.buy-btn:active{transform:scale(.97)}.modal-overlay{z-index:50;background:#00000080;place-items:center;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{filter:drop-shadow(0 14px 34px #000000a6);border:40px solid #0000;border-image:url(/frames/square.png) 90 fill;width:min(640px,92vw);max-height:88vh;animation:.22s pop-in;position:relative}.modal-close{aspect-ratio:1536/1024;background:url(/frames/small.png) 50%/contain no-repeat;place-items:center;width:118px;transition:transform .15s,filter .15s;display:grid;position:absolute;top:-58px;right:-76px}.modal-close:hover{filter:brightness(1.12);transform:scale(1.08)}.modal-close svg{stroke:#4a4a46;stroke-width:4.5px;stroke-linecap:round;fill:none;filter:drop-shadow(0 1px #fff6);width:34%;height:34%}.modal-body{max-height:calc(88vh - 140px);padding:clamp(18px,3.5vh,36px) clamp(8px,2.5vw,28px) clamp(26px,5vh,48px);overflow-y:auto}.modal-title{text-align:center;color:#f4d9a4;letter-spacing:2px;text-shadow:0 3px 4px #000c;margin-bottom:clamp(20px,3.5vh,36px);font-size:clamp(26px,3vw,36px)}.steps{flex-direction:column;gap:clamp(18px,3vh,30px);list-style:none;display:flex}.step{grid-template-columns:56px 1fr;align-items:center;gap:18px;display:grid}.step-num{color:#8a6420;background:linear-gradient(160deg,#f6eed6 0%,#e5d7ae 100%);border-radius:8px;place-items:center;width:56px;height:56px;padding-top:6px;font-size:28px;line-height:1;display:grid;rotate:-2deg;box-shadow:inset 0 -3px #7a5a1e40,0 3px 6px #00000080}.step h3{color:#e79b2d;letter-spacing:1px;text-shadow:0 2px 3px #000000bf;margin-bottom:2px;font-size:clamp(17px,1.8vw,22px);font-weight:400}.step p{color:#f5f2ea;text-shadow:0 1px 2px #000000b3;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(13px,1.3vw,15.5px);font-weight:500;line-height:1.35}.lb-subtitle{text-align:center;color:#b8b09a;text-shadow:0 1px 2px #000000b3;margin:-14px 0 clamp(14px,2.5vh,24px);font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(12px,1.2vw,14.5px);font-weight:500}.lb-panel{background:#00000047;border:2px solid #beb9a038;border-radius:16px;gap:clamp(12px,1.8vw,22px);padding:clamp(12px,1.8vh,18px);display:flex;box-shadow:inset 0 2px 10px #00000073}.lb-track{cursor:pointer;background:linear-gradient(#0000008c,#0006);border:2px solid #83816f;border-radius:12px;flex:none;width:24px;position:relative;box-shadow:inset 0 3px 6px #000c,0 1px #ffffff1f}.lb-thumb{cursor:grab;touch-action:none;z-index:1;width:34px;height:34px;position:absolute;left:50%;translate:-50%}.lb-thumb:active{cursor:grabbing}.lb-thumb:before{content:"";background:linear-gradient(135deg,#ecece2 0%,#a9a89a 55%,#83816f 100%);border:2px solid #2c2c24;border-radius:5px;position:absolute;inset:2px;rotate:45deg;box-shadow:0 2px 5px #0009}.lb-thumb:after{content:"";background:linear-gradient(135deg,#d5ff5e 0%,#86e429 45%,#4ea812 100%);border:1px solid #2c5c10;border-radius:3px;position:absolute;inset:9px;rotate:45deg;box-shadow:inset 0 1px 2px #fff9}.lb-scroll{scrollbar-width:none;flex:1;max-height:min(48vh,420px);overflow-y:auto}.lb-scroll::-webkit-scrollbar{display:none}.lb-list{list-style:none}.lb-row{border-bottom:1px solid #ffffff12;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:clamp(8px,1.4vh,12px) 8px;display:grid}.lb-row:last-child{border-bottom:none}.lb-rank{color:#b9b29b;text-align:center;text-shadow:0 2px 2px #000000b3;padding-top:4px;font-size:clamp(16px,1.6vw,20px);line-height:1}.lb-rank.top{color:#ffd94a}.lb-name{color:#f5f2ea;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000000b3;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(13.5px,1.35vw,16px);font-weight:500;overflow:hidden}.lb-score{color:#e79b2d;text-shadow:0 2px 2px #000000b3;padding-top:4px;font-size:clamp(15px,1.5vw,19px);line-height:1}.modal-title.green{color:#8ce63a;text-shadow:0 0 2px #1e4a0a,0 3px 4px #000000d9}.settings{flex-direction:column;gap:clamp(20px,3.2vh,30px);padding:0 clamp(4px,2vw,24px);display:flex}.set-label{color:#f5f2ea;text-shadow:0 1px 2px #000000b3;margin-bottom:12px;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(16px,1.6vw,19px);font-weight:600;display:block}.set-slider{appearance:none;background:linear-gradient(180deg, #a8ef42 0%, #86e429 45%, #55b515 100%) 0 / var(--fill) 100% no-repeat, linear-gradient(180deg, #12100c 0%, #26231c 100%);cursor:pointer;border:3px solid #83816f;border-radius:14px;width:100%;height:28px;display:block;box-shadow:inset 0 3px 6px #000000b3,0 1px #ffffff1f}.set-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:radial-gradient(circle at 50% 45%,#b9f24e 0 36%,#0000 39%),linear-gradient(135deg,#ecece2 0%,#a9a89a 55%,#83816f 100%);border:2px solid #2c2c24;border-radius:6px;width:27px;height:27px;transform:rotate(45deg);box-shadow:0 2px 4px #0000008c}.set-slider::-moz-range-thumb{cursor:grab;background:radial-gradient(circle at 50% 45%,#b9f24e 0 36%,#0000 39%),linear-gradient(135deg,#ecece2 0%,#a9a89a 55%,#83816f 100%);border:2px solid #2c2c24;border-radius:6px;width:24px;height:24px}.set-row-inline{align-items:center;gap:18px;display:flex}.set-row-inline .set-label{margin-bottom:0}.set-toggle{color:#f5f2ea;letter-spacing:1px;background:linear-gradient(#3b382f 0%,#211f19 100%);border:2px solid #83816f;border-radius:999px;align-items:center;gap:10px;padding:.5em 20px 5px 12px;font-size:15px;line-height:1;transition:filter .15s;display:inline-flex;box-shadow:inset 0 2px 5px #0009}.set-toggle:hover{filter:brightness(1.15)}.toggle-gem{background:linear-gradient(135deg,#8f8d81 0%,#55534a 100%);border:2px solid #2c2c24;border-radius:4px;width:17px;height:17px;margin-top:-.4em;rotate:45deg}.set-toggle.on .toggle-gem{background:linear-gradient(135deg,#d5ff5e 0%,#86e429 45%,#4ea812 100%)}.set-footer{color:#a89f85;letter-spacing:1px;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:12px;font-weight:600}.set-input{color:#f5f2ea;text-shadow:0 1px 2px #000000b3;background:linear-gradient(#12100c 0%,#26231c 100%);border:3px solid #83816f;border-radius:14px;outline:none;width:100%;padding:12px 16px 10px;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(15px,1.5vw,18px);font-weight:600;display:block;box-shadow:inset 0 3px 6px #000000b3,0 1px #ffffff1f}.set-input::placeholder{color:#79715c;font-weight:500}.set-input:focus{border-color:#c9a44a;box-shadow:inset 0 3px 6px #000000b3,0 0 0 3px #e79b2d40}.signup-form{flex-direction:column;gap:clamp(16px,2.6vh,24px);padding:0 clamp(4px,2vw,24px);display:flex}.signup-actions{justify-content:center;margin-top:4px;display:flex}.form-error{color:#ff9563;text-shadow:0 1px 2px #000c;margin:-6px 0 0;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:14px;font-weight:600}.set-toggle:disabled{opacity:.55;cursor:default;filter:none}.toggle-gem.saved{background:linear-gradient(135deg,#d5ff5e 0%,#86e429 45%,#4ea812 100%)}.game-screen{background:#14100a;position:fixed;inset:0}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game-hud{pointer-events:none;position:absolute;inset:0}.hud-pause{pointer-events:auto}.hud-stats{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:clamp(12px,2.5vh,24px);right:clamp(12px,2vw,24px)}.hud-bar{aspect-ratio:1498/544;color:#f4d9a4;letter-spacing:1px;text-shadow:0 2px 3px #000c;background:url(/frames/horizontal.png) 50%/contain no-repeat;justify-content:flex-end;align-items:center;gap:8px;width:clamp(150px,13vw,200px);padding:0 18%;font-size:clamp(15px,1.4vw,20px);line-height:1;display:flex}.hud-bar span{padding-top:.3em}.hud-icon{font-size:.85em}.game-over{text-align:center;width:min(480px,90vw)}.over-reason{color:#d8cfb4;text-shadow:0 1px 2px #000000b3;margin:-10px 0 20px;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(14px,1.4vw,17px);font-weight:500}.over-stats{justify-content:center;gap:clamp(24px,4vw,48px);margin-bottom:clamp(20px,3.5vh,32px);display:flex}.over-stats>div{flex-direction:column;gap:6px;display:flex}.over-label{letter-spacing:2px;text-transform:uppercase;color:#a89f85;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:12px;font-weight:600}.over-value{color:#e79b2d;text-shadow:0 2px 3px #000000bf;font-size:clamp(22px,2.4vw,30px);line-height:1}.over-buttons{flex-direction:column;align-items:center;gap:12px;display:flex}.over-btn{width:clamp(190px,18vw,230px);position:static}.over-menu{width:clamp(190px,18vw,230px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes bull-bounce{0%,to{translate:0}50%{translate:0 -14px}}@keyframes bull-glow{0%,to{filter:drop-shadow(0 0 14px #ffc846d9)drop-shadow(0 0 36px #ffa50073)}50%{filter:drop-shadow(0 0 24px #ffd664)drop-shadow(0 0 60px #ffb414b3)}}@keyframes glow-pulse{0%,to{opacity:.7;scale:1}50%{opacity:1;scale:1.1}}@keyframes soft-pulse{0%,to{opacity:1}50%{opacity:.65}}.docs{-webkit-user-select:text;user-select:text;background:#14100a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.docs-hero{background:linear-gradient(#14100a26 0%,#14100a8c 70%,#14100a 100%),url(/herobg.png) 50% 30%/cover no-repeat;flex-direction:column;flex:none;justify-content:center;align-items:center;min-height:clamp(150px,24vh,230px);padding:clamp(14px,3vh,26px) 20px;display:flex;position:relative}.docs-back{white-space:nowrap;width:clamp(150px,13vw,190px);padding:.35em 18px 0;font-size:clamp(12px,1vw,15px);position:absolute;top:clamp(12px,2.5vh,24px);left:clamp(12px,2vw,24px)}.docs-logo{filter:drop-shadow(0 6px 14px #0000008c);width:clamp(200px,22vw,320px)}.docs-tagline{color:#efe3c4;letter-spacing:2px;text-align:center;text-shadow:0 0 6px #0009,0 3px 4px #000c;margin-top:clamp(6px,1.4vh,14px);font-size:clamp(14px,1.4vw,19px)}.docs-shell{filter:drop-shadow(0 14px 34px #0009);border:38px solid #0000;border-image:url(/frames/square.png) 90 fill;flex:1;gap:clamp(10px,1.4vw,22px);width:min(1220px,96vw);min-height:0;margin:clamp(6px,1.5vh,16px) auto clamp(14px,2.5vh,26px);padding:clamp(10px,1.8vh,20px) clamp(8px,1.4vw,18px);display:flex}.docs-toc{border-right:2px solid #beb9a02e;flex-direction:column;flex:none;gap:6px;width:clamp(180px,17vw,230px);padding:8px 4px 8px 0;display:flex}.docs-toc-link{color:#cfc5a8;letter-spacing:1px;text-align:left;text-shadow:0 2px 3px #000c;border-radius:10px;align-items:center;gap:10px;padding:10px 10px 8px;font-size:clamp(13px,1.05vw,16px);line-height:1;transition:background .15s,color .15s;display:flex}.docs-toc-link:hover{color:#f5eeda;background:#0000004d}.toc-gem{background:linear-gradient(135deg,#8f8d81 0%,#55534a 100%);border:2px solid #2c2c24;border-radius:3px;flex:none;width:13px;height:13px;margin-top:-.35em;transition:background .15s;rotate:45deg}.docs-toc-link.active{color:#8ce63a;text-shadow:0 0 2px #1e4a0a,0 2px 3px #000000d9;background:#00000061}.docs-toc-link.active .toc-gem{background:linear-gradient(135deg,#d5ff5e 0%,#86e429 45%,#4ea812 100%)}.docs-toc-cta{align-self:center;width:100%;max-width:200px;margin-top:auto}.docs-scroll{scrollbar-width:none;flex:1;min-width:0;padding:6px clamp(10px,1.6vw,26px) 30px clamp(4px,1vw,14px);overflow-y:auto}.docs-scroll::-webkit-scrollbar{display:none}.docs-track{flex:none;margin:8px 2px 8px 0}.docs-section{border-bottom:2px solid #beb9a024;padding:clamp(10px,2vh,20px) 0 clamp(18px,3vh,30px)}.docs-section:last-child{border-bottom:none}.docs-h2{color:#f4d9a4;letter-spacing:2px;text-shadow:0 3px 4px #000c;margin-bottom:clamp(14px,2.4vh,24px);font-size:clamp(24px,2.6vw,32px)}.docs-section p,.docs-list li{color:#f5f2ea;text-shadow:0 1px 2px #000000b3;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(14px,1.4vw,16.5px);font-weight:500;line-height:1.55}.docs-section p+p{margin-top:12px}.docs-section strong{color:#e79b2d;font-weight:600}.docs-list{flex-direction:column;gap:10px;margin:14px 0;list-style:none;display:flex}.docs-list li{padding-left:26px;position:relative}.docs-list li:before{content:"";background:linear-gradient(135deg,#d5ff5e 0%,#86e429 45%,#4ea812 100%);border:2px solid #2c2c24;border-radius:3px;width:11px;height:11px;position:absolute;top:.52em;left:4px;rotate:45deg}.docs-origin{max-width:440px;margin:clamp(16px,2.6vh,26px) auto;transition:transform .15s,filter .15s;display:block}.docs-origin:hover{filter:brightness(1.08);transform:scale(1.02)}.docs-origin img{border:3px solid #83816f;border-radius:14px;width:100%;box-shadow:0 10px 26px #0009}.docs-origin-caption{text-align:center;color:#b8b09a;text-shadow:0 1px 2px #000000b3;margin-top:10px;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(12px,1.2vw,14px);font-weight:500;display:block}.docs-controls{flex-direction:column;gap:10px;margin:clamp(14px,2.4vh,22px) 0;display:flex}.docs-control{background:#00000047;border-radius:12px;grid-template-columns:minmax(150px,220px) 1fr;align-items:center;gap:14px;padding:10px 14px;display:grid}.docs-keys{color:#8ce63a;letter-spacing:1px;text-shadow:0 0 2px #1e4a0a,0 2px 3px #000000d9;font-size:clamp(13px,1.3vw,16px)}.docs-does{color:#f5f2ea;text-shadow:0 1px 2px #000000b3;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(13px,1.3vw,15px);font-weight:500;line-height:1.4}.docs-steps{margin:clamp(14px,2.4vh,22px) 0}.docs-gh{color:#8ce63a;letter-spacing:1px;text-shadow:0 0 2px #1e4a0a,0 2px 3px #000000d9;margin-top:clamp(14px,2.4vh,20px);font-size:clamp(15px,1.5vw,18px);transition:transform .15s,filter .15s;display:inline-block}.docs-gh:hover{filter:brightness(1.15);transform:scale(1.04)}.docs-end{margin-top:clamp(24px,4vh,40px)}@media (width<=760px){.docs-shell{border-width:26px;flex-direction:column}.docs-toc{border-bottom:2px solid #beb9a02e;border-right:none;flex-flow:wrap;width:100%;padding:0 0 8px}.docs-toc-cta,.docs-track{display:none}.docs-control{grid-template-columns:1fr;gap:4px}}.prompt-note{color:#e79b2d;margin-top:-8px}.hud-hint{color:#ffe9ad;letter-spacing:2px;white-space:nowrap;text-shadow:0 0 4px #000000a6,0 3px 5px #000000d9;pointer-events:none;font-size:clamp(19px,2.4vw,30px);animation:.25s hint-pop,1.5s ease-in-out .25s infinite soft-pulse;position:absolute;bottom:26%;left:50%;translate:-50%}@keyframes hint-pop{0%{opacity:0;scale:.75}to{opacity:1;scale:1}}.loading-screen{z-index:200;background:#1c0703 url(/lightbg.jpeg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:clamp(22px,4vh,40px);transition:opacity .7s;display:flex;position:fixed;inset:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-logo{filter:drop-shadow(0 8px 18px #0009);width:clamp(300px,46vw,640px);animation:2.4s ease-in-out infinite loading-bob}@keyframes loading-bob{0%,to{translate:0;scale:1}50%{translate:0 -8px;scale:1.015}}.loading-bar{background:#140703b8;border:2px solid #ffc75c8c;border-radius:999px;width:clamp(260px,34vw,440px);height:clamp(16px,2.2vh,22px);overflow:hidden;box-shadow:inset 0 2px 6px #000000b3,0 3px 10px #00000073}.loading-fill{background:linear-gradient(#ffdf7e 0%,#f5b93c 45%,#c97f18 100%);border-radius:999px;height:100%;transition:width .12s linear;position:relative;box-shadow:inset 0 -2px 3px #783c008c}.loading-fill:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff73 50%,#0000 70%) 0 0/220% 100%;animation:1.4s linear infinite loading-shimmer;position:absolute;inset:0}@keyframes loading-shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}.loading-status{color:#ffe9ad;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 4px #000000a6,0 3px 5px #000000d9;align-items:baseline;gap:12px;font-size:clamp(18px,2.2vw,26px);animation:1.5s ease-in-out infinite soft-pulse;display:flex}.loading-pct{color:#ffd668;text-align:left;min-width:3.2ch}