[hidden]{display:none!important}.game-body{overflow:hidden;height:100dvh;background:#070a09;touch-action:none}#game{position:fixed;inset:0;width:100vw;height:100dvh;display:block}#topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-top));pointer-events:none}#topbar>*{pointer-events:auto}#brand{font-size:24px;color:var(--gold-hi);text-shadow:.06em .06em 0 rgba(0,0,0,.85);letter-spacing:.02em}#walletBtn{min-height:36px;padding:0 16px;font-size:12px;background-size:100% 100%;border:1px solid var(--line-gold);background:var(--panel);color:var(--gold-hi)}#walletBtn[data-state=on]{color:var(--teal);border-color:#6fd9c880}.top-actions{display:flex;gap:8px;align-items:center}#muteBtn{min-height:36px;padding:0 12px;font-size:12px;background:var(--panel);border:1px solid var(--line-gold);color:var(--bone)}#muteBtn[data-muted="1"]{color:var(--bone-dim);opacity:.7}#faucetBtn{min-height:36px;padding:0 12px;font-size:12px;background:var(--panel);border:1px solid rgba(111,217,200,.5);color:var(--teal)}#faucetBtn[data-low="1"]{animation:faucet-pulse 1.3s ease-in-out infinite;border-color:var(--teal)}@keyframes faucet-pulse{0%,to{box-shadow:0 0 #6fd9c800}50%{box-shadow:0 0 10px 1px #6fd9c88c}}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:radial-gradient(120% 120% at 50% 30%,#060a09b3,#060a09f2);backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.panel{width:min(680px,96vw);max-height:92dvh;overflow:auto;text-align:center;padding:clamp(20px,4vw,34px);background:var(--panel);border:20px solid transparent;border-image:url(../assets/generated/ui/panel_frame.png) 42 / 20px / 0 round;image-rendering:pixelated;box-shadow:0 12px 40px #000000b3}@media(max-width:560px){.panel{border-width:14px;padding:16px 14px 22px}}.logo{width:min(300px,70vw);height:auto;margin:0 auto 6px;image-rendering:pixelated}.panel h1{font-size:clamp(20px,3.4vw,28px);color:var(--gold-hi);line-height:.96;letter-spacing:.02em}.panel h2{font-size:clamp(30px,6vw,46px);line-height:.96}.panel h2.win{color:var(--teal)}.panel h2.lose{color:var(--blood-hi)}.kick{font-size:11px;letter-spacing:.18em;margin:8px 0 18px}.panel p{color:var(--bone-dim);line-height:1.5;max-width:46ch;margin:0 auto}#classGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 14px}@media(max-width:560px){#classGrid{grid-template-columns:repeat(2,1fr)}}.classCard{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;background:#0a0d0c99;border:1px solid rgba(212,170,85,.25);transition:border-color .12s,transform .12s,background .12s}.classCard{position:relative}.classCard img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.classCard .emblem{position:absolute;top:5px;right:5px;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));opacity:.92}.classCard b{color:var(--bone);font-size:13px;letter-spacing:.04em}.classCard .tl{color:var(--bone-dim);font-size:10px}.classCard .st{color:var(--gold);font-family:var(--font-mono);font-size:9px;margin-top:2px}.classCard:hover{border-color:var(--gold);transform:translateY(-2px)}.classCard.is-sel{border-color:var(--teal);background:#6fd9c814;box-shadow:0 0 0 1px var(--teal) inset}#bootProgress{height:8px;background:#00000080;border:1px solid var(--line-gold);margin:14px auto;max-width:320px}#bootBar{height:100%;width:0;background:linear-gradient(90deg,var(--gold-dk),var(--gold-hi));transition:width .2s steps(6)}.rbtn.big{min-height:52px;padding:0 28px;font-size:16px;margin:8px auto 4px}#selectHint{min-height:18px;font-size:12px;margin-top:6px}.foothint{font-size:10px;letter-spacing:.08em;margin-top:14px;opacity:.8}.entrycost{font-size:11px;color:var(--bone-dim);margin:10px auto 0;max-width:52ch;line-height:1.5}.entrycost b{color:var(--teal)}.select-wallet{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:6px auto 14px;min-height:40px}.sw-connect{min-height:44px;padding:0 22px;font-size:14px}.sw-note{width:100%;font-family:var(--font-mono);font-size:10px;color:var(--bone-dim);letter-spacing:.05em}.sw-on{font-family:var(--font-mono);font-size:12px;color:var(--teal);padding:6px 10px;border:1px solid rgba(111,217,200,.4);background:#6fd9c80f}.sw-bal{font-family:var(--font-mono);font-size:12px;color:var(--gold-hi)}.sw-bal.low{color:var(--blood-hi)}#swFaucet{min-height:32px;padding:0 12px;font-size:11px}.sw-pulse{animation:faucet-pulse 1.3s ease-in-out infinite;border-color:var(--teal)}.sw-link{background:none;border:none;color:var(--bone-dim);font-family:var(--font-mono);font-size:10px;text-decoration:underline;cursor:pointer}#records{display:flex;justify-content:center;gap:20px;margin:2px 0 12px;flex-wrap:wrap}#records span{display:flex;flex-direction:column;align-items:center;gap:1px}#records i{font-size:9px;letter-spacing:.12em;color:var(--bone-dim);font-style:normal}#records b{font-size:17px;color:var(--bone);line-height:1}#records b.t-gold{color:var(--gold-hi)}.outfitter{text-align:left;margin:0 auto 14px;max-width:540px;border:1px solid rgba(212,170,85,.25);background:#0a0d0c80}.outfitter>summary{cursor:pointer;padding:9px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--gold-hi);user-select:none;list-style:none}.outfitter>summary::-webkit-details-marker{display:none}.outfitter>summary .t-dim{font-size:9px;letter-spacing:.06em}.outfitter[open]>summary{border-bottom:1px solid rgba(212,170,85,.2)}.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}@media(max-width:560px){.shop{grid-template-columns:1fr}}.shopItem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;background:#060a0999;border:1px solid var(--c, var(--line-gold));cursor:pointer;transition:transform .1s,background .1s;color:var(--bone);text-align:left}.shopItem:hover:not(:disabled){transform:translateY(-2px);background:#0a0d0ce6}.shopItem:disabled{opacity:.45;cursor:not-allowed}.shopItem b{color:var(--c, var(--gold-hi));font-size:12px;letter-spacing:.02em}.shopItem .blurb{font-size:10px;color:var(--bone-dim)}.shopItem .buy{font-family:var(--font-mono);font-size:11px;color:var(--gold);margin-top:2px}.shopItem .owned{font-family:var(--font-mono);font-size:9px;color:var(--teal);letter-spacing:.06em}.shopItem .owned.dim{color:var(--bone-dim);opacity:.5}.stats{display:grid;gap:6px;max-width:320px;margin:18px auto}.stats>div{display:flex;justify-content:space-between;padding:7px 12px;background:#0a0d0c99;border:1px solid rgba(212,170,85,.2);font-family:var(--font-mono);font-size:13px}.stats span{color:var(--bone-dim)}.stats b{color:var(--bone)}.stats b.win{color:var(--teal)}.stats b.lose{color:var(--blood-hi)}#resTx{display:inline-block;margin:4px 0 14px;font-size:12px}#controls{position:fixed;inset:0;z-index:20;pointer-events:none;display:none}#controls.show{display:block}#joystick{position:fixed;left:calc(22px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#0a0d0c80;border:2px solid rgba(212,170,85,.4);pointer-events:auto;touch-action:none}#joystickKnob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#d4aa5580;border:2px solid var(--gold-hi)}#actionPad{position:fixed;right:calc(22px + env(safe-area-inset-right));bottom:calc(38px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px;pointer-events:none}#actionPad button{position:relative;pointer-events:auto;touch-action:none;border-radius:50%;color:var(--bone);font-weight:700;display:grid;place-items:center;line-height:1;box-shadow:0 3px 10px #00000080,inset 0 0 0 2px #00000059}#actionPad button:active{transform:scale(.9);filter:brightness(1.35)}.ctl-glyph{display:block}.ctl-lbl{position:absolute;bottom:-3px;left:50%;transform:translate(-50%,100%);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--bone-dim);white-space:nowrap}#dashBtn{width:60px;height:60px;font-size:30px;background:#6fd9c86b;border:2px solid var(--teal)}#skillBtn{width:66px;height:66px;font-size:26px;background:#a06edc80;border:2px solid #c79bff}#attackBtn{width:100px;height:100px;font-size:40px;background:#a2353594;border:2px solid var(--blood-hi)}#joystick .ctl-cap{position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--bone-dim)}body:not(.touch) #controls{display:none!important}#rotateOverlay{display:none}body.touch #rotateOverlay{position:fixed;inset:0;z-index:60;place-items:center;text-align:center;padding:24px;background:radial-gradient(120% 120% at 50% 40%,#060a09eb,#060a09fc)}@media(orientation:portrait){body.touch #rotateOverlay{display:grid}}.rotate-inner{display:grid;gap:14px;place-items:center}.rotate-inner h2{color:var(--gold-hi);font-size:26px}.rotate-inner p{color:var(--bone-dim);line-height:1.6;font-size:13px}.rotate-phone{width:58px;height:92px;border:3px solid var(--gold);border-radius:10px;display:grid;place-items:center;animation:rotate-tilt 1.8s ease-in-out infinite}.rotate-arrow{font-size:30px;color:var(--gold-hi)}@keyframes rotate-tilt{0%,40%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}#coinHud{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:9px;padding:5px 16px;background:var(--panel);border:1px solid var(--line-gold);box-shadow:inset 0 0 0 2px #000000b3,0 3px 12px #00000080;font-family:var(--font-mono)}#coinHud img{width:26px;height:26px;image-rendering:pixelated}#coinNow{font-size:22px;font-weight:700;color:var(--gold-hi);text-shadow:1px 1px 0 #000;line-height:1}#coinBanked{font-size:11px;color:var(--bone-dim)}#coinBanked:before{content:"banked "}#keycaps{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:25;display:flex;align-items:flex-end;gap:22px;pointer-events:none}.kc-group{display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}.kc-cluster{display:grid;grid-template-columns:repeat(3,26px);grid-template-rows:26px 26px;gap:3px}.kc-cluster .kc:nth-child(1){grid-column:2;grid-row:1}.kc-cluster .kc:nth-child(2){grid-column:1;grid-row:2}.kc-cluster .kc:nth-child(3){grid-column:2;grid-row:2}.kc-cluster .kc:nth-child(4){grid-column:3;grid-row:2}.kc{pointer-events:auto;cursor:pointer;user-select:none;display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--bone);background:linear-gradient(#2b2c26,#15160e);border:1px solid rgba(212,170,85,.5);border-bottom-width:3px;border-radius:5px;box-shadow:0 2px #0009;transition:transform .05s,background .05s,box-shadow .05s,color .05s}.kc-w{min-width:66px}.kc.down{transform:translateY(2px);color:var(--gold-hi);background:linear-gradient(#3c3d33,#232418);border-bottom-width:1px;box-shadow:0 0 9px #d4aa558c}.kc-cap{font-size:9px;letter-spacing:.12em;color:var(--bone-dim)}@media(max-width:720px){#keycaps{display:none!important}}body.touch #keycaps{display:none!important}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:50;max-width:90vw;padding:10px 16px;font-family:var(--font-mono);font-size:12px;color:var(--bone);background:var(--panel);border:1px solid var(--line-gold);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%);pointer-events:auto}#toast a{color:var(--teal);text-decoration:underline}