.g-player{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:#eef4ff;color:#173b70;overflow:auto;font:400 16px/1.6 Poppins,system-ui,sans-serif}.g-player::backdrop{background:#071426eb}.g-player *{box-sizing:border-box}.g-player [hidden]{display:none!important}.g-player-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px clamp(20px,5vw,70px);background:#17274a;color:#fff}.g-player-brand{display:flex;align-items:center;gap:12px;font-weight:700}.g-player-brand i{display:grid;place-items:center;width:40px;height:40px;background:#ffffff18;border-radius:12px}.g-player-preview{font-size:12px;padding:5px 10px;border:1px solid #ffffff66;border-radius:20px}.g-player-main{max-width:1050px;margin:auto;padding:30px 24px 60px}.g-player-progress-row{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;margin-bottom:12px}.g-player-track{height:8px;background:#d4dff3;border-radius:20px;overflow:hidden}.g-player-track span{display:block;height:100%;background:linear-gradient(90deg,#4181ed,#7755c7);border-radius:20px}.g-player-question{background:#fff;border:1px solid #d6e2f3;border-radius:24px;padding:clamp(24px,5vw,52px);margin:24px 0;text-align:center;box-shadow:0 8px 28px #253b7010}.g-player-question h2{font:400 clamp(25px,3vw,38px)/1.4 Candal,Poppins,sans-serif;margin:8px 0 16px;color:#173b70}.g-player-question p{color:#526785;font-size:15px;line-height:1.8}.g-player-answers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.g-player button{font:600 16px/1.5 Poppins,system-ui,sans-serif;min-height:48px;border:1px solid #c5d6ee;border-radius:14px;padding:12px 20px;cursor:pointer}.g-player-answers button{display:flex;align-items:center;gap:16px;text-align:left;color:#fff;min-height:105px;padding:22px;background:#a73048;border:3px solid transparent;box-shadow:0 4px 0 #00000018}.g-player-answers button:nth-child(2){background:#245eaa}.g-player-answers button:nth-child(3){background:#8b620b}.g-player-answers button:nth-child(4){background:#216f4a}.g-player-shape{font-size:26px;min-width:28px;flex-shrink:0;text-align:center}.g-player-answers button[aria-pressed=true]{border-color:#fff;outline:3px solid #173b70;outline-offset:2px;box-shadow:0 6px 0 #00000022}.g-player button:focus-visible{outline:3px solid #188ab5;outline-offset:4px}.g-player button:disabled{opacity:.55;cursor:not-allowed}.g-player-answers button:disabled{opacity:1}.g-player-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.g-player-footer p{font-size:13px;color:#526785;max-width:55ch}.g-player-primary{background:#285ad2;color:white;border-color:#285ad2!important}.g-player-secondary{background:#fff;color:#173b70}.g-player-results{background:#fff;border:1px solid #d6e2f3;border-radius:24px;padding:32px;text-align:center}.g-player-score{font:400 clamp(48px,6vw,76px)/1.3 Candal,sans-serif;color:#225dc8;margin:18px 0}.g-player-review{display:grid;gap:14px;margin:24px 0;text-align:left}.g-player-review section{padding:20px;border:1px solid #d6e2f3;border-left:5px solid #1f846b;border-radius:14px;background:#f7faff}.g-player-review section[data-correct=false]{border-left-color:#a73048}.g-player-review h3{font-size:17px;margin-top:0}.g-player-review p{font-size:14px;line-height:1.8}.g-player-status{padding:14px 18px;border:1px solid #d6e2f3;border-radius:12px;background:#fff;margin-top:18px;font-size:14px;line-height:1.7}.g-player-status:empty{display:none}.g-player .g-live-shell{min-height:calc(100dvh - 160px)}.g-player-preview-home{max-width:960px;margin:40px auto;padding:24px;font:400 16px/1.8 Poppins,sans-serif;color:#173b70}.g-player-preview-home h1{font-family:Candal,Poppins,sans-serif}.g-player-preview-home a{color:#245bd3}.g-player-preview-card{padding:30px;margin:24px 0;border:1px solid #d6e2f3;border-radius:22px;background:#fff}.g-player-preview-card button{padding:13px 20px;border:0;border-radius:12px;background:#285ad2;color:#fff;font:600 15px Poppins,sans-serif;min-height:46px;cursor:pointer}.g-player-preview-card p{color:#526785}@media(max-width:600px){.g-player-main{padding:22px 16px 40px}.g-player-top{padding:14px 16px}.g-player-brand{font-size:14px}.g-player-question{padding:24px 18px;margin:20px 0}.g-player-answers{grid-template-columns:1fr;gap:12px}.g-player-answers button{min-height:75px;padding:16px;font-size:16px}.g-player-footer{align-items:stretch}.g-player-footer button{flex:1}.g-player-results{padding:24px 18px}.g-player-preview-home{margin:12px auto}.g-player-preview-card{padding:22px}}@media(prefers-reduced-motion:no-preference){.g-player-answers button{transition:transform .15s,box-shadow .15s}.g-player-answers button:hover:not(:disabled){transform:translateY(-2px)}}
/* OpenScores' music-stand treatment: one accent, paper, and note motifs. */
.g-player{background:radial-gradient(ellipse at 5% 10%,#cceef580,transparent 45%),radial-gradient(ellipse at 95% 95%,#e0d6fa90,transparent 45%),#f0f5ff}
.g-player .g-player-top{background:#fff;color:#173b70;border-bottom:1px solid #d6e2f3}
.g-player .g-player-brand i{background:linear-gradient(140deg,#d6f5f0,#e3defc);color:#377a99;transform:rotate(-8deg)}
.g-player .g-player-preview{border-color:#c9d9ed;background:#f5f8fe;color:#526785}
.g-player .g-player-main{max-width:930px}
.g-player .g-player-question{position:relative;overflow:hidden;border-top:5px solid #76c6cd;background:linear-gradient(115deg,#fff 65%,#f1f9fc);box-shadow:0 12px 32px #233d7110}
.g-player .g-player-question::after{content:'♫';position:absolute;right:16px;top:8px;font:90px Georgia,serif;color:#5678bd12;transform:rotate(12deg);pointer-events:none}
.g-player .g-player-question h2{outline:none}
.g-player .g-player-answers{grid-template-columns:1fr;gap:12px}
.g-player .g-player-answers button,.g-player .g-player-answers button:nth-child(n){position:relative;background:#fff;color:#173b70;border:2px solid #d6e2f3;box-shadow:0 3px 0 #d6e2f355;min-height:74px;padding:14px 20px;border-radius:18px}
.g-player-letter{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:13px;background:#eaf0fc;color:#3c5b93;font-size:17px;font-weight:700}
.g-player .g-player-answers button[aria-pressed=true]{background:linear-gradient(105deg,#e7f7f5,#f3f3ff);border-color:#358e9c;outline:none;box-shadow:0 4px 0 #358e9c28}
.g-player .g-player-answers button[aria-pressed=true] .g-player-letter{background:#237f8e;color:#fff}
.g-player .g-player-primary{background:linear-gradient(120deg,#226f92,#4d65b4);border-color:#326f9c!important;box-shadow:0 3px 0 #173b701c}
.g-player .g-player-track span{background:linear-gradient(90deg,#3b95b1,#6e73bc,#a382ce)}
.g-player .g-player-results{position:relative;overflow:hidden;border-top:5px solid #76c6cd}
.g-player .g-player-results::before{content:'♪';position:absolute;left:20px;top:35px;color:#dceef6;font:70px Georgia,serif;transform:rotate(-12deg)}
.g-player .g-player-results::after{content:'♫';position:absolute;right:25px;top:60px;color:#e9e0f9;font:60px Georgia,serif;transform:rotate(14deg)}
@media(prefers-reduced-motion:no-preference){.g-player .g-player-question{animation:g-sheet-arrive .22s ease-out}@keyframes g-sheet-arrive{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
.g-response-help{font:400 14px/1.8 Poppins,sans-serif;color:#526785}.g-open-label{display:grid;gap:10px;font-weight:600;margin:24px 0}.g-open-label textarea{width:100%;padding:18px;border:2px solid #c7d9ed;border-radius:16px;background:#fff;color:#173b70;font:400 17px/1.8 Poppins,sans-serif;resize:vertical;min-height:150px}.g-sort-bank,.g-sort-bucket{padding:18px;border:2px solid #d6e2f3;border-radius:18px;background:#fff;min-width:0}.g-sort-bank h3,.g-sort-bucket h3{font-size:16px;margin:0 0 12px}.g-sort-buckets{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.g-sort-bucket{min-height:130px;border-style:dashed;background:#f7faff}.g-sort-bucket.drag-over{background:#e0f5f1;border-color:#358e9c}.g-sort-items{display:flex;flex-wrap:wrap;gap:10px}.g-sort-card{padding:12px;border:1px solid #d1dfed;border-radius:12px;background:#fff;box-shadow:0 3px 0 #d6e2f333;cursor:grab;min-width:140px;max-width:100%}.g-sort-card label{display:grid;gap:7px;font-size:14px;font-weight:600}.g-sort-card select{min-height:38px;max-width:100%;border:1px solid #cad9ed;border-radius:9px;background:#f5f8fc;color:#173b70;padding:7px;font:400 13px Poppins,sans-serif}.g-player-clock{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;color:#31598b;background:#eaf0fb;border-radius:20px;padding:4px 12px}.g-player-clock.urgent{color:#9a2943;background:#fce9ed}@media(max-width:600px){.g-sort-buckets{grid-template-columns:1fr}.g-sort-card{width:100%;min-width:0}}
/* A musical game stage, with response shapes specific to each task. */
.g-player{--quiz-accent:#4e4db9;--quiz-soft:#eeedff;background:radial-gradient(ellipse at 0 0,#cbdcfb 0,transparent 48%),radial-gradient(ellipse at 100% 70%,#ecd8f4 0,transparent 50%),#f4f6ff}
.g-player[data-question-type=multiple]{--quiz-accent:#08796b;--quiz-soft:#e1f6ee}
.g-player[data-question-type=open]{--quiz-accent:#975215;--quiz-soft:#fff0db}
.g-player[data-question-type=family_sort]{--quiz-accent:#9b386a;--quiz-soft:#fce9f3}
.g-player .g-player-top{box-shadow:0 4px 24px #2637660a}
.g-player .g-player-main{max-width:1040px;padding-top:24px}
.g-question-trail{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:20px 0 0}
.g-question-trail span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:12px;font-weight:600;color:#536482;background:#ffffffa8;border:1px solid #cdd8ed}
.g-question-trail [data-state=current]{color:#fff;background:var(--quiz-accent);border-color:var(--quiz-accent);box-shadow:0 0 0 5px #ffffffb8}
.g-question-trail [data-state=answered]{background:#d9f3e9;color:#16634c;border-color:#88cdb6}
.g-player .g-player-question{border:1px solid #fff;border-top:0;border-radius:28px;background:linear-gradient(125deg,#fff 65%,var(--quiz-soft));box-shadow:0 9px 0 #ccd5eb55,0 18px 45px #38487713;padding:32px 40px;margin:22px 0 28px}
.g-question-kind{display:inline-flex;padding:6px 14px;border-radius:20px;color:var(--quiz-accent);background:var(--quiz-soft);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.g-player .g-player-question h2{font-weight:700;font-size:clamp(23px,3vw,34px);margin:16px auto;max-width:31ch}
.g-player .g-player-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.g-player .g-player-answers button:nth-child(n){min-height:86px;box-shadow:0 5px 0 #cad5e877;border-color:#fff;padding-right:44px}
.g-player .g-player-answers button::after{content:'';position:absolute;right:16px;width:18px;height:18px;border:2px solid #8799b5;border-radius:50%;background:#fff}
.g-player .g-player-answers[data-selection=multiple] button::after{border-radius:5px}
.g-player .g-player-answers button[aria-pressed=true]{border-color:var(--quiz-accent);background:var(--quiz-soft);box-shadow:0 5px 0 #cad5e877}
.g-player .g-player-answers button[aria-pressed=true]::after{border-color:var(--quiz-accent);background:var(--quiz-accent);box-shadow:inset 0 0 0 4px #fff}
.g-player .g-player-answers[data-selection=multiple] button[aria-pressed=true]::after{content:'\2713';display:grid;place-items:center;font:700 14px system-ui;color:#fff;box-shadow:none}
.g-player .g-player-primary{background:var(--quiz-accent);border-color:var(--quiz-accent)!important;box-shadow:0 4px 0 #173b7028;border-radius:16px}
.g-player .g-open-label{padding:22px;border-radius:20px;background:#fff7eb;border:1px solid #edd4ae}
.g-player .g-open-label textarea{border-color:#dec79e;background:repeating-linear-gradient(#fff 0,#fff 30px,#ecdfc7 31px,#fff 32px);line-height:32px;min-height:190px}
.g-player .g-sort-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}
.g-player .g-sort-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;width:100%;padding:8px;max-width:180px;background:#fff;color:#173b70;font-size:13px;border:2px solid #d6e2f3;border-radius:16px;box-shadow:0 4px 0 #d6e2f355;cursor:grab}
.g-sort-card img{width:100%;height:92px;object-fit:contain;background:#f3f6fb;border-radius:10px}
.g-sort-card span{padding:3px;font-weight:600}
.g-player .g-sort-card[aria-pressed=true]{border-color:var(--quiz-accent);background:var(--quiz-soft);box-shadow:0 0 0 3px #9b386a20}
.g-player .g-sort-target{min-height:44px;width:100%;font-size:13px;padding:8px;margin-bottom:14px;background:var(--quiz-soft);border-color:#e4b7ce;color:#84305b}
.g-sort-bucket{background:#ffffffa8;border-color:#d7aec7}
.g-sort-bucket.drag-over{background:#fce9f3;border-color:#9b386a}
@media(max-width:600px){.g-player .g-player-answers{grid-template-columns:1fr}.g-player .g-player-question{padding:25px 18px}.g-player .g-sort-items{grid-template-columns:repeat(2,minmax(0,1fr))}.g-sort-card img{height:86px}.g-question-trail{gap:6px}}
@media(prefers-reduced-motion:no-preference){.g-sort-card{transition:transform .16s,border-color .16s}.g-sort-card:hover{transform:translateY(-3px)}.g-question-trail [data-state=current]{animation:g-note-arrive .25s ease-out}@keyframes g-note-arrive{from{transform:scale(.8)}to{transform:scale(1)}}}
/* The learner's own color drives the stage and controls. */
.g-player{background:radial-gradient(ellipse at 0 0,var(--quiz-tint,#e5efff),transparent 65%),radial-gradient(ellipse at 100% 90%,var(--quiz-tint,#e5efff),transparent 60%),#f7faff}
.g-color-picker{max-width:1040px;margin:18px auto 0;border:0;padding:0 24px;color:#173b70}.g-color-picker legend{font-size:14px;font-weight:600;margin-bottom:10px}.g-color-swatches{display:flex;flex-wrap:wrap;gap:8px}.g-player .g-color-swatch{display:flex;align-items:center;gap:7px;background:#fff;color:#173b70;min-height:40px;padding:7px 11px;border-radius:30px;font-size:12px;border:2px solid transparent}.g-color-swatch::before{content:'';height:17px;width:17px;border-radius:50%;background:var(--swatch)}.g-player .g-color-swatch[aria-pressed=true]{border-color:var(--swatch);box-shadow:0 2px 0 #173b701a}.g-player .g-player-track span{background:linear-gradient(90deg,var(--quiz-accent),var(--quiz-accent));opacity:.85}.g-player .g-player-answers button[aria-pressed=true] .g-player-letter{background:var(--quiz-accent);color:#fff}.g-player .g-player-brand i{background:var(--quiz-soft);color:var(--quiz-accent)}.g-player .g-player-score{color:var(--quiz-accent)}.g-question-image{display:block;max-width:min(100%,360px);max-height:230px;object-fit:contain;margin:20px auto 0}.g-player .g-sort-target{background:var(--quiz-soft);border-color:var(--quiz-accent);color:var(--quiz-accent)}.g-sort-bucket.drag-over{background:var(--quiz-soft);border-color:var(--quiz-accent)}.g-player .g-player-answers button:focus-visible{outline:3px solid var(--quiz-accent);outline-offset:4px}@media(max-width:600px){.g-color-picker{padding:0 16px}.g-color-swatches{gap:6px}.g-player .g-color-swatch{padding:6px 9px}}
/* Keep every decorative accent tied to the selected student palette. */
.g-player .g-player-question{background:linear-gradient(125deg,#fff 60%,var(--quiz-soft))}.g-player .g-player-question::after{color:var(--quiz-accent);opacity:.06}.g-player .g-player-letter{background:var(--quiz-soft);color:var(--quiz-accent)}.g-player .g-question-trail [data-state=answered]{background:var(--quiz-soft);color:var(--quiz-accent);border-color:var(--quiz-accent)}.g-player .g-open-label{background:var(--quiz-soft);border-color:var(--quiz-accent)}.g-player .g-open-label textarea{border-color:var(--quiz-accent);background:#fff}.g-player .g-sort-bank,.g-player .g-sort-bucket{border-color:var(--quiz-accent)}.g-player .g-sort-bucket{background:var(--quiz-soft)}.g-player .g-sort-card[aria-pressed=true]{border-color:var(--quiz-accent);background:var(--quiz-soft);box-shadow:0 0 0 3px var(--quiz-soft)}.g-player .g-player-results{border-top-color:var(--quiz-accent)}.g-player .g-player-results::before,.g-player .g-player-results::after{color:var(--quiz-accent);opacity:.1}.g-player .g-player-question .g-player-secondary{background:var(--quiz-soft);border-color:var(--quiz-accent);color:var(--quiz-accent)}.g-player button:focus-visible{outline-color:var(--quiz-accent)}
.g-player-welcome{max-width:740px;margin:clamp(12px,5vh,65px) auto;padding:clamp(24px,5vw,48px);border:1px solid #fff;border-radius:30px;background:linear-gradient(130deg,#fff 50%,var(--quiz-soft));box-shadow:0 12px 0 #173b700b,0 22px 65px #173b7010;text-align:center}.g-player-welcome h2{font:700 clamp(28px,4vw,40px)/1.3 Poppins,sans-serif;color:var(--quiz-accent);outline:none;margin:18px 0}.g-player-welcome p{color:#526785;line-height:1.8}.g-player-welcome .g-color-picker{padding:0;margin:28px 0;text-align:left}.g-player-welcome .g-color-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.g-player-welcome .g-color-swatch{justify-content:center;min-height:55px}.g-player-welcome>.g-player-primary{min-width:200px;margin-top:12px}@media(max-width:480px){.g-player-welcome .g-color-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.g-player-welcome{margin:10px auto}.g-player-welcome>.g-player-primary{width:100%}}
.g-player .g-player-primary{border-radius:18px;box-shadow:0 5px 0 color-mix(in srgb,var(--quiz-accent),#000 25%),0 9px 18px #173b7016;letter-spacing:.01em;padding:14px 24px;border:2px solid #ffffff40!important}.g-player .g-player-primary:active{transform:translateY(4px);box-shadow:0 1px 0 var(--quiz-accent)}.g-player .g-player-answers button:nth-child(n){border-radius:22px;border-bottom-width:5px}.g-player .g-player-letter{transform:rotate(-5deg);border-radius:13px}.g-musical-wait{margin:24px 0;padding:28px;border-radius:24px;background:#fff;text-align:center;border:2px solid var(--quiz-accent);box-shadow:0 8px 0 var(--quiz-soft)}.g-wait-notes{color:var(--quiz-accent);font:48px Georgia,serif;letter-spacing:12px}.g-preview-mode{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.g-preview-mode label{display:grid;gap:8px;font-weight:600;font-size:14px}.g-preview-mode select{padding:12px;border:1px solid #bccde1;border-radius:12px;background:#fff;color:#173b70;font:inherit;min-width:0}@media(max-width:600px){.g-preview-mode{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.g-wait-notes{animation:g-wait-beat .8s ease-in-out infinite alternate}.g-player .g-player-primary:hover{filter:brightness(1.08)}@keyframes g-wait-beat{to{transform:translateY(-6px);letter-spacing:16px}}}
/* One clean stage is shared by hosts and players. */
.g-live-stage{width:100%;padding:0!important;background:transparent!important;border:0!important}.g-live-stage .g-live-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.g-live-stage .g-live-top h2{font-size:21px}.g-live-stage .g-live-prompt{text-align:center;padding:34px 24px;margin:20px 0 28px;border:1px solid #fff;border-radius:28px;background:linear-gradient(125deg,#fff 60%,var(--quiz-soft,#e5efff));box-shadow:0 8px 0 #173b700b;font:700 clamp(23px,3vw,34px)/1.5 Poppins,sans-serif}.g-live-stage>.g-actions{display:flex;flex-wrap:wrap;justify-content:center;padding:18px;border-radius:20px;background:#fff;gap:12px;margin-top:25px;border:1px solid #cedceb}.g-stage-wait{min-height:55dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;box-shadow:none;background:transparent;margin:0;text-align:center;outline:none}.g-stage-wait h2{font-size:clamp(26px,4vw,40px);margin:25px 0 8px}.g-stage-wait p{font-size:18px;color:#526785}.g-stage-wait small{color:#526785}.g-wait-band{display:flex;gap:16px;align-items:center;justify-content:center}.g-wait-band span{display:grid;place-items:center;width:58px;height:72px;border-radius:22px;background:var(--quiz-soft,#e5efff);color:var(--quiz-accent,#285bb5);font:40px Georgia,serif}.g-answer-reveal{max-width:800px;margin:25px auto;padding:clamp(24px,4vw,46px);background:linear-gradient(135deg,#fff 50%,var(--quiz-soft,#e5efff));border:2px solid #fff;border-radius:32px;text-align:center;box-shadow:0 12px 0 #173b700c,0 20px 45px #173b7010}.g-reveal-emblem{display:grid;place-items:center;margin:24px auto 8px;width:84px;height:84px;border-radius:28px;transform:rotate(-7deg);background:var(--quiz-accent,#285bb5);color:#fff;font:700 48px system-ui}.g-answer-reveal h2{font-size:clamp(26px,4vw,38px);margin:16px 0}.g-reveal-prompt{color:#526785;max-width:55ch;margin:0 auto 26px}.g-reveal-label{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:#526785;margin-bottom:10px}.g-reveal-answer{display:block;font-size:clamp(22px,3vw,32px);line-height:1.5;color:var(--quiz-accent,#285bb5);overflow-wrap:anywhere}.g-reveal-explanation{font-size:16px;line-height:1.8;max-width:55ch;margin:22px auto;color:#526785}.g-answer-reveal>.g-player-primary{margin-top:24px}.g-mystery-stage{text-align:center;padding:24px 0}.g-mystery-stage h2{font-size:clamp(28px,4vw,40px);margin:20px 0 10px}.g-mystery-stage p{line-height:1.8;color:#526785}.g-mystery-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:34px 0}.g-player .g-mystery-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:245px;border:3px solid #fff;border-radius:28px;color:var(--quiz-accent);background:linear-gradient(145deg,#fff,var(--quiz-soft));box-shadow:0 8px 0 #173b7012,0 15px 25px #173b7010;position:relative;overflow:hidden}.g-mystery-card::before{content:'';position:absolute;inset:12px;border:1px dashed var(--quiz-accent);border-radius:20px;opacity:.25;pointer-events:none}.g-mystery-icon{font:48px Georgia,serif}.g-mystery-card small{font-size:12px;font-weight:400;color:#526785}.g-player .g-mystery-card:disabled{opacity:1;cursor:default}.g-game-total{display:inline-block;padding:8px 16px;border-radius:24px;background:var(--quiz-soft,#e5efff);color:var(--quiz-accent,#285bb5)!important;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.g-player .g-reward-target{margin:8px;background:#fff;color:var(--quiz-accent);border-color:var(--quiz-accent)}.g-choice-eliminated{opacity:.4!important;text-decoration:line-through;box-shadow:none!important}.g-preview-powerups{padding:20px;border:1px solid #cbd9eb;border-radius:16px;margin:22px 0}.g-preview-powerups legend{font-weight:600;font-size:14px}.g-preview-powerups p{font-size:13px}.g-preview-powerups label{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.g-preview-powerups input{width:19px;height:19px;accent-color:#285bb5}@media(max-width:600px){.g-mystery-cards{gap:9px}.g-player .g-mystery-card{min-height:190px;border-radius:19px;padding:15px 6px;font-size:13px}.g-mystery-icon{font-size:36px}.g-mystery-card::before{inset:7px;border-radius:13px}.g-wait-band{gap:8px}.g-wait-band span{width:44px;height:60px}.g-live-stage .g-live-top{flex-wrap:wrap}.g-answer-reveal{margin:12px auto}}
@media(prefers-reduced-motion:no-preference){.g-wait-band span{animation:g-band-bounce .65s ease-in-out infinite alternate}.g-wait-band span:nth-child(2){animation-delay:.12s}.g-wait-band span:nth-child(3){animation-delay:.24s}.g-wait-band span:nth-child(4){animation-delay:.36s}.g-wait-band span:nth-child(5){animation-delay:.48s}.g-answer-reveal{animation:g-reveal-in .35s ease-out}.g-player .g-mystery-card{transition:transform .18s,box-shadow .18s}.g-player .g-mystery-card:hover:not(:disabled){transform:translateY(-7px) rotate(-2deg);box-shadow:0 12px 0 #173b7012,0 20px 28px #173b7010}@keyframes g-band-bounce{to{transform:translateY(-13px) rotate(7deg)}}@keyframes g-reveal-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}}
/* Encore cards: bold, tactile and musical, in the learner's own palette. */
.g-mystery-stage{max-width:940px;margin:auto;position:relative;padding-top:10px}.g-mystery-stage>h2{font-weight:800;letter-spacing:-.04em;font-size:clamp(30px,5vw,48px);line-height:1.2;max-width:18ch;margin:22px auto 12px}.g-arcade-score{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;margin:0 auto 26px;padding:8px 9px 8px 14px;border:2px solid #fff;border-radius:40px;background:#ffffffb8;box-shadow:0 4px 0 #173b700b;color:#526785;font-size:13px;font-weight:600}.g-arcade-score strong{background:var(--quiz-accent);color:#fff;min-width:68px;border-radius:25px;padding:7px 16px;font-size:21px;font-variant-numeric:tabular-nums}.g-score-note{color:var(--quiz-accent);font:24px Georgia,serif}.g-player .g-mystery-cards{gap:24px;padding:12px 6px 26px;perspective:1000px}.g-player .g-mystery-card{min-height:310px;padding:26px 15px 20px;border:3px solid #fff;border-radius:30px;background:radial-gradient(circle at 20% 10%,#ffffff40,transparent 50%),repeating-linear-gradient(-35deg,transparent 0,transparent 18px,#ffffff08 18px,#ffffff08 20px),var(--quiz-accent);color:#fff;box-shadow:0 9px 0 color-mix(in srgb,var(--quiz-accent),#000 25%),0 20px 30px #173b7026;transform:rotate(calc((var(--card-index) - 1)*4deg));gap:12px}.g-player .g-mystery-card::before{inset:11px;border:1px solid #ffffff50;border-radius:21px;opacity:1}.g-player .g-mystery-card::after{content:'?';position:absolute;right:-7px;bottom:35px;font-size:150px;line-height:1;font-weight:800;opacity:.06;transform:rotate(15deg);pointer-events:none}.g-card-brand{font-size:9px;letter-spacing:.18em;color:#fff;opacity:.85}.g-mystery-seal{display:grid;place-items:center;width:96px;height:96px;margin:9px 0;border-radius:32px;background:#ffffff1f;border:2px solid #ffffff80;box-shadow:inset 0 3px 15px #ffffff12;font:58px Georgia,serif;transform:rotate(-8deg)}.g-player .g-mystery-card strong{font-size:21px}.g-player .g-mystery-card small{color:#fff;font-size:12px;font-weight:400;opacity:.9}.g-card-open{font-size:12px;padding:8px 14px;border-radius:20px;background:#fff;color:var(--quiz-accent);margin-top:8px}.g-reward-hero{position:relative;border:3px solid #fff;border-radius:34px;background:radial-gradient(ellipse at 50% 0,var(--quiz-soft),#fff 70%);box-shadow:0 10px 0 #173b700a,0 24px 40px #173b7010;padding:35px 30px;max-width:740px;margin:auto;isolation:isolate}.g-reward-big{display:grid;place-items:center;width:155px;height:155px;border-radius:45px;margin:28px auto 18px;background:var(--quiz-accent);color:#fff;font:800 55px/1 Poppins,system-ui,sans-serif;transform:rotate(-6deg);box-shadow:0 7px 0 color-mix(in srgb,var(--quiz-accent),#000 25%)}.g-reward-hero h2{font-size:clamp(28px,4vw,39px);margin:25px 0 12px;letter-spacing:-.03em}.g-reward-hero>p{max-width:45ch;margin:14px auto 22px}.g-reward-targets{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.g-player .g-reward-target{margin:0;display:grid;grid-template-columns:48px 1fr;gap:5px 12px;align-items:center;padding:18px;text-align:left;background:#fff;color:#173b70;border:2px solid #d6e2f3;border-bottom-width:5px;border-radius:20px;min-width:0}.g-reward-target strong{font-size:14px}.g-reward-target span:not(.g-player-avatar),.g-reward-target small{grid-column:2;font-size:12px}.g-player-avatar{grid-row:1/4;display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:var(--quiz-soft);color:var(--quiz-accent);font-weight:700;font-size:22px}.g-reward-target small{color:var(--quiz-accent);font-weight:700}.g-player .g-reward-target:hover:not(:disabled){border-color:var(--quiz-accent);background:var(--quiz-soft)}.g-reward-tally{display:grid;gap:7px;background:var(--quiz-soft);color:var(--quiz-accent);border-radius:20px;padding:18px;margin:22px auto;max-width:350px}.g-reward-tally strong{font-size:27px}.g-reward-tally span{font-size:14px}.g-reward-hero>.g-player-primary{margin:8px}.g-reward-hero>.g-player-secondary{background:#fff;color:var(--quiz-accent);margin:8px}.g-reward-burst{position:absolute;left:50%;top:150px;pointer-events:none;z-index:2}.g-reward-burst span{position:absolute;display:block;color:var(--quiz-accent);font:26px Georgia,serif;opacity:0;pointer-events:none}.g-player .g-mystery-card:focus-visible{outline:3px solid var(--quiz-accent);outline-offset:8px}@media(max-width:600px){.g-player .g-mystery-cards{gap:11px;padding:8px 0 18px}.g-player .g-mystery-card{min-height:232px;padding:18px 7px;border-radius:23px;gap:8px}.g-player .g-mystery-card strong{font-size:15px}.g-player .g-mystery-card small{font-size:10px}.g-card-brand{font-size:7px;letter-spacing:.08em}.g-mystery-seal{width:62px;height:72px;font-size:43px;border-radius:22px}.g-card-open{font-size:10px;padding:7px 8px}.g-reward-hero{padding:28px 18px}.g-reward-targets{grid-template-columns:1fr}.g-reward-big{width:125px;height:125px;font-size:46px}.g-mystery-stage>h2{max-width:15ch}}
@media(prefers-reduced-motion:no-preference){.g-player .g-mystery-card{animation:g-card-deal .45s backwards;animation-delay:calc(var(--card-index)*.09s)}.g-player .g-mystery-card:hover:not(:disabled){transform:translateY(-10px) rotate(0deg) scale(1.025)}.g-player .g-mystery-card:active:not(:disabled){transform:translateY(3px) scale(.98)}.g-reward-hero{animation:g-reveal-in .4s ease-out}.g-reward-big{animation:g-reward-pop .5s cubic-bezier(.2,.8,.3,1.2)}.g-reward-burst span{animation:g-note-confetti 1.3s ease-out forwards;animation-delay:calc(var(--n)*.018s)}@keyframes g-card-deal{from{opacity:0;transform:translateY(40px) rotate(-8deg)}}@keyframes g-reward-pop{from{transform:scale(.55) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(-6deg);opacity:1}}@keyframes g-note-confetti{0%{opacity:0;transform:translate(0,0) scale(.3)}15%{opacity:.8}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(70deg) scale(1.2)}}}
.g-host-music{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #d1deeb;background:#ffffffcc;border-radius:16px;padding:9px 12px;color:#173b70}.g-host-music button{min-height:40px!important;padding:7px 12px!important;font-size:13px!important;background:var(--quiz-soft,#e5efff)!important;color:var(--quiz-accent,#285bb5)!important}.g-host-music label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.g-host-music input{width:95px;accent-color:var(--quiz-accent,#285bb5);cursor:pointer}.g-host-music small{font-size:10px;max-width:150px;color:#526785}.g-host-music small:empty{display:none}@media(max-width:600px){.g-host-music{gap:9px;width:100%}.g-host-music label{flex:1}.g-host-music input{width:100%;max-width:120px}}
/* Answer outcomes remain explicit regardless of the chosen game color. */
.g-answer-reveal[data-outcome=correct] .g-reveal-emblem{background:#187447;box-shadow:0 6px 0 #10522f}.g-answer-reveal[data-outcome=incorrect] .g-reveal-emblem{background:#b13545;box-shadow:0 6px 0 #7f2430}.g-answer-reveal[data-outcome=correct]>h2{color:#16633d}.g-answer-reveal[data-outcome=incorrect]>h2{color:#9e2d3b}.g-answer-reveal[data-outcome=correct]>.g-question-kind{background:#dff4e7;color:#16633d}.g-answer-reveal[data-outcome=incorrect]>.g-question-kind{background:#fce7eb;color:#9e2d3b}.g-answer-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;text-align:left;margin:24px 0}.g-answer-comparison>div{border:2px solid #cfdeec;border-radius:18px;padding:20px;background:#fff;min-width:0;overflow-wrap:anywhere}.g-answer-comparison strong{font-size:18px;line-height:1.7;white-space:pre-wrap}.g-answer-comparison .g-correct-answer{border-color:#63ac84;background:#effaf3}.g-answer-comparison .g-correct-answer .g-reveal-answer{font-size:20px;color:#16633d}.g-answer-reveal[data-outcome=incorrect] .g-your-answer{border-color:#d7909b;background:#fff2f4}.g-answer-reveal[data-outcome=correct] .g-your-answer{border-color:#63ac84;background:#effaf3}
.g-preview-mode [hidden]{display:none}.g-preview-mode input{padding:12px;border:1px solid #bccde1;border-radius:12px;background:#fff;color:#173b70;font:inherit;min-width:0}.g-student-game-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;border:2px solid #fff;border-radius:18px;background:var(--quiz-soft);font-size:12px;color:var(--quiz-accent)}.g-student-place{display:inline-block;border-radius:22px;padding:8px 16px;background:var(--quiz-soft);color:var(--quiz-accent)!important;font-weight:700;font-size:16px}.g-game-clock{font-variant-numeric:tabular-nums;padding:6px 12px;border-radius:20px;background:var(--quiz-soft);color:var(--quiz-accent);font-size:14px}.g-player .g-student-game-strip .g-student-place{font-size:13px;padding:0}.g-player .g-student-game-strip .g-game-clock{padding:0}@media(max-width:600px){.g-student-game-strip{flex-wrap:wrap}}
.g-game-badge-picker{padding:0;border:0;margin:25px 0}.g-game-badge-picker legend{font-size:14px;font-weight:600;text-align:left;margin-bottom:12px}.g-game-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.g-player .g-game-badge-grid button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-width:0;background:#fff;color:#173b70;border:2px solid #dae5f1;border-radius:19px;padding:13px 7px;font-size:10px;line-height:1.6}.g-player .g-game-badge-grid button[aria-pressed=true]{border-color:var(--quiz-accent);background:var(--quiz-soft);box-shadow:0 4px 0 #173b7010}.g-game-badge-grid .openscores-badge{width:48px;height:48px;font-size:22px;border-radius:16px}.g-student-accuracy{font-size:12px;color:#526785;line-height:1.8}
/* Monochrome music avatars and a matching player-side score lane. */
.g-music-avatar{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#243746;background:#edf2f5;border:1px solid #c8d3db;font-size:25px;flex-shrink:0}.g-game-badge-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.g-player .g-game-badge-grid button{padding:12px 7px;min-height:70px;border-radius:16px}.g-game-badge-grid .g-music-avatar{background:transparent;border:0}.g-your-player-preview{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px auto 10px;padding:15px 22px;background:#fff;border:2px solid var(--quiz-accent);border-radius:22px;width:fit-content;color:#173b70;font-size:18px;font-weight:700}.g-your-player-preview .g-music-avatar{width:64px;height:64px;font-size:35px;background:#f5f7f9;border-radius:20px}.g-student-game-layout{max-width:1350px;margin:auto}.g-student-game-layout[data-playing=true]{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding:0 25px}.g-student-game-layout .g-player-main{width:100%;padding-left:0;padding-right:0;min-width:0}.g-student-game-layout:not([data-playing=true]) .g-player-main{padding-left:24px;padding-right:24px}.g-student-live-board{margin-top:24px;padding:18px 14px;border:2px solid #fff;border-radius:24px;background:var(--quiz-soft);align-self:start;position:sticky;top:20px;box-shadow:0 6px 0 #173b700b}.g-student-live-board h2{font-size:17px;font-weight:700;margin:0 0 15px;letter-spacing:-.03em}.g-student-board-row{display:grid;grid-template-columns:22px 34px minmax(0,1fr) 45px;gap:8px;align-items:center;background:#fff;border:2px solid #fff;border-bottom:4px solid #d7e3ed;border-radius:14px;padding:11px 8px;margin:9px 0;font-size:12px;min-height:63px}.g-student-board-row[data-self=true]{border-color:var(--quiz-accent)}.g-student-board-row .g-music-avatar{height:34px;width:34px;font-size:19px;border-radius:10px}.g-student-board-rank{font-size:17px;color:var(--quiz-accent)}.g-student-board-points{font-size:17px;text-align:right;color:var(--quiz-accent)}.g-student-board-row>strong:nth-last-child(2){overflow-wrap:anywhere}.g-student-live-board>.g-student-place{display:block;text-align:center;font-size:14px;margin-bottom:0}@media(max-width:1000px){.g-student-game-layout[data-playing=true]{grid-template-columns:minmax(0,1fr) 245px;padding:0 16px;gap:15px}.g-student-live-board{padding:15px 9px}.g-student-board-row{grid-template-columns:18px 29px minmax(0,1fr) 38px;gap:5px;font-size:10px}.g-student-board-row .g-music-avatar{width:29px;height:32px;font-size:17px}.g-student-board-points{font-size:15px}}@media(max-width:760px){.g-student-game-layout[data-playing=true]{display:flex;flex-direction:column;padding:0 16px;gap:0}.g-student-live-board{position:static;width:100%;margin:0 0 25px}.g-student-live-board h2{font-size:16px}.g-student-board-row{grid-template-columns:25px 38px minmax(0,1fr) 70px;font-size:14px;gap:12px}.g-student-board-row .g-music-avatar{width:36px;height:36px;font-size:22px}.g-student-board-points{font-size:20px}.g-game-badge-grid{gap:6px}.g-player .g-game-badge-grid button{padding:9px 3px;min-height:60px}.g-game-badge-grid .g-music-avatar{width:36px;height:36px;font-size:24px}}
/* Constrain supplied PNGs to the avatar box, never their intrinsic canvas size. */
.g-music-avatar{min-width:0;min-height:0;overflow:hidden;position:relative;line-height:0}.g-music-avatar>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:6px;pointer-events:none}.g-your-player-preview .g-music-avatar>img{padding:8px}.host-final-avatar .g-music-avatar>img{padding:12px}
.g-game-badge-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.g-player .g-game-badge-grid button{min-height:67px;padding:7px}.g-game-badge-grid .g-music-avatar{height:49px;width:49px}.g-reward-big{font-size:clamp(35px,5vw,55px)}@media(max-width:500px){.g-game-badge-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.g-player .g-game-badge-grid button{min-height:60px;padding:5px}.g-game-badge-grid .g-music-avatar{width:42px;height:45px}}
.g-quiz-preview-feedback{margin:18px 0 22px;padding:18px 20px;border:2px solid #78b695;border-radius:17px;background:#edf9f1;color:#185d38}.g-quiz-preview-feedback:empty{display:none}.g-quiz-preview-feedback[data-correct=false]{border-color:#da96a0;background:#fff1f3;color:#962a3a}.g-quiz-preview-feedback strong{font-size:23px}.g-quiz-preview-feedback p{font-size:14px;line-height:1.8}.g-teacher-quiz-preview .g-player-footer{margin-top:25px}.g-teacher-quiz-preview .g-player-top>strong{font-size:17px}.g-teacher-quiz-preview .g-player-main{max-width:930px}
.g-player .g-live-stage,.g-player .g-live-stage h2,.g-player .g-live-stage .g-live-prompt{color:#173b70}.g-player .g-live-stage .g-code{color:var(--quiz-accent,#285bb5)}
.g-image-credits{font-size:11px;color:#52657a;margin-top:12px}.g-image-credits summary{cursor:pointer}.g-image-credits a{color:inherit}.g-image-credits p{font-size:11px!important;margin:6px 0}