.fq-game{display:flex;flex-direction:column;gap:8px;color:var(--fq-ink);font-family:var(--fq-text)}.fq-game[data-display=fullscreen]{height:100dvh;box-sizing:border-box;padding:max(8px,var(--fg-safe-top)) max(12px,var(--fg-safe-right)) max(8px,var(--fg-safe-bottom)) max(12px,var(--fg-safe-left))}.fq-game-board{position:relative;min-height:0}.fq-game[data-display=fullscreen] .fq-game-board{flex:1}.fq-game[data-display=default] .fq-game-board{height:clamp(240px,30vw,360px)}.fq-play-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-height:52px}.fq-play-side{display:flex;align-items:center;gap:10px;min-width:0}.fq-play-side[data-end]{justify-content:flex-end}.fq-play-meta{font-size:13px;line-height:1.25;color:var(--fq-ink-2);min-width:0}.fq-play-meta b{display:block;color:var(--fq-ink);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fq-icon-btn{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--fq-line);background:var(--fq-surface);color:var(--fq-ink);cursor:pointer}.fq-text-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px 0 10px;border-radius:12px;border:1px solid var(--fq-line);background:var(--fq-surface);color:var(--fq-ink);font:700 15px/1 var(--fq-text);text-decoration:none;cursor:pointer}.fq-text-btn:hover{border-color:var(--fq-teal);color:var(--fq-ink)}.fq-icon-btn:hover{border-color:var(--fq-teal)}.fq-prompt{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 16px;border-radius:999px;background:var(--fq-surface);border:1px solid var(--fq-line);font-weight:600;font-size:15px;color:var(--fq-ink-2);white-space:nowrap}.fq-prompt-note{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;box-sizing:border-box;border-radius:999px;background:var(--fq-teal);color:#fff;font:800 26px/1 var(--fq-display)}.fq-prompt-note[data-kind=ask]{background:#f2a516;color:var(--fq-ink)}.fq-play-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:16px}.fq-play-feedback{display:flex;align-items:center;gap:10px;min-width:0}.fq-play-hint{font-size:15px;color:var(--fq-ink-2)}.fq-play-keys{font-size:13px;color:var(--fq-ink-2)}.fq-verdict{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;font-weight:800}.fq-verdict[data-correct=true]{background:#ddf6e3;color:#1f7a3a}.fq-verdict[data-correct=false]{background:#ffe3de;color:#b23b2c}.fq-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 22px;border-radius:999px;border:0;background:var(--fq-teal);color:#fff;font:700 16px var(--fq-text);text-decoration:none;cursor:pointer}.fq-btn:hover{background:var(--fq-teal-deep);color:#fff}.fq-btn:disabled{background:#c9d4d0;color:var(--fq-ink-2);cursor:default}.fq-btn[data-variant=quiet]{background:var(--fq-surface);border:1px solid var(--fq-line-2);color:var(--fq-ink)}.fq-btn[data-variant=dark]{background:var(--fq-ink)}.fq-answers{--fq-answer-gap: 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(max(44px,calc((100% - (var(--fq-answer-count, 7) - 1) * var(--fq-answer-gap)) / var(--fq-answer-count, 7))),1fr));gap:var(--fq-answer-gap)}.fq-answer{height:52px;border-radius:14px;border:1px solid var(--fq-line-2);border-bottom-width:3px;background:var(--fq-surface);color:var(--fq-ink);font:700 22px var(--fq-display);cursor:pointer}.fq-answer:hover:not(:disabled){border-color:var(--fq-teal)}.fq-answer[data-state=right]{background:#5bd97a;border-color:#33a551;color:#06331a}.fq-answer[data-state=wrong]{background:#ff7f6e;border-color:#c9584a;color:#3a0f0a}.fq-answer:disabled{cursor:default}.fq-menu-scrim{position:fixed;inset:0;z-index:50;background:#17231f47}.fq-menu-sheet{position:fixed;top:max(8px,var(--fg-safe-top));right:max(8px,var(--fg-safe-right));bottom:max(8px,var(--fg-safe-bottom));z-index:51;width:min(320px,calc(100vw - 16px));box-sizing:border-box;padding:14px;border-radius:20px;background:var(--fq-surface);box-shadow:0 18px 40px #17231f40;display:flex;flex-direction:column;gap:12px;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.fq-menu-title{display:flex;align-items:center;justify-content:space-between;font:600 18px var(--fq-display)}.fq-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0;border:0;background:transparent;color:var(--fq-ink);font:600 15px var(--fq-text);text-align:left;cursor:pointer}.fq-toggle-track{flex:none;position:relative;width:42px;height:24px;border-radius:999px;background:#c9d4d0}.fq-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:transform .15s}.fq-toggle[aria-checked=true] .fq-toggle-track{background:var(--fq-teal)}.fq-toggle[aria-checked=true] .fq-toggle-track:after{transform:translate(18px)}.fq-menu-actions{margin-top:auto;display:flex;gap:8px}.fq-menu-actions>*{flex:1;min-height:42px;padding:0 12px;font-size:14px}.fq-themes{margin:0;padding:0;border:0;min-width:0;display:grid;grid-template-columns:repeat(var(--theme-columns, 2),minmax(0,1fr));gap:8px}.fq-themes[data-columns="2"]{--theme-columns: 2}.fq-themes[data-columns="4"]{--theme-columns: 4}.fq-theme{display:flex;flex-direction:column;gap:6px;padding:7px;border-radius:12px;border:1px solid var(--fq-line-2);background:var(--fq-surface);color:var(--fq-ink);font:600 13px var(--fq-text);text-align:left;cursor:pointer}.fq-theme:has(input:checked){border:2px solid var(--fq-teal);padding:6px;background:var(--fq-teal-tint);color:var(--fq-teal);font-weight:700}.fq-theme-swatch{height:40px;pointer-events:none}@media(min-width:900px){.fq-game[data-display=default] .fq-prompt{font-size:18px}.fq-game[data-display=default] .fq-prompt-note{min-width:56px;height:56px;font-size:32px}}.fq-theme:has(input:focus-visible){outline:3px solid #f2a516;outline-offset:2px}@media(max-width:560px){.fq-play-head{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.fq-play-side:not([data-end]) .fq-play-meta,.fq-text-btn-label{display:none}.fq-text-btn{width:44px;padding:0;justify-content:center}.fq-prompt{justify-self:center;min-width:0;gap:8px;padding-left:12px;font-size:14px}.fq-play-foot{min-height:44px;font-size:15px}.fq-game[data-display=fullscreen]{gap:6px}.fq-answer{height:48px}}