:root{--bg:#151824;--bg2:#1d2132;--card:#232842;--card2:#2b3150;--line:#363d61;--text:#eef0ff;--muted:#9aa1c7;--accent:#7cff8a;--accent-ink:#0e2a14;--gold:#ffd23f;--bad:#ff5a5a;--info:#7cd6ff;--pixel:"Press Start 2P", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;font-size:14px}body{overscroll-behavior:none}#app{flex-direction:column;gap:8px;max-width:560px;margin:0 auto;padding:8px 10px 40px;display:flex}#hud{z-index:5;background:var(--bg);padding:6px 0 4px;position:sticky;top:0}.hud-row{grid-template-columns:1.8fr 1fr .8fr .9fr;gap:6px;display:grid}.stat{background:var(--card);border:2px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.stat b{font-family:var(--pixel);white-space:nowrap;font-size:11px}.stat.cash b{color:var(--accent)}.stat small{width:100%;color:var(--muted);font-size:11px}#hud-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}#hud-chips:empty{display:none}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px}.chip.gold{border-color:var(--gold);color:var(--gold)}.chip.hot{color:#ffb27d;border-color:#ff8a3d}#office-wrap{border:3px solid var(--line);background:#0d0f17;border-radius:10px;justify-content:center;padding:4px;display:flex;position:relative;overflow:hidden}#office{image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;display:block}#contract{align-items:stretch;gap:8px;display:flex}.contract-info{background:var(--card);border:2px solid var(--line);border-radius:10px;flex-direction:column;flex:1;gap:6px;min-width:0;padding:8px 10px;display:flex}.contract-top{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.bar{border:2px solid var(--line);background:#11131e;border-radius:4px;height:14px;overflow:hidden}#contract-bar{background:repeating-linear-gradient(90deg, var(--accent) 0 8px, #5fe070 8px 16px);width:0;height:100%}#contract-bar.rush{background:repeating-linear-gradient(90deg, var(--gold) 0 8px, #f0b400 8px 16px)}#contract-progress{color:var(--muted);font-size:11px}#tap{background:var(--accent);width:96px;color:var(--accent-ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:inherit;display:flex;box-shadow:0 4px #3fae4b}#tap span{font-size:22px}#tap small{font-size:11px;font-weight:800}#tap b{font-family:var(--pixel);font-size:9px}#tap:active,#tap.pulse{animation:.12s ease-out pulse}@keyframes pulse{0%{transform:translateY(3px);box-shadow:0 1px #3fae4b}to{transform:translateY(0)}}#alerts{flex-direction:column;gap:6px;display:flex}#alerts:empty{display:none}.alert{border:2px solid;border-radius:10px;flex-direction:column;gap:8px;padding:8px 10px;font-size:13px;display:flex}.alert.bad{background:#3a1d26;border-color:#7a2d3c}.alert.good{background:#1b3326;border-color:#2f6b45}.alert.unlock{background:#33301b;border-color:#7a6a2d}.row{flex-wrap:wrap;gap:6px;display:flex}.row.end{justify-content:flex-end}#tabs{z-index:4;background:var(--bg);grid-template-columns:repeat(7,1fr);gap:4px;padding:4px 0;display:grid;position:sticky;top:74px}.tab{background:var(--card);border:2px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-family:inherit;display:flex;position:relative}.tab span{font-size:18px}.tab small{font-size:9px}.tab-badge{background:var(--bad);color:#fff;text-align:center;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;line-height:17px;position:absolute;top:-5px;right:-3px}.tab-badge:empty{display:none}.tab.active{border-color:var(--accent);color:var(--text);background:var(--card2)}#panel{flex-direction:column;gap:6px;display:flex}.hint{color:var(--muted);margin:2px 2px 4px;font-size:12px}.warn{color:#ffb27d;margin:4px 0 0;font-size:12px}.card{background:var(--card);border:2px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.card.active{border-color:#3fae4b}.card.locked{opacity:.55}.card .icon{background:var(--card2);border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.card .body{flex:1;min-width:0}.card h3{margin:0;font-size:14px}.card .count{color:var(--accent);font-family:var(--pixel);margin-left:4px;font-size:9px}.card p{margin:2px 0 0}.muted{color:var(--muted);font-size:12px}.stats{color:#c9cdf0;font-size:11px}.card .side{flex-direction:column;flex:none;align-items:stretch;gap:4px;display:flex}.btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;min-width:92px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:800;line-height:1.3;box-shadow:0 3px #3fae4b}.btn b{font-family:var(--pixel);font-size:9px}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #3fae4b}.btn:disabled{color:#8088b3;cursor:not-allowed;background:#3b4166;box-shadow:0 3px #2a2f4d}.btn.ghost{color:var(--text);border:2px solid var(--line);box-shadow:none;background:0 0}.btn.danger{background:var(--bad);color:#2a0b0b;box-shadow:0 3px #a33232}.btn.small{min-width:0;padding:5px 8px;font-size:11px}.badge{font-family:var(--pixel);color:var(--accent);text-align:center;border:2px solid #3fae4b;border-radius:6px;padding:6px;font-size:8px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.segs{border:2px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.seg{background:var(--card);color:var(--muted);cursor:pointer;border:none;padding:5px 10px;font-family:inherit;font-weight:700}.seg.on{background:var(--accent);color:var(--accent-ink)}.pips{gap:3px;margin-top:5px;display:flex}.pips i{border:1px solid var(--line);background:#11131e;width:10px;height:6px}.pips i.on{background:var(--accent);border-color:#3fae4b}.ladder{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 2px;font-size:11px;display:flex}.ladder .here{color:var(--accent);font-weight:800}.ladder .done{text-decoration:line-through}.stats-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stats-grid div{background:var(--card);border:2px solid var(--line);border-radius:8px;flex-direction:column;gap:3px;min-width:0;padding:6px 8px;display:flex}.stats-grid small{color:var(--muted);font-size:10px}.stats-grid b{font-family:var(--pixel);overflow-wrap:anywhere;font-size:9px}.debug{border:2px dashed var(--line);border-radius:10px;padding:8px}.debug h3{color:var(--muted);margin:0 0 6px;font-size:13px}#toasts{z-index:20;pointer-events:none;flex-direction:column;gap:6px;width:min(520px,100% - 24px);display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--line);background:#0e1019ee;border-radius:10px;padding:8px 12px;font-size:13px;transition:opacity .4s,transform .4s;animation:.2s ease-out toast-in}.toast.good{border-color:#2f6b45}.toast.bad{border-color:#7a2d3c}.toast.unlock{border-color:#7a6a2d}.toast.out{opacity:0;transform:translateY(8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-backdrop{z-index:30;background:#000a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);border:3px solid var(--line);border-radius:14px;width:min(400px,100%);padding:16px}.modal h2{margin:0 0 8px;font-size:18px}.modal .big{font-family:var(--pixel);color:var(--accent);margin:10px 0;font-size:18px}.modal.ad{text-align:center}.ad-tv{font-size:48px}.ad-count{font-family:var(--pixel);color:var(--gold);margin-top:10px;font-size:28px}@media (width<=400px){.hud-row{grid-template-columns:1.6fr 1fr .8fr .9fr}.stat{padding:5px 6px}.stat b{font-size:9px}.btn{min-width:80px}}.alert.sleep{background:#261f3d;border-color:#4e3f8a}.card .icon{position:relative}.card .icon .lock{font-size:13px;font-style:normal;position:absolute;bottom:-4px;right:-4px}.card.locked .icon span{filter:grayscale();opacity:.6}.lock-reason{color:var(--gold);font-size:11px;margin-top:4px!important}.section{margin:10px 2px 2px;font-size:14px}.dept{flex-direction:column;gap:6px;margin-top:6px;display:flex}.dept-head{align-items:center;gap:8px;padding:4px 2px 0;display:flex}.dept-head>span{font-size:20px}.dept-head h4{margin:0;font-size:14px}.dept-head h4 small{color:var(--muted);margin-left:4px;font-weight:400}.dept-head p{margin:0}.dept-locked .dept-head{opacity:.6}.level-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.level-row .lvl{font-family:var(--pixel);color:var(--gold);font-size:8px}.level-row .cards{color:var(--muted);font-size:11px}.level-row .btn{min-width:0;padding:4px 8px}.mini-bar{border:1px solid var(--line);background:#11131e;border-radius:3px;width:60px;height:6px;overflow:hidden}.mini-bar.wide{width:100%;margin:6px 0 2px}.mini-bar i{background:var(--gold);width:0;height:100%;display:block}.collection{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;display:grid}.coll{background:var(--card);border:2px solid var(--line);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex}.coll.locked{opacity:.5}.coll-icon{font-size:22px}.coll b{font-size:11px}.coll small{font-size:10px}.coll .mini-bar{width:100%}.card.ach.ready{border-color:var(--gold);background:#2f2b1a}.card.ach.done{opacity:.6}.reward{color:var(--muted);white-space:nowrap;font-size:12px}.pack-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px;display:grid}.pack-card{background:var(--card);text-align:center;border:3px solid;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;animation:.45s ease-out both card-flip;display:flex}.pack-card span{font-size:26px}.pack-card b{font-size:11px}.pack-card small{font-family:var(--pixel);color:var(--gold);font-size:10px}@keyframes card-flip{0%{opacity:0;transform:rotateY(90deg)scale(.8)}to{opacity:1;transform:none}}.odds{color:var(--muted);font-size:10px;margin-top:4px!important}.toast.clickable{pointer-events:auto;cursor:pointer;border-color:var(--gold);background:#2f2b1aee;animation:.2s ease-out toast-in,1.2s ease-in-out infinite claim-glow}.toast.clickable.done{cursor:default;background:#1b3326ee;border-color:#2f6b45;animation:none}@keyframes claim-glow{0%,to{box-shadow:0 0 #ffd23f00}50%{box-shadow:0 0 14px 2px #ffd23f73}}.stat.bump{animation:.5s ease-out bump}@keyframes bump{30%{border-color:var(--gold);transform:scale(1.12)}}#office-overlay{pointer-events:none;position:absolute;top:4px;left:50%;overflow:hidden;transform:translate(-50%)}.office-loading{font-family:var(--pixel);color:var(--muted);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.floater{font-family:var(--pixel);white-space:nowrap;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;font-size:10px;animation:1.4s ease-out forwards floater-rise;position:absolute;transform:translate(-50%,-50%)}.floater.small{font-size:8px}.floater.big{font-size:13px}@keyframes floater-rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.chip.ok{color:#9fe8b0;border-color:#2f6b45}.chip.warn{color:#ffb27d;border-color:#7a2d3c}.toast.clickable.busy{opacity:.7}