:root{--bg: #1a120b;--panel: rgba(28, 20, 14, .92);--text: #f5ece1;--muted: #b9a894;--accent: #e0653a;--accent-dark: #b64c26;--danger: #d5342f;--safe: #4a9d5f;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;touch-action:manipulation}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#turn-glow{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease;box-shadow:inset 0 0 90px 14px var(--accent)}body.my-turn #turn-glow{opacity:1;animation:turn-pulse 2.4s ease-in-out infinite}@keyframes turn-pulse{0%,to{box-shadow:inset 0 0 70px 10px #e0653a73}50%{box-shadow:inset 0 0 110px 22px #e0653ad9}}@media(prefers-reduced-motion:reduce){body.my-turn #turn-glow{animation:none}}body.my-turn #hud-phase{color:var(--accent)}#overlay{position:fixed;inset:0;display:flex;pointer-events:none}#overlay>.screen{pointer-events:auto}#overlay>.hud{pointer-events:none}.screen{margin:auto;width:min(92vw,380px);padding:28px 24px;border-radius:20px;background:var(--panel);backdrop-filter:blur(8px);box-shadow:0 18px 50px #0000008c;text-align:center}h1{margin:0 0 6px;font-size:1.7rem;letter-spacing:.5px}.subtitle{margin:0 0 22px;color:var(--muted);font-size:.95rem}form{display:flex;flex-direction:column;gap:12px}input{padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#00000047;color:var(--text);font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{padding:14px 18px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .08s ease,background .2s ease}button:active:not(:disabled){transform:scale(.97)}.primary{background:var(--accent);color:#fff}.primary:disabled{background:#4a3a2e;color:#8b7a6a;cursor:not-allowed}.secondary{background:#ffffff1a;color:var(--text)}.link{background:none;color:var(--muted);font-weight:500;text-decoration:underline}.error{margin:14px 0 0;color:#ff8b7a;font-size:.9rem}.hud{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.hud-top,.hud-bottom{pointer-events:auto}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:var(--panel)}.hud-phase{font-weight:700;font-size:.98rem}.hud-timer{min-width:44px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.hud-bottom{display:flex;flex-direction:column;gap:10px}.hud-hint{padding:10px 14px;border-radius:12px;background:var(--panel);color:var(--muted);font-size:.9rem;text-align:center}