:root{--tabs-pad: max( calc(env(safe-area-inset-bottom, 0px) - 14px) , 0px);--bg: #0b0918;--bg2: #100d22;--panel: #131027;--panel2: #1a1633;--line: #2a2448;--line2: #3a3266;--text: #ece6f7;--dim: #8a80ad;--dimmer: #8077aa;--cyan: #7cf7ff;--magenta: #ff3d81;--amber: #ffcc4d;--mint: #5dffb1;--ivory: #f4ecd8;--px: "Silkscreen", "Courier New", monospace;--mono: "VT323", "Courier New", monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}html{touch-action:manipulation}body{background:var(--bg);background-image:radial-gradient(ellipse at 50% -10%,rgba(124,247,255,.07),transparent 55%),radial-gradient(ellipse at 50% 120%,rgba(255,61,129,.08),transparent 55%);color:var(--text);font-family:var(--mono);font-size:20px;line-height:1.15;overflow:hidden;-webkit-font-smoothing:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.ico{width:32px;height:32px;vertical-align:middle}.dim{color:var(--dim)}b{font-weight:400;color:var(--ivory)}.glitch{position:relative;font-family:var(--px);font-weight:700;letter-spacing:.08em;color:var(--ivory)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}.glitch:before{color:var(--cyan);transform:translate(-2px);clip-path:inset(0 0 55% 0);opacity:.8;animation:glitch-a 4s infinite steps(1)}.glitch:after{color:var(--magenta);transform:translate(2px);clip-path:inset(55% 0 0 0);opacity:.8;animation:glitch-b 4s infinite steps(1)}@keyframes glitch-a{0%,92%,to{transform:translate(-1px)}93%{transform:translate(-5px,-1px);clip-path:inset(10% 0 60% 0)}95%{transform:translate(3px,1px)}}@keyframes glitch-b{0%,92%,to{transform:translate(1px)}94%{transform:translate(6px,1px);clip-path:inset(40% 0 20% 0)}96%{transform:translate(-3px)}}#boot{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#06050d;cursor:pointer;transition:opacity .6s,filter .6s}#boot.out{opacity:0;filter:blur(6px) brightness(2);pointer-events:none}.boot-inner{width:min(560px,calc(100vw - 32px))}.boot-logo{display:flex;align-items:center;gap:18px;font-size:clamp(40px,11vw,76px);margin-bottom:24px}.boot-logo canvas{width:64px;height:64px;animation:bob 1.4s ease-in-out infinite}#boot-log{font-family:var(--mono);font-size:20px;color:var(--dim);min-height:8.5em;margin:0 0 20px;white-space:pre-wrap}#boot-log .ok{color:var(--mint)}#boot-start{background:none;border:0;padding:0;font-family:var(--px);font-size:16px;color:var(--cyan);letter-spacing:.1em}.blink{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@keyframes bob{50%{transform:translateY(-6px)}}#app{height:100vh;display:flex;flex-direction:column;opacity:0;transition:opacity .8s .2s}#app.on{opacity:1}.top{display:flex;align-items:center;gap:20px;padding:calc(10px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) 10px calc(20px + env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);background:linear-gradient(180deg,#131027e6,#0b0918e6)}.brand{font-size:22px;display:flex;align-items:baseline}.brand .ver{font-family:var(--px);font-size:11px;color:var(--magenta);margin-left:4px}.rank{display:flex;align-items:baseline;gap:8px;margin-left:auto;font-size:20px;color:var(--dim)}.elo-num{font-size:30px;color:var(--amber);text-shadow:0 0 12px rgba(255,204,77,.5)}.elo-lbl{font-family:var(--px);font-size:10px;color:var(--amber)}.rank #title{color:var(--ivory)}.tools{display:flex;gap:6px;margin-left:20px}.tool{font-family:var(--px);font-size:10px;letter-spacing:.06em;padding:7px 9px;background:transparent;border:1px solid var(--line2);color:var(--dim);transition:color .15s,border-color .15s,box-shadow .15s}.tool.on{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px #7cf7ff40 inset}.tool:hover{color:var(--text);border-color:var(--text)}.layout{flex:1;min-height:0;display:grid;grid-template-columns:330px 1fr 370px}.col{min-width:0;min-height:0;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.col-left{border-right:1px solid var(--line)}.col-right{border-left:1px solid var(--line)}.col-center{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 24px;overflow-x:hidden}.panel{background:var(--panel);border:1px solid var(--line);padding:14px;margin-bottom:14px;position:relative}.panel:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(var(--cyan),var(--cyan)) top left / 8px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) top left / 1px 8px no-repeat,linear-gradient(var(--cyan),var(--cyan)) bottom right / 8px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) bottom right / 1px 8px no-repeat;opacity:.6}.ptitle{font-family:var(--px);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 12px;display:flex;justify-content:space-between}.ptitle .count{color:var(--dimmer)}.empty{color:var(--dimmer);font-size:18px;margin:0}.bank{text-align:left}.bank-label{font-family:var(--px);font-size:11px;letter-spacing:.15em;color:var(--amber);display:flex;align-items:center;gap:6px}.bank-label .ico{width:24px;height:24px}.bank-value{font-size:54px;line-height:1;margin:6px 0 2px;color:var(--ivory);text-shadow:0 0 18px rgba(244,236,216,.25);font-variant-numeric:tabular-nums}.bank-value.pop{animation:pop .18s ease-out}@keyframes pop{40%{transform:scale(1.05);color:var(--cyan)}}.bank-rate{color:var(--cyan);font-size:22px}.bank-meta{display:flex;gap:16px;margin-top:8px;font-size:18px;color:var(--dim)}#buffs{display:flex;flex-direction:column;gap:6px;margin-top:10px}#buffs:empty{display:none}.buff{position:relative;border:1px solid var(--magenta);padding:4px 8px;font-size:18px;color:var(--magenta);overflow:hidden}.buff b{color:var(--text)}.buff i{position:absolute;left:0;bottom:0;height:2px;background:var(--magenta)}.buff.on{animation:buffin .4s ease-out}@keyframes buffin{0%{transform:translate(-12px);opacity:0}}#btn-buy-all{width:100%;margin:0 0 10px;padding:8px 10px}.up-grid{display:grid;grid-template-columns:repeat(auto-fill,48px);gap:6px}.up{width:48px;height:48px;padding:0;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line2);position:relative;transition:transform .12s,border-color .12s,opacity .2s}.up canvas{width:32px;height:32px}.up.k-gen{border-color:#3d3570}.up.k-click{border-color:#7cf7ff73}.up.k-global{border-color:#ffcc4d73}.up.k-event{border-color:#5dffb173}.up.k-promo{border-color:#7cf7ff73}.up.k-fans{border-color:#ff5c9a80}.up.k-auto{border-color:#7cf7ffb3;border-style:dashed}.up.poor{opacity:.4}.up.can{box-shadow:0 0 0 1px var(--cyan),0 0 12px #7cf7ff4d}.up.can:hover{transform:translateY(-2px)}.up.new{animation:newup .5s ease-out}@keyframes newup{0%{transform:scale(.2) rotate(-20deg);opacity:0}}.bank-ana{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line2);font-size:18px;color:var(--mint);position:relative}.bank-ana .ico{width:22px;height:22px}.bank-ana b{color:var(--mint)}.ana-bar{display:block;width:100%;height:2px;background:var(--line)}.ana-bar i{display:block;height:100%;width:0;background:var(--mint);box-shadow:0 0 6px var(--mint)}.goal-name{display:flex;align-items:center;gap:8px;font-family:var(--px);font-size:12px;color:var(--amber);margin-bottom:10px}.goal-name .ico{width:28px;height:28px}.goal-req{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:17px;color:var(--dim);margin-bottom:8px}.goal-req b{color:var(--dim)}.goal-req.ok b{color:var(--mint)}.gbar{grid-column:1 / -1;display:block;height:3px;background:var(--line)}.gbar i{display:block;height:100%;width:0;background:var(--amber);transition:width .6s}.goal-req.ok .gbar i{background:var(--mint)}.btn.gold{border-color:var(--amber);color:var(--amber);width:100%;margin-top:4px}.btn.gold:hover:not(:disabled){background:var(--amber);color:var(--bg)}.btn.gold:not(:disabled){animation:glowm 1.4s ease-in-out infinite;box-shadow:0 0 16px #ffcc4d4d}.prestige .crowns{display:flex;align-items:center;gap:6px;font-size:20px}.prestige .pending{margin:6px 0 12px;color:var(--dim);font-size:18px}.btn{font-family:var(--px);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid var(--cyan);color:var(--cyan);padding:10px 14px;transition:background .15s,color .15s,opacity .15s}.btn:hover:not(:disabled){background:var(--cyan);color:var(--bg)}.btn.danger{border-color:var(--magenta);color:var(--magenta);width:100%}.btn.danger:hover:not(:disabled){background:var(--magenta);color:var(--bg)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn.ghost{border-color:var(--line2);color:var(--dim)}.legacy-btn{width:100%;margin-top:8px}.legacy-btn.has{border-color:var(--amber);color:var(--amber)}.legacy-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.leg{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:6px 8px;border:1px solid var(--line);background:var(--panel2);text-align:left}.leg canvas{width:32px;height:32px}.leg .ln{font-family:var(--px);font-size:11px;color:var(--ivory)}.leg .ld{font-size:16px;color:var(--dim)}.leg .lc{font-size:19px;color:var(--amber);white-space:nowrap}.leg.owned{border-color:#5dffb166}.leg.owned .lc{color:var(--mint)}.leg.can{border-color:var(--amber);cursor:pointer}.leg.can:hover{background:#ffcc4d14}.leg.poor{opacity:.5}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,26px);gap:4px}.ach{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg2)}.ach canvas{width:16px;height:16px}.ach.got{border-color:#ffcc4d80;box-shadow:0 0 8px #ffcc4d26 inset}.ach:not(.got) canvas{opacity:.25}.ticker{min-width:0;width:100%;max-width:680px;display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:6px 10px;background:var(--bg2);font-size:19px;overflow:hidden;white-space:nowrap}.ticker-tag{font-family:var(--px);font-size:9px;letter-spacing:.1em;color:var(--bg);background:var(--amber);padding:3px 5px;flex:none}#news{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--dim)}#news .cursor{display:inline-block;width:8px;height:16px;background:var(--dim);vertical-align:-2px;animation:blink .8s steps(1) infinite}.stage{display:flex;gap:14px;align-items:stretch}.evalbar{width:16px;position:relative;background:#2a2148;border:1px solid var(--line2);margin-bottom:26px;overflow:hidden}.eval-fill{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(0deg,var(--ivory),#fff);transition:height 1s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px #f4ecd899}#eval-num{position:absolute;left:50%;bottom:4px;transform:translate(-50%) rotate(-90deg);transform-origin:center;font-family:var(--px);font-size:8px;color:var(--bg);white-space:nowrap}.board-wrap{display:grid;grid-template-columns:14px auto;grid-template-rows:auto 22px;gap:4px 6px;position:relative}.ranks,.files{font-family:var(--px);font-size:10px;color:var(--dimmer);display:flex}.ranks{flex-direction:column;justify-content:space-around}.files{grid-column:2;justify-content:space-around;align-items:center}.board-frame{position:relative;width:512px;height:512px;box-shadow:0 0 0 1px var(--line2),0 0 0 5px var(--bg),0 0 0 6px var(--line),0 20px 60px #0009,0 0 80px #7cf7ff0f}#board{width:100%;height:100%;display:block;cursor:pointer;touch-action:none}#board.press{transform:scale(.995)}#floats{position:absolute;inset:0;pointer-events:none;overflow:visible}.float{position:absolute;transform:translate(-50%,-50%);font-family:var(--mono);font-size:26px;color:var(--cyan);text-shadow:0 0 8px rgba(124,247,255,.6),2px 2px 0 #000;white-space:nowrap;animation:rise .9s cubic-bezier(.2,.8,.3,1) forwards}.float.army{font-size:18px;color:var(--ivory);text-shadow:1px 1px 0 #000;opacity:.85;animation-duration:1.2s}.float.promo{font-family:var(--px);font-size:16px;color:var(--amber);text-shadow:0 0 12px rgba(255,204,77,.8),2px 2px 0 #000;animation:riseBig 1.6s cubic-bezier(.2,.8,.3,1) forwards;text-align:center}.float.rival{font-family:var(--px);font-size:14px;color:var(--magenta);text-shadow:0 0 12px rgba(255,61,129,.8),2px 2px 0 #000;animation:riseBig 2s cubic-bezier(.2,.8,.3,1) forwards;text-align:center}.float small{display:block;font-family:var(--mono);font-size:22px;color:var(--ivory)}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-240%) scale(1)}}@keyframes riseBig{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-70%) scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-200%) scale(1)}}.hint{color:var(--dim);font-size:19px;text-align:center;animation:breathe 2.4s ease-in-out infinite}.hint.gone{display:none}@keyframes breathe{50%{opacity:.45}}.offer{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#5dffb10f;border:1px solid var(--mint);color:var(--mint);font-size:20px;position:relative;animation:offerin .5s ease-out,glowm 1.2s ease-in-out infinite}.offer[hidden]{display:none}.offer b{color:var(--mint)}.offer-bar{position:absolute;left:0;right:0;bottom:0;height:2px}.offer-bar i{display:block;height:100%;background:var(--mint);width:100%}@keyframes offerin{0%{transform:translateY(10px) scale(.9);opacity:0}}@keyframes glowm{50%{box-shadow:0 0 18px #5dffb159}}.staff{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.staff-item{display:flex;align-items:center;gap:4px;padding:4px 8px 4px 4px;border:1px solid var(--line);background:var(--bg2);font-size:19px;color:var(--dim)}.staff-item canvas{width:32px;height:32px}.staff-item.pulse{animation:staffpulse .5s ease-out}@keyframes staffpulse{30%{border-color:var(--amber);color:var(--amber)}}.shop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shop-head .ptitle{margin:0}.qty{display:flex;border:1px solid var(--line2)}.qty button{background:none;border:0;font-family:var(--px);font-size:9px;padding:6px 7px;color:var(--dim)}.qty button.on{background:var(--cyan);color:var(--bg)}#shop{display:flex;flex-direction:column;gap:6px}.gen{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;width:100%;text-align:left;padding:6px 10px 6px 6px;background:var(--panel2);border:1px solid var(--line);position:relative;overflow:hidden;transition:border-color .15s,transform .1s,opacity .2s}.gen .tile{width:52px;height:52px;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line)}.gen .tile canvas{width:48px;height:48px}.gen .name{font-family:var(--px);font-size:12px;letter-spacing:.04em;color:var(--ivory)}.gen .cost{font-size:20px;color:var(--amber);display:flex;align-items:center;gap:4px}.gen .cost canvas{width:16px;height:16px}.gen{cursor:pointer}.gen .right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.gen .owned{font-size:36px;line-height:.9;color:var(--line2);min-width:1.5ch;text-align:right}.gen .owned small{font-size:22px;margin-right:1px;opacity:.7}.lvl{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:16px;line-height:1;padding:1px 5px 1px 2px;background:transparent;border:1px solid var(--line2);color:var(--dimmer)}.lvl .lvl-ico{width:16px;height:16px;opacity:.55}.lvl.on{color:var(--text)}.lvl.can{color:var(--mint);background:#5dffb12e;border-color:var(--mint);box-shadow:0 0 10px #5dffb180;animation:glowm 1.2s ease-in-out infinite}.lvl.can:after{content:"+";margin-left:1px}.lvl.can .lvl-ico,.lvl.max .lvl-ico{opacity:1}.lvl.max{color:var(--amber);border-color:#ffcc4d99}.lvl.max.can{color:var(--amber);background:#ffcc4d2e;border-color:var(--amber);box-shadow:0 0 10px #ffcc4d80;animation:glowa 1.2s ease-in-out infinite}@keyframes glowa{50%{box-shadow:0 0 18px #ffcc4d59}}.gen.locked .lvl{display:none}.gen.can{border-color:#7cf7ff73}.gen.can .owned{color:var(--dim)}.gen.can:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.gen.can:hover{transform:translate(-3px);border-color:var(--cyan)}.gen.poor .cost{color:#8a5d5d}.gen.poor{opacity:.6}.gen.locked{opacity:.35;cursor:default}.gen.locked .name{color:var(--dim)}.gen.bought{animation:bought .35s ease-out}@keyframes bought{0%{background:#7cf7ff40}}.gen .sweep{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(124,247,255,.18),transparent);transform:translate(-100%);pointer-events:none}.gen.bought .sweep{animation:sweep .5s ease-out}@keyframes sweep{to{transform:translate(100%)}}#tooltip{position:fixed;z-index:40;pointer-events:none;max-width:300px;padding:10px 12px;background:#0e0b1f;border:1px solid var(--line2);box-shadow:0 10px 30px #0009;font-size:18px;color:var(--dim);opacity:0;transform:translateY(4px);transition:opacity .1s,transform .1s}#tooltip.on{opacity:1;transform:none;pointer-events:auto}#tooltip.sheet{left:12px!important;right:12px;top:auto!important;bottom:calc(68px + var(--tabs-pad));max-width:none}.touch [data-tip],.touch .gen,.touch .up,.touch .ach{-webkit-touch-callout:none}#tooltip .tt-more{display:inline-block;margin-top:8px;color:var(--cyan);font-family:var(--px);font-size:9px;letter-spacing:.06em;text-decoration:none}#tooltip .tt-name{font-family:var(--px);font-size:12px;color:var(--ivory);margin-bottom:4px}#tooltip .tt-cost{color:var(--amber)}#tooltip .tt-desc{color:var(--text)}#tooltip q{font-style:italic;color:var(--dimmer);quotes:none;display:block;margin-top:4px}#tooltip hr{border:0;border-top:1px dashed var(--line2);margin:6px 0}#toasts{position:fixed;z-index:45;right:16px;bottom:16px;left:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.toast{pointer-events:none;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:#0e0b1f;border:1px solid var(--amber);box-shadow:0 0 20px #ffcc4d33;font-size:18px;max-width:340px;animation:toastin .4s cubic-bezier(.2,.9,.3,1.3),toastout .4s ease-in 4.6s forwards}.toast canvas{width:32px;height:32px;flex:none}.toast .t-head{font-family:var(--px);font-size:9px;letter-spacing:.12em;color:var(--amber)}.toast.cyan{border-color:var(--cyan);box-shadow:0 0 20px #7cf7ff33}.toast.cyan .t-head{color:var(--cyan)}.toast.magenta{border-color:var(--magenta)}.toast.magenta .t-head{color:var(--magenta)}@keyframes toastin{0%{transform:translate(120%)}}@keyframes toastout{to{transform:translate(120%);opacity:0}}#modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#06050dd1;backdrop-filter:blur(2px);animation:fadein .2s;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}#modal[hidden]{display:none}@keyframes fadein{0%{opacity:0}}.modal-box{background:var(--panel);border:1px solid var(--line2);padding:22px;width:min(480px,100%);max-height:calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;position:relative;animation:boxin .3s cubic-bezier(.2,.9,.3,1.2)}@keyframes boxin{0%{transform:scale(.9) translateY(10px);opacity:0}}.modal-box h3{font-family:var(--px);font-weight:400;font-size:16px;letter-spacing:.08em;margin:0 0 6px;color:var(--ivory)}.modal-box p{margin:6px 0;color:var(--dim)}.modal-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.modal-close{position:absolute;top:10px;right:10px;background:none;border:0;color:var(--dim);font-family:var(--px);font-size:12px}.stats{display:grid;grid-template-columns:1fr auto;gap:2px 16px;margin:12px 0;font-size:19px}.stats span:nth-child(odd){color:var(--dim)}textarea{width:100%;height:80px;background:var(--bg);color:var(--text);border:1px solid var(--line2);font-family:var(--mono);font-size:16px;padding:8px;resize:none}.set-group{font-family:var(--px);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin:18px 0 6px;padding-bottom:6px;border-bottom:1px dashed var(--line2)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.set-row label{color:var(--text);font-size:20px}.set-row label small{display:block;font-size:16px;color:var(--dimmer)}.set-ctl{display:flex;align-items:center;gap:10px;flex:none}.set-val{width:4ch;text-align:right;color:var(--amber);font-size:19px;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:150px;height:18px;background:transparent;cursor:pointer;--p: 50%}input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid var(--line2);background:linear-gradient(90deg,var(--cyan) var(--p),var(--bg) var(--p))}input[type=range]::-moz-range-track{height:6px;border:1px solid var(--line2);background:var(--bg)}input[type=range]::-moz-range-progress{height:6px;background:var(--cyan)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:18px;margin-top:-7px;background:var(--ivory);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--cyan),0 0 10px #7cf7ff80}input[type=range]::-moz-range-thumb{width:10px;height:16px;border-radius:0;background:var(--ivory);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--cyan)}input[type=range]:focus-visible{outline:1px dashed var(--cyan);outline-offset:4px}.sw{font-family:var(--px);font-size:9px;letter-spacing:.1em;width:48px;padding:6px 0;background:transparent;border:1px solid var(--line2);color:var(--dimmer);transition:all .12s}.sw-gap{width:48px}.sw.on{border-color:var(--mint);color:var(--bg);background:var(--mint);box-shadow:0 0 10px #5dffb159}.seg{border:1px solid var(--line2);gap:0}.seg button{background:none;border:0;padding:6px 10px;font-size:18px;color:var(--dim)}.seg button.on{background:var(--cyan);color:var(--bg)}@media(max-width:480px){.set-row{flex-wrap:wrap}input[type=range]{width:120px}}.term-out{height:220px;overflow-y:auto;margin:10px 0;padding:8px;background:#06050d;border:1px solid var(--line);font-family:var(--mono);font-size:18px;color:var(--mint);white-space:pre-wrap;word-break:break-word;user-select:text}.term-out .cmd{color:var(--cyan)}.term-line{display:flex;align-items:center;gap:8px}.term-line span{color:var(--cyan)}.term-line input{flex:1;min-width:0;min-height:44px;padding:6px 8px;background:#06050d;border:1px solid var(--line2);color:var(--text);font-family:var(--mono);font-size:20px}.term-line input:focus{outline:none;border-color:var(--cyan)}.pz-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;aspect-ratio:1;margin:12px 0 6px;border:1px solid var(--line2)}.pz-sq{position:relative;border:0;padding:0;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}.pz-sq.l{background:#2c2650}.pz-sq.d{background:#1b1631}.pz-sq img{width:92%;height:92%;image-rendering:pixelated;pointer-events:none}.pz-sq.sel{box-shadow:inset 0 0 0 2px var(--cyan)}.pz-sq.last{background:#3b3461}.pz-sq.last.d{background:#2a2348}.pz-sq.tgt:after{content:"";position:absolute;width:22%;height:22%;background:var(--cyan);opacity:.6}.pz-sq.tgt.cap:after{width:100%;height:100%;background:none;box-shadow:inset 0 0 0 2px var(--magenta);opacity:1}.pz-sq.win{animation:winsq .6s ease-out infinite alternate}.pz-sq.bad{background:#ff3d8173}@keyframes winsq{to{box-shadow:inset 0 0 0 3px var(--amber),0 0 20px #ffcc4d99}}.pz-coords{display:flex;justify-content:space-around;font-family:var(--px);font-size:9px;color:var(--dimmer)}.pz-msg{min-height:1.3em;font-size:22px;text-align:center;margin-top:8px}.pz-msg.ok{color:var(--amber)}.pz-msg.ko{color:var(--magenta)}#wipe{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);pointer-events:none}#wipe i{background:var(--bg);transform:scale(0)}#wipe i:nth-child(odd){background:#171230}#wipe.in i{animation:tilein .5s cubic-bezier(.6,0,.4,1) forwards}#wipe.outw i{transform:scale(1);animation:tileout .5s cubic-bezier(.6,0,.4,1) forwards}@keyframes tilein{to{transform:scale(1.02)}}@keyframes tileout{0%{transform:scale(1.02)}to{transform:scale(0)}}#wipe .wipe-text{position:fixed;inset:0;display:grid;place-items:center;font-family:var(--px);font-size:clamp(28px,7vw,64px);color:var(--amber);text-shadow:0 0 30px rgba(255,204,77,.7);opacity:0;transition:opacity .3s}#wipe.text .wipe-text{opacity:1}.casier .ach.got{border-color:#ff3d8199;box-shadow:0 0 8px #ff3d8133 inset}.toast.ref{border-color:#ffd23d;box-shadow:0 0 24px #ffd23d4d}.toast.ref .t-head{color:#ffd23d}.toast.ref.red{border-color:#ff3d3d;box-shadow:0 0 24px #ff3d3d59}.toast.ref.red .t-head{color:#ff3d3d}.toast.ref .t-pen{margin-top:4px;color:#ff8a8a;font-size:17px}.card{width:22px;height:30px;flex:none;background:#ffd23d;border:2px solid #0e0b1f;box-shadow:0 0 0 1px #ffd23d;transform:rotate(-8deg);animation:cardin .5s cubic-bezier(.2,.9,.3,1.5)}.toast.red .card{background:#ff3d3d;box-shadow:0 0 0 1px #ff3d3d}@keyframes cardin{0%{transform:rotate(-40deg) scale(.2)}}body.mode1987 .board-frame,body.mode1987 .glitch{animation:rainbow 2.5s linear infinite}@keyframes rainbow{to{filter:hue-rotate(360deg)}}body.april .board-frame,body.april .files,body.april .ranks{transform:rotate(180deg)}body.spy .elo-num{animation:blink .5s steps(1) 6}#ending{position:fixed;inset:0;z-index:65;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#281c0af5,#06050dfa);animation:fadein 1.2s;overflow-y:auto}#ending[hidden]{display:none}.end-box{width:min(560px,100%);text-align:center}.end-box canvas{width:128px;height:128px;animation:bob 2s ease-in-out infinite;filter:drop-shadow(0 0 24px rgba(255,204,77,.6))}.end-title{font-family:var(--px);font-size:clamp(24px,6vw,44px);color:var(--amber);text-shadow:0 0 30px rgba(255,204,77,.6);margin:16px 0 8px}.end-sub{color:var(--ivory);font-size:22px;margin:0 0 20px}.end-box .stats{text-align:left;max-width:380px;margin:0 auto 20px}.end-lines p{margin:4px 0;color:var(--dim);opacity:0;animation:endline .8s forwards}@keyframes endline{to{opacity:1}}.crt{position:fixed;inset:0;z-index:70;pointer-events:none;display:none}.crt.on{display:block}.crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);animation:flicker 6s infinite steps(1)}.crt:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.45) 100%)}@keyframes flicker{0%,97%,to{opacity:1}98%{opacity:.7}}.shake{animation:shake .35s}@keyframes shake{20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px)}}.mini-bank{display:none;align-items:center;gap:6px;font-size:26px;color:var(--ivory)}.mini-bank .ico{width:20px;height:20px}.mini-bank small{font-size:18px;color:var(--cyan);margin-left:4px}@media(max-width:1180px){html{overflow:hidden}body{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}#app{height:auto;min-height:100vh}.layout{grid-template-columns:1fr 1fr}.col-center{grid-column:1 / -1;order:-1}.col{overflow:visible}.col-left{border-right:1px solid var(--line)}.col-right{border-left:0}}.tabs{display:none}.tabs button{flex:1;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:0;border-top:2px solid transparent;color:var(--dimmer);position:relative;font-family:var(--px);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.tabs button .ico{width:28px;height:28px;opacity:.55}.tabs button.on{color:var(--cyan);border-top-color:var(--cyan);background:#7cf7ff0d}.tabs button.on .ico{opacity:1}.tabs button.dot:after{content:"";position:absolute;top:8px;left:calc(50% + 12px);width:8px;height:8px;background:var(--amber);box-shadow:0 0 8px var(--amber)}@media(max-width:720px){body{font-size:18px}#app{padding:0 env(safe-area-inset-right) calc(56px + var(--tabs-pad)) env(safe-area-inset-left)}.top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#131027,#0b0918)}.brand{font-size:14px}.brand .ver{display:none}.tool{min-width:44px;min-height:40px}#btn-sfx,#btn-music,#btn-crt{display:none}.qty button{min-height:40px;min-width:48px}.tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;padding:0 env(safe-area-inset-right) var(--tabs-pad) env(safe-area-inset-left);background:#0b0918f5;border-top:1px solid var(--line);backdrop-filter:blur(4px)}body[data-tab=play] .col-right,body[data-tab=play] .col-left>:not([data-pane~=play]),body[data-tab=shop] .col-left,body[data-tab=shop] .col-center,body[data-tab=upgrades] .col-right,body[data-tab=upgrades] .col-center,body[data-tab=upgrades] .col-left>:not([data-pane~=upgrades]),body[data-tab=more] .col-right,body[data-tab=more] .col-center,body[data-tab=more] .col-left>:not([data-pane~=more]){display:none}#toasts{bottom:calc(68px + var(--coach-h, 0px) + var(--tabs-pad))}.toast{font-size:16px;padding:6px 10px 6px 6px}.toast .ico,.toast canvas{width:24px;height:24px}.toast:nth-last-child(n+3){display:none}.mini-bank{display:flex}.mini-bank{grid-row:2;min-width:0;white-space:nowrap;overflow:hidden}.rank{grid-row:2;margin-left:0;font-size:17px;justify-self:end;white-space:nowrap}.elo-num{font-size:22px}.col-right{order:0}.col-left{order:1}.tools{margin-left:0;grid-row:1;grid-column:2;justify-self:end}.layout{grid-template-columns:1fr}.col,.col-center{padding:12px 16px}.col-left{border-right:0}.stage{gap:8px}.evalbar{width:10px}#eval-num{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#board:focus-visible{outline-offset:4px}html.calm *,html.calm *:before,html.calm *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}html.calm .toast{animation:toastout 1ms 4.6s forwards!important}html.calm .float{animation:fadeout 1s steps(1) forwards!important}@keyframes fadeout{to{opacity:0}}.legal{margin:10px 0 0;font-size:16px;color:var(--dim)}.link{background:none;border:0;padding:4px 0;color:var(--dim);text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--cyan)}.pendule{position:absolute;left:6px;top:6px;display:flex;align-items:center;gap:4px;padding:2px 8px 2px 2px;background:#0b0918bf;border:1px solid rgba(124,247,255,.45);color:var(--cyan);font-size:18px;z-index:2}.pendule .ico{width:28px;height:28px}.pendule.tick .ico{animation:penduletick .2s steps(1)}@keyframes penduletick{50%{transform:rotate(-8deg) scale(1.08)}}.float.auto{font-size:18px;color:var(--cyan);opacity:.85;text-shadow:1px 1px 0 #000}.modal-box.wide{width:min(980px,100%)}.skill-tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}.sk-branch{display:flex;flex-direction:column;gap:6px;position:relative}.sk-head{font-family:var(--px);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);text-align:center;padding:4px 0 6px;border-bottom:1px solid var(--line2)}.sk-node{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:start;padding:6px 8px;border:1px solid var(--line);background:var(--panel2);text-align:left;position:relative;color:inherit}.sk-node+.sk-node:before{content:"";position:absolute;left:23px;top:-7px;width:2px;height:6px;background:var(--line2)}.sk-node.owned+.sk-node:before{background:var(--mint)}.sk-node canvas{width:32px;height:32px}.sk-node .sn{font-family:var(--px);font-size:10px;color:var(--ivory);line-height:1.3}.sk-node .sn small{color:var(--magenta);font-size:8px}.sk-node .sd{font-size:15px;color:var(--dim);line-height:1.1;margin-top:2px}.sk-node .sc{font-size:16px;color:var(--amber);margin-top:3px}.sk-node.owned{border-color:#5dffb173}.sk-node.owned .sc{color:var(--mint)}.sk-node.can{border-color:var(--amber);cursor:pointer;box-shadow:0 0 10px #ffcc4d26}.sk-node.can:hover{background:#ffcc4d14}.sk-node.poor{opacity:.75}.sk-node.locked{opacity:.45}.sk-node.locked .sc{color:var(--dim)}.sk-node.mastery{border-style:dashed}.sk-node:disabled{cursor:default}@media(max-width:900px){.skill-tree{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.skill-tree{grid-template-columns:1fr}}.fold{display:block;width:100%;margin-top:6px;background:none;border:1px dashed var(--line2);color:var(--dim);font-size:16px;line-height:1;padding:3px 6px}.fold:hover{border-color:var(--cyan);color:var(--cyan)}.up-grid.folded,.ach-grid.folded{overflow:hidden}.advice{margin:-4px 0 10px;font-size:17px;padding:3px 8px;border-left:3px solid var(--line2);color:var(--dim)}.advice[data-level=early]{border-color:var(--dimmer)}.advice[data-level=soon]{border-color:var(--amber);color:var(--amber)}.advice[data-level=ideal]{border-color:var(--mint);color:var(--mint)}.advice[data-level=late]{border-color:var(--magenta);color:var(--magenta);animation:breathe 1.6s ease-in-out infinite}#btn-prestige.ideal:not(:disabled){box-shadow:0 0 14px #ff3d8173;animation:glowp 1.4s ease-in-out infinite}@keyframes glowp{50%{box-shadow:0 0 22px #ff3d8140}}#coach{position:fixed;z-index:46;width:min(320px,calc(100vw - 32px));padding:12px 14px;background:#120e28;border:1px solid var(--cyan);box-shadow:0 0 0 1px #0009,0 12px 32px #0009,0 0 18px #7cf7ff33;font-size:18px;color:var(--text);line-height:1.2}#coach.sheet{left:12px;right:12px;width:auto;bottom:calc(72px + var(--tabs-pad));top:auto}.coach-n{font-family:var(--px);font-size:9px;letter-spacing:.12em;color:var(--cyan);margin-bottom:6px;text-transform:uppercase}.coach-text b{color:var(--ivory)}.coach-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.coach-actions .btn{width:auto;padding:6px 10px;font-size:9px}.coach-hl{outline:2px solid var(--cyan)!important;outline-offset:3px;animation:coachpulse 1.2s ease-in-out infinite}@keyframes coachpulse{50%{outline-color:#7cf7ff59}}.boot-donate{display:flex;align-items:center;gap:8px;margin-top:26px;padding:6px 10px 6px 6px;background:none;border:1px dashed rgba(255,204,77,.45);color:var(--dim);font-size:18px;text-align:left;cursor:pointer}.boot-donate[hidden]{display:none}.boot-donate .ico{width:28px;height:28px;flex:none}.boot-donate b{color:var(--amber);white-space:nowrap}.boot-donate:hover,.boot-donate:focus-visible{border-color:var(--amber);background:#ffcc4d0f}.boot-tips{display:grid;gap:6px;margin-top:8px}.boot-tips .tip{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--panel);border:1px solid var(--line2);color:var(--text);font-size:18px;text-align:left}.boot-tips .tip b{color:var(--amber)}.boot-tips .tip:hover:not(:disabled){border-color:var(--amber)}.boot-tips .tip:disabled{opacity:.5}.tip-note{margin:2px 0 0;font-size:15px;color:var(--dim)}.boot-thanks{margin:10px 0 0;color:var(--magenta);font-size:18px}.boost-btn{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:6px 8px;background:var(--panel2);border:1px solid var(--line2);color:var(--dim);text-align:left;transition:border-color .15s}.boost-btn:hover{border-color:var(--amber)}.boost-btn .ico{width:22px;height:22px;flex:none}.boost-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.boost-txt b{font-family:var(--px);font-size:11px;letter-spacing:.08em;color:var(--ivory);font-weight:400}.boost-bar{display:block;height:3px;background:var(--line)}.boost-bar i{display:block;height:100%;width:0;background:var(--amber);transition:width .6s}.boost-btn.on{border-color:var(--amber);box-shadow:0 0 12px #ffcc4d40}.boost-btn.on .boost-txt b{color:var(--amber)}.boost-gems{display:flex;align-items:center;gap:2px;font-size:18px;color:#ff5c9a}.boost-gems .ico{width:18px;height:18px}.boost-gems b{font-weight:400}.boutique{display:flex;flex-direction:column;gap:14px;margin-top:6px}.boutique section{border-top:1px dashed var(--line2);padding-top:10px}.boutique section:first-child{border-top:0;padding-top:0}.boutique h4{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-family:var(--px);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-weight:400}.boutique .small{font-size:15px;margin:6px 0 0}.boutique .ico.gem{width:16px;height:16px;vertical-align:-2px}.bq-gems{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:20px;letter-spacing:0;text-transform:none;color:#ff5c9a}.bq-gems b{font-weight:400}.bq-boost{border:1px solid var(--line2)!important;padding:10px!important;background:var(--panel2)}.bq-boost.on{border-color:var(--amber)!important}.bq-head{display:flex;align-items:center;gap:10px;font-size:18px}.bq-head .ico{width:32px;height:32px;flex:none}.bq-head b{font-family:var(--px);font-size:12px;color:var(--amber);font-weight:400}.bq-bar{display:block;height:4px;margin:10px 0;background:var(--line)}.bq-bar i{display:block;height:100%;background:var(--amber)}.bq-row{display:flex;flex-wrap:wrap;gap:8px}.bq-row .btn{flex:1 1 180px;width:auto;margin:0}.bq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bq-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:var(--panel2);border:1px solid var(--line2);color:var(--text);font-size:18px;transition:border-color .15s}.bq-card b{font-family:var(--px);font-size:12px;color:var(--ivory);font-weight:400;display:flex;align-items:center;gap:4px}.bq-card span{color:var(--mint)}.bq-card em{font-style:normal;color:var(--amber);display:flex;align-items:center;gap:3px}.bq-card:hover:not(:disabled){border-color:var(--amber)}.bq-card:disabled{opacity:.4;cursor:not-allowed}.bq-perk{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 10px;margin-bottom:6px;border:1px solid var(--line2);background:var(--panel2);font-size:17px}.bq-perk b{font-family:var(--px);font-size:11px;color:var(--ivory);font-weight:400}.bq-perk .btn{flex:none;color:var(--amber);border-color:var(--amber)}.bq-perk .btn:hover:not(:disabled){background:var(--amber);color:var(--bg)}.bq-perk.owned{border-color:var(--mint)}.bq-owned{font-family:var(--px);font-size:10px;color:var(--mint);text-transform:uppercase;letter-spacing:.1em}.bq-foot{margin:0;font-size:17px;color:var(--dim)}.bq-foot summary{cursor:pointer}.bq-foot code{color:var(--amber);font-size:20px;letter-spacing:.05em;user-select:all}.bq-foot input{flex:1 1 180px;min-width:0;padding:8px;background:var(--bg);border:1px solid var(--line2);color:var(--text);font-family:var(--mono);font-size:20px;letter-spacing:.08em}.bq-legal a{color:var(--dim)}.bq-msg{min-height:1.2em;margin:0;font-size:18px}.bq-msg.ok{color:var(--mint)}.bq-msg.ko{color:var(--magenta)}