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