.stat-icon{display:grid;place-items:center;width:27px;height:27px;margin:0 auto 8px;border-radius:9px;background:rgba(199,255,61,.10);color:var(--lime);font-size:.9rem}.player-stats{margin:20px 0}.inline-icon{display:inline-grid;place-items:center;min-width:19px;height:19px;margin:0 4px 0 7px;border-radius:6px;background:rgba(255,255,255,.07);color:var(--mint);font-size:.7rem}.inline-icon:first-child{margin-left:0}.question-meta{justify-content:space-between;margin-bottom:24px}.timer-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,201,77,.22);border-radius:999px;background:rgba(255,201,77,.08);color:var(--gold)}.answer-letter{display:grid;place-items:center;flex:0 0 34px;height:34px;margin-right:4px;border-radius:10px;background:rgba(199,255,61,.11);color:var(--lime);font-family:'Manrope',sans-serif;font-weight:900}.power span{display:flex;align-items:center;gap:9px}.power-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(199,255,61,.10);color:var(--lime);font-style:normal}.power-note{display:flex;align-items:center;gap:10px}.power-note span{flex:1}.round-message{display:flex;align-items:center;gap:15px;margin-bottom:18px;padding:17px 19px;border-radius:18px;border:1px solid}.round-message p{margin:4px 0 0;color:#c0ced7;line-height:1.5}.round-message-icon,.round-symbol{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;font-family:'Manrope',sans-serif;font-size:1.4rem}.round-message.qualified{background:linear-gradient(135deg,rgba(67,242,178,.12),rgba(199,255,61,.05));border-color:rgba(67,242,178,.30)}.round-message.qualified .round-message-icon,.qualified .round-symbol{background:var(--mint);color:var(--ink);box-shadow:0 10px 28px rgba(67,242,178,.18)}.eviction{border-color:rgba(255,116,104,.28)}.eviction .round-symbol{background:rgba(255,116,104,.15);color:var(--coral);margin-bottom:18px}.eviction h2{color:#ffb0a9}.qualified{border-color:rgba(67,242,178,.25)}.qualified>.round-symbol{margin-bottom:18px}@media(max-width:560px){.round-message{align-items:flex-start;padding:15px}.question-meta{align-items:flex-start}.timer-pill{white-space:nowrap}}
.player-arena{grid-template-columns:290px minmax(0,1fr)}
.question-panel h2{font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.25}
.lifeline-panel{position:sticky;top:96px}
.icon-button{min-width:40px;min-height:40px;padding:8px}
.lobby-list .list{max-height:340px;overflow:auto}
.connection-notice{position:fixed;right:18px;bottom:18px;z-index:1000;display:grid;gap:3px;width:min(380px,calc(100% - 36px));padding:14px 17px;border:1px solid rgba(255,201,77,.38);border-radius:15px;background:rgba(20,25,25,.96);color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.45)}
.connection-notice strong{color:var(--gold)}
.connection-notice span{color:#c8d3da;font-size:.86rem}
@media(max-width:820px){.player-arena{grid-template-columns:1fr}.player-arena .lifeline-panel{position:static;order:1}.player-arena .question-panel{order:2}}
.question-vault{min-height:360px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.question-vault .round-symbol{margin-bottom:18px;background:rgba(199,255,61,.12);color:var(--lime)}.question-vault .muted{max-width:620px}.question-vault .primary{margin-top:8px}
.timer-warning{color:var(--gold)!important;border-color:rgba(255,201,77,.5)!important;animation:timerPulse .8s ease-in-out infinite alternate}.timer-ended{color:var(--coral)!important;border-color:rgba(255,116,104,.55)!important;animation:none}@keyframes timerPulse{to{transform:scale(1.06);box-shadow:0 0 24px rgba(255,201,77,.2)}}
.cancelled{background:rgba(255,116,104,.09);color:#ff9d95;border-color:rgba(255,116,104,.20)}
html,body{max-width:100%;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}.panel,.card,.split>*{min-width:0}.answer{overflow-wrap:anywhere}.auth-code{font-size:1.5rem;letter-spacing:.3em;text-align:center}
@media(max-width:1100px){.wrap{padding-left:20px;padding-right:20px}.split{grid-template-columns:310px minmax(0,1fr)}.player-arena{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:820px){.split,.player-arena{grid-template-columns:minmax(0,1fr)}.split>aside,.lifeline-panel{position:static}.question-panel{width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){header{padding:0 12px}.wrap{padding:22px 12px 44px}.center{padding:12px}.panel{padding:17px}.cards,.grid,.grid3,.stats{grid-template-columns:minmax(0,1fr)}.toolbar{align-items:stretch}.toolbar>button,.toolbar>.button{width:100%}.question-meta{display:grid;grid-template-columns:1fr auto}.answer{min-height:58px;padding:11px}.table table{min-width:540px}.connection-notice{right:10px;bottom:10px;width:calc(100% - 20px)}}
@media(max-width:380px){.brand{font-size:1.15rem}nav a{font-size:.78rem;padding:7px}.panel{padding:14px;border-radius:16px}.question-meta{grid-template-columns:1fr}.timer-pill{justify-self:start}.bigcode{font-size:1.45rem}.stat{padding:11px 7px}.stat b{font-size:1.2rem}}
@media(max-height:560px) and (orientation:landscape){header{position:relative}.wrap{padding-top:18px}.hero{min-height:auto;grid-template-columns:1fr 1fr}.split>aside,.lifeline-panel{position:static}}

/* BigOwl Gift Bank + Mystery Boxes */
.gift-bank-layout{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);align-items:start}
.gift-owl{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:rgba(199,255,61,.12);font-size:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.gift-row{align-items:center}
.gift-teacher-panel{display:flex;align-items:center;gap:16px;margin-top:24px;padding:18px;border:1px solid rgba(199,255,61,.18);border-radius:20px;background:linear-gradient(135deg,rgba(199,255,61,.07),rgba(67,242,178,.05));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.gift-teacher-panel h3{margin:0 0 5px}.gift-teacher-panel p{margin-bottom:5px}.gift-teacher-panel select{min-width:220px}
.gift-awarded{border-color:rgba(67,242,178,.28)}
.gift-winner-panel{margin:18px 0 24px;padding:26px;border-radius:24px;border:1px solid rgba(199,255,61,.25);background:radial-gradient(circle at 50% 0,rgba(199,255,61,.11),transparent 55%),linear-gradient(145deg,rgba(22,38,50,.96),rgba(9,20,29,.98));text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.25);overflow:hidden}
.gift-winner-panel h2{margin-bottom:8px}.gift-owl.large{width:70px;height:70px;margin:0 auto 12px;border-radius:22px;font-size:2.1rem;animation:owlFloat 2.8s ease-in-out infinite}
.mystery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:18px;margin-top:24px}
.mystery-box{position:relative;min-height:178px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(145deg,rgba(24,47,61,.98),rgba(9,22,32,.99));color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 12px;box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.mystery-box:before{content:"";position:absolute;inset:7px;border:1px solid rgba(199,255,61,.16);border-radius:17px;background:linear-gradient(145deg,rgba(199,255,61,.10),transparent 45%,rgba(67,242,178,.08));pointer-events:none}
.mystery-box:after{content:"";position:absolute;left:14%;right:14%;bottom:8px;height:3px;border-radius:50%;background:rgba(199,255,61,.22);filter:blur(5px)}
.mystery-box:hover{transform:translateY(-7px) scale(1.02);border-color:rgba(199,255,61,.55);box-shadow:0 26px 52px rgba(0,0,0,.38),0 0 34px rgba(199,255,61,.13)}
.mystery-box:active{transform:translateY(-2px) scale(.99)}
.mystery-box:focus-visible{outline:3px solid rgba(67,242,178,.65);outline-offset:3px}
.mystery-box span,.mystery-box small{position:relative;z-index:1}
.mystery-gift-icon{font-size:3.25rem;line-height:1;filter:drop-shadow(0 9px 10px rgba(0,0,0,.25));animation:giftBob 2.6s ease-in-out infinite}
.mystery-box-number{font-family:'Manrope',sans-serif;font-size:1.5rem;font-weight:1000;letter-spacing:.08em;color:var(--lime);text-shadow:0 0 18px rgba(199,255,61,.16)}
.mystery-box small{font-size:.66rem;font-weight:900;letter-spacing:.18em;color:#b9c9d3}
.chosen-box{display:inline-flex;padding:10px 15px;margin-top:8px;border-radius:999px;background:rgba(67,242,178,.10);color:var(--mint);font-weight:800}
@keyframes owlFloat{50%{transform:translateY(-5px) rotate(-2deg)}}
@keyframes giftBob{50%{transform:translateY(-4px) rotate(1deg)}}
@media(max-width:820px){.gift-bank-layout{grid-template-columns:1fr}.gift-teacher-panel{align-items:flex-start;flex-wrap:wrap}.gift-teacher-panel select{min-width:0;flex:1}.mystery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.gift-owl.large,.mystery-box,.mystery-gift-icon{animation:none;transition:none}}

/* Sleek surface polish */
header{box-shadow:0 12px 34px rgba(0,0,0,.18)}
nav a{border:1px solid transparent}
nav a:hover{border-color:rgba(255,255,255,.10)}
.panel{backdrop-filter:blur(18px) saturate(130%)}
.card,.row,.stat{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.toolbar .button,.toolbar button,form button{white-space:nowrap}
.primary,.secondary,.danger{letter-spacing:.01em}
.primary:active,.secondary:active,.danger:active{transform:translateY(0) scale(.99)}
.gift-list .row,.lobby-list .row{border-radius:14px}
.gift-list strong,.lobby-list strong{overflow-wrap:anywhere}
.results-panel,.question-panel,.question-vault{border-color:rgba(199,255,61,.16)}
.back-tournaments{margin-top:2px}
.table{background:rgba(4,12,18,.25)}
tbody tr{transition:background .18s ease}
input[type="checkbox"]{width:20px;height:20px;accent-color:#c7ff3d;box-shadow:none}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.toggle-row span{display:grid;gap:3px}
.toggle-row small{color:var(--muted);font-weight:700;line-height:1.45}
.gift-bank-page .panel h3{letter-spacing:-.02em}
@media(max-width:600px){.toolbar .button,.toolbar button{white-space:normal}.toggle-row{align-items:flex-start}.toggle-row input{flex:0 0 auto;margin-top:2px}}

/* Student cartoon arena */
.player-stats{gap:14px;margin:22px 0 24px}
.player-stats .stat{position:relative;overflow:hidden;padding:18px 10px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.028));border-color:rgba(255,255,255,.12)}
.player-stats .stat:before{content:"";position:absolute;inset:0 0 auto;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);pointer-events:none}
.stat-icon,.power-icon,.inline-icon,.round-symbol,.round-message-icon,.gift-owl{position:relative;isolation:isolate;border:2px solid rgba(255,255,255,.38);background:linear-gradient(145deg,#fff8d9,#ffd66b 48%,#ff9f47);color:#17212a;text-shadow:0 1px 0 rgba(255,255,255,.55);box-shadow:0 9px 0 rgba(0,0,0,.14),0 16px 28px rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.72)}
.stat-icon:after,.power-icon:after,.inline-icon:after,.round-symbol:after,.round-message-icon:after,.gift-owl:after{content:"";position:absolute;left:18%;right:18%;top:10%;height:25%;border-radius:999px;background:rgba(255,255,255,.42);filter:blur(.2px);z-index:-1}
.stat-icon{width:42px;height:42px;margin:0 auto 10px;border-radius:15px;font-size:1.28rem}
.inline-icon{min-width:29px;width:29px;height:29px;margin:0 7px 0 9px;border-radius:11px;font-size:.9rem;vertical-align:middle}
.power-icon{width:42px;height:42px;border-radius:15px;font-size:1.22rem;flex:0 0 auto}
.round-symbol,.round-message-icon{width:66px;height:66px;flex-basis:66px;border-radius:23px;font-size:2rem}
.question-panel{position:relative;border-width:2px;background:radial-gradient(circle at 16% 0,rgba(255,201,77,.13),transparent 28%),radial-gradient(circle at 88% 8%,rgba(67,242,178,.12),transparent 30%),linear-gradient(145deg,rgba(19,39,53,.96),rgba(7,18,27,.98));box-shadow:0 26px 70px rgba(0,0,0,.34),0 0 0 1px rgba(199,255,61,.05),inset 0 1px 0 rgba(255,255,255,.06)}
.question-panel:before{content:"";position:absolute;right:22px;top:18px;width:76px;height:76px;border-radius:28px;background:linear-gradient(145deg,rgba(199,255,61,.18),rgba(67,242,178,.08));border:1px solid rgba(199,255,61,.24);transform:rotate(8deg);pointer-events:none}
.question-panel:after{content:"?";position:absolute;right:43px;top:31px;font-family:'Manrope',sans-serif;font-size:2.2rem;font-weight:1000;color:rgba(199,255,61,.5);text-shadow:0 3px 0 rgba(0,0,0,.12);pointer-events:none}
.question-panel h2{max-width:calc(100% - 92px);margin-bottom:22px;color:#fffdf3;text-shadow:0 3px 0 rgba(0,0,0,.16)}
.question-meta .status{border-width:2px;background:linear-gradient(135deg,rgba(67,242,178,.16),rgba(199,255,61,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.timer-pill{border-width:2px;border-color:rgba(255,201,77,.38);background:linear-gradient(145deg,rgba(255,201,77,.18),rgba(255,159,71,.10));font-weight:1000;box-shadow:0 9px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)}
#answers{gap:16px}
.answer{position:relative;overflow:hidden;align-items:center;min-height:78px;padding:15px 18px;border-width:2px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.028));box-shadow:0 14px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);font-size:1.02rem;font-weight:800;line-height:1.35}
.answer:before{content:"";position:absolute;inset:6px;border-radius:17px;border:1px solid rgba(255,255,255,.07);pointer-events:none}
.answer:hover:not(:disabled){border-color:rgba(255,201,77,.72);background:linear-gradient(145deg,rgba(255,201,77,.16),rgba(67,242,178,.08));box-shadow:0 20px 38px rgba(0,0,0,.24),0 0 0 4px rgba(255,201,77,.08),inset 0 1px 0 rgba(255,255,255,.10)}
.answer:disabled{filter:saturate(.86)}
.answer-letter{position:relative;flex:0 0 46px;width:46px;height:46px;margin-right:12px;border:2px solid rgba(255,255,255,.45);border-radius:16px;background:linear-gradient(145deg,#eaff92,#c7ff3d 54%,#6ce7a6);color:#0b1720;font-size:1.1rem;box-shadow:0 7px 0 rgba(0,0,0,.16),0 13px 20px rgba(0,0,0,.19),inset 0 2px 0 rgba(255,255,255,.7)}
.answer-letter:after{content:"";position:absolute;left:10px;right:10px;top:7px;height:9px;border-radius:999px;background:rgba(255,255,255,.45)}
.lifeline-panel{border-width:2px;background:linear-gradient(145deg,rgba(24,45,59,.94),rgba(8,20,29,.98))}
.lifeline-panel .kicker{color:#ffd66b}
.power{min-height:64px;padding:10px 13px;border-width:2px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.power b,.power-note b{display:grid;place-items:center;min-width:42px;height:38px;border-radius:14px;background:rgba(0,0,0,.22);color:#fff;font-family:'Manrope',sans-serif;font-size:1rem}
.power-note{border-width:2px;border-radius:20px;background:linear-gradient(145deg,rgba(67,242,178,.12),rgba(199,255,61,.06))}
.round-message{border-width:2px;border-radius:24px;background:linear-gradient(145deg,rgba(67,242,178,.13),rgba(255,201,77,.06));box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}
.qualified>.round-symbol,.round-message.qualified .round-message-icon{background:linear-gradient(145deg,#dffcff,#43f2b2 55%,#21b7ff);color:#08202a}
.eviction .round-symbol{background:linear-gradient(145deg,#ffe6df,#ff7468 58%,#c2445b);color:#2a0808}
.gift-winner-panel{border-width:2px;border-radius:28px}
.gift-owl.large{width:86px;height:86px;border-radius:30px;font-size:2.7rem;background:linear-gradient(145deg,#fff8d9,#ffc94d 52%,#ff7468)}
.mystery-box{border-width:2px;border-radius:28px;background:linear-gradient(145deg,rgba(44,76,91,.98),rgba(8,22,34,.99));box-shadow:0 20px 0 rgba(0,0,0,.10),0 26px 48px rgba(0,0,0,.35),inset 0 2px 0 rgba(255,255,255,.10)}
.mystery-box:before{inset:9px;border-width:2px;border-radius:22px;background:linear-gradient(145deg,rgba(255,201,77,.18),transparent 42%,rgba(67,242,178,.12))}
.mystery-gift-icon{font-size:3.7rem;text-shadow:0 5px 0 rgba(0,0,0,.16)}
@media(max-width:700px){.question-panel h2{max-width:100%;padding-right:58px}.question-panel:before{width:54px;height:54px;right:14px;top:16px;border-radius:20px}.question-panel:after{right:31px;top:25px;font-size:1.6rem}.answer{min-height:70px;padding:12px}.answer-letter{flex-basis:40px;width:40px;height:40px;margin-right:9px}.stat-icon{width:38px;height:38px}.round-symbol,.round-message-icon{width:56px;height:56px;flex-basis:56px;font-size:1.65rem}}

/* Tournament modes and team play */
.mode-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(67,242,178,.28);border-radius:999px;background:rgba(67,242,178,.08);color:#d7fff0;font-size:.72rem;font-weight:900;line-height:1.1}
.mode-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:13px 15px;border-left:3px solid var(--mint);background:rgba(67,242,178,.06);color:#dffbf2}.mode-preview strong{color:#fff}.mode-preview span{color:var(--muted);font-size:.84rem;text-align:right}
.team-label{display:inline-flex;align-items:center;gap:6px;margin-top:5px;color:#dce6ed;font-size:.73rem;font-weight:800}.team-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--team-color,#43f2b2);box-shadow:0 0 12px var(--team-color,#43f2b2)}
.team-board{margin:18px 0;padding:16px;border:1px solid rgba(67,242,178,.18);border-radius:16px;background:rgba(3,12,18,.34)}.team-board-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.team-board-heading .kicker{margin-bottom:4px}.team-board-heading h3{margin:0;font-size:1rem}.team-board-note{color:var(--muted);font-size:.7rem;font-weight:800;text-align:right}.team-board-list{display:grid;gap:8px;margin-top:13px}.team-board-row{display:grid;grid-template-columns:24px 12px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035)}.team-board-row.is-out{opacity:.5}.team-rank{color:var(--gold);font-weight:900}.team-swatch{width:11px;height:28px;border-radius:999px;background:var(--team-color,#43f2b2);box-shadow:0 0 16px color-mix(in srgb,var(--team-color,#43f2b2) 40%,transparent)}.team-board-row strong,.team-board-row small{display:block}.team-board-row small{margin-top:2px;color:var(--muted);font-size:.7rem}.team-score{text-align:right}.team-score strong{font-family:'Manrope',sans-serif;font-size:1rem}.team-score small{text-transform:uppercase;letter-spacing:.08em}
.mode-scene{display:flex;align-items:center;gap:13px;margin:0 0 18px;padding:14px 17px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.045)}.mode-scene>span{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;background:rgba(255,201,77,.12);font-size:1.45rem}.mode-scene>div{min-width:0;flex:1}.mode-scene strong,.mode-scene small{display:block}.mode-scene small{margin-top:3px;color:var(--muted);font-size:.76rem}.mode-scene>b{color:var(--mint);font-family:'Manrope',sans-serif;font-size:1.05rem}.mode-meter{height:8px;margin-top:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.10)}.mode-meter i{display:block;height:100%;border-radius:inherit;background:var(--mint)}.wheel-disc{animation:wheel-spin 2.2s ease-out infinite}.board-scene{justify-content:space-between}.board-scene>div{display:grid;grid-template-columns:repeat(6,22px);gap:5px;flex:none}.board-scene i{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#91a4b1;font-size:.62rem;font-style:normal}.board-scene i.is-current{border-color:var(--gold);background:rgba(255,201,77,.16);color:var(--gold);font-weight:900}.streak-scene{border-color:rgba(255,116,104,.28)}.streak-scene>span{background:rgba(255,116,104,.14)}.escape-scene{border-color:rgba(196,108,255,.30)}.escape-scene>span{background:rgba(196,108,255,.14)}.team-scene{border-color:rgba(67,242,178,.34)}.team-scene>span{background:rgba(67,242,178,.14)}
@keyframes wheel-spin{0%{transform:rotate(0)}55%{transform:rotate(310deg)}100%{transform:rotate(360deg)}}
@media(max-width:600px){.mode-preview,.team-board-heading{align-items:flex-start;flex-direction:column}.mode-preview span,.team-board-note{text-align:left}.mode-scene{padding:12px}.board-scene{align-items:flex-start}.board-scene>div{grid-template-columns:repeat(3,22px)}}
@media(prefers-reduced-motion:reduce){.wheel-disc{animation:none}}

/* Distinct play surfaces for each tournament type. */
.draft-mode-settings{display:grid;gap:10px}.mode-helper{margin:10px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}.spin-next-button.is-spinning span{display:inline-block;animation:wheel-spin .8s linear infinite}
.mode-scene{display:block;overflow:hidden;padding:18px 19px;border-width:2px}.mode-scene p{margin:0 0 4px;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.mode-scene strong{font-family:'Manrope',sans-serif;font-size:1.03rem}.scene-heading{display:flex;align-items:center;gap:11px}.scene-heading>span,.battle-emblem,.streak-fire,.team-badge{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:rgba(255,201,77,.13);font-size:1.55rem}.scene-heading>div{min-width:0;flex:1}.scene-heading>b{color:var(--gold);font-family:'Manrope',sans-serif}.scene-note{margin-top:12px;color:var(--muted);font-size:.77rem;line-height:1.45}
.battle-scene{display:flex;align-items:center;gap:13px;border-color:rgba(255,116,104,.30);background:linear-gradient(100deg,rgba(255,116,104,.14),rgba(255,201,77,.05))}.battle-scene>div:nth-child(2){flex:1}.battle-scene>b{color:#ffc4bd;font-size:.78rem}.battle-emblem{background:rgba(255,116,104,.18)}
.race-scene{border-color:rgba(50,185,255,.35);background:linear-gradient(135deg,rgba(50,185,255,.12),rgba(67,242,178,.05))}.race-track{position:relative;height:58px;margin-top:16px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 18px,transparent 18px 34px),#102533}.race-track:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed rgba(255,255,255,.23)}.race-track em{position:absolute;top:14px;font-size:1.55rem;font-style:normal;transition:left .5s ease}.race-track small{position:absolute;left:8px;bottom:6px;color:#96a9b5;font-size:.58rem;font-weight:900}.finish-line{position:absolute;right:7px;top:5px;bottom:5px;display:grid;place-items:center;width:25px;background:repeating-conic-gradient(#fff 0 25%,#172634 0 50%) 50%/8px 8px;color:#f5fbff;font-size:.48rem;font-style:normal;font-weight:900;writing-mode:vertical-rl;z-index:1}
.treasure-scene{border-color:rgba(255,201,77,.38);background:linear-gradient(135deg,rgba(255,201,77,.12),rgba(67,242,178,.07))}.treasure-path{display:flex;justify-content:space-between;align-items:center;margin-top:16px;position:relative}.treasure-path:before{content:"";position:absolute;left:5%;right:5%;top:50%;border-top:2px dashed rgba(255,201,77,.45)}.treasure-path i{position:relative;z-index:1;display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#17303a;color:#adc0c9;font-style:normal}.treasure-path i.is-found{background:#eaff92;color:#14221b;border-color:#eaff92}.treasure-path i.is-next{border-color:var(--gold);box-shadow:0 0 0 5px rgba(255,201,77,.10);color:var(--gold)}
.wheel-scene{display:flex;align-items:center;gap:17px;border-color:rgba(196,108,255,.40);background:linear-gradient(135deg,rgba(196,108,255,.13),rgba(255,77,166,.07))}.wheel-stage{position:relative;display:grid;place-items:center;width:82px;height:82px}.wheel-disc{display:grid;place-items:center;width:72px;height:72px;border:4px solid #f2d7ff;border-radius:50%;background:conic-gradient(#ff4da6 0 16%,#ffc94d 0 33%,#43f2b2 0 50%,#32b9ff 0 66%,#c46cff 0 83%,#ff7468 0);font-size:2rem;box-shadow:0 10px 24px rgba(0,0,0,.28)}.wheel-pointer{position:absolute;top:-4px;z-index:2;color:#fff;font-size:1rem;text-shadow:0 2px 4px #000}.wheel-scene small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}
.board-scene{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border-color:rgba(67,242,178,.33);background:linear-gradient(135deg,rgba(67,242,178,.10),rgba(50,185,255,.07))}.board-scene>small{grid-column:1/-1;color:var(--muted);font-size:.75rem}.mini-board{display:grid;grid-template-columns:repeat(3,32px);gap:6px}.mini-board i{display:grid;place-items:center;width:32px;height:26px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#102733;color:#b6cbd3;font-style:normal;font-size:.64rem;font-weight:900}.mini-board i.is-played{background:rgba(67,242,178,.18);color:var(--mint)}.mini-board i.is-current{background:rgba(255,201,77,.18);border-color:var(--gold);color:var(--gold);animation:tile-pulse 1s ease-in-out infinite alternate}
.streak-scene{display:flex;align-items:center;gap:14px;border-color:rgba(255,116,104,.36);background:linear-gradient(135deg,rgba(255,116,104,.12),rgba(255,159,71,.07))}.streak-scene>div:nth-child(2){flex:1}.streak-fire{background:rgba(255,116,104,.17)}.streak-scene>b{color:#ffc4bd;font-size:.78rem}.streak-pips{display:flex;gap:5px;margin-top:10px}.streak-pips i{width:22px;height:7px;border-radius:999px;background:rgba(255,255,255,.12)}.streak-pips i.is-lit{background:var(--coral);box-shadow:0 0 12px rgba(255,116,104,.45)}
.escape-scene{display:flex;align-items:center;gap:15px;border-color:rgba(196,108,255,.38);background:linear-gradient(135deg,rgba(196,108,255,.13),rgba(50,185,255,.06))}.escape-door{display:grid;place-items:center;flex:0 0 60px;width:60px;height:68px;border:3px solid #d5b6ff;border-bottom:0;border-radius:32px 32px 0 0;background:#30244c;font-size:1.75rem}.escape-door.is-open{background:#7cecbf;border-color:#eaff92}.escape-scene>div:nth-child(2){flex:1}.escape-scene>b{color:#d9bcff;font-family:'Manrope',sans-serif}
.ladder-scene{display:flex;align-items:center;gap:15px;border-color:rgba(199,255,61,.35);background:linear-gradient(135deg,rgba(199,255,61,.11),rgba(67,242,178,.06))}.ladder-rungs{display:grid;gap:3px}.ladder-rungs i{display:grid;place-items:center;width:40px;height:12px;border:1px solid rgba(255,255,255,.15);border-radius:5px;color:#71858f;font-size:.5rem;font-style:normal}.ladder-rungs i.is-reached{background:var(--lime);border-color:var(--lime);color:#14221b}.ladder-scene small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}
.team-scene{display:flex;align-items:center;gap:14px;border-color:rgba(67,242,178,.38);background:linear-gradient(135deg,rgba(67,242,178,.12),rgba(50,185,255,.07))}.team-scene>div:nth-child(2){flex:1}.team-badge{background:rgba(67,242,178,.17)}.team-scene>b{color:var(--mint);font-family:'Manrope',sans-serif}
.quiz-show-picker{border-color:rgba(67,242,178,.28)}.quiz-show-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.quiz-show-heading h2{margin-bottom:4px}.quiz-show-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.quiz-show-tile{display:grid;gap:5px;min-height:110px;padding:12px;border:2px solid rgba(50,185,255,.30);border-radius:14px;background:linear-gradient(145deg,rgba(50,185,255,.13),rgba(7,22,31,.90));color:#fff;text-align:left}.quiz-show-tile:hover{border-color:var(--gold);background:rgba(255,201,77,.12)}.quiz-show-tile small{text-transform:uppercase;letter-spacing:.10em;color:#a7c6d5;font-size:.62rem}.quiz-show-tile strong{font-family:'Manrope',sans-serif;font-size:1.6rem}.quiz-show-tile span{color:var(--mint);font-size:.72rem;font-weight:900}.quiz-show-tile.difficulty-easy{border-color:rgba(67,242,178,.36)}.quiz-show-tile.difficulty-hard{border-color:rgba(255,116,104,.40)}.quiz-show-status{display:flex;gap:8px;margin-top:16px}
@keyframes tile-pulse{to{transform:translateY(-2px);box-shadow:0 0 20px rgba(255,201,77,.26)}}
@media(max-width:700px){.quiz-show-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.board-scene{grid-template-columns:1fr}.mini-board{justify-self:start}.wheel-scene,.escape-scene,.ladder-scene{align-items:flex-start}.race-track{height:52px}}

/* Visual game-type chooser for new and draft tournaments. */
#gameForm.install{width:min(1020px,100%)}
.field-label{margin-top:18px;color:#c7d2db;font-size:.82rem;font-weight:800;letter-spacing:.01em}
.game-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.game-mode-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:92px;margin:0;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(3,10,15,.38);color:#dce8ee;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.game-mode-card:hover{border-color:rgba(67,242,178,.52);background:rgba(67,242,178,.07);transform:translateY(-1px)}
.game-mode-card.is-selected{border-color:var(--lime);background:linear-gradient(135deg,rgba(199,255,61,.15),rgba(67,242,178,.08));box-shadow:0 0 0 2px rgba(199,255,61,.11),inset 0 1px 0 rgba(255,255,255,.09)}
.game-mode-card input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.game-mode-card:focus-within{outline:3px solid rgba(67,242,178,.35);outline-offset:2px}
.game-mode-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,201,77,.11);font-size:1.3rem}
.game-mode-card.is-selected .game-mode-card-icon{background:rgba(199,255,61,.18)}
.game-mode-card-copy{display:grid;gap:4px;min-width:0}
.game-mode-card-copy strong{color:#f7fbfd;font-size:.82rem;line-height:1.15}
.game-mode-card-copy small{display:block;color:var(--muted);font-size:.68rem;font-weight:700;line-height:1.3}
.game-mode-check{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:transparent;font-size:.72rem;font-weight:1000}
.game-mode-card.is-selected .game-mode-check{border-color:var(--lime);background:var(--lime);color:#11201b}
.draft-mode-settings .game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.draft-mode-settings .game-mode-card{grid-template-columns:32px minmax(0,1fr);min-height:82px;padding:10px}
.draft-mode-settings .game-mode-card-icon{width:32px;height:32px;border-radius:10px;font-size:1rem}
.draft-mode-settings .game-mode-card-copy small{font-size:.62rem}
.draft-mode-settings .game-mode-check{display:none}
@media(max-width:820px){.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.game-mode-grid,.draft-mode-settings .game-mode-grid{grid-template-columns:minmax(0,1fr)}.game-mode-card{min-height:78px}.game-mode-card-copy small{font-size:.7rem}}

/* Full-page game skins: shared rules, clearly different play spaces. */
.mode-masthead{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:96px;margin:18px 0;overflow:hidden;padding:16px 18px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#12242e;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.mode-masthead:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background:repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 1px,transparent 1px 15px)}
.mode-masthead>*{position:relative;z-index:1}.mode-masthead-icon{display:grid;place-items:center;width:58px;height:58px;border:2px solid rgba(255,255,255,.35);border-radius:18px;background:rgba(255,255,255,.12);font-size:1.9rem;box-shadow:inset 0 2px 0 rgba(255,255,255,.18)}
.mode-masthead-copy{display:grid;gap:4px;min-width:0}.mode-masthead-copy p{margin:0;color:#d7e4e9;font-size:.69rem;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.mode-masthead-copy strong{max-width:650px;color:#fff;font-family:'Manrope',sans-serif;font-size:1rem;line-height:1.3}.mode-masthead-readout{display:grid;justify-items:end;gap:3px;min-width:68px}.mode-masthead-readout small{color:rgba(255,255,255,.72);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mode-masthead-readout b{color:#fff;font-family:'Manrope',sans-serif;font-size:1.28rem;line-height:1.1}
.live-monitor .mode-masthead{margin-top:0}.spectator-stage .mode-masthead{margin:16px 0 20px}

.mode-battle_royale .mode-masthead{border-color:rgba(255,116,104,.45);background:linear-gradient(105deg,#3e202a,#503126 55%,#243834)}.mode-battle_royale .mode-masthead-icon{background:rgba(255,116,104,.20);color:#ffe6df}.mode-battle_royale .question-panel{border-color:rgba(255,116,104,.42)}.mode-battle_royale .player-stats .stat:first-child{border-color:rgba(255,116,104,.42)}
.mode-quiz_ladder .mode-masthead{border-color:rgba(199,255,61,.45);background:linear-gradient(105deg,#263821,#1e4034 54%,#30472d)}.mode-quiz_ladder .mode-masthead-icon{background:rgba(199,255,61,.18);color:#f3ffd3}.mode-quiz_ladder .question-panel{border-radius:10px;border-color:rgba(199,255,61,.4)}.mode-quiz_ladder #answers{grid-template-columns:1fr}.mode-quiz_ladder .answer{min-height:64px;border-radius:10px}.mode-quiz_ladder .answer-letter{border-radius:8px;background:linear-gradient(145deg,#efffc0,#c7ff3d 58%,#7fd53c)}
.mode-race_track .mode-masthead{border-color:rgba(50,185,255,.5);background:linear-gradient(105deg,#12394a,#1b5261 54%,#1b4d42)}.mode-race_track .mode-masthead-icon{background:rgba(50,185,255,.20);color:#dff7ff}.mode-race_track .player-stats .stat{border-radius:10px;border-color:rgba(50,185,255,.25)}.mode-race_track .question-panel{border-radius:10px;border-color:rgba(50,185,255,.4)}.mode-race_track .answer{border-radius:10px}.mode-race_track .answer-letter{border-radius:50%;background:linear-gradient(145deg,#dff7ff,#32b9ff 56%,#43f2b2)}
.mode-treasure_hunt .mode-masthead{border-color:rgba(255,201,77,.5);background:linear-gradient(105deg,#4d3b1f,#5a4a24 52%,#294a3c)}.mode-treasure_hunt .mode-masthead-icon{background:rgba(255,201,77,.20);color:#fff4c9}.mode-treasure_hunt .question-panel{border-color:rgba(255,201,77,.45);background:linear-gradient(145deg,rgba(60,49,24,.97),rgba(17,42,38,.98))}.mode-treasure_hunt #answers{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-treasure_hunt .answer{min-height:104px;border-radius:12px}.mode-treasure_hunt .answer-letter{border-radius:50%;background:linear-gradient(145deg,#fff5c4,#ffc94d 56%,#ff9f47)}
.mode-spin_wheel .mode-masthead{border-color:rgba(255,77,166,.5);background:linear-gradient(105deg,#472244,#4b285c 52%,#263f5b)}.mode-spin_wheel .mode-masthead-icon{background:rgba(255,77,166,.20);color:#ffe2f3}.mode-spin_wheel .question-panel{border-color:rgba(196,108,255,.48);background:linear-gradient(145deg,rgba(57,30,74,.98),rgba(24,42,66,.98))}.mode-spin_wheel .answer{border-radius:999px;border-color:rgba(255,77,166,.34)}.mode-spin_wheel .answer-letter{border-radius:50%;background:linear-gradient(145deg,#ffe0f3,#ff4da6 52%,#c46cff)}
.mode-quiz_show .mode-masthead{border-color:rgba(67,242,178,.55);background:linear-gradient(105deg,#103955,#194f70 52%,#173d59)}.mode-quiz_show .mode-masthead-icon{background:rgba(67,242,178,.20);color:#dcfff1}.mode-quiz_show .question-panel{border-color:rgba(67,242,178,.48);border-radius:12px;background:linear-gradient(145deg,rgba(10,41,68,.98),rgba(7,24,48,.98))}.mode-quiz_show #answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-quiz_show .answer{display:grid;grid-template-columns:1fr;gap:8px;min-height:116px;border-radius:10px;text-align:center;justify-items:center}.mode-quiz_show .answer:nth-child(1){border-color:rgba(67,242,178,.45)}.mode-quiz_show .answer:nth-child(2){border-color:rgba(255,201,77,.45)}.mode-quiz_show .answer:nth-child(3){border-color:rgba(255,116,104,.45)}.mode-quiz_show .answer:nth-child(4){border-color:rgba(196,108,255,.45)}.mode-quiz_show .answer-letter{margin:0;border-radius:9px;background:linear-gradient(145deg,#e1fbff,#43f2b2 55%,#32b9ff)}
.mode-survival_streak .mode-masthead{border-color:rgba(255,116,104,.55);background:linear-gradient(105deg,#4c2628,#59352a 52%,#4d3323)}.mode-survival_streak .mode-masthead-icon{background:rgba(255,116,104,.20);color:#ffe3dc}.mode-survival_streak .question-panel{border-color:rgba(255,116,104,.48);background:linear-gradient(145deg,rgba(67,29,32,.98),rgba(42,28,32,.98))}.mode-survival_streak #answers{grid-template-columns:1fr}.mode-survival_streak .answer{min-height:62px;border-radius:9px;border-left:5px solid var(--coral)}.mode-survival_streak .answer-letter{border-radius:8px;background:linear-gradient(145deg,#ffe4d9,#ff7468 56%,#ff9f47)}
.mode-escape_room .mode-masthead{border-color:rgba(196,108,255,.55);background:linear-gradient(105deg,#2f284d,#392f5b 53%,#214555)}.mode-escape_room .mode-masthead-icon{background:rgba(196,108,255,.22);color:#f2e5ff}.mode-escape_room .question-panel{border-color:rgba(196,108,255,.48);border-radius:10px;background:linear-gradient(145deg,rgba(40,34,65,.98),rgba(18,47,57,.98))}.mode-escape_room #answers{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-escape_room .answer{min-height:106px;border-radius:10px}.mode-escape_room .answer-letter{border-radius:8px;background:linear-gradient(145deg,#efe1ff,#c46cff 57%,#6079ff)}
.mode-team_tournament .mode-masthead{border-color:rgba(67,242,178,.55);background:linear-gradient(105deg,#173c3a,#225349 52%,#3e4c26)}.mode-team_tournament .mode-masthead-icon{background:rgba(67,242,178,.20);color:#e4fff3}.mode-team_tournament .question-panel{border-color:rgba(67,242,178,.46)}.mode-team_tournament .lifeline-panel{border-color:rgba(255,201,77,.36)}.mode-team_tournament .answer{border-radius:12px}.mode-team_tournament .answer-letter{background:linear-gradient(145deg,#e8ffe4,#43f2b2 56%,#c7ff3d)}
.mode-race_track .live-monitor .row,.mode-quiz_show .live-monitor .row{border-left:3px solid rgba(50,185,255,.55)}.mode-treasure_hunt .live-monitor .row{border-left:3px solid rgba(255,201,77,.55)}.mode-survival_streak .live-monitor .row,.mode-battle_royale .live-monitor .row{border-left:3px solid rgba(255,116,104,.55)}.mode-escape_room .live-monitor .row,.mode-spin_wheel .live-monitor .row{border-left:3px solid rgba(196,108,255,.55)}.mode-quiz_ladder .live-monitor .row{border-left:3px solid rgba(199,255,61,.55)}.mode-team_tournament .live-monitor .row{border-left:3px solid rgba(67,242,178,.55)}
@media(max-width:700px){.mode-masthead{grid-template-columns:48px minmax(0,1fr);padding:14px}.mode-masthead-icon{width:48px;height:48px;border-radius:15px;font-size:1.55rem}.mode-masthead-readout{grid-column:2;justify-items:start}.mode-masthead-copy strong{font-size:.9rem}.mode-treasure_hunt #answers,.mode-escape_room #answers,.mode-quiz_show #answers{grid-template-columns:1fr}.mode-treasure_hunt .answer,.mode-escape_room .answer,.mode-quiz_show .answer{min-height:76px}.mode-quiz_show .answer{grid-template-columns:44px minmax(0,1fr);justify-items:start;text-align:left}.mode-quiz_show .answer-letter{margin:0}}

/* Teacher-led rewards for students outside a tournament. */
.mystery-reward-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;align-items:start;margin-top:22px}
.mystery-start,.mystery-stage,.mystery-reveal{min-height:440px}.mystery-start-heading,.mystery-stage-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:14px}.mystery-start-heading>div,.mystery-stage-heading>div{min-width:0}.mystery-start-heading h2,.mystery-stage-heading h2{margin-bottom:6px}.mystery-start-heading .gift-owl,.mystery-stage-heading .gift-owl{flex:0 0 auto;margin:0}
.mystery-start .notice{margin-bottom:2px}.mystery-stage{border-color:rgba(199,255,61,.29);background:radial-gradient(circle at 50% 0,rgba(199,255,61,.12),transparent 42%),linear-gradient(145deg,rgba(23,43,52,.97),rgba(9,20,28,.99))}
.teacher-mystery-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin:28px auto}.teacher-mystery-grid .mystery-box{min-height:190px}.teacher-mystery-grid .mystery-box.is-opening{animation:mysteryOpen .55s ease-in-out both;border-color:var(--gold);box-shadow:0 0 0 5px rgba(255,201,77,.14),0 26px 52px rgba(0,0,0,.38)}
.mystery-reveal{display:grid;justify-items:center;align-content:center;text-align:center;border-color:rgba(67,242,178,.36);background:radial-gradient(circle at 50% 12%,rgba(67,242,178,.16),transparent 33%),radial-gradient(circle at 50% 80%,rgba(255,201,77,.11),transparent 40%),linear-gradient(145deg,rgba(19,46,48,.98),rgba(9,24,30,.99))}.mystery-reveal .gift-owl{margin-bottom:16px}.mystery-reveal h2{max-width:580px;margin-bottom:8px}.mystery-reveal-description{max-width:460px;margin:5px 0 10px;color:#dce9ef;line-height:1.55}.mystery-reveal .success{max-width:500px}.mystery-history{position:sticky;top:96px}.mystery-history h3{font-size:1.08rem}.mystery-history-row{align-items:flex-start}.mystery-history-row .gift-owl{flex:0 0 auto;width:36px;height:36px;border-radius:12px;font-size:1.1rem}.mystery-history-row small{display:block;margin-top:5px;color:var(--muted);font-size:.72rem;line-height:1.4}.mystery-history-actions{display:flex;flex:0 0 auto;align-items:center;gap:7px}.mystery-history-actions .secondary{min-height:36px;padding:8px 10px;font-size:.72rem}.mystery-history-actions .icon-button{min-width:36px;min-height:36px}
@keyframes mysteryOpen{0%{transform:scale(1)}45%{transform:scale(.92) rotate(-2deg)}100%{transform:scale(1.04) rotate(2deg)}}
@media(max-width:900px){.mystery-reward-layout{grid-template-columns:1fr}.mystery-history{position:static}.mystery-start,.mystery-stage,.mystery-reveal{min-height:auto}.teacher-mystery-grid{max-width:none}}
@media(max-width:560px){.mystery-start-heading,.mystery-stage-heading{gap:12px}.mystery-start-heading .gift-owl,.mystery-stage-heading .gift-owl{width:54px;height:54px;border-radius:18px;font-size:1.7rem}.teacher-mystery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.teacher-mystery-grid .mystery-box{min-height:155px;padding:12px}.teacher-mystery-grid .mystery-gift-icon{font-size:2.6rem}.mystery-history-row{gap:10px}.mystery-history-actions{width:100%;justify-content:flex-end}.mystery-history-row{flex-wrap:wrap}}

/* Projector-friendly spectator view: questions plus live participant ratings. */
.spectator-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:20px;align-items:start;margin-top:20px}.spectator-question{min-height:430px;border-width:2px;border-color:rgba(67,242,178,.30);background:radial-gradient(circle at 12% 0,rgba(67,242,178,.13),transparent 32%),radial-gradient(circle at 94% 8%,rgba(255,201,77,.10),transparent 26%),linear-gradient(145deg,rgba(16,39,54,.98),rgba(7,19,29,.99))}.spectator-question h2{max-width:none;padding-right:0;font-size:clamp(1.65rem,3.2vw,2.8rem);line-height:1.23;text-shadow:none}.spectator-question:before,.spectator-question:after{display:none}.spectator-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:22px}.spectator-option{display:flex;align-items:center;gap:12px;min-height:78px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);color:#f5fafc;font-size:1rem;font-weight:800;line-height:1.35}.spectator-option .answer-letter{margin:0;flex:0 0 40px;width:40px;height:40px;border-radius:11px}.spectator-option.is-correct{border-color:rgba(67,242,178,.78);background:linear-gradient(110deg,rgba(67,242,178,.24),rgba(67,242,178,.09));box-shadow:0 0 24px rgba(67,242,178,.10)}.spectator-option.is-correct .answer-letter{background:var(--mint);color:#071019}.spectator-answer-tag{margin-left:auto;color:var(--mint);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.spectator-question-note{margin:18px 0 0;color:var(--muted);font-size:.78rem;font-weight:700}.spectator-waiting{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.spectator-waiting .round-symbol{margin-bottom:18px;background:rgba(67,242,178,.14);color:var(--mint)}
.spectator-ratings{min-height:430px}.spectator-ratings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.spectator-ratings-heading h2{margin-bottom:4px;font-size:1.35rem}.spectator-ratings .table{margin-top:16px;max-height:470px;overflow:auto}.spectator-ratings table{min-width:0}.spectator-ratings th,.spectator-ratings td{padding:12px 9px}.spectator-ratings th{font-size:.62rem}.spectator-ratings td{font-size:.82rem}.spectator-ratings tbody tr:first-child{background:linear-gradient(90deg,rgba(255,201,77,.14),rgba(255,201,77,.03))}.spectator-ratings tbody tr:first-child td:first-child{color:var(--gold);font-weight:1000}.spectator-ratings .team-label{font-size:.65rem;white-space:nowrap}.spectator-stage>.team-board{margin-top:20px}
@media(max-width:980px){.spectator-layout{grid-template-columns:1fr}.spectator-question,.spectator-ratings{min-height:auto}.spectator-ratings .table{max-height:none}}
@media(max-width:600px){.spectator-options{grid-template-columns:1fr}.spectator-question{padding:18px}.spectator-question h2{font-size:1.55rem}.spectator-option{min-height:64px;font-size:.92rem}.spectator-ratings .table table{min-width:480px}}

/* Synchronized launch screen shown before question one opens. */
.launch-screen{position:relative;display:grid;place-items:center;min-height:clamp(360px,54vw,620px);margin:20px 0;overflow:hidden;border:2px solid rgba(67,242,178,.48);border-radius:16px;background:#02030a;box-shadow:0 24px 64px rgba(0,0,0,.34)}.launch-art{position:absolute;inset:0;display:grid}.launch-art img{width:100%;height:100%;object-fit:cover;animation:launchArtwork 3s ease-in-out infinite}.launch-countdown-stage{position:relative;z-index:1;display:none;place-items:center;width:100%;height:100%;background:#02030a}.launch-screen.is-counting .launch-art{display:none}.launch-screen.is-counting .launch-countdown-stage{display:grid}.launch-countdown{display:grid;place-items:center;min-width:1.45em;min-height:1.2em;color:#fff;font-family:'Manrope',sans-serif;font-size:clamp(5.5rem,15vw,12rem);font-weight:1000;line-height:.9;text-shadow:0 0 22px #0bc9ff,0 0 54px rgba(206,86,255,.8)}.launch-countdown.is-changing{animation:launchNumber .48s cubic-bezier(.18,.89,.32,1.28)}.launch-countdown.is-go{font-size:clamp(4rem,11vw,8rem);color:#c7ff3d;text-shadow:0 0 20px rgba(199,255,61,.95),0 0 58px rgba(67,242,178,.82)}@keyframes launchArtwork{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes launchNumber{0%{transform:scale(.58);opacity:.18}72%{transform:scale(1.13);opacity:1}100%{transform:scale(1);opacity:1}}@media(max-width:700px){.launch-screen{min-height:430px;margin:14px 0;border-radius:12px}.launch-art img{object-position:center}}@media(prefers-reduced-motion:reduce){.launch-art img,.launch-countdown.is-changing{animation:none}}
/* Self-paced Home Quiz pages */
.section-heading{margin:26px 0 4px}
.home-quiz-page{max-width:1320px}
.home-quiz-heading{max-width:850px;margin:28px 0}
.home-quiz-heading h1,.home-quiz-titlebar h1{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1;letter-spacing:-.065em;margin-bottom:12px}
.home-quiz-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin-top:20px}
.home-quiz-layout>.panel{min-width:0}
.home-quiz-card{min-height:235px}
.home-quiz-card .secondary{position:relative;z-index:2;margin-top:8px}
.home-quiz-titlebar{justify-content:space-between;align-items:flex-start;margin:28px 0 22px}
.home-share-box{display:grid;gap:7px}
.home-share-box input{font-size:.88rem;color:var(--mint)}
.home-share-box small{color:#b5c5cf;line-height:1.5}
.grade-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.roster-preview{max-height:430px;overflow:auto}
.roster-preview .row{padding:10px 13px}
.roster-student-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}
.roster-student-row[hidden]{display:none}
.roster-search-label{margin:18px 0 10px}
.roster-edit-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.roster-edit-form .toolbar,.roster-edit-form small{grid-column:1/-1}
.home-result-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.home-result-group{margin:18px 0 24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.10)}
.home-result-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.home-result-group-heading h3{margin:0}
.home-result-group-heading span{color:var(--muted);font-size:.82rem;font-weight:800}
.home-whatsapp-share{margin:0 0 8px;border-color:rgba(67,242,178,.35);color:#c9ffe9}
.home-student-score{display:grid;justify-items:center;gap:4px;width:min(360px,100%);margin:24px auto;padding:22px;border:1px solid rgba(67,242,178,.3);border-radius:20px;background:linear-gradient(145deg,rgba(67,242,178,.12),rgba(199,255,61,.045))}
.home-student-score>span{color:var(--mint);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.home-student-score>strong{color:#fff;font-size:clamp(2.8rem,8vw,4.3rem);line-height:1;letter-spacing:-.06em}
.home-student-score>strong small{color:var(--muted);font-size:.45em;letter-spacing:0}
.home-student-score>em{color:var(--lime);font-size:1rem;font-style:normal;font-weight:900}
.home-card-dialog{width:min(94vw,900px);max-width:none;max-height:94vh;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#0b1a25;color:#f4f8fb;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.home-card-dialog::backdrop{background:rgba(2,8,13,.78);backdrop-filter:blur(8px)}
.home-card-dialog-shell{display:grid;gap:16px;padding:clamp(16px,3vw,28px)}
.home-card-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.home-card-dialog-head h2{margin:0;font-size:clamp(1.35rem,4vw,2rem)}
.home-card-dialog-head .kicker,.home-card-dialog-head .muted{margin:0 0 5px}
.home-card-dialog-close{flex:0 0 auto;width:42px;height:42px;padding:0;font-size:1.4rem}
.home-card-preview{display:grid;place-items:center;max-height:58vh;overflow:auto;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.22)}
.home-card-preview img{display:block;width:auto;max-width:min(100%,430px);max-height:54vh;object-fit:contain;border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.home-card-dialog-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.home-card-page-count{min-width:92px;color:var(--muted);font-size:.82rem;font-weight:800;text-align:center}
.home-card-dialog-status{min-height:1.3em;margin:0;color:var(--muted);font-size:.85rem;line-height:1.45;text-align:center}
.teacher-dashboard-heading{align-items:flex-start}
.teacher-header-actions #logout{margin-left:auto}
.dashboard-accordion{margin-top:18px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.dashboard-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:17px 20px;cursor:pointer;list-style:none}
.dashboard-accordion>summary::-webkit-details-marker{display:none}
.dashboard-accordion>summary>span{display:grid;gap:4px}
.dashboard-accordion>summary strong{font-family:'Manrope',sans-serif;font-size:1.12rem;color:#fff}
.dashboard-accordion>summary small{color:var(--muted);font-size:.82rem}
.dashboard-accordion>summary>b{color:var(--mint);font-size:.82rem;text-align:right}
.dashboard-accordion>summary:after{content:'+';display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--lime);font-size:1.2rem}
.dashboard-accordion[open]>summary{border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.dashboard-accordion[open]>summary:after{content:'−'}
.dashboard-accordion-body{padding:0 18px 18px}
.dashboard-accordion-body .cards{margin-top:16px}
.home-quiz-form select[multiple]{min-height:140px;padding:8px}
.home-quiz-form select[multiple] option{padding:7px;border-radius:6px}
.home-question-form{padding-top:20px;margin-top:22px;border-top:1px solid rgba(255,255,255,.10)}
.home-student-page{max-width:900px}
.home-student-card{width:min(820px,100%);margin:auto}
.home-student-card h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;letter-spacing:-.06em;margin:0 0 14px}
.home-question-card{margin:20px 0;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.025)}
.home-question-card legend{padding:0 8px 0 0;font-size:1.12rem;font-weight:900;line-height:1.5;color:#fff}
.home-question-card legend span{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:10px;border-radius:11px;background:rgba(199,255,61,.13);color:var(--lime)}
.home-answer-option{display:flex;align-items:flex-start;gap:12px;margin:12px 0 0;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);cursor:pointer;line-height:1.45}
.home-answer-option:hover{border-color:rgba(67,242,178,.38);background:rgba(67,242,178,.06)}
.home-answer-option input[type=radio]{flex:0 0 auto;width:19px;height:19px;margin:1px 0 0;accent-color:var(--mint)}
.home-answer-option span{flex:1}
.home-submit-button{width:100%;margin-top:12px}
.home-submitted{text-align:center}
.home-submitted .round-symbol{margin:0 auto 18px;background:var(--mint);color:var(--ink)}
.open,.submitted{background:rgba(67,242,178,.10);color:var(--mint);border-color:rgba(67,242,178,.22)}
.closed{background:rgba(255,116,104,.09);color:#ff9d95;border-color:rgba(255,116,104,.20)}
@media(max-width:820px){.home-quiz-layout{grid-template-columns:1fr}.home-quiz-titlebar{display:grid}.home-quiz-titlebar>.toolbar{width:100%}}
@media(max-width:560px){.home-question-card{padding:15px}.home-question-card legend{font-size:1rem}.home-quiz-titlebar>.toolbar button{flex-grow:1}}
@media(max-width:560px){.home-result-controls,.roster-edit-form{grid-template-columns:1fr}.roster-student-row{grid-template-columns:minmax(0,1fr) auto}.roster-student-row>.muted{grid-column:1}.roster-student-row>button{grid-column:2;grid-row:1/3}.home-result-group-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.dashboard-accordion>summary{padding:14px}.dashboard-accordion>summary>b{max-width:120px}.dashboard-accordion-body{padding:0 12px 12px}.teacher-header-actions #logout{margin-left:0}}

/* Focused, one-question-at-a-time Home Quiz experience. */
.home-quiz-take{max-width:1020px;padding-top:26px}
.home-quiz-take-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.home-quiz-wordmark{display:flex;align-items:center;gap:10px;color:var(--text);font-family:'Manrope',sans-serif;font-size:1rem;font-weight:1000;letter-spacing:.05em}
.home-quiz-wordmark>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--lime);color:var(--ink);box-shadow:0 8px 22px rgba(199,255,61,.16)}
.home-quiz-wordmark small{color:var(--muted);font-size:.64rem;letter-spacing:.16em}
.home-quiz-due{display:grid;gap:3px;text-align:right}
.home-quiz-due span,.home-quiz-eyebrow{color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.home-quiz-due strong{color:var(--gold);font-size:.83rem}
.home-quiz-taking-card{width:100%;padding:clamp(20px,4vw,42px);border-color:rgba(67,242,178,.18);background:radial-gradient(circle at 92% 0,rgba(67,242,178,.10),transparent 27%),linear-gradient(145deg,rgba(18,34,47,.97),rgba(8,19,28,.98));overflow:visible}
.home-quiz-taking-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-quiz-subject-chip,.home-quiz-selfpaced{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:7px 11px;border:1px solid rgba(67,242,178,.23);border-radius:999px;background:rgba(67,242,178,.075);color:#d9fff0;font-size:.7rem;font-weight:900}
.home-quiz-selfpaced{border-color:rgba(255,201,77,.22);background:rgba(255,201,77,.06);color:#ffe7ad;letter-spacing:.08em}
.home-quiz-selfpaced i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.home-quiz-title-student{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:25px 0 27px}
.home-quiz-title-student h1{max-width:690px;margin:6px 0 0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.03;letter-spacing:-.06em;overflow-wrap:anywhere}
.home-quiz-eyebrow{margin:0;color:var(--mint)}
.home-quiz-student-chip{display:flex;align-items:center;gap:10px;flex:none;padding:9px 13px 9px 9px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.04)}
.home-quiz-student-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#dffcff,#43f2b2 62%,#21b7ff);color:#08202a;font-family:'Manrope',sans-serif;font-weight:1000}
.home-quiz-student-chip>span:last-child{display:grid;gap:2px}
.home-quiz-student-chip strong{max-width:200px;overflow:hidden;color:#fff;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.home-quiz-student-chip small{color:var(--muted);font-size:.72rem}
.home-quiz-progress{padding:16px 18px;margin-bottom:22px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(2,10,15,.32)}
.home-quiz-progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.home-quiz-progress-label strong{font-family:'Manrope',sans-serif;font-size:.88rem}
.home-quiz-progress-label span{color:var(--muted);font-size:.76rem}
.home-quiz-progress-label b{color:var(--mint)}
.home-quiz-progress-track{height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}
.home-quiz-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--lime));box-shadow:0 0 18px rgba(67,242,178,.24);transition:width .25s ease}
.home-quiz-question-panel,.home-quiz-review{padding:clamp(20px,3.2vw,32px);border:1px solid rgba(255,255,255,.105);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.home-quiz-question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-quiz-stage-label{display:inline-flex;align-items:center;padding:7px 10px;border-radius:9px;background:rgba(199,255,61,.10);color:var(--lime);font-size:.68rem;font-weight:1000;letter-spacing:.11em}
.home-quiz-answer-status{color:var(--muted);font-size:.75rem;font-weight:800}
.home-quiz-prompt-hint{margin:20px 0 8px;color:var(--muted);font-size:.8rem}
.home-quiz-question-panel h2,.home-quiz-review h2{margin:0 0 21px;font-size:clamp(1.35rem,3.4vw,2rem);line-height:1.35;letter-spacing:-.035em;overflow-wrap:anywhere}
.home-quiz-options{display:grid;gap:11px}
.home-quiz-choice{position:relative;display:grid;grid-template-columns:22px 38px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:68px;margin:0;padding:12px 15px;border:1px solid rgba(255,255,255,.105);border-radius:16px;background:rgba(255,255,255,.035);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.home-quiz-choice:hover{transform:translateY(-1px);border-color:rgba(67,242,178,.38);background:rgba(67,242,178,.055)}
.home-quiz-choice.is-selected{border-color:rgba(67,242,178,.68);background:linear-gradient(100deg,rgba(67,242,178,.13),rgba(199,255,61,.055));box-shadow:0 0 0 3px rgba(67,242,178,.07),inset 0 1px 0 rgba(255,255,255,.05)}
.home-quiz-choice input[type=radio]{width:19px;height:19px;margin:0;padding:0;accent-color:var(--mint);box-shadow:none}
.home-quiz-choice-letter{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.06);color:#e8f2f7;font-family:'Manrope',sans-serif;font-size:.8rem;font-weight:1000}
.home-quiz-choice.is-selected .home-quiz-choice-letter{border-color:rgba(67,242,178,.42);background:rgba(67,242,178,.14);color:var(--mint)}
.home-quiz-choice-text{color:#f2f7fa;font-size:.94rem;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.home-quiz-choice-check{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(67,242,178,.18);color:var(--mint);font-size:.75rem;font-weight:1000;opacity:0;transform:scale(.75);transition:opacity .16s ease,transform .16s ease}
.home-quiz-choice.is-selected .home-quiz-choice-check{opacity:1;transform:scale(1)}
.home-quiz-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.home-quiz-navigation .primary,.home-quiz-navigation .secondary{min-width:150px}
.home-quiz-footnote,.home-quiz-safe-note{margin:16px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55;text-align:center}
.home-quiz-review>p{margin-bottom:18px}
.home-quiz-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:9px;margin:20px 0 14px}
.home-quiz-review-number{min-width:0;min-height:46px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);color:#edf5f8;font-weight:900}
.home-quiz-review-number.has-answer{border-color:rgba(67,242,178,.28);background:rgba(67,242,178,.10);color:var(--mint)}
.home-quiz-review-number.needs-answer{border-color:rgba(255,201,77,.25);background:rgba(255,201,77,.055);color:#ffe7ad}
.home-quiz-review-key{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.72rem;font-weight:800}
.home-quiz-review-key span{display:flex;align-items:center;gap:7px}
.home-quiz-review-key i{width:8px;height:8px;border-radius:50%}
.answered-dot{background:var(--mint)}
.unanswered-dot{background:var(--gold)}
.home-submission-receipt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 15px;max-width:520px;margin:20px auto;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.035);text-align:left}
.home-submission-receipt span{color:var(--muted);font-size:.78rem}
.home-submission-receipt strong{overflow-wrap:anywhere;font-size:.82rem}
.status.scheduled{border-color:rgba(199,255,61,.3);background:rgba(199,255,61,.09);color:var(--lime)}
.home-feature-heading{margin:24px 0 8px}
.home-quiz-waiting{text-align:center;max-width:720px}
.home-quiz-waiting-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border:1px solid rgba(67,242,178,.3);border-radius:22px;background:rgba(67,242,178,.1);color:var(--mint);font-size:2.25rem}
.home-quiz-waiting h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.05}
.home-quiz-opening-time{margin:12px 0 22px;color:var(--mint);font-size:clamp(1.3rem,4vw,2rem);font-weight:900}
.home-quiz-waiting-range{display:flex;justify-content:center;gap:10px;margin-top:22px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--muted)}
.home-quiz-waiting-range strong{color:#fff}
.home-completion-reminder{margin:0 0 10px;border-color:rgba(199,255,61,.3);color:#f0ffc7}
.home-result-actions{justify-content:flex-start;flex-wrap:wrap;gap:6px}
.home-certificate-earned{display:grid;justify-items:center;gap:9px;margin:20px auto;padding:18px;border:1px solid rgba(199,255,61,.3);border-radius:18px;background:linear-gradient(135deg,rgba(199,255,61,.10),rgba(67,242,178,.07))}
.home-certificate-earned>span{color:var(--lime);font-size:.76rem;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}
.home-certificate-earned>strong{color:#fff;font-size:1.15rem}
.home-certificate-earned small{min-height:1.2em;color:var(--muted);text-align:center}
.home-certificate-earned .toolbar{justify-content:center;flex-wrap:wrap}
@media(max-width:620px){.home-card-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.home-card-dialog-actions .home-card-share,.home-card-dialog-actions .home-card-download{grid-column:1/-1}.home-card-page-count{grid-row:1;grid-column:1/-1}.home-card-dialog-actions .home-card-previous,.home-card-dialog-actions .home-card-next{grid-row:2}.home-card-preview{max-height:50vh}.home-card-preview img{max-height:46vh}}
.home-receipt-status{color:var(--mint)}
@media(max-width:640px){.home-quiz-take{padding:16px 12px 36px}.home-quiz-take-topbar{margin-bottom:13px}.home-quiz-taking-card{padding:19px 15px;border-radius:20px}.home-quiz-title-student{align-items:flex-start;flex-direction:column;margin:21px 0}.home-quiz-student-chip{max-width:100%}.home-quiz-student-chip strong{max-width:240px}.home-quiz-progress{padding:13px;margin-bottom:15px}.home-quiz-question-panel,.home-quiz-review{padding:17px 14px;border-radius:18px}.home-quiz-choice{grid-template-columns:20px 32px minmax(0,1fr) 20px;gap:8px;min-height:62px;padding:10px}.home-quiz-choice-letter{width:30px;height:30px}.home-quiz-choice-text{font-size:.86rem}.home-quiz-navigation .primary,.home-quiz-navigation .secondary{min-width:0;flex:1;padding:11px 10px}.home-quiz-review-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:7px}}
@media(prefers-reduced-motion:reduce){.home-quiz-progress-track span,.home-quiz-choice,.home-quiz-choice-check{transition:none}}