:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f9ed;background:#101410;--surface: #1b221b;--line: #3e4c3e;--muted: #b9c5b4;--lime: #d5f46d;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#263523 0%,transparent 48%)}a{color:inherit}button,input,textarea{font:inherit}button,a,input[type=radio]{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #edffa7;outline-offset:3px}h1,h2,p{margin:0}h1,h2{line-height:1.07;overflow-wrap:anywhere}h1{font-size:clamp(2.1rem,5vw,4.1rem);letter-spacing:-.045em}h2{font-size:clamp(1.4rem,3vw,2.25rem);letter-spacing:-.025em}p{line-height:1.5}.shell{max-width:1120px;margin-inline:auto;padding:calc(1rem + var(--safe-top)) calc(clamp(1rem,4vw,2.75rem) + var(--safe-right)) calc(2rem + var(--safe-bottom)) calc(clamp(1rem,4vw,2.75rem) + var(--safe-left))}.player-shell{max-width:640px}.screen-shell{max-width:1440px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:clamp(1.25rem,4vh,2.5rem);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.55rem;flex:none;min-height:44px;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:var(--lime);color:#152000;font-size:1.2rem}.topbar-title{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-link{color:var(--lime);font-weight:650;text-underline-offset:.2em}.eyebrow{color:var(--lime);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted);font-size:1.08rem}.hint{color:var(--muted);font-size:.9rem}.panel{min-width:0;padding:clamp(1rem,3vw,1.65rem);border:1px solid var(--line);border-radius:1.15rem;background:var(--surface)}.stack,.empty,.hero,.setup-intro,.lobby-intro,.field{display:grid;gap:1rem;min-width:0}.hero{gap:1.2rem;padding-top:clamp(.75rem,5vh,3rem)}.hero:not(.join) h1{font-size:clamp(3rem,10vw,5.7rem)}.hero>.muted{max-width:35ch}.hero>.panel{margin-top:.25rem}.empty{justify-items:start}.field{gap:.5rem;font-weight:650}.button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:.55rem;padding:.62rem 1.05rem;border:1px solid transparent;border-radius:.7rem;background:var(--surface);color:inherit;font-weight:750;text-align:center;text-decoration:none;cursor:pointer}.button-primary{background:var(--lime);color:#192300}.button-outline,.button-icon{border-color:var(--line)}.button-icon{width:44px;padding:0;font-size:1.3rem}.button:disabled{opacity:.55;cursor:default}@media(hover:hover){.button-primary:hover:not(:disabled){background:#e4ff96}.button-outline:hover,.button-icon:hover{background:#293629}}input:not([type=radio]),textarea{display:block;width:100%;min-width:0;min-height:46px;padding:.65rem .8rem;border:1px solid #5b6c58;border-radius:.65rem;background:#111711;color:#f7f9ed;font-size:1rem}input::-moz-placeholder,textarea::-moz-placeholder{color:#a4b09f}input::placeholder,textarea::placeholder{color:#a4b09f}input.code-input{text-transform:uppercase;letter-spacing:.1em}input.code-input::-moz-placeholder{text-transform:none;letter-spacing:normal}input.code-input::placeholder{text-transform:none;letter-spacing:normal}input[type=radio]{width:24px;height:24px;margin:0;accent-color:var(--lime);cursor:pointer}textarea{resize:vertical}.alert{margin-bottom:1rem;padding:.85rem 1rem;background:#432920;color:#ffe3cf;border:1px solid #9a5d47;border-radius:.7rem}.setup-intro{justify-items:start;margin-bottom:1.25rem}.question-editor{display:grid;gap:.75rem;margin:0}.question-editor legend{padding:0 .5rem;color:var(--lime);font-weight:750}.option-editor{display:flex;align-items:center;gap:.65rem}.option-editor input[type=radio],.option-editor .button-icon{flex:none}.actions,.editor-actions,.control-bar,.invite-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.duration{display:flex;align-items:center;gap:.5rem}.duration input{width:5rem}.control-bar{justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.control-bar>div{display:grid;gap:.3rem}.lobby{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.4rem}.lobby-intro{justify-items:start}.pill{display:inline-block;padding:.38rem .7rem;border:1px solid var(--line);border-radius:2rem;background:var(--surface);color:var(--lime);font-size:.85rem;font-weight:700}.nicknames{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0;list-style:none}.nicknames li{max-width:100%;padding:.4rem .65rem;border-radius:.5rem;background:#273327;overflow-wrap:anywhere}.invitation{display:grid;justify-items:center;gap:.6rem;text-align:center}.invitation img{display:block;width:min(100%,256px);height:auto;border-radius:.5rem}.game-code{font-size:clamp(1.7rem,5vw,3.1rem);letter-spacing:.15em;font-variant-numeric:tabular-nums}.invite-actions{flex-direction:column}.round{display:grid;gap:.9rem}.round-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.clock{color:var(--lime);font-size:clamp(1.3rem,3.5vw,2.25rem);font-weight:800;font-variant-numeric:tabular-nums}.timer-track{height:.45rem;border-radius:1rem;overflow:hidden;background:#384839}.timer-track>div{height:100%;background:var(--lime);transform-origin:left center}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.option{display:flex;align-items:center;gap:.8rem;width:100%;min-width:0;min-height:62px;padding:.8rem;border:2px solid transparent;border-radius:.9rem;color:#15191b;background:#fbc7ad;font-size:clamp(1.05rem,2.2vw,1.45rem);font-weight:780;text-align:left;overflow-wrap:anywhere}.option[data-color="1"]{background:#bae3f3}.option[data-color="2"]{background:#efe48d}.option[data-color="3"]{background:#ddcff7}.option:where(button):not(:disabled){cursor:pointer}@media(hover:hover){button.option:hover:not(:disabled){border-color:#292b29}}.option.dim,button.option:disabled:not(.selected){background:#303a30;color:#e0e8dc}.option.correct,.option.selected{border-color:#f7f9ed}.letter{flex:none;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:.5rem;background:#0c120c26}.option-mark{margin-inline-start:auto;font-size:1.35em}.round-note{min-height:1.4em}.personal{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1rem}.personal>span{color:var(--lime);font-weight:750;flex:none}.standings{display:grid;gap:.75rem}.round~.standings,.personal+.standings{margin-top:1.6rem}.leaderboard{display:grid;gap:.45rem;list-style:none;padding:0;margin:0}.leaderboard li{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.65rem .85rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface)}.leaderboard strong{overflow-wrap:anywhere}.leaderboard .is-you{border-color:var(--lime)}.place,.score{font-weight:800;font-variant-numeric:tabular-nums}.place{color:var(--lime)}.screen-shell .option{min-height:86px;font-size:clamp(1.2rem,2.7vw,2rem)}.archive-round summary{min-height:44px;cursor:pointer;font-weight:750;overflow-wrap:anywhere}.archive-round[open]>.hint{margin-top:.4rem}.archive-answers{list-style:none;padding:0;margin:.8rem 0 0}.archive-answers li{display:flex;flex-wrap:wrap;gap:.25rem .75rem;border-top:1px solid var(--line);padding:.5rem 0;overflow-wrap:anywhere}@media(min-width:900px){.screen-shell .invitation img{width:clamp(256px,26vw,390px)}}@media(max-width:650px){.options,.lobby{grid-template-columns:minmax(0,1fr)}.invitation{justify-self:start;width:min(100%,320px)}.control-bar .button{width:100%}}
