:root{--bg:#142418;--panel:#0c1c12d1;--line:#78dca047;--ink:#e8f6ea;--muted:#8fb89a;--cyan:#5cf0ff;--amber:#f0c857;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#app{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}#app{background:radial-gradient(70% 40% at 50% 0,#3c785059,#0000 60%),#101c14;position:relative}canvas#game{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:2;position:absolute;inset:0}.top{padding:max(12px, env(safe-area-inset-top)) 12px 0;gap:8px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex:1;padding:8px 10px}.chip .label{letter-spacing:.14em;color:var(--muted);font-size:10px}.chip .value{color:var(--ink);margin-top:2px;font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.4}.chip .value.cyan{color:var(--cyan)}.chip .value.amber{color:var(--amber)}.objective{color:#d8fbff;background:#0a1e24c7;border:1px solid #5cf0ff59;border-radius:12px;width:fit-content;max-width:calc(100% - 24px);margin:10px 12px 0;padding:8px 12px;font-size:12px;line-height:1.4}.toast{color:#d9fbff;white-space:nowrap;text-overflow:ellipsis;background:#081814e6;border:1px solid #5cf0ff80;border-radius:999px;max-width:calc(100% - 28px);padding:10px 14px;font-size:12px;font-weight:700;position:absolute;top:38%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.toast.hidden{opacity:0;transition:opacity .3s}.controls{padding:0 12px max(16px, env(safe-area-inset-bottom));pointer-events:none;z-index:3;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;inset:auto 0 0}.pad{pointer-events:auto;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08160e9e;border-radius:20px;grid-template-rows:54px 54px;grid-template-columns:64px 64px 64px;gap:6px;padding:8px;display:grid}.pad .btn{color:var(--ink);background:#1e462a8c;border:1px solid #8cdcaa40;border-radius:14px;font-size:16px;font-weight:800}.pad .u{grid-area:1/2}.pad .l{grid-area:2/1}.pad .d{grid-area:2/2}.pad .r{grid-area:2/3}.actions{pointer-events:auto;flex-direction:column;gap:8px;width:96px;display:flex}.actions .btn{color:#d9fbff;background:#14464ea6;border:1px solid #5cf0ff66;border-radius:18px;height:56px;font-size:13px;font-weight:800}.actions .btn.secondary{color:#ffe7a8;background:#46341499;border-color:#f0c85759;height:46px;font-size:12px}.btn:active,.btn.held{filter:brightness(1.15);transform:scale(.97)}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:radial-gradient(at top,#3c8c5a47,#0000 50%),#060e0ac7;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.card{text-align:center;background:linear-gradient(165deg,#1c3c26f5,#0c1810f7);border:1px solid #78dca059;border-radius:22px;width:min(100%,360px);padding:26px 20px 20px;box-shadow:0 24px 60px #0006}.card .eyebrow{letter-spacing:.08em;color:var(--cyan);margin:0;font-family:"Press Start 2P",monospace;font-size:9px}.card h2{letter-spacing:.06em;margin:12px 0 0;font-size:28px}.card .sub{color:var(--muted);text-align:left;margin:12px 0 0;font-size:13px;line-height:1.6}.card .sub li{margin:6px 0 0}.card .stats{text-align:left;color:#d8f0dc;margin-top:14px;font-size:13px}.card button{color:#083038;background:linear-gradient(105deg,#5cf0ff,#8af7ff);border:0;border-radius:999px;width:100%;height:52px;margin-top:18px;font-size:16px;font-weight:900}