:root{--bg:#0f2e1f;--bg-2:#143b28;--card:#1a4732;--line:#2a5e43;--text:#f1f7f2;--muted:#a9c7b4;--mint:#7ee0a2;--gold:#f2c94c;--red:#e26d5a;--grey:#9aa5a0;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Kanit,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(120% 60% at 50% 0%, var(--bg-2) 0%, var(--bg) 60%);min-height:100vh;margin:0}.page{max-width:560px;padding:24px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.hero{text-align:center;padding-top:8px}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--mint);margin:0;font-size:12px;font-weight:500}h1{margin:6px 0 8px;font-size:clamp(30px,8vw,40px);font-weight:700;line-height:1.1}.tagline{max-width:34ch;color:var(--muted);margin:0 auto 20px;font-weight:300;line-height:1.5}.key-art{border:1px solid var(--line);border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 24px 60px #00000059}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-top:16px;padding:20px 18px}.card h2{margin:0 0 10px;font-size:20px;font-weight:600}.card p{color:var(--muted);margin:0 0 8px;font-weight:300;line-height:1.55}.status{text-align:center;border-color:var(--mint)}.pill{background:var(--mint);color:var(--bg);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.rules{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rules li{grid-template-columns:14px 1fr;align-items:start;gap:12px;font-weight:300;line-height:1.5;display:grid}.rules strong{color:var(--text);font-weight:600}.dot{background:var(--mint);border-radius:50%;width:14px;height:14px;margin-top:6px}.dot.bad{background:var(--red)}.dot.trap{background:var(--grey)}.dot.offset{background:var(--gold)}.trivia{gap:8px;margin-top:6px;display:grid}details{border:1px solid var(--line);background:#0000001f;border-radius:12px;padding:0 14px}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--mint);flex-shrink:0;font-size:20px;line-height:1}details[open] summary:after{content:"–"}details .intro{margin-top:0;font-size:14px}dl{margin:0 0 12px}dt{margin-top:10px;font-weight:500}dd{color:var(--muted);margin:4px 0 0;font-size:15px;font-weight:300;line-height:1.55}footer{text-align:center;margin-top:28px;font-size:14px}footer p{margin:2px 0}.logo-plate{background:#fff;border-radius:14px;max-width:320px;margin:0 auto 12px;padding:6px 18px}.logo-plate img{width:100%;height:auto;display:block}.muted{color:var(--muted);font-weight:300}html,body,#app{height:100%}body{overscroll-behavior:none;touch-action:none;overflow:hidden}.game{flex-direction:column;height:100%;display:flex}.screen{padding:20px 16px calc(20px + env(safe-area-inset-bottom));flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;display:flex}.screen[hidden]{display:none}.start,.end{text-align:center;background-position:bottom;background-size:cover;justify-content:center;max-width:none}.screen.start>*,.screen.end>*{width:100%;max-width:448px;margin-inline:auto}.start{background-image:linear-gradient(#0f2e1fd1,#0f2e1fe6),url(/bg/clean.webp)}.end.safe{background-image:linear-gradient(#0f2e1fc7,#0f2e1fe6),url(/bg/clean.webp)}.end.crisis{background-image:linear-gradient(#1e0c0699,#0f0804e6),url(/bg/disaster.webp)}.end.crisis .score .value{color:var(--red)}.howto{text-align:left;gap:10px;margin:8px 0 12px;padding:0;font-weight:300;line-height:1.45;list-style:none;display:grid}.howto li{grid-template-columns:14px 1fr;align-items:start;gap:12px;display:grid}.howto strong{font-weight:600}.hint{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:300}.best{color:var(--gold);min-height:20px;margin:0 0 10px;font-size:14px}.btn{font:inherit;cursor:pointer;color:var(--bg);background:var(--mint);-webkit-tap-highlight-color:transparent;border:0;border-radius:14px;padding:14px 20px;font-size:18px;font-weight:600}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.play{max-width:none;padding:0;position:relative}.stage{z-index:0;position:absolute;inset:0}.hud,.controls,.frozen-banner{z-index:2}.stage canvas{touch-action:none;display:block}.hud{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(64px + env(safe-area-inset-right));-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0f2e1fc7;border:1px solid #7ee0a240;border-radius:14px;gap:6px;max-width:520px;margin:0 auto;padding:8px 14px;display:grid;position:absolute}.hud-row{justify-content:space-between;display:flex}.stat{flex-direction:column;min-width:80px;display:flex}.stat.center{align-items:center}.stat.right{align-items:flex-end}.stat .label,.meter-label,.score .label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.stat .value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.1}.meter-label{justify-content:space-between;display:flex}.meter-track{background:#00000059;border-radius:999px;height:10px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--mint), var(--gold) 60%, var(--red));background-size:390px 100%;border-radius:999px;width:0;height:100%;transition:width .12s linear}.meter-fill.danger{animation:.6s infinite alternate pulse}@keyframes pulse{0%{filter:brightness()}to{filter:brightness(1.5)}}.controls{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));width:min(100% - 24px,360px);display:flex;position:absolute;transform:translate(-50%)}.btn.buy{background:#f2c94ceb;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 16px;font-size:16px;display:flex;box-shadow:0 8px 24px #00000059}.btn.buy:disabled{opacity:.5;background:#f2c94c8c}.btn.buy small{opacity:.8;font-size:11px;font-weight:400}.frozen-banner{color:#dff4ff;text-align:center;pointer-events:none;background:#143c5abf;border:2px solid #8fd8ff;border-radius:12px;padding:10px 18px;font-weight:600;line-height:1.3;display:none;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.play.frozen .frozen-banner{display:block}.pause-btn{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:3;-webkit-backdrop-filter:blur(6px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0f2e1fc7;border:1px solid #7ee0a240;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute}.pause-icon,.pause-icon:before{background:var(--mint);border-radius:2px;width:5px;height:16px;display:block}.pause-icon{margin-left:-9px;position:relative}.pause-icon:before{content:"";position:absolute;left:9px}.pause-overlay{z-index:4;-webkit-backdrop-filter:blur(4px);background:#081810b8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.pause-overlay[hidden]{display:none}.pause-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:18px;gap:10px;width:100%;max-width:320px;padding:24px 20px;display:grid}.pause-card h2{margin:0 0 8px;font-size:24px;font-weight:600}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.start .btn+.btn{margin-top:10px}.start .logo-plate{max-width:240px;margin-top:22px;padding:4px 14px}.trivia-screen{-webkit-overflow-scrolling:touch;touch-action:pan-y;justify-content:flex-start;max-width:none;overflow-y:auto}.trivia-body{width:100%;max-width:480px;margin:0 auto 16px}.trivia-body h2{margin:4px 0 8px;font-size:24px}.trivia-body .tagline{text-align:left;max-width:none}.trivia-screen .btn{flex-shrink:0;width:100%;max-width:480px;margin:0 auto}.fact{border:1px solid var(--line);text-align:left;background:#00000040;border-radius:14px;margin:0 auto 14px;padding:14px 16px}.fact p{margin:0}.fact-label{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:11px}.fact-name{font-weight:600;margin-top:4px!important}.fact-body{color:var(--muted);font-size:14px;font-weight:300;line-height:1.5;margin-top:4px!important}.link{font:inherit;color:var(--mint);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px 0 0;font-size:14px;text-decoration:underline}.end{touch-action:pan-y;overflow-y:auto}.score{flex-direction:column;align-items:center;margin:12px 0;display:flex}.score .value{color:var(--mint);font-size:52px;font-weight:700;line-height:1}.breakdown{text-align:left;grid-template-columns:1fr auto;gap:6px 16px;width:100%;max-width:320px;margin:0 auto 12px;font-weight:300;display:grid}.breakdown dt{color:var(--muted)}.breakdown dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:500}.breakdown dd.neg{color:var(--red)}