@font-face{font-family:KenneyPixel;src:url(./Kenney-Pixel-Square-BGJbmVgp.ttf)format("truetype");font-display:block}@font-face{font-family:KenneyFuture;src:url(./Kenney-Future-DEf4eE_G.ttf)format("truetype");font-display:block}:root{--ink:#f2ead8;--dim:#9aa0b0;--bg:#12151c;--panel:#232936;--panel-hi:#2e3648;--line:#0b0d12;--gold:#ffcf4d;--hp:#e5484d;--xp:#4dc4ff;--good:#6ee06e;--pad:clamp(8px, 2vmin, 18px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:KenneyPixel,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#screen{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:fixed;inset:0}.hidden{display:none!important}.screen{justify-content:center;align-items:center;gap:var(--pad);padding:max(var(--pad), env(safe-area-inset-top)) var(--pad) max(var(--pad), env(safe-area-inset-bottom));z-index:20;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.screen.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:#080a0fd1}.logo{letter-spacing:.14em;color:var(--gold);text-shadow:0 4px #8a5a10,0 8px 24px #0009;font-family:KenneyFuture,system-ui,sans-serif;font-size:clamp(38px,11vmin,92px)}.tagline{color:var(--dim);letter-spacing:.08em;font-size:clamp(12px,2.6vmin,17px)}h2{letter-spacing:.06em;font-size:clamp(17px,3.6vmin,26px)}.hint{color:var(--dim);text-align:center;font-size:clamp(11px,2.2vmin,15px);line-height:1.7}button{font:inherit;color:var(--ink);background:var(--panel);border:3px solid var(--line);box-shadow:0 4px 0 var(--line);cursor:pointer;letter-spacing:.05em;padding:.6em 1.2em;font-size:clamp(14px,2.8vmin,19px);transition:transform 60ms,background .12s}button:hover{background:var(--panel-hi)}button:active{box-shadow:0 0 0 var(--line);transform:translateY(4px)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 4px 0 var(--line)}button.primary{background:#2f6d3a}button.primary:hover{background:#3c8a4a}button.ghost{background:0 0;box-shadow:0 4px #000}.row{gap:var(--pad);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.col{gap:var(--pad);flex-direction:column;align-items:center;display:flex}.spr{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:block}#chars{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;width:min(680px,96vw);display:grid}.char{background:var(--panel);border:3px solid var(--line);box-shadow:0 4px 0 var(--line);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.char:hover{background:var(--panel-hi)}.char.sel{border-color:var(--good);background:#3a4a2e}.char.locked{opacity:.5}.char b{font-size:clamp(12px,2.4vmin,15px)}.char small{color:var(--dim);text-align:center;font-size:clamp(10px,2vmin,12px);line-height:1.4}.char .cost{color:var(--gold)}#levelup .cards{gap:var(--pad);flex-wrap:wrap;justify-content:center;width:min(900px,98vw);display:flex}.card{background:var(--panel);border:3px solid var(--line);min-width:0;max-width:300px;box-shadow:0 5px 0 var(--line);cursor:pointer;text-align:center;flex-direction:column;flex:220px;align-items:center;gap:8px;padding:16px 12px;display:flex}.card:hover,.card:focus-visible{background:var(--panel-hi);outline:none;transform:translateY(-3px)}.card.new{border-color:var(--gold)}.card .tag{letter-spacing:.1em;color:var(--gold);font-size:clamp(10px,2vmin,12px)}.card .name{font-size:clamp(15px,3vmin,20px)}.card .lvl{color:var(--dim);font-size:clamp(11px,2.2vmin,14px)}.card .desc{color:var(--ink);opacity:.9;font-size:clamp(11px,2.3vmin,15px);line-height:1.6}#shop .items{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;width:min(880px,96vw);display:grid}.item{background:var(--panel);border:3px solid var(--line);box-shadow:0 4px 0 var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.item .txt b{font-size:clamp(13px,2.5vmin,16px);display:block}.item .txt small{color:var(--dim);font-size:clamp(10px,2vmin,12px)}.item .pips{gap:2px;margin-top:3px;display:flex}.item .pips i{background:#4b5468;width:8px;height:8px}.item .pips i.on{background:var(--good)}.item button{padding:.5em .7em;font-size:clamp(11px,2.2vmin,14px)}.purse{color:var(--gold);align-items:center;gap:8px;font-size:clamp(15px,3vmin,21px);display:flex}#hud{z-index:10;pointer-events:none;padding:max(6px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.hud-top,.hud-bot{flex-direction:column;gap:5px;display:flex}.hud-row{align-items:center;gap:10px;display:flex}.bar{border:2px solid var(--line);background:#0c0f16;height:16px;position:relative;overflow:hidden}.bar>i{background:var(--xp);width:0%;height:100%;transition:width .12s linear;display:block}.bar.hp{max-width:260px}.bar.hp>i{background:linear-gradient(180deg, #ff6b6e, var(--hp));transition:width .2s}.bar>span{letter-spacing:.08em;text-shadow:0 0 3px #000,0 1px #000;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}#clock{text-shadow:0 2px #000;font-size:clamp(20px,4.5vmin,30px)}#counters{color:var(--dim);gap:12px;font-size:clamp(12px,2.6vmin,16px);display:flex}#counters b{color:var(--ink)}#counters span:before{margin-right:4px}.c-kill:before{content:"☠"}.c-coin:before{content:"◍";color:var(--gold)}#pausebtn{pointer-events:auto;box-shadow:0 3px 0 var(--line);margin-left:auto;padding:.35em .6em;font-size:13px}#slots{flex-wrap:wrap;gap:4px;display:flex}.slot{border:2px solid var(--line);background:#0c0f16;justify-content:center;align-items:center;display:flex;position:relative}.slot .lv{color:var(--gold);text-shadow:0 0 3px #000,0 1px #000;font-size:10px;position:absolute;bottom:-4px;right:-2px}.slot.max .lv{color:#ff9de0}#debug{color:#7fe08a;text-align:right;white-space:pre;text-shadow:0 0 3px #000;font-size:11px;position:fixed;top:40%;right:6px}#stick{z-index:15;pointer-events:none;background:#ffffff0d;border:3px solid #ffffff38;border-radius:50%;width:108px;height:108px;margin:-54px 0 0 -54px;position:fixed}#stick>i{background:#fff6;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #00000080}.loadbar{border:2px solid var(--line);background:#0c0f16;width:min(320px,70vw);height:14px}.loadbar>i{background:var(--gold);width:0%;height:100%;transition:width .15s;display:block}.verdict{letter-spacing:.1em;font-family:KenneyFuture,system-ui,sans-serif;font-size:clamp(26px,7vmin,54px)}.verdict.win{color:var(--gold)}.verdict.lose{color:var(--hp)}.stats{grid-template-columns:auto auto;gap:6px 22px;font-size:clamp(13px,2.7vmin,18px);display:grid}.stats span:nth-child(odd){color:var(--dim)}.stats span:nth-child(2n){text-align:right;font-variant-numeric:tabular-nums}.earn{color:var(--gold);font-size:clamp(15px,3.4vmin,22px)}.best{color:var(--good);font-size:clamp(12px,2.4vmin,15px)}.build{flex-wrap:wrap;justify-content:center;gap:4px;max-width:min(560px,94vw);display:flex}
