@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap";:root{--font: "Fredoka", "Nunito", "Trebuchet MS", system-ui, sans-serif;--ink: #0b1626;--ink-2: #13233a;--panel: rgba(12, 24, 42, .82);--panel-edge: rgba(160, 215, 255, .22);--backing: rgba(10, 22, 40, .42);--ice: #9fe3ff;--ice-2: #5cc4ff;--frost: #e9f6ff;--muted: #9db3cc;--gold: #ffc93c;--gold-2: #ff9a1f;--gold-deep: #c46a00;--good: #4fe08a;--good-2: #22b864;--warn: #ffb02e;--bad: #ff4d5e;--radius: 14px;--radius-lg: 22px;--shadow: 0 6px 18px rgba(0, 10, 25, .45);--outline: 0 2px 0 rgba(0, 0, 0, .35), 0 0 6px rgba(0, 12, 30, .55);--hud-pad: clamp(12px, 2.2vw, 28px)}html,body{margin:0;height:100%;overflow:hidden;background:#0d1622;color:#fff;font-family:var(--font)}#app{position:fixed;inset:0}#ui{position:fixed;inset:0;pointer-events:none;font-family:var(--font);user-select:none;-webkit-user-select:none}#ui button{font-family:var(--font)}.boot{position:absolute;top:45%;width:100%;text-align:center;font-size:20px;opacity:.8}.ui-outline{text-shadow:var(--outline);paint-order:stroke fill;-webkit-text-stroke:4px rgba(6,16,30,.55)}.ui-money{color:var(--gold);background:linear-gradient(180deg,#ffe07a 0%,var(--gold) 45%,var(--gold-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(120,50,0,.55)) drop-shadow(0 0 5px rgba(0,10,25,.5))}.ui-pill{display:inline-block;padding:3px 10px 2px;border-radius:999px;background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#3a1d00;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 0 var(--gold-deep)}.ui-pill.cold{background:linear-gradient(180deg,#c8f0ff,var(--ice-2));color:#06263f;box-shadow:0 2px #2a7fb5}.ui-key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;box-sizing:border-box;border-radius:7px;background:#0b0f16;color:#fff;font-weight:700;font-size:14px;box-shadow:0 3px #000,inset 0 1px #ffffff26}.ui-panel{pointer-events:auto;background:var(--panel);border:2px solid var(--panel-edge);border-radius:var(--radius-lg);box-shadow:var(--shadow),inset 0 1px #ffffff14;color:var(--frost)}.ui-btn{pointer-events:auto;cursor:pointer;border:0;border-radius:var(--radius);padding:10px 18px;font-size:16px;font-weight:700;color:#06263f;background:linear-gradient(180deg,#d8f5ff,var(--ice-2));box-shadow:0 4px #2a7fb5,var(--shadow);transition:transform .08s ease,filter .15s ease}.ui-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.ui-btn:active{transform:translateY(3px);box-shadow:0 1px #2a7fb5}.ui-btn.gold{color:#3a1d00;background:linear-gradient(180deg,#ffe07a,var(--gold-2));box-shadow:0 4px 0 var(--gold-deep),var(--shadow)}.ui-btn.good{color:#032a12;background:linear-gradient(180deg,#9ff5c2,var(--good-2));box-shadow:0 4px #157a42,var(--shadow)}.ui-btn.danger{color:#fff;background:linear-gradient(180deg,#ff8a95,var(--bad));box-shadow:0 4px #a3202d,var(--shadow)}.ui-btn.ghost{color:var(--frost);background:#ffffff14;box-shadow:inset 0 0 0 2px var(--panel-edge)}.ui-btn:disabled,.ui-btn.disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.7);transform:none}@keyframes ui-pop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ui-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes ui-flash-red{0%,to{filter:none}30%{filter:drop-shadow(0 0 10px var(--bad)) saturate(1.6)}}.ui-pop{animation:ui-pop .32s cubic-bezier(.3,1.6,.5,1)}.ui-shake{animation:ui-shake .38s ease}#ui.reduced-motion *,#ui.reduced-motion *:before,#ui.reduced-motion *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}