/* Shared velvet-and-gold presentation. Boards, pictures and answer states retain their semantics. */
:root{--fq-show-backdrop:radial-gradient(ellipse at 50% 0,#7745a2 0,#442763 42%,#29203f 78%,#211b35 100%);--fq-show-border:#cfb0e755;--fq-show-text:#fff8ff;--fq-show-muted:#e1d0ed;--fq-show-gold:#ffdfa2;--fq-show-card:#fffaf2;--fq-show-card-ink:#39224f}
#app-view .fq-game-stage,#quiz-dialog.fq-stage-active{background:var(--fq-show-backdrop);border-color:var(--fq-show-border);color:var(--fq-show-text);box-shadow:0 20px 60px #2d164538}
#app-view .fq-game-stage{position:relative;isolation:isolate;border-radius:26px;font-size:15px}
#app-view .fq-game-shell{background:var(--fq-show-backdrop);border:1px solid var(--fq-show-border);border-radius:26px;padding:clamp(18px,3vw,34px);color:var(--fq-show-text)}
#app-view .fq-game-shell>.page-heading :is(h1,p),#app-view .fq-game-shell>:is(h1,h2,p),#app-view .fq-game-shell :is(.studio-progress,.smart-progress,.lab-progress){color:var(--fq-show-text)}
#app-view .fq-game-shell :is(.studio-progress,.smart-progress,.lab-progress)>a{color:var(--fq-show-gold)}
#app-view .fq-game-stage::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;clip-path:inset(0 round 26px);background:radial-gradient(circle at 12% 9%,#ffdfa226 0 2px,transparent 3px),radial-gradient(circle at 84% 15%,#ffdfa233 0 2px,transparent 3px),radial-gradient(circle at 92% 72%,#ffffff18 0 2px,transparent 3px),linear-gradient(116deg,transparent 14%,#f7ddff08 14%,#f7ddff08 28%,transparent 28%),linear-gradient(64deg,transparent 22%,#ffe5ab06 22%,#ffe5ab06 36%,transparent 36%)}
#app-view .fq-game-stage :is(h1,h2,h3,h4){color:var(--fq-show-text)}
#app-view .fq-game-stage :is(.fg-scrambled,.plus-word-mask,.studio-target,.studio-target strong,.studio-reveal){color:var(--fq-show-gold)}
#app-view .fq-game-stage>:is(p,small,label,legend),#app-view .fq-game-stage :is(.fg-note,.early-points-rule,.word-definition,.word-clue,.puzzle-save-note,.puzzle-stat span,.puzzle-toolbar label,.puzzle-word-credit,.smart-fine,.lab-note,.studio-small,.plus-note,.fg-feedback){color:var(--fq-show-muted)}
#app-view .fq-game-stage>:is(h1,h2){line-height:1.25}
#app-view .fq-game-stage>.pill,#app-view .fq-game-stage .party-topline>.pill{background:#ffffff12;color:var(--fq-show-gold);border:1px solid #e4c59d44}
#app-view .fq-game-stage>:is(a:not([class]),p>a),#app-view .fq-game-stage :is(.fg-note,.puzzle-word-credit)>a{color:#ffe2aa;text-underline-offset:3px}
#app-view .fq-game-stage :is(.fg-toolbar,.party-topline,.smart-progress,.studio-progress,.plus-progress,.lab-progress,.puzzle-toolbar){color:var(--fq-show-muted);border-color:#d7b8e53d}
#app-view .fq-game-stage :is(.fg-toolbar,.puzzle-stat) strong{color:var(--fq-show-gold)}
#app-view .fq-game-stage :is(.primary,.ms-check,.ms-next,.fq-pic-next,.diff-next){background:var(--fq-show-gold);color:#43264e;border-color:#ffdfa2;min-height:46px}
#app-view .fq-game-stage :is(.secondary,.ms-tool,.diff-tool,.fq-pic-tool):not(.fg-correct):not(.correct):not(.incorrect){background:#ffffff10;color:var(--fq-show-text);border-color:#d8bce45c}
#app-view .fq-game-stage :is(.options>.answer,.fg-options>.secondary,.party-answers>.secondary,.smart-note-options>button,.learning-retry-options>button){background:var(--fq-show-card);color:var(--fq-show-card-ink);border:1px solid #dec8ec;box-shadow:0 4px 0 #140b2366;min-height:64px;border-radius:15px;text-align:left;line-height:1.5}
#app-view .fq-game-stage :is(.options>.answer,.fg-options>.secondary,.party-answers>.secondary):hover:not(:disabled){border-color:var(--fq-show-gold);background:#fff1d8}
#app-view .fq-game-stage :is(.options>.answer,.fg-options>.secondary,.party-answers>.secondary).correct,#app-view .fq-game-stage .fg-options>.fg-correct{background:#d7f6e1;color:#205b3b;border-color:#8ed5aa;opacity:1}
#app-view .fq-game-stage .options>.answer.incorrect{background:#ffe1e7;color:#8b2947;border-color:#e9a0b4}
#app-view .fq-game-stage :is(input:not([type=checkbox]):not([type=radio]):not([data-cross]):not([data-plus-cell]),select,textarea){color:#38204e;background:#fffaf4;border-color:#cfb5df}
/* Light islands keep authored diagrams, explanations and notes readable. */
#app-view .fq-game-stage :is(.feedback,.notice,.review,.review-item,.word-audio,.word-ladder-chain,.panel,.lab-story-scene,.studio-confidence-review,.smart-result-review,.studio-secret,.party-secret,.fg-emoji-clue){color:#3b2550}
#app-view .fq-game-stage :is(.feedback,.notice,.review,.word-audio){background:#fff8ee;border:1px solid #dfcce7;border-radius:14px;padding:16px}
#app-view .fq-game-stage :is(.feedback,.notice,.review,.word-audio,.panel) :is(h2,h3,p,label,summary,small,a){color:inherit}
#app-view .fq-game-stage :is(.lab-story-scene,.studio-confidence-review,.smart-result-review,.studio-secret,.party-secret,.fg-emoji-clue) :is(h2,h3,p,small){color:inherit}
#app-view .fq-game-stage :is(.feedback,.notice,.review,.word-audio,.panel) .secondary{background:#eee2fb;color:#492263;border-color:#d4bae6}
#app-view .fq-game-stage .word-tiles{background:#fff4da;border-radius:16px;padding:18px;overflow-wrap:anywhere}
#app-view .fq-game-stage .puzzle-message{color:#e9dcf6}
#app-view .fq-game-stage :is(.ms-final-score,.diff-total,.fq-pic-final-score){color:var(--fq-show-gold)}
#app-view .fq-game-stage :is(.ms-result li,.diff-result li){border-color:#d2b2e33d}
#app-view .fq-game-stage :is(.ms-result li small,.diff-result li small,.ms-note){color:var(--fq-show-muted)}
#app-view .fq-game-stage .ms-share{border-color:#d2b2e33d;color:var(--fq-show-text)}
#app-view .fq-game-stage :is(.ms-share p,.ms-summary){color:var(--fq-show-muted)}
#app-view .fq-game-stage :focus-visible{outline:3px solid #ffe09e;outline-offset:4px}
#app-view .fq-game-stage :is(input,select,textarea,.sudoku-cell):focus-visible{outline-color:#9d6fce}
#quiz-dialog.fq-stage-active .quiz-top{background:#2d174eeF;border-color:#d7b8e533}
#app-view .event-stage.event-theme-quiz-show{background:var(--fq-show-backdrop)}
body.fq-high-contrast #app-view .fq-game-stage,html.fq-high-contrast #app-view .fq-game-stage,html.fq-high-contrast #quiz-dialog.fq-stage-active{background:#170d27;color:#fff;border:2px solid #fff}
body.fq-high-contrast #app-view .fq-game-shell,html.fq-high-contrast #app-view .fq-game-shell{background:#170d27;color:#fff;border:2px solid #fff}
body.fq-high-contrast #app-view .fq-game-stage::before,html.fq-high-contrast #app-view .fq-game-stage::before{display:none}
body.fq-large-text #app-view .fq-game-stage,html.fq-large-text #app-view .fq-game-stage{font-size:18px}
@media(max-width:620px){#app-view .fq-game-stage{border-radius:19px}#app-view .fq-game-stage::before{clip-path:inset(0 round 19px)}#app-view .fq-game-stage :is(.options>.answer,.fg-options>.secondary,.party-answers>.secondary){font-size:15px;min-height:62px}#app-view .fq-game-stage .word-tiles{font-size:clamp(20px,5vw,30px);padding:15px 10px}}
@media(prefers-reduced-motion:reduce){#app-view .fq-game-stage::before{animation:none;transition:none}}
body.fq-large-text #app-view .fq-game-stage :is(.options>.answer,.fg-options>.secondary,.party-answers>.secondary),html.fq-large-text #app-view .fq-game-stage :is(.options>.answer,.fg-options>.secondary,.party-answers>.secondary){font-size:18px;min-height:74px}
@media print{#app-view .fq-game-stage{background:#fff!important;color:#111!important;box-shadow:none!important;border-color:#888!important}#app-view .fq-game-stage::before{display:none}#app-view .fq-game-stage :is(h1,h2,h3,p,small,label,legend){color:#111!important}}
