:root{color-scheme:dark;--bg: #1b1b24;--fg: #f4efe6;--muted: #b9b2a6;--accent: #e0a64a;--panel: rgba(20, 18, 28, .88);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);touch-action:none;overscroll-behavior:none}.screen{display:grid;place-items:center;height:100%;padding:24px 16px;text-align:center}.screen-card{max-width:420px}.screen-card h1{font-size:1.25rem;margin:0 0 12px}.screen-card p{color:var(--muted);margin:0 0 20px;line-height:1.5}.button{display:inline-block;min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:var(--accent);color:#1b1b24;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.world{position:relative;height:100%}.world canvas{display:block;image-rendering:pixelated}.hud{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:8px}.hud-layer{pointer-events:none;position:absolute;inset:0}.hud-layer>*{pointer-events:auto}.emotes{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px;border-radius:14px;background:var(--panel)}.emote{width:44px;height:44px;border:0;border-radius:10px;background:transparent;font-size:22px;cursor:pointer}.emote:disabled{opacity:.4;cursor:default}.challenge{position:absolute;top:max(64px,calc(env(safe-area-inset-top) + 52px));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:min(92vw,420px);padding:12px 14px;border-radius:14px;background:var(--panel);text-align:center}.challenge[hidden]{display:none}.challenge p{flex-basis:100%;margin:0}.countdown{color:var(--muted);font-variant-numeric:tabular-nums}.button-secondary{background:transparent;color:var(--fg);border:1px solid var(--muted)}