:root{color-scheme:dark;--bg: #14102a;--bg2: #1c1737;--panel: #241e45;--line: #3b3368;--shadow: #0b0819;--ink: #f3ead7;--mute: #a69dc6;--amber: #ffb547;--red: #ef4a5a;--cash: #6fd68f;--dirty: #c99a63;--resp: #ff6fb5;--gems: #63e3f2;--f-pix: "Press Start 2P", "Courier New", monospace;--f-ui: "Golos Text", "Segoe UI", Roboto, sans-serif;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:400 15px/1.4 var(--f-ui);overscroll-behavior:none}button{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}canvas.px{image-rendering:pixelated}#app{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;position:relative}.views{position:relative;min-height:0}.view{position:absolute;inset:0;overflow-y:auto;padding:12px 12px 20px;display:flex;flex-direction:column;gap:10px}.view-city{padding:0;overflow:hidden}.hud{display:grid;gap:6px;padding:8px 8px 6px;background:var(--panel);border-bottom:4px solid var(--line)}.chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.chip{display:flex;align-items:center;gap:4px;background:var(--bg2);padding:6px 5px;font:400 9px/1.2 var(--f-pix);font-variant-numeric:tabular-nums;min-width:0}.chip canvas{width:14px;height:14px;flex:none}.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.bump{animation:bump .25s steps(2)}@keyframes bump{50%{transform:translateY(-3px)}}.hud-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mute)}.hud-row .bar{flex:1}.heat{color:var(--red);letter-spacing:1px}.boost{color:var(--gems)}.card{background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:8px}.card h3,.sheet h3{margin:0;font:400 11px/1.5 var(--f-pix);color:var(--amber)}.row{display:flex;gap:8px;align-items:center}.row>.grow{flex:1;min-width:0}.between{display:flex;justify-content:space-between;align-items:center;gap:8px}.small{font-size:13px;color:var(--mute);line-height:1.35}.bar{height:10px;background:var(--shadow);position:relative;overflow:hidden}.bar>i{position:absolute;inset:0 auto 0 0;background:var(--amber);transition:width .2s steps(4)}.swatch{display:inline-block;width:10px;height:10px;background:var(--c);vertical-align:-1px;margin-right:4px}.btn{appearance:none;border:0;cursor:pointer;font:700 15px/1.15 var(--f-ui);padding:11px 12px;background:var(--amber);color:#2a1a00;box-shadow:inset -4px -4px #00000040,inset 4px 4px #ffffff40}.btn:active{box-shadow:inset 4px 4px #00000040}.btn.red{background:var(--red);color:#fff}.btn.ghost{background:var(--bg2);color:var(--ink)}.btn.small-btn{padding:8px 10px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.list{display:flex;flex-direction:column}.li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:2px dashed var(--line);font-size:14px}.li:last-child{border-bottom:0}.li em{font-style:normal;color:var(--mute);font-size:12px}.li button.link{appearance:none;background:none;border:0;padding:0;text-align:left;cursor:pointer}.card.work{flex-direction:row;gap:10px;align-items:center}.work .grow{min-width:0}.work .grow{flex:1}.work b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work .small{display:block}.arena{position:relative;flex:none;aspect-ratio:96 / 64;max-height:300px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;overflow:hidden;background:var(--shadow)}.arena>canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.arena.busted{box-shadow:inset 0 0 0 4px var(--red)}.arena-top{position:absolute;left:6px;right:6px;top:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.dpill{appearance:none;border:0;cursor:pointer;background:#0b0819d1;color:var(--ink);font:700 13px/1 var(--f-ui);padding:7px 9px;box-shadow:inset 0 -2px 0 var(--amber)}.evchip{background:var(--red);color:#fff;font:700 11px/1 var(--f-ui);padding:5px 6px;white-space:nowrap}.mobhud{position:absolute;left:50%;top:40px;width:min(62%,220px);transform:translate(-50%);display:grid;gap:3px;pointer-events:none;text-shadow:1px 1px 0 var(--shadow)}.mobhud b{font:400 10px/1.3 var(--f-pix)}.mtag{font:600 10px/1.1 var(--f-ui);color:var(--mute);text-align:right}.mtag.boss{color:var(--red);font-weight:800}.mtag.rare{color:#ffd34a;font-weight:800}.hp{position:relative;height:10px;background:#0b0819d9;box-shadow:0 0 0 2px var(--shadow)}.hp i{position:absolute;inset:0 auto 0 0;background:var(--cash);transition:width .08s linear}.hp span{position:absolute;inset:0;font:700 9px/10px var(--f-ui);text-align:center;color:#fff}.mtimer{height:4px;background:#0b0819d9}.mtimer i{display:block;height:100%;background:var(--amber)}.mwarn{position:absolute;left:50%;bottom:34%;transform:translate(-50%);background:var(--red);color:#fff;font:400 10px/1.4 var(--f-pix);padding:6px 8px;white-space:nowrap;pointer-events:none;animation:blink .5s steps(2) infinite}.pips{position:absolute;left:6px;bottom:6px;display:flex;align-items:center;gap:2px;font-size:11px;pointer-events:none}.pips i{width:6px;height:6px;background:#0b0819cc;box-shadow:inset 0 0 0 1px var(--line)}.pips i.on{background:var(--amber)}.pips b{font:400 9px/1 var(--f-pix);color:var(--red);background:#0b0819d9;padding:4px 6px}.arena .combo{top:auto;bottom:22px}.arena .tapnote{left:auto;right:6px;bottom:6px;background:#0b0819bf;padding:2px 5px}.float.dmg{color:#fff;font-size:10px}.float.big{font-size:14px;color:var(--cash)}.float.gems{color:var(--gems)}.float.resp{color:var(--resp)}.float.mute{color:var(--mute);font-size:10px}@keyframes blink{50%{opacity:.55}}.li.dist,.li.raid{appearance:none;border:0;border-bottom:2px dashed var(--line);background:none;color:var(--ink);text-align:left;cursor:pointer;width:100%;font:inherit}.li.dist:disabled{opacity:.5;cursor:default}.li.dist.cur{box-shadow:inset 4px 0 0 var(--amber);padding-left:8px}.li.dist em{white-space:nowrap}.li.raid em{color:var(--red)}.li.raid.mine em{color:var(--cash)}.evcard{background:var(--bg2);box-shadow:inset 4px 0 0 var(--red)}.raid-stage{flex:none;aspect-ratio:128 / 80;max-height:46vh}.raid-stage canvas{width:100%;height:100%}.raid-stage .game-msg{top:auto;bottom:4px;font-size:10px}.raid-stage .game-msg.big{top:30%;bottom:auto;font-size:22px}.case-body{align-items:stretch}.case-stage{position:relative;flex:1;min-height:220px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#3b3368 0,var(--shadow) 70%)}.case-stage canvas{width:160px;height:120px;z-index:1}.case-stage p{position:absolute;bottom:12px;margin:0}.case-stage.flash:after,.game.flash:after{content:"";position:absolute;inset:0;background:#fff;animation:flash .45s ease-out forwards;pointer-events:none;z-index:5}@keyframes flash{0%{opacity:.9}to{opacity:0}}.rays{position:absolute;left:50%;top:50%;width:420px;height:420px;margin:-210px 0 0 -210px;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c, var(--amber)) 30%,transparent) 0 10deg,transparent 10deg 20deg);animation:spin 8s linear infinite;-webkit-mask:radial-gradient(circle,#000 0,transparent 65%);mask:radial-gradient(circle,#000 0,transparent 65%)}@keyframes spin{to{transform:rotate(360deg)}}.shake{animation:shake .14s steps(2) infinite}@keyframes shake{0%{transform:translate(-3px,1px) rotate(-3deg)}50%{transform:translate(3px,-1px) rotate(3deg)}to{transform:translate(-2px) rotate(-1deg)}}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;z-index:6}.prize-box{position:relative;height:150px;display:grid;place-items:center;overflow:hidden}.prize-box .tile{transform:scale(1.35);z-index:1}.rarity{font:400 12px/1.4 var(--f-pix)}.tile.r-rare{background:linear-gradient(180deg,var(--panel),#1f3a48)}.tile.r-epic{background:linear-gradient(180deg,var(--panel),#3a2350)}.tile.r-legend{background:linear-gradient(180deg,var(--panel),#4a3a14);box-shadow:inset 0 -5px 0 var(--c),0 0 12px #ffb54773}.tile.win{animation:pop .5s steps(4)}@keyframes pop{50%{transform:scale(1.15)}}.tapzone{position:relative;height:230px;flex:none;display:grid;place-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;background:repeating-linear-gradient(90deg,#211b40 0 16px,#1e1939 16px 32px)}.tapzone canvas{width:176px;height:176px}.tapzone.hit canvas{transform:translate(4px,2px) rotate(3deg)}.float{position:absolute;font:400 12px/1 var(--f-pix);color:var(--cash);pointer-events:none;animation:up .8s steps(8) forwards;text-shadow:2px 2px 0 var(--shadow);white-space:nowrap}.float.dirty{color:var(--dirty)}@keyframes up{to{transform:translateY(-60px);opacity:0}}.combo{position:absolute;top:10px;right:10px;font:400 10px/1 var(--f-pix);color:var(--resp)}.tapnote{position:absolute;left:10px;bottom:8px;font-size:12px;color:var(--mute)}.city-wrap{position:absolute;inset:0}.city-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.city-wrap canvas:active{cursor:grabbing}.ticker{position:absolute;left:8px;right:8px;top:8px;background:#0b0819d9;padding:7px 10px;font-size:13px;line-height:1.3;border-left:4px solid var(--amber);cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.city-ctl{position:absolute;right:8px;bottom:10px;display:flex;flex-direction:column;gap:6px}.city-ctl .btn{width:44px;height:44px;padding:0;font-size:20px}.legend{position:absolute;left:8px;top:62px;max-width:calc(100% - 16px);background:#0b0819cc;padding:6px 8px;font-size:12px;display:flex;flex-wrap:wrap;gap:3px 10px}.sheet-back{position:absolute;inset:0;background:#05030f73;z-index:20}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:21;max-height:75%;overflow-y:auto;background:var(--panel);border-top:4px solid var(--line);padding:14px 14px calc(16px + var(--safe-b));display:flex;flex-direction:column;gap:10px;animation:slide .18s steps(3)}@keyframes slide{0%{transform:translateY(40px);opacity:.4}}.sheet .x{appearance:none;border:0;background:var(--bg2);width:32px;height:32px;cursor:pointer;font-size:16px}.banner{appearance:none;border:0;cursor:pointer;text-align:left;padding:8px 12px;background:var(--red);color:#fff;font:700 14px/1.2 var(--f-ui)}.banner.prep{background:#6b2a3a}.war{position:absolute;inset:0;z-index:30;background:var(--bg);display:flex;flex-direction:column;padding:14px 14px calc(14px + var(--safe-b));gap:12px}.war h2{margin:0;font:400 13px/1.5 var(--f-pix);color:var(--amber)}.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.vs .side{min-width:0}.vs .side b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs .side span{font:400 16px/1.4 var(--f-pix);font-variant-numeric:tabular-nums}.vs .side.right{text-align:right}.tug{height:18px;display:flex;background:var(--shadow)}.tug i{display:block;height:100%;transition:width .3s steps(5)}.timer{font:400 14px/1 var(--f-pix);text-align:center;color:var(--ink)}.firezone{flex:1;min-height:180px;display:grid;place-items:center;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;background:repeating-linear-gradient(0deg,#2a1730 0 8px,#241330 8px 16px)}.firezone canvas{width:160px;height:160px}.firezone.hit canvas{transform:translate(-6px) rotate(-6deg)}.firezone.off{opacity:.5;cursor:default}.toast{position:absolute;left:12px;right:12px;bottom:calc(76px + var(--safe-b));z-index:40;background:var(--shadow);color:var(--ink);padding:10px 12px;font-size:14px;border-left:4px solid var(--amber)}.toast.err{border-left-color:var(--red)}.boot{position:absolute;inset:0;z-index:50;background:var(--bg);display:grid;place-content:center;text-align:center;gap:18px;padding:24px}.boot b{font:400 28px/1.3 var(--f-pix);text-shadow:3px 3px 0 var(--red),6px 6px 0 var(--shadow)}.boot b span{color:var(--amber)}.boot p{margin:0;color:var(--mute)}.tabs{display:grid;grid-template-columns:repeat(5,1fr);background:var(--panel);border-top:4px solid var(--line);padding-bottom:var(--safe-b)}.tab{appearance:none;border:0;background:none;color:var(--mute);font:600 13px/1 var(--f-ui);padding:9px 2px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.tab canvas{width:20px;height:20px}.tab[aria-selected=true]{color:var(--amber);background:var(--bg2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tapfab{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:68px;height:68px;border:0;cursor:pointer;font-size:30px;background:var(--amber);box-shadow:inset -5px -5px #00000040,inset 5px 5px #ffffff40,0 0 0 4px var(--shadow);touch-action:manipulation;user-select:none;-webkit-user-select:none}.tapfab:active{box-shadow:inset 5px 5px #00000040,0 0 0 4px var(--shadow)}.city-wrap .float{z-index:5}.hud{grid-row:1}.banner{grid-row:2}.views{grid-row:3}.tabs{grid-row:4}.legend{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.game{position:absolute;inset:0;z-index:35;background:var(--bg);display:flex;flex-direction:column;padding:12px 12px calc(12px + var(--safe-b));gap:10px}.game h2{margin:0;font:400 13px/1.5 var(--f-pix);color:var(--amber)}.game-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.game-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.game-stage canvas{image-rendering:pixelated}.game-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--mute)}.game-hud b{color:var(--ink);font:400 12px/1 var(--f-pix)}.game-msg{position:absolute;left:0;right:0;top:14px;text-align:center;font:400 13px/1.5 var(--f-pix);color:var(--ink);text-shadow:2px 2px 0 var(--shadow);pointer-events:none;padding:0 10px}.game-msg.big{top:42%;font-size:26px;color:var(--amber)}.result{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center;padding:20px 6px}.result h3{margin:0;font:400 16px/1.5 var(--f-pix)}.result.win h3{color:var(--cash)}.result.lose h3{color:var(--red)}.bets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.drums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drum{appearance:none;border:0;cursor:pointer;padding:12px 4px;background:var(--panel);color:var(--ink);font:400 18px/1 var(--f-pix);display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:inset 0 -5px 0 var(--c);touch-action:manipulation}.drum:active{transform:translateY(2px)}.drum small{font:600 11px/1 var(--f-ui);color:var(--mute)}.gcard{background:var(--panel);padding:12px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}.gcard canvas{width:48px;height:48px;background:var(--bg2)}.gcard h4{margin:0;font-size:16px}.gcard p{margin:4px 0 0;font-size:13px;color:var(--mute);line-height:1.35}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.tag{font:600 12px/1 var(--f-ui);padding:5px 7px;background:var(--bg2);color:var(--c, var(--ink))}.gcard .btn{margin-top:10px;width:100%}.perk{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:7px 0;border-bottom:2px dashed var(--line)}.perk:last-child{border-bottom:0}.perk.on b{color:var(--amber)}.perk.off{color:var(--mute)}.perk span:last-child{text-align:right}.field{padding:10px;background:var(--bg2);border:0;color:var(--ink);font:inherit;min-width:0}.lvl{font:400 9px/1 var(--f-pix);color:#2a1a00;background:var(--amber);padding:4px 5px}.xpbar{height:8px;background:var(--shadow);position:relative}.xpbar i{position:absolute;inset:0 auto 0 0;background:var(--gems)}.streak{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.day{background:var(--bg2);padding:6px 2px;text-align:center;font-size:10px;line-height:1.2;color:var(--mute);min-width:0;overflow:hidden}.day b{display:block;font:400 9px/1.4 var(--f-pix);color:var(--ink)}.day.done{background:#23402e;color:var(--cash)}.day.today{box-shadow:inset 0 0 0 2px var(--amber);color:var(--ink)}.case{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:2px dashed var(--line)}.case:last-child{border-bottom:0}.case canvas{width:44px;height:44px}.case .row{flex-wrap:wrap;margin-top:6px}.roll-view{position:relative;overflow:hidden;height:108px;background:var(--shadow)}.roll-view:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--amber);box-shadow:0 0 8px var(--amber)}.roll-strip{display:flex;gap:6px;position:absolute;left:0;top:10px;will-change:transform}.tile{width:76px;height:88px;flex:none;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:inset 0 -5px 0 var(--c);font:600 12px/1.1 var(--f-ui);text-align:center;padding:0 4px}.tile canvas{width:32px;height:32px}.tile.win{outline:3px solid var(--amber)}.odds td{padding:6px 4px;border-bottom:2px dashed var(--line);font-size:13px}.odds td:last-child{text-align:right;font-variant-numeric:tabular-nums}.big-num{font:400 18px/1.3 var(--f-pix)}.op{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:6px 0;border-bottom:2px dashed var(--line)}.op:last-child{border-bottom:0}.op .st-paid{color:var(--cash)}.op .st-failed,.op .st-rejected{color:var(--red)}.op .st-pending,.op .st-approved,.op .st-new{color:var(--amber)}.lock{font-size:13px;color:var(--amber)}.dot{display:inline-block;width:6px;height:6px;background:var(--red);margin-left:4px;vertical-align:2px}.wpill{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;background:var(--bg2);color:var(--ink);font:400 9px/1 var(--f-pix);white-space:nowrap;box-shadow:inset 0 -2px 0 var(--cash)}.wpill b{color:var(--cash);font-size:11px}.card.wallet{box-shadow:inset 0 4px 0 var(--cash)}.wallet-cta{display:flex;gap:8px}.wallet-cta .btn{flex:1 1 0;min-width:0;padding:14px 8px;font-size:15px;display:flex;flex-direction:column;gap:4px;align-items:center}.wallet-cta .btn small{font:500 12px/1 var(--f-ui);opacity:.75}.seg{flex-wrap:wrap}