.quiz-page{margin:0;background:#1739ba;color:#fff;min-height:100dvh;font-family:'Golos Text',sans-serif;font-size:16px;line-height:1.5}.quiz-page *{box-sizing:border-box}.quiz-page [hidden]{display:none!important}.quiz-header{display:flex;align-items:center;gap:24px;padding:18px 32px;background:#fafbf6;color:#152018;border-bottom:1px solid #dce1d3}.quiz-header a{color:inherit;text-decoration:none;font-weight:600}.quiz-header .back-link{margin-left:auto;font-size:14px}.quiz-header .brand-wordmark{font-family:'Golos Text',sans-serif;font-size:25px;font-weight:600;letter-spacing:-1px}.quiz-header .brand-dot{color:#80ce13}.quiz-main{width:min(1200px,100%);margin:auto;padding:36px 32px 48px}.quiz-page h1,.quiz-page h2,.quiz-page p{margin:0}.quiz-page h1,.quiz-page h2{font-family:var(--display-font);font-weight:700;line-height:1.35;letter-spacing:-.025em}.quiz-page h1{font-size:clamp(28px,4vw,48px)}.quiz-page h2{font-size:22px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#ced8ff}.quiz-page button,.quiz-page input,.quiz-page textarea{font:inherit}.quiz-page button{border:0;border-radius:12px;padding:13px 20px;cursor:pointer;font-weight:600;line-height:1.35;min-height:48px}.quiz-page button:disabled{cursor:default;opacity:.55}.quiz-page button:focus-visible,.quiz-page a:focus-visible,.quiz-page input:focus-visible,.quiz-page textarea:focus-visible{outline:3px solid #ff9a45;outline-offset:4px}.primary{background:#e4ff54;color:#14250a}.secondary{background:#1739ba;color:#fff;width:100%}.ghost{background:#ffffff18;border:1px solid #ffffff60!important;color:#fff}.paper .ghost{background:#eaf0ff;color:#1739ba;border-color:#c9d4f6!important}.text-button{background:transparent;color:#1739ba}.paper{background:#fcfdf6;color:#19251d;border-radius:24px;padding:28px}.paper .eyebrow{color:#4f6356}.entry-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;min-height:650px}.quiz-intro{position:relative;padding-bottom:110px}.quiz-intro h1{font-size:clamp(40px,5.4vw,72px);line-height:1.2;margin:20px 0 24px}.quiz-intro h1 span{color:#e4ff54}.quiz-intro p{max-width:370px;font-size:21px;color:#dce4ff}.quiz-orbit{position:absolute;right:15px;bottom:-5px;font-size:145px;color:#e4ff54;line-height:1;animation:quiz-spin 30s linear infinite}.entry-card h2{margin-bottom:24px}.quiz-page label{display:block;font-weight:600}.quiz-page input:not([type=checkbox]):not([type=radio]),.quiz-page textarea{display:block;width:100%;border:1px solid #aebca9;border-radius:10px;background:#fff;color:#19251d;padding:12px 14px;margin-top:8px;min-width:0}.quiz-page textarea{resize:vertical;min-height:84px}.entry-card label{margin-bottom:18px}#join-code{letter-spacing:.3em;font-size:28px}.entry-card .primary{width:100%}.or{text-align:center;font-size:13px;color:#576a5c;margin:24px 0 14px}.section-heading,.room-heading,.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.section-heading h1,.room-heading h1{margin-top:8px}.quiz-settings{display:grid;grid-template-columns:1fr 1fr;gap:28px}.check{align-self:center;display:flex!important;gap:10px;flex-wrap:wrap}.check input{width:22px;height:22px;accent-color:#1739ba}.check small{font-weight:400;width:100%;color:#526254}.editor-toolbar,.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.editor-toolbar>span{font-size:14px}.editor-toolbar>div{display:flex;gap:10px}.question-editor{margin:20px 0}.question-editor .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.question-editor h2{font-size:18px}.question-editor .remove{background:transparent;color:#7e2925;padding:6px;min-height:40px}.edit-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.edit-option{display:flex!important;gap:10px;align-items:center}.edit-option input[type=radio]{width:22px;height:22px;accent-color:#1739ba;flex-shrink:0}.edit-option input[type=text]{margin:0!important}.seconds-label{max-width:190px;font-size:14px}.footnote{margin-top:20px!important;color:#d4ddff;font-size:14px}.room-tools{display:flex;gap:10px;flex-wrap:wrap}.lobby-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}.invite{text-align:center}#room-code{display:block;letter-spacing:.13em;font-size:48px;color:#1739ba;line-height:1.4;margin:10px 0}#qr{width:180px;height:180px;margin:18px auto;background:white;padding:8px}#qr svg{width:100%;height:100%}.invite p{font-size:14px;color:#526254}.lobby-players h2{margin-bottom:22px}.player-list{display:flex;flex-wrap:wrap;align-content:start;gap:10px;min-height:200px}.player-chip{background:#eaf0db;border-radius:24px;padding:10px 16px;font-weight:600;overflow-wrap:anywhere;max-width:100%}#waiting-copy{color:#526254;margin:20px 0}.play-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px;font-weight:600}#timer{font-size:32px;color:#e4ff54;min-width:100px;text-align:center}.question-paper h2{font-family:'Golos Text',sans-serif;letter-spacing:0;font-size:clamp(24px,3vw,38px);line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.quiz-page .answer-option{background:#e8edff;color:#193782;min-height:80px;text-align:left;display:flex;align-items:center;gap:14px;opacity:1;border:2px solid transparent}.answer-option .letter{border:1px solid currentColor;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.answer-option .option-text{overflow-wrap:anywhere;min-width:0}.quiz-page .answer-option.selected{border-color:#1739ba;background:#d2ddff}.quiz-page .answer-option.correct{background:#deefb7;border-color:#648728;color:#243e0c}.quiz-page .answer-option.wrong{background:#ffe0d9;border-color:#b04330;color:#70281a}#answer-status{min-height:24px;margin-top:20px;font-weight:600;color:#3f5a38}.play-actions{display:flex;justify-content:flex-end;margin:20px 0}.results-heading{margin-top:28px}.ranking{list-style:none;padding:0;counter-reset:rank}.ranking li{counter-increment:rank;display:flex;align-items:center;gap:18px;background:#ffffff14;border:1px solid #ffffff40;border-radius:14px;margin:10px 0;padding:16px 20px}.ranking li:before{content:counter(rank,decimal-leading-zero);font-family:var(--display-font);color:#e4ff54}.ranking li span{flex:1;overflow-wrap:anywhere}.ranking li strong{white-space:nowrap}.message{position:sticky;bottom:14px;background:#fff0db;color:#713a13;border:1px solid #e9b57c;border-radius:14px;padding:16px;margin-top:20px!important;box-shadow:0 8px 30px #0003}.connection{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);padding:12px 18px;border-radius:12px;background:#fff0db;color:#713a13;font-size:14px;z-index:5}@keyframes quiz-spin{to{transform:rotate(360deg)}}@media(min-width:901px) and (max-height:850px){.entry-grid{min-height:570px}.quiz-main{padding-top:24px}.question-paper{padding:22px}.quiz-page .answer-option{min-height:66px}.room-heading{margin-bottom:20px}}@media(max-width:700px){.quiz-header{padding:14px 18px;gap:18px}.quiz-header .back-link{font-size:12px}.quiz-header .brand-wordmark{font-size:22px}.quiz-main{padding:24px 18px 40px}.entry-grid{grid-template-columns:1fr;gap:24px;min-height:0}.quiz-intro{padding:0 85px 0 0}.quiz-intro .eyebrow{font-size:10px}.quiz-intro h1{font-size:34px;margin:12px 0}.quiz-intro p{font-size:16px}.quiz-orbit{font-size:85px;right:0;bottom:8px}.paper{padding:22px;border-radius:20px}.quiz-settings,.lobby-grid{grid-template-columns:1fr}.edit-options,.answer-options{grid-template-columns:1fr}.section-heading,.room-heading,.results-heading{align-items:flex-start;flex-direction:column;gap:14px}.editor-toolbar{align-items:flex-start;flex-direction:column}.editor-toolbar>div{flex-wrap:wrap}.editor-actions{align-items:stretch;flex-direction:column}.editor-actions .primary{order:-1}.quiz-page button{padding:12px 14px}.player-list{min-height:70px}.play-meta{font-size:13px}#timer{font-size:25px;min-width:70px}.question-paper h2{font-size:24px}.quiz-page .answer-option{min-height:62px}.ranking li{padding:14px 12px;gap:12px}.room-tools{gap:8px}.room-tools button{font-size:13px}.quiz-settings{gap:18px}.results-heading .primary{width:100%}.play-actions .primary{width:100%}}@media(prefers-reduced-motion:reduce){.quiz-orbit{animation:none}}
.quiz-page button.answer-option:disabled{opacity:1;color:#193782}
.quiz-page button.answer-option.correct:disabled{color:#243e0c}
.quiz-page button.answer-option.wrong:disabled{color:#70281a}

.editor-toolbar>div{flex-wrap:wrap;justify-content:flex-end}.editor-toolbar{align-items:flex-start}.editor-toolbar>span{flex-shrink:0;max-width:40%}@media(max-width:700px){.editor-toolbar>span{max-width:100%}.editor-toolbar>div{justify-content:flex-start}}

.quiz-page .corrections{margin-top:24px;padding:24px;color:#182519}.quiz-page .corrections p{line-height:1.6;max-width:75ch}.quiz-page .corrections select{display:block;width:100%;min-width:0;margin-top:8px;padding:12px;border:1px solid #aab8a3;border-radius:10px;font:inherit;color:#182519;background:#fff}.quiz-page .correction-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #dce3d7}.quiz-page .correction-row label{min-width:0}.quiz-page .correction-row small{display:block;margin-top:6px;color:#4a6543}.quiz-page .corrections .results-heading{flex-wrap:wrap}.quiz-page .corrections h3{line-height:1.5;overflow-wrap:anywhere}@media(max-width:700px){.quiz-page .corrections{padding:16px}.quiz-page .correction-row{grid-template-columns:minmax(0,1fr)}.quiz-page .correction-row button{justify-self:end}}

.ranking li:before{display:none}.rank-place{font-family:var(--display-font);color:#e4ff54;min-width:2ch}.ranking li small{font-size:15px;min-width:42px;text-align:center}.rank-up{color:#e4ff54}.rank-down{color:#ffb4a1}.rank-same{color:#a7b9ef}.quiz-page .intermission{position:fixed;inset:64px 0 0;background:#123397;z-index:4;padding:32px max(24px,calc((100vw - 1136px)/2));overflow:auto;animation:rank-arrive .45s ease-out}.intermission .results-heading{margin-top:0}.intermission .ranking{max-width:1000px;margin:0 auto}.intermission .ranking li{min-height:66px}.intermission #result-note{display:none}@keyframes rank-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.quiz-page .intermission{animation:none}}@media(max-width:700px){.quiz-page .intermission{inset:53px 0 0;padding:24px 18px}.ranking li small{font-size:12px;min-width:30px}}

.quiz-page .intermission{animation:none}.intermission .results-heading{animation:rank-arrive .35s ease-out}.intermission #results-title{font-size:clamp(32px,4vw,52px)}.intermission .ranking{max-width:none}.intermission .ranking li{min-height:84px;font-size:22px;padding:20px 26px;margin:14px 0;box-shadow:0 10px 32px #061b5522}.intermission .ranking li:first-child{background:#e4ff54;color:#15270d;border-color:#e4ff54}.intermission .ranking li:first-child .rank-place,.intermission .ranking li:first-child .rank-up{color:#325209}.intermission .ranking li:first-child .rank-down{color:#8b3a1e}.intermission .ranking li:first-child .rank-same{color:#53643f}.intermission .rank-place{font-size:26px}@media(max-width:700px){.intermission .ranking li{font-size:16px;padding:16px 12px;min-height:72px}.intermission .rank-place{font-size:19px}.intermission .ranking li strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.intermission .results-heading{animation:none}}

.entry-card .secondary{margin-top:20px}

.quiz-intro{min-height:240px;padding:0;display:grid;place-items:center}.quiz-intro .quiz-orbit{position:static;font-size:220px}@media(max-width:700px){.quiz-intro{min-height:64px;display:flex;justify-content:flex-end}.quiz-intro .quiz-orbit{font-size:64px}}

.quiz-page{isolation:isolate}.quiz-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;user-select:none}.quiz-page .intermission{background:rgba(18,51,151,.84)}

#room:has(> #results.intermission) > .room-heading{visibility:hidden}

.entry-grid{grid-template-columns:minmax(0,510px);justify-content:center;gap:0}.entry-card{width:100%}@media(max-width:700px){.entry-grid{grid-template-columns:minmax(0,1fr)}}

/* The pupil only needs confirmation and a calm waiting state, never teacher controls. */
.student-lobby{max-width:560px;margin:0 auto;text-align:center;padding:48px 32px}.student-lobby .eyebrow{display:block;margin-bottom:14px;color:#4f6356}.student-lobby h2{font-size:clamp(28px,5vw,36px);margin-bottom:18px}.student-lobby p{color:#526254;font-size:17px;line-height:1.6}.student-lobby .student-lobby-name{margin-bottom:14px;color:#1e2f23}.student-lobby-name strong{color:#1739ba;overflow-wrap:anywhere}@media(max-width:700px){.student-lobby{padding:38px 22px}.student-lobby p{font-size:16px}}

/* Host-only participant management: available in lobby and during questions. */
.player-manager{margin-bottom:24px;max-width:740px}.manager-heading h2{margin-bottom:8px}.manager-heading p{color:#526254;font-size:14px;line-height:1.5}.manager-list{margin-top:16px}.manager-player{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #dce3d7}.manager-player span{overflow-wrap:anywhere;min-width:0}.quiz-page .manager-remove{min-height:40px;padding:8px 14px;flex-shrink:0;background:#fff0ed;color:#a12c20;border:1px solid #e4beb5;border-radius:10px;font-size:14px}.quiz-page .manager-remove:hover{background:#f9dbd4}@media(max-width:700px){.player-manager{padding:20px}.manager-player{gap:8px}.quiz-page .manager-remove{padding:8px 10px}}