:root{font-family:Arial,Helvetica,sans-serif;color:#111214;background:#f6f4e9;font-synthesis:none;--blue: #192bea;--paper: #f6f4e9;--ink: #111214;--muted: #505252}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;font-size:16px}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{border:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:18px 20px;min-height:54px;cursor:pointer;font-weight:800;text-align:center;width:100%;line-height:1.25;margin:8px 0;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-family:Impact,Arial Narrow,Arial,sans-serif;font-stretch:condensed;font-size:clamp(38px,9vw,64px);letter-spacing:-.045em;line-height:1.02;margin:22px 0 28px;font-weight:900}h2{font-size:30px;letter-spacing:-.035em;line-height:1.1}h3{font-size:23px;margin:0 0 12px}p{font-size:18px;line-height:1.45}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 32px}header a{font-size:11px;letter-spacing:.08em;text-decoration:none;font-weight:900;white-space:nowrap}header a span{display:block}main{min-width:0}.shell{max-width:740px;margin:auto;padding:env(safe-area-inset-top,0px) max(22px,env(safe-area-inset-right,0px)) max(32px,env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px));min-height:100vh;min-height:100dvh}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.5}.home h1{font-size:clamp(55px,13.9vw,105px);margin:30px 0 24px;line-height:.94}.home h1>span:not(.dot){color:var(--blue)}.dot{color:var(--blue)}.intro{font-size:22px;line-height:1.35}.example{display:flex;gap:18px;align-items:center;margin:28px 0}.example p{font-size:15px;margin:6px 0}.example p:first-child{font-weight:700}.arrow{font-size:88px;line-height:1;color:var(--blue)}.modes{display:grid;gap:10px}.modes button{text-align:left;font-size:25px;margin:0;padding:18px 20px}.modes button:first-child{background:var(--blue);border-color:var(--blue)}.modes span{display:block;font-size:13px;font-weight:400;margin-top:8px}.modes button:last-child{color:var(--ink);background:transparent}.hint{color:var(--muted);font-size:14px}.secondary{background:transparent;color:var(--ink)}.text-button{background:none;border:0;color:var(--ink);width:auto;font-size:13px;padding:12px 0;margin:0}label{display:block;font-size:15px;font-weight:700;margin:20px 0 12px}input:not([type=checkbox]),select{display:block;width:100%;background:#fff;border:2px solid var(--ink);border-radius:0;color:var(--ink);padding:14px;margin-top:8px;min-height:52px}input[type=number]{font-size:24px;font-weight:700}.toggle{display:flex;gap:14px;align-items:center;min-height:48px}.toggle input{width:24px;height:24px;accent-color:var(--blue)}details{border-top:2px solid var(--ink);margin:24px 0;padding-top:8px}summary{padding:16px 0;cursor:pointer;font-weight:700;min-height:48px}.secret{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--ink);color:var(--paper);padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));min-height:100vh;min-height:100dvh;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.secret h1{font-size:clamp(30px,8vw,64px);max-width:800px;margin:24px 0}.secret .covered{color:#7b89ff;font-size:clamp(100px,25vh,240px);line-height:1;font-weight:900}.secret .instruction{border-left:5px solid #7b89ff;padding-left:16px}.secret button{background:var(--paper);color:var(--ink);margin-top:22px;max-width:720px}.secret.open{background:var(--blue)}.secret.open .instruction{border-color:var(--paper)}.secret button:focus-visible{outline-color:#fff}.signal{text-align:center;padding:35px 0}.count{color:var(--blue);font-size:clamp(130px,48vw,300px);line-height:1;font-weight:900;letter-spacing:-.08em}.count .clock{font:inherit}.clock{font-size:54px;color:var(--blue);font-weight:900;font-variant-numeric:tabular-nums}.gesture{font-size:120px;font-weight:900;color:var(--blue);line-height:1}.signal h1{font-size:clamp(46px,13vw,90px)}.choices{display:grid;gap:4px}.choices button{display:flex;justify-content:space-between;gap:15px;background:transparent;color:var(--ink);text-align:left}.choices button[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}.verdict{background:var(--blue);color:#fff;padding:20px;margin:16px 0}.verdict h2{margin-top:0}.verdict strong{font-size:13px;letter-spacing:.06em}.sentence{font-size:25px;font-weight:900;line-height:1.2;margin:30px 0}.stats article{border-bottom:1px solid #9a9a94;padding:24px 0}.stats p{font-size:15px}.stats strong{font-size:12px;letter-spacing:.05em}.award{border-top:2px solid var(--ink);padding:12px 0}.award .eyebrow{color:var(--blue)}.award h2{margin:10px 0}.name-row{display:flex;align-items:end;gap:7px}.name-row label{flex:1;min-width:0}.small{width:44px;min-width:44px;height:52px;padding:8px;margin-bottom:12px}.qr{display:block;margin:auto;max-width:100%;height:auto}.room-code{text-align:center;font-family:monospace;font-size:clamp(42px,13vw,80px);letter-spacing:0}.roster{padding:0;list-style:none;display:flex;gap:10px;flex-wrap:wrap}.roster li{background:#fff;padding:12px 16px;border:1px solid}.room-controls{margin-top:45px}.connection{position:relative;z-index:20;background:var(--paper);border:2px solid var(--blue);padding:10px}.button-row{display:flex;gap:8px}.button-row button{font-size:14px;padding:16px 8px}footer{font-size:11px;margin-top:48px;line-height:2;font-weight:700}@media(min-width:900px){.shell:has(.home){max-width:1180px}.home{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px}.home>.eyebrow,.home>h1,.home>.intro{grid-column:1}.home>h1{grid-row:2/5}.home>.intro{grid-row:5}.home>.example{grid-column:2;grid-row:2}.home>.modes{grid-column:2;grid-row:3/6;align-self:start}.home>.hint{grid-column:2}}@media(max-height:500px)and (orientation:landscape){.secret{justify-content:flex-start}.secret h1{font-size:30px;margin:12px 0}.secret .covered{font-size:70px}.secret p{margin:8px 0}.signal{padding:8px 0}.count{font-size:120px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:900px){.home h1{font-size:84px}}.stepper{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:6px;margin-top:8px}.stepper button,.stepper input[type=number]{margin:0;min-height:48px;padding:8px;text-align:center}.stepper input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.settings label,.stepper-field label{margin-top:12px}.settings .mode-hint{margin:4px 0 12px}.advanced{margin:12px 0;border-top:1px solid #9a9a94}.advanced summary{font-size:12px;letter-spacing:.05em}.config-summary{font-size:12px;font-weight:800;line-height:1.7}.settings-control{margin-bottom:20px}.room-settings{border:2px solid var(--blue);padding:16px}.settings-locked{margin:12px 0}.settings-locked .hint{margin:0;font-size:12px}.group-setup h2{font-size:16px;color:var(--blue);letter-spacing:.1em;padding-bottom:12px;border-bottom:2px solid}.name-row label{margin-top:6px}.stats .stat-verdict{font-size:20px;font-weight:800;line-height:1.25;max-width:40ch}.stat-indicators{display:flex;flex-wrap:wrap;gap:6px 24px}.stats details{border:0;padding:0;margin:0}.stats summary{font-size:12px;color:var(--muted)}.signal{min-height:60vh;min-height:60dvh;display:flex;flex-direction:column;justify-content:center}@media(hover:hover){button:not(:disabled):hover{filter:brightness(1.22)}.secondary:not(:disabled):hover,.text-button:not(:disabled):hover{background:#e4e3db}a:hover{text-decoration:underline}}@media(min-width:900px){.shell:has(.group-setup),.shell:has(.quick-setup),.shell:has(.lobby),.shell:has(details[open]>.stats){max-width:1180px}.group-setup,.lobby{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.quick-setup{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.quick-setup+p{max-width:55ch}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 48px}.room-settings{max-width:640px}.lobby .room-code{font-size:100px}.secret{padding-left:max(40px,calc((100vw - 800px)/2));padding-right:max(40px,calc((100vw - 800px)/2))}}@media(min-width:900px)and (max-width:1100px){.home{column-gap:32px}.home h1{font-size:76px}}@media(max-width:430px){.shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.settings input,.settings select{min-height:48px;padding:10px}.settings label{font-size:13px}.name-row{gap:5px}}.stepper-field label{margin-bottom:0}@media(min-width:900px){.quick-setup{grid-template-columns:1fr 1fr;gap:0 60px}.quick-setup .settings{display:contents}.quick-setup>.stepper-field{grid-column:1;grid-row:1}.quick-setup .settings>.stepper-field:first-child{grid-column:2;grid-row:1}.quick-setup .editorial-selector{grid-column:1;grid-row:2}.quick-setup .mode-hint{grid-column:1;grid-row:3}.quick-setup .settings>.stepper-field:not(:first-child){grid-column:2;grid-row:2}.quick-setup .advanced{grid-column:2;grid-row:3}}.shell:has(.quick-setup) header{padding-bottom:16px}.shell:has(.quick-setup) h1{margin-top:16px;margin-bottom:20px}.room-create .text-button{display:block;margin:4px auto}button,.roster li{overflow-wrap:anywhere}.roster li{max-width:100%}
