:root{--bg:#101218;--fg:#e6e9f2;--panel:#171b28;--border:#39415e;--accent:#7fd4ff}html,body{background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;color:var(--fg);margin:0;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#app canvas{touch-action:none;width:100%;height:100%;display:block}button{border:1px solid var(--border);background:var(--panel);color:inherit;font:inherit;cursor:pointer;border-radius:10px}button:active{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.hud{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));z-index:1;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute}.hud-status{flex:1;font-size:17px}.hud-status.is-won{color:var(--accent);font-weight:600}.hud-clock{font-variant-numeric:tabular-nums;opacity:.75;margin-right:4px;font-size:17px}.hud button{pointer-events:auto;min-height:44px;padding:0 14px}.panel{top:max(66px, calc(env(safe-area-inset-top) + 52px));right:max(14px, env(safe-area-inset-right));z-index:3;border:1px solid var(--border);background:var(--panel);border-radius:14px;flex-direction:column;gap:14px;width:min(320px,100vw - 28px);padding:18px;display:none;position:absolute;box-shadow:0 12px 32px #00000059}.panel.is-open{display:flex}.panel-title{margin:0;font-size:16px;font-weight:600}.setting-row{flex-direction:column;gap:6px;display:flex}.setting-label{opacity:.7;font-size:13px}.setting-choices{flex-wrap:wrap;gap:6px;display:flex}.panel input[type=range]{width:100%;height:32px;accent-color:var(--accent)}.panel button.choice{background:0 0;min-height:38px;padding:0 12px}.panel button.choice.is-active{border-color:var(--accent);color:var(--accent)}.panel-close{min-height:42px}.overlay{z-index:2;background:color-mix(in srgb, var(--bg) 82%, transparent);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlay.is-open{display:flex}.overlay-panel{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:16px;flex-direction:column;gap:12px;min-width:240px;padding:28px;display:flex}.overlay-title{margin:0;font-size:24px;font-weight:600}.overlay-title.is-won{color:var(--accent)}.overlay-time{font-variant-numeric:tabular-nums;opacity:.75;margin:0 0 4px;font-size:15px}.overlay button{min-height:44px;padding:0 16px}