:root{color-scheme:dark;--ink: #f4efe4;--muted: #b7b1a6;--gold: #e2c27a;--chip: #3a2e12;--danger: #ffb4b4}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#050505;color:var(--ink);font-family:Avenir Next,Segoe UI,sans-serif}#view{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 28px;padding:calc(14px + env(safe-area-inset-top)) 18px 36px;background:linear-gradient(to bottom,#0000009e,#0000);pointer-events:none}.kicker{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}h1{margin:2px 0 0;font-family:Georgia,Iowan Old Style,Palatino,serif;font-size:28px;font-weight:600;letter-spacing:-.03em}.clock-block{display:flex;flex-direction:column;min-width:120px}#clock{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:28px;letter-spacing:-.04em}#preset-label{color:var(--muted);font-size:13px;letter-spacing:.04em}.lights{display:flex;gap:6px;pointer-events:auto}.lights button{min-width:64px;min-height:44px;padding:0 12px;border:1px solid rgba(244,239,228,.25);border-radius:999px;background:#0c0c0e73;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.lights button.on{background:var(--ink);color:#161616;border-color:var(--ink)}.meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--muted)}.chip{padding:4px 8px;border-radius:999px;background:var(--chip);color:var(--gold);letter-spacing:.08em;text-transform:uppercase}#error{color:var(--danger)}.hint{position:absolute;left:16px;right:16px;bottom:calc(10px + env(safe-area-inset-bottom));margin:0;text-align:center;color:#f4efe49e;font-size:12px;letter-spacing:.02em;pointer-events:none}@media(max-width:800px){h1,#clock{font-size:22px}.meta{margin-left:0;align-items:flex-start}.hint{font-size:11px}}