:root{--accent:#c2410c;--warning:#dc2626;--bg:#fff;--fg:#1b1b1f;--field:#efeff3;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--accent:#fb923c;--warning:#f87171;--bg:#121216;--fg:#f1f1f4;--field:#26262d}}*{box-sizing:border-box}body{margin:0}main{max-width:28rem;min-height:100dvh;margin:0 auto;padding:1rem}.stack{flex-direction:column;gap:1rem;display:flex}h1{margin:0;font-size:2rem}label{flex-direction:column;gap:.25rem;font-weight:600;display:flex}input,button,.button{min-height:48px;font:inherit;border-radius:.75rem;padding:0 1rem}input{background:var(--field);color:var(--fg);border:2px solid #0000}input:focus{border-color:var(--accent);outline:none}button,.button{background:var(--accent);color:var(--bg);cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}button:disabled{opacity:.6}button:focus-visible,.button:focus-visible{outline:3px solid var(--fg);outline-offset:2px}button.secondary{background:var(--field);color:var(--fg)}hr{border:0;border-top:1px solid var(--field);width:100%}.lang{justify-content:flex-end;gap:.5rem;margin-bottom:1rem;display:flex}.lang button{min-width:48px}.lang button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.error,.notice{border-left:4px solid var(--accent);margin:0;padding-left:.75rem;font-weight:600}h2,h3,p{margin:0}select{background:var(--field);min-height:48px;color:var(--fg);font:inherit;border:0;border-radius:.75rem;padding:0 .5rem}.row{align-items:center;gap:.5rem;display:flex}.grow{flex:1}.code{letter-spacing:.2em;text-align:center;font-size:4rem;font-weight:800}.link{overflow-wrap:anywhere;flex:1}.qr{width:60%;margin:0 auto}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dot{background:var(--field);width:.75rem;height:.75rem;box-shadow:inset 0 0 0 2px var(--fg);border-radius:50%}.dot.on{box-shadow:none;background:#16a34a}.team{background:var(--field);border-radius:.75rem;padding:.75rem}.team input{background:var(--bg);width:100%}.stepper output{text-align:center;min-width:2.5rem;font-weight:700}.check{flex-direction:row;align-items:center}.check input{width:1.5rem;min-height:1.5rem}.status{font-weight:600}.turn{min-height:calc(100dvh - 9rem)}.word{text-align:center;overflow-wrap:anywhere;font-weight:800;line-height:1.1}.actions{margin-top:auto}button.correct{min-height:35dvh;font-size:2rem}button.big{min-height:6rem;font-size:1.5rem}.rule{font-size:1.25rem;font-weight:700}.countdown{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800}.countdown.warning{color:var(--warning)}.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.scores th,.scores td{text-align:right;padding:.5rem}.scores th:first-child{text-align:left}
