:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--panel-strong:#eef2f6;--text:#18202a;--muted:#5c6a78;--line:#c9d2dd;--accent:#0f766e;--accent-strong:#115e59;--danger:#b42318;--on-accent:#fff;--shadow:0 10px 28px #15202b1f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101417;--panel:#191f24;--panel-strong:#252d34;--text:#f3f6f8;--muted:#aab7c4;--line:#3a4652;--accent:#2dd4bf;--accent-strong:#5eead4;--danger:#f97066;--on-accent:#08211d;--shadow:0 12px 30px #00000052}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{border:1px solid var(--line);min-height:44px;font:inherit;border-radius:8px}button{background:var(--accent);color:#fff;cursor:pointer;padding:0 16px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}input,select{background:var(--panel);width:100%;color:var(--text);padding:0 12px}input:focus-visible,select:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235c6a78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:36px}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23aab7c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select:disabled{cursor:not-allowed;opacity:.55}select option{background:var(--panel);color:var(--text)}input[type=radio]{accent-color:var(--accent);cursor:pointer}.home-page,.results-page,.loading-page{gap:16px;min-height:100vh;padding:16px;display:grid}.home-page{align-content:center;justify-items:center;padding-top:64px;position:relative}.home-actions,.home-leaderboard{width:100%;max-width:640px}.home-actions-inner{gap:20px;display:grid}.banner-side p{text-align:center;gap:2px;margin:0;display:grid}@media (width>=620px){.home-actions-inner{grid-template-columns:auto minmax(300px,1fr);align-items:center;gap:28px}}.theme-toggle{min-height:36px;padding:0 12px;position:absolute;top:16px;right:16px}.home-actions,.players-panel,.clue-panel,.leaderboard,.empty-state{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:16px}.home-actions{align-content:start;gap:18px;display:grid}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.banner{text-align:center;margin:0 0 12px;padding-top:18px}.banner-cross{--bn-line:#1b1e23;--bn-cell:#fffdf7;--bn-letter:#14171c;--bn-number:#55606d;--bn-cursor:#ffd93b;--bcell:clamp(32px, 7.5vw, 50px);grid-template-columns:repeat(4, var(--bcell));grid-template-rows:repeat(5, var(--bcell));gap:1px;display:inline-grid;position:relative}:root[data-theme=dark] .banner-cross{--bn-line:#4d545e;--bn-cell:#15181d;--bn-letter:#f2f4f7;--bn-number:#98a2b3;--bn-cursor:#8a6a00}.banner-cell{background:var(--bn-cell);color:var(--bn-letter);font-size:calc(var(--bcell) * .58);outline:1px solid var(--bn-line);justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.banner-cell.cursor{background:var(--bn-cursor)}.banner-num{color:var(--bn-number);font-size:calc(var(--bcell) * .22);font-weight:600;line-height:1;position:absolute;top:2px;left:2px}.banner-mark{color:var(--danger);letter-spacing:0;opacity:0;text-align:right;right:-8px;top:calc(2 * var(--bcell) - 12px);transform-origin:100% 100%;white-space:nowrap;font-size:clamp(.72rem,2vw,.95rem);font-weight:800;transition:opacity .25s,transform .25s;position:absolute;transform:scale(.5)}.banner-mark.visible{opacity:1;transform:scale(1)}.mark-rest{vertical-align:bottom;white-space:nowrap;max-width:0;transition:max-width .7s;display:inline-block;overflow:hidden}.banner-mark.expanded .mark-rest{max-width:4em}.home-actions p,.notice,small{color:var(--muted)}.notice.error{color:var(--danger)}.action-stack,.action-stack label,.clue-list,.players-list{gap:10px;display:grid}.action-stack label{gap:6px}.join-row,.top-bar,.bottom-bar,.answer-bar,.player-row,.leaderboard-row{align-items:center;gap:10px;display:flex}.join-row input{flex:1}.modal-overlay{z-index:50;background:#0a0e128c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;gap:12px;width:100%;max-width:440px;max-height:calc(100vh - 32px);padding:16px;display:grid;overflow:visible}.modal h2{margin:0}.modal-hint{color:var(--muted);margin:0}.modal label{gap:8px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;display:flex}fieldset{border:1px solid var(--line);border-radius:8px;gap:6px;margin:0;padding:10px;display:grid}fieldset label{align-items:center;gap:10px;display:flex}fieldset input{width:auto;min-height:auto}.option-group{border:1px solid var(--line);border-radius:8px;gap:8px;padding:10px;display:grid}.option-group-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800}.mode-slider{background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.mode-slider button{color:var(--muted);background:0 0;border:0;border-radius:999px;min-height:36px;padding:0 12px}.mode-slider button.selected{background:var(--accent);color:var(--on-accent)}.option-group small{color:var(--muted);line-height:1.35}.info-tip{background:var(--panel-strong);border:1px solid var(--line);color:var(--muted);cursor:help;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:inline-flex;position:relative}.info-tip:hover,.info-tip:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.info-tip-bubble{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);opacity:0;pointer-events:none;text-align:left;z-index:20;border-radius:8px;width:min(260px,68vw);padding:10px 12px;font-size:.8rem;font-weight:400;line-height:1.45;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-72%)}.info-tip:hover .info-tip-bubble,.info-tip:focus .info-tip-bubble,.info-tip:focus-visible .info-tip-bubble{opacity:1}.game-page{min-height:100vh;padding:12px 12px 74px}.top-bar,.bottom-bar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:5;justify-content:space-between;position:sticky}.top-bar{border-radius:8px;margin-bottom:12px;padding:8px;top:8px}.top-bar-title{min-width:0;display:grid}.bottom-bar{border-radius:8px 8px 0 0;padding:10px 12px;position:fixed;bottom:0;left:0;right:0}.ghost-button,.join-code{background:var(--panel-strong);color:var(--text)}.game-layout,.board-column,.side-column,.crossword-shell{gap:12px;display:grid}.crossword-grid{--grid-line:#1b1e23;--grid-cell:#fffdf7;--grid-block:#1b1e23;--grid-letter:#14171c;--grid-number:#55606d;--grid-word:#bcd9f8;--grid-cursor:#ffd93b;background:var(--grid-line);border:2px solid var(--grid-line);touch-action:pinch-zoom;width:min(100%, 920px, max(240px, calc((100vh - 250px) * var(--cols) / var(--rows))));width:min(100%, 920px, max(240px, calc((100dvh - 250px) * var(--cols) / var(--rows))));justify-self:center;gap:1px;display:grid}:root[data-theme=dark] .crossword-grid{--grid-line:#4d545e;--grid-cell:#15181d;--grid-block:#e8e6df;--grid-letter:#f2f4f7;--grid-number:#98a2b3;--grid-word:#2c4a6e;--grid-cursor:#8a6a00}.cell{background:var(--grid-cell);color:var(--grid-letter);font-size:clamp(1rem, calc(34vw / var(--cols)), 2.15rem);text-transform:uppercase;border:0;border-radius:0;justify-content:center;align-items:center;min-height:0;padding:0;font-weight:700;display:flex;position:relative}.cell.black{background:var(--grid-block)}.cell.selected{background:var(--grid-word)}.cell:focus-within{background:var(--grid-cursor)}.cell-number{color:var(--grid-number);font-size:clamp(.45rem, calc(9vw / var(--cols)), .72rem);pointer-events:none;font-weight:600;line-height:1;position:absolute;top:2px;left:2px}.cell input{caret-color:#0000;color:inherit;font:inherit;letter-spacing:0;text-align:center;text-transform:uppercase;background:0 0;border:0;border-radius:0;outline:0;width:100%;height:100%;min-height:0;padding:0;line-height:1}.grid-hint{color:var(--muted);text-align:center;margin:0;font-size:.85rem}@keyframes cell-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.cell.shake{animation:.45s cell-shake}@media (prefers-reduced-motion:reduce){.cell.shake{animation:none}}.clue-columns{overscroll-behavior:contain;gap:14px;max-height:min(62vh,560px);padding-right:4px;display:grid;overflow-y:auto}.clue-list h3{background:var(--panel);z-index:1;margin:0;padding:4px 0;position:sticky;top:0}.clue{background:var(--panel-strong);color:var(--text);text-align:left;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;height:auto;min-height:44px;padding:10px;display:grid}.clue-points{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:800}.clue.active{border-color:var(--accent);outline:2px solid var(--accent)}.clue-number{color:var(--accent);min-width:1.4em;font-weight:800}.clue-text{font-weight:500}.clue.done{opacity:.6}.clue.done .clue-text{text-decoration:line-through}.top-bar-meta{flex:0 auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.game-settings-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0;display:flex}.game-settings-chips span{background:var(--panel-strong);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700}.completion-banner{background:var(--panel);border:1px solid var(--accent);box-shadow:var(--shadow);color:var(--text);text-align:center;z-index:40;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:min(360px,100vw - 32px);padding:18px 22px;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.completion-banner span{color:var(--muted)}.confetti-burst{pointer-events:none;z-index:39;position:fixed;inset:0}.confetti-burst span{animation:1.8s ease-out forwards confetti-fall;animation-delay:var(--delay);background:hsl(calc(var(--i) * 47), 80%, 54%);height:8px;left:var(--left);opacity:0;transform:translateX(0) rotate(var(--r));width:5px;position:absolute;top:-16px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) translateX(0) rotate(var(--r))}12%{opacity:1}to{opacity:0;transform:translateY(100vh) translateX(var(--drift)) rotate(calc(var(--r) + 180deg)) scale(.9)}}@media (prefers-reduced-motion:reduce){.confetti-burst span{animation:none}}.waiting-room{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;align-content:start;gap:14px;width:100%;max-width:560px;margin:0 auto;padding:20px;display:grid}.waiting-room h2,.waiting-room p{margin:0}.waiting-room p,.ready-badge{color:var(--muted)}.ready-badge.is-ready{color:var(--accent)}.player-name{position:relative}.player-name:hover .info-tip-bubble,.player-name:focus .info-tip-bubble,.player-name:focus-visible .info-tip-bubble{opacity:1}.player-row,.leaderboard-row{justify-content:space-between;min-height:44px}.status-dot{border-radius:999px;width:10px;height:10px}.status-dot.active{background:#12b76a}.status-dot.away{background:#f79009}.status-dot.done{background:#667085}.leaderboard-row{border-top:1px solid var(--line);padding:10px 0}.home-leaderboard h2{margin:0}.leaderboard-list{gap:2px;display:grid}.leaderboard-list h3{color:var(--muted);letter-spacing:0;margin:8px 0 0;font-size:.78rem}.rank-number{color:var(--accent);min-width:2.2em;font-weight:800}.rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (width>=768px){.game-page{padding:18px 18px 76px}.game-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);align-items:start}.board-column{align-self:start;position:sticky;top:72px}}@media (width>=1024px){.game-layout{grid-template-columns:minmax(560px,.95fr) minmax(360px,.55fr)}.clue-columns{grid-template-columns:1fr 1fr}}