:root{--cream:#f4ecd8;--paper:#fbf6e9;--teal:#3aa7a0;--mustard:#e0a93b;--coral-red:#e2664e;--green:#6fa85b;--gray:#9aa0a6;--charcoal:#221f1a;--skin:#f0c39b;--gold:#f5c542;--outline:3px solid var(--charcoal)}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--charcoal);height:100%;color:var(--charcoal);margin:0;font-family:system-ui,sans-serif;overflow:hidden}body{width:100%;position:fixed;inset:0}#game-root{width:100vw;height:100vh;touch-action:none;height:100dvh;position:relative;overflow:hidden}#game-canvas{position:absolute;inset:0}#game-canvas canvas{margin:0 auto;display:block}#ui-overlay{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}#ui-overlay>*{pointer-events:auto}.hero-wing{background:var(--teal);border:0 solid var(--charcoal);pointer-events:none;z-index:1;display:none;position:absolute}.tier-arrow{z-index:6;cursor:pointer;pointer-events:auto;width:30px;height:42px;color:var(--charcoal);background:#f4ecd880;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:flex;position:absolute;transform:translateY(-50%)}.tier-arrow:active{opacity:.65}.tier-arrow .chev{border:2px solid;border-width:0 2px 2px 0;width:9px;height:9px}.tier-arrow.prev .chev{transform:rotate(135deg)}.tier-arrow.next .chev{transform:rotate(-45deg)}.tier-arrow.hidden{display:none}.tier-arrow .tlabel{white-space:nowrap;background:var(--cream);border:2px solid var(--charcoal);letter-spacing:.08em;text-transform:uppercase;color:var(--charcoal);visibility:hidden;opacity:0;pointer-events:none;border-radius:8px;padding:7px 11px;font-family:system-ui,sans-serif;font-size:12px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.tier-arrow.next .tlabel{right:calc(100% + 8px)}.tier-arrow.prev .tlabel{left:calc(100% + 8px)}.tier-arrow.reveal .tlabel{visibility:visible;opacity:1;animation:.28s ease-out tier-label-pop}@keyframes tier-label-pop{0%{opacity:0;transform:translateY(-50%)scale(.85)}60%{opacity:1;transform:translateY(-50%)scale(1.05)}to{opacity:1;transform:translateY(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.tier-arrow{transition:none}.tier-arrow.reveal .tlabel{animation:none}}.hud{background:var(--charcoal);color:var(--paper);border-radius:0 0 10px 10px;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:5px 12px;font-size:12px;display:flex}.hud .funding{color:var(--gold);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.hud .stat{text-align:center;font-variant-numeric:tabular-nums;line-height:1.15}.hud .stat b{font-size:14px;display:block}.hud .meters{flex-direction:column;gap:4px;width:64px;display:flex}.hud .meter{background:#fbf6e940;border-radius:3px;height:6px;overflow:hidden}.hud .meter>i{background:var(--coral-red);width:0%;height:100%;transition:width .4s;display:block}.hud .meter.danger{box-shadow:0 0 0 2px var(--coral-red);animation:1s ease-in-out infinite heatpulse}@keyframes heatpulse{50%{opacity:.55}}.bottom{pointer-events:none;flex-direction:row;align-items:flex-end;gap:8px;margin:6px;display:flex}.bottom button{pointer-events:auto}.actions{flex:1;justify-content:flex-start;gap:8px;display:flex}.actions button,.menu-btn{width:92px;height:92px;font:inherit;border:var(--outline);background:var(--cream);cursor:pointer;border-radius:12px;flex:none;padding:0;position:relative;overflow:hidden}.action-art,.menu-glyph{background-position:50%;background-repeat:no-repeat;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.action-art{background-color:#e0a93b38;background-size:contain;bottom:20px}.menu-glyph{color:var(--charcoal);font-size:34px;line-height:1}.action-cap{background:var(--coral-red);color:var(--paper);letter-spacing:.02em;text-align:center;padding:5px 4px;font-size:10px;font-weight:800;line-height:1.1;position:absolute;bottom:0;left:0;right:0}.actions button.secondary .action-cap{background:var(--teal)}.actions button:disabled{opacity:.55;cursor:default}.actions button:disabled .action-cap{background:var(--gray)}.action-cooldown{pointer-events:none;display:none;position:absolute;inset:0}.menu-btn .action-cap{background:var(--charcoal)}.menu-btn.active{outline:3px solid var(--gold);outline-offset:-6px}.tabs{background:var(--paper);border:var(--outline);border-radius:12px;gap:4px;padding:6px;display:flex}.tabs button{font:inherit;color:var(--charcoal);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:9px;flex:1;padding:8px 2px;font-size:11px;font-weight:700}.tabs button.active{background:var(--mustard);border-color:var(--charcoal)}.tabs button:disabled{color:var(--gray);cursor:default}.offline-banner{background:var(--teal);color:var(--paper);border:var(--outline);white-space:nowrap;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;position:absolute;top:64px;left:50%;transform:translate(-50%)}.fatal{background:var(--charcoal);color:var(--coral-red);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-family:monospace;font-size:14px;display:flex;position:absolute;inset:0}.fatal button{font:inherit;border:2px solid var(--coral-red);color:var(--coral-red);cursor:pointer;background:0 0;border-radius:8px;padding:10px 22px;font-weight:700}.actions{flex-wrap:wrap}.sheet{z-index:10;background:#221f1a8c;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}:is(#ui-overlay:has(.sheet) .tier-arrow,#ui-overlay:has(.sheet) .mail){visibility:hidden}.sheet-card{background:var(--paper);border:var(--outline);border-radius:14px;flex-direction:column;gap:8px;width:100%;max-width:480px;max-height:calc(100dvh - 16px);margin:0 8px 8px;padding:14px;display:flex;overflow-y:auto}.sheet-card h2{text-transform:uppercase;margin:0 0 4px;font-size:16px}.sheet-card button{font:inherit;border:var(--outline);background:var(--teal);color:var(--paper);cursor:pointer;border-radius:10px;padding:12px;font-size:14px;font-weight:700}.sheet-card button:disabled{background:var(--gray);opacity:.6}.sheet-card button.danger{background:var(--coral-red)}.sheet-version{text-align:center;color:var(--gray);font-size:11px}.mail{z-index:4;font:inherit;border:2px solid var(--charcoal);background:var(--paper);color:var(--charcoal);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:16px;font-weight:800;position:absolute;box-shadow:0 2px #221f1a59}.mail.has-mail{background:var(--gold);border-color:var(--charcoal);color:var(--charcoal);animation:1.6s ease-in-out infinite mailwiggle}@keyframes mailwiggle{0%,88%,to{transform:rotate(0)}90%{transform:rotate(-6deg)}94%{transform:rotate(6deg)}}.sheet-card.letter p{margin:0;font-size:14px;line-height:1.45}.sheet-card.letter .fine-print{color:var(--gray);font-size:11px;font-style:italic}.sheet-card button.read-letter{background:var(--gray);opacity:.75}.hud .stat.hidden{display:none}.hud .stat.repcap b{color:var(--gold)}.sheet-card button.prestige{background:var(--gold);color:var(--charcoal)}.sheet-card button.criminal{background:var(--charcoal);color:var(--gold)}.criminal-ledger .dea-read{color:var(--coral-red)}.sheet-card.prestige-sheet h3{text-transform:uppercase;letter-spacing:.04em;color:var(--gray);margin:8px 0 2px;font-size:13px}.prestige-payout{text-align:center;font-size:13px}.prestige-payout b{color:var(--gold);font-size:22px}.prestige-balance{text-align:center;color:var(--charcoal);font-size:12px;font-weight:700}.shop-row{border:var(--outline);background:var(--paper);border-radius:10px;grid-template-columns:1fr auto;grid-template-areas:"title buy""blurb buy";align-items:center;gap:2px 10px;padding:8px;display:grid}.shop-row .shop-title{grid-area:title;font-size:13px;font-weight:700}.shop-row .shop-blurb{color:var(--gray);grid-area:blurb;font-size:11px;line-height:1.3}.shop-row .shop-buy{white-space:nowrap;grid-area:buy}.actions button.pulse{animation:1s ease-in-out infinite btnpulse}@keyframes btnpulse{0%,to{box-shadow:0 0 #f5c542e6}50%{box-shadow:0 0 0 8px #f5c54200}}.insurance-veil{z-index:12;background:color-mix(in srgb, var(--charcoal) 90%, transparent);color:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.insurance-veil .veil-spinner{border:5px solid var(--cream);border-top-color:var(--mustard);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite veil-spin}.insurance-veil .veil-line{letter-spacing:.08em;font-weight:700}@keyframes veil-spin{to{transform:rotate(360deg)}}#ui-overlay>.insurance-veil{pointer-events:none}.sheet-card.grievance textarea{box-sizing:border-box;border:var(--outline);width:100%;font:inherit;background:var(--paper);color:var(--charcoal);resize:vertical;border-radius:10px;padding:10px}.grievance-toggle{gap:8px;display:flex}.grievance-toggle .toggle{border:var(--outline);background:var(--paper);color:var(--charcoal);border-radius:10px;flex:1;padding:8px;font-weight:700}.grievance-toggle .toggle.active{color:var(--charcoal);background:var(--mustard)}.grievance-intro{font-weight:700}.grievance-helper{opacity:.9;font-size:.85em}.grievance-attach{font-size:.9em;display:block}.grievance-disclosure{opacity:.7;font-size:.75em}.grievance-error{color:var(--coral-red);font-weight:700}.sheet.consent{z-index:14}.consent-para{font-size:.92em;line-height:1.45}.satire-toast{z-index:11;background:var(--charcoal);max-width:min(86vw,480px);color:var(--cream);border:3px solid var(--mustard);border-radius:12px;padding:12px 16px;font-size:14.5px;font-style:italic;line-height:1.4;animation:.35s ease-out toast-in;position:fixed;bottom:26vh;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.satire-toast.gone{opacity:0;transition:opacity .5s}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}