:root{--bg: #1c1c1c;--fg: #f2f2f2;--muted: #9a9a9a;--line: #3a3a3a;--button: #f2f2f2;--button-fg: #1c1c1c;--error: #ffb4a8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}body{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}main{max-width:480px;margin:0 auto}h1,h2{margin:0;line-height:1.2}.logo{font-size:28px;text-align:center;margin:24px 0 32px;letter-spacing:.02em}h2{font-size:24px}p{margin:0;line-height:1.4;font-size:18px}.stack{display:flex;flex-direction:column;gap:16px}.center{text-align:center;margin-top:15vh}.row{display:flex;justify-content:space-between;color:var(--muted);font-size:15px}label{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--muted)}input,textarea{font:inherit;font-size:20px;color:var(--fg);background:#262626;border:2px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}input[name=code]{text-transform:uppercase;letter-spacing:.3em}textarea{resize:none;min-height:96px}input:focus,textarea:focus{outline:none;border-color:var(--fg)}button{font:inherit;font-size:20px;font-weight:600;min-height:56px;border:0;border-radius:12px;background:var(--button);color:var(--button-fg);padding:12px 16px;touch-action:manipulation}button:disabled{opacity:.35}button.quiet{background:transparent;color:var(--muted);font-weight:400;font-size:16px;min-height:44px}button.option{background:#262626;color:var(--fg);border:2px solid var(--line);text-align:left;font-weight:500}.prompt{font-size:22px;font-weight:600}.sent-text{font-size:20px;color:var(--muted)}.error{color:var(--error);font-size:16px}.roster{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.roster li{border:2px solid var(--line);border-radius:999px;padding:6px 12px;font-size:16px}.roster li.away{color:var(--muted);border-style:dashed}#banner{position:sticky;top:0;z-index:2;margin:-4px auto 12px;max-width:480px;text-align:center;background:#3a3a3a;border-radius:8px;padding:8px;font-size:15px}[hidden]{display:none!important}