:root{--ink: #0f1620;--ink-2: #18232f;--ink-3: #22303e;--paper: #e8dfcc;--paper-dim: #cfc5b0;--amber: #e8a33d;--rose: #c4453f;--teal: #3e8f84;--fog: #9fadba;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--sans);overscroll-behavior:none}#root{height:100dvh}.app{height:100dvh;max-width:560px;margin:0 auto;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;flex:0 0 auto}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fog)}.eyebrow.hot{color:var(--amber)}.body-area{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:0;overflow-y:auto}.body-area.top{justify-content:flex-start}.actions{flex:0 0 auto;padding-top:14px;display:flex;flex-direction:column;gap:10px;position:relative}.actions:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:22px;background:linear-gradient(to top,var(--ink),transparent);pointer-events:none}button{font-family:inherit;font-size:16px;touch-action:manipulation}.btn{width:100%;min-height:56px;border-radius:14px;border:1px solid transparent;background:var(--amber);color:#20160a;font-weight:650;letter-spacing:.01em;cursor:pointer;padding:0 18px}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;border-color:var(--ink-3);color:var(--paper)}.btn.danger{background:transparent;border-color:var(--rose);color:var(--paper)}.btn[disabled]{background:transparent;border-color:var(--ink-3);color:var(--fog);cursor:default}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.wordmark{font-family:var(--serif);font-size:clamp(40px,13vw,60px);letter-spacing:.16em;margin:0;line-height:1;text-indent:.16em}.tagline{color:var(--fog);font-size:14px;line-height:1.5;margin:10px 0 0;max-width:34ch}.field{margin-top:20px}.field>.eyebrow{display:block;margin-bottom:8px}.seg{display:flex;gap:6px}.seg button{flex:1;min-height:52px;border-radius:11px;border:1px solid var(--ink-3);background:var(--ink-2);color:var(--paper);font-family:var(--mono);font-size:16px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.seg.wide button{font-family:var(--sans);font-size:14px;padding:0 6px}.names{display:grid;gap:8px;margin-top:8px}input[type=text]{width:100%;min-height:50px;border-radius:11px;border:1px solid var(--ink-3);background:var(--ink-2);color:var(--paper);padding:0 14px;font-size:16px;font-family:var(--sans)}input[type=text]::placeholder{color:#7c8b95}input.code{font-family:var(--mono);font-size:26px;letter-spacing:.34em;text-align:center;text-transform:uppercase;min-height:62px}.note{color:var(--fog);font-size:12.5px;line-height:1.5;margin:10px 0 0}.note.err{color:var(--amber)}.handoff{align-items:center;text-align:center;justify-content:center;gap:6px}.handoff-name{font-family:var(--serif);font-size:clamp(34px,10vw,46px);margin:2px 0 0;line-height:1.1}.handoff-sub{color:var(--fog);font-size:15px;margin:8px 0 0;max-width:26ch;line-height:1.5}.hold{position:relative;width:190px;height:190px;border-radius:50%;margin:26px auto 0;border:1px solid var(--ink-3);background:var(--ink-2);color:var(--paper);font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;overflow:hidden;touch-action:none;display:grid;place-items:center}.hold span{position:relative;z-index:2;padding:0 24px;line-height:1.6}.hold-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--amber);opacity:.92;transform:scale(0);transform-origin:center;border-radius:50%}.hold.arming .hold-fill{transform:scale(1);transition:transform .42s linear}.hold.arming span{color:#20160a}.dialwrap{width:100%;max-width:430px;margin:0 auto;flex:0 0 auto}.dial{display:block;width:100%;height:auto;touch-action:none;border-radius:12px}.dial:focus-visible{outline:none}.dialwrap:has(.dial:focus-visible){outline:3px solid var(--amber);outline-offset:4px;border-radius:14px}.poles{display:flex;justify-content:space-between;gap:14px;margin-top:2px}.pole{max-width:44%;font-family:var(--serif);font-size:clamp(15px,4.4vw,19px);line-height:1.25}.pole.r{text-align:right}.pole b{display:block;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.18em;color:var(--fog);margin-bottom:3px}.readout{text-align:center;font-family:var(--mono);font-size:34px;letter-spacing:.06em;color:var(--amber);margin:0;line-height:1.1}.readout small{display:block;font-size:11px;color:var(--fog);letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px}.hint{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog);text-align:center;margin:0}.cluecard{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:14px;padding:14px 16px;text-align:center}.cluecard p{margin:6px 0 0;font-family:var(--serif);font-size:clamp(19px,5.6vw,24px);line-height:1.3}textarea{width:100%;min-height:88px;border-radius:14px;border:1px solid var(--ink-3);background:var(--ink-2);color:var(--paper);padding:14px;font-size:17px;font-family:var(--serif);resize:none;line-height:1.4}textarea::placeholder{color:#7c8b95;font-family:var(--sans);font-size:15px}.counter{font-family:var(--mono);font-size:11px;color:var(--fog);text-align:right;margin:6px 2px 0}.scores{display:grid;gap:6px;margin:0;padding:0;list-style:none}.scores li{display:flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:11px;padding:9px 12px}.scores .who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.scores .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--fog);text-transform:uppercase}.scores .pts{font-family:var(--mono);font-size:15px;color:var(--amber);min-width:44px;text-align:right}.scores .tot{font-family:var(--mono);font-size:13px;color:var(--fog);min-width:38px;text-align:right}@media(max-width:359px){.scores .tot{display:none}}.scores li.zero .pts{color:var(--fog)}.scores li.win{border-color:var(--amber)}.final-h{font-family:var(--serif);font-size:clamp(28px,8vw,38px);margin:0;text-align:center}.final-sub{text-align:center;color:var(--fog);font-size:14px;margin:6px 0 0}.rules{color:var(--fog);font-size:13.5px;line-height:1.6}.rules b{color:var(--paper);font-weight:600}details{border-top:1px solid var(--ink-3);padding-top:10px;margin-top:4px}summary{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fog);cursor:pointer;list-style:none;min-height:30px}summary::-webkit-details-marker{display:none}summary:after{content:" +"}details[open] summary:after{content:" –"}.code-hero{font-family:var(--mono);font-size:clamp(52px,19vw,84px);letter-spacing:.22em;text-align:center;margin:0;text-indent:.22em;color:var(--paper);line-height:1}.code-label{text-align:center;display:block;margin-bottom:8px}.qr{display:block;width:168px;height:168px;margin:0 auto;border-radius:12px;background:var(--paper);padding:8px}.roster{display:grid;gap:6px;margin:0;padding:0;list-style:none}.roster li{display:flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:11px;padding:11px 12px;font-size:15px}.dot{width:9px;height:9px;border-radius:50%;background:var(--teal);flex:0 0 auto}.dot.off{background:transparent;border:2px solid var(--fog)}.dot.done{background:var(--amber)}.roster .who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting-h{font-family:var(--serif);font-size:clamp(26px,7.5vw,34px);margin:0;text-align:center;line-height:1.2}.waiting-sub{text-align:center;color:var(--fog);font-size:14.5px;line-height:1.55;margin:10px 0 0}.poles-pill{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--serif);font-size:17px;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:999px;padding:10px 16px;margin:0 auto;max-width:100%}.poles-pill i{font-style:normal;color:var(--fog);font-family:var(--mono);font-size:12px;letter-spacing:.18em}.banner{flex:0 0 auto;background:var(--ink-2);border:1px solid var(--amber);border-radius:11px;padding:9px 12px;margin-bottom:8px;font-size:13.5px;color:var(--paper);display:flex;gap:8px;align-items:center}.banner .eyebrow{color:var(--amber)}.banner.calm{border-color:var(--ink-3)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:max(88px,calc(env(safe-area-inset-bottom) + 88px));background:var(--ink-2);border:1px solid var(--amber);color:var(--paper);border-radius:11px;padding:11px 15px;font-size:14px;max-width:min(92vw,420px);z-index:20;box-shadow:0 8px 28px #00000073}.share-row{display:flex;gap:8px}.share-row .btn{min-height:50px;font-size:15px}.stack{display:grid;gap:10px}.center{text-align:center}.hold-escape{margin-top:14px}button.linkish{background:none;border:0;padding:6px 0 6px 10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.hold.arming .hold-fill{transition:none;transform:scale(0)}.hold .hold-fill[data-step="1"]{transform:scale(.33)}.hold .hold-fill[data-step="2"]{transform:scale(.66)}.hold .hold-fill[data-step="3"]{transform:scale(1)}*{animation-duration:1ms!important}}@media(max-height:640px){.wordmark{font-size:38px}.hold{width:158px;height:158px;margin-top:16px}.body-area{gap:12px}.qr{width:132px;height:132px}}