.player-page{flex-direction:column;min-height:calc(100dvh - 65px);display:flex}.player-top{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.player-top .crumb{color:var(--muted);font-size:.85rem;text-decoration:none}.player-top .crumb:hover{color:var(--ink)}.player-top .name{font-family:var(--font-display);font-weight:700}.player-top .spacer{flex:1}.stage-wrap{--stage-pad:1rem;flex:1;place-items:center;padding:0 1rem;display:grid}.stage{aspect-ratio:16/9;border-radius:var(--radius);background:var(--stage-bg);width:min(100%,177.778dvh - 302.222px);color:var(--stage-ink);box-shadow:var(--shadow);outline:none;position:relative;overflow:hidden;container-type:inline-size}:fullscreen .stage,.player-page:fullscreen .stage{border-radius:0;width:min(100vw,177.778vh)}.player-page:fullscreen{background:#000;min-height:100vh}.player-page:fullscreen .player-top{display:none}.player-page:fullscreen .stage-wrap{padding:0}.player-page:fullscreen .controls{color:#fff;opacity:0;background:#0000008c;transition:opacity .3s;position:fixed;bottom:0;left:0;right:0}.player-page:fullscreen:hover .controls,.player-page:fullscreen .controls:focus-within{opacity:1}.slide{font-size:calc(2.1cqw * var(--type-scale));animation:slide-in .45s var(--bounce);flex-direction:column;padding:5cqw 6cqw;display:none;position:absolute;inset:0}.slide.active{display:flex}@keyframes slide-in{0%{opacity:0;transform:translateY(2cqw)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.slide,.choice,.card,.big-emoji,.flip .inner,.tl-event,.clock.done,.fact,.sort-item,.btn,.mode-switch button{transition:none!important;animation:none!important}}.slide h2{font-family:var(--font-display);font-size:calc(5cqw * var(--type-scale));text-wrap:balance;margin:0 0 2cqw;line-height:1.05}.slide h2 .ico{margin-right:1cqw}.slide .sub{font-size:calc(2.6cqw * var(--type-scale));opacity:.95;margin:0}.slide .body{scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.slide .body>*{flex-shrink:0}.slide .body>:first-child{margin-top:auto}.slide .body>:last-child{margin-bottom:auto}.slide p{text-wrap:pretty;margin:0 0 1.5cqw;line-height:1.45}.slide.s-title,.slide.s-celebrate{text-align:center;justify-content:center;align-items:center}.slide.s-title .big-emoji,.slide.s-celebrate .big-emoji{animation:pop .6s var(--bounce);font-size:14cqw;line-height:1}.slide.s-title h2{font-size:calc(7cqw * var(--type-scale))}.slide.s-title .sub{font-size:calc(3cqw * var(--type-scale));max-width:70cqw}.slide .tagline{font-size:calc(1.8cqw * var(--type-scale));opacity:.85;margin-top:2cqw}@keyframes pop{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}html[data-mode=K-2] .big-emoji{animation:pop .6s var(--bounce), wiggle 2.5s ease-in-out 1s infinite}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(-1cqw)}}.card{background:var(--card-bg);color:var(--card-ink);border-radius:calc(var(--radius) * .8);padding:2cqw 2.4cqw;box-shadow:0 1cqw 3cqw #00000024}.story-card{max-width:84cqw;font-size:calc(2.05cqw * var(--type-scale))}.story-card p{margin-bottom:1.1cqw;line-height:1.4}html[data-mode=K-2] .story-card{font-size:calc(2.45cqw * var(--type-scale))}html[data-mode="6-8"] .story-card,html[data-mode="9-12"] .story-card{font-size:calc(1.8cqw * var(--type-scale))}.slide:has(>.say){padding-bottom:9cqw}.slide h2{letter-spacing:-.02em}.grid{gap:1.6cqw;display:grid}.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}.fact{cursor:pointer;text-align:center;transition:transform .2s var(--bounce);flex-direction:column;justify-content:center;gap:.6cqw;min-height:16cqw;display:flex}.fact:hover{transform:translateY(-.5cqw)}.fact .ico{font-size:5cqw;line-height:1}.fact .label{font-weight:800;font-size:calc(2.1cqw * var(--type-scale))}.fact .detail{font-size:calc(1.8cqw * var(--type-scale));display:none}.fact .hint{opacity:.6;font-size:1.4cqw}.fact.shown .detail{animation:.3s slide-in;display:block}.fact.shown .hint{display:none}.flip{perspective:1000px;cursor:pointer;min-height:16cqw;text-align:inherit;background:0 0;border:0;padding:0}.flip .inner{width:100%;height:100%;min-height:16cqw;transition:transform .6s var(--bounce);transform-style:preserve-3d;position:relative}.flip.shown .inner{transform:rotateY(180deg)}.flip .face{backface-visibility:hidden;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6cqw;padding:1.6cqw;display:flex;position:absolute;inset:0}.flip .face.back{background:var(--accent);color:var(--accent-ink);border-radius:calc(var(--radius) * .8);font-size:calc(1.8cqw * var(--type-scale));transform:rotateY(180deg)}.flip .term{font-weight:800;font-size:calc(2.4cqw * var(--type-scale))}.flip .ico{font-size:4cqw;line-height:1}.slide.s-timeline h2{font-size:calc(3.8cqw * var(--type-scale))}.timeline{grid-template-columns:repeat(auto-fit,minmax(13cqw,1fr));align-items:start;gap:1cqw;display:grid}.tl-event{opacity:.35;transition:opacity .3s, transform .3s var(--bounce);cursor:pointer;padding-top:2.4cqw;position:relative}.tl-event:before{content:"";background:#ffffff8c;height:.5cqw;position:absolute;top:.9cqw;left:0;right:0}html[data-mode=K-2] .tl-event:before{background:#00000040}.tl-event:after{content:"";border:.4cqw solid var(--c2);background:#fff;border-radius:50%;width:2.2cqw;height:2.2cqw;margin-left:-1.1cqw;position:absolute;top:0;left:50%}.tl-event.shown{opacity:1;transform:translateY(-.6cqw)}.tl-event .year{font-family:var(--font-display);font-weight:800;font-size:calc(2.2cqw * var(--type-scale));text-align:center;margin-bottom:.5cqw}.tl-event .card{font-size:calc(1.4cqw * var(--type-scale));padding:1.2cqw 1.4cqw;line-height:1.35}.question{font-size:calc(3cqw * var(--type-scale));text-wrap:balance;margin-bottom:2cqw;font-weight:800}.choices{grid-template-columns:repeat(2,1fr);gap:1.4cqw;display:grid}.choices.n3{grid-template-columns:repeat(3,1fr)}.choice{text-align:left;font-size:calc(2.2cqw * var(--type-scale));transition:transform .15s var(--bounce), border-color .15s;border:.4cqw solid #0000;align-items:center;gap:1.4cqw;min-height:9cqw;display:flex}.choice:hover{transform:scale(1.03)}.choice .ico{font-size:4cqw;line-height:1}.choice .letter{opacity:.5;min-width:2.4cqw;font-weight:800}.choice.correct{border-color:var(--tfe-success);background:color-mix(in srgb, var(--tfe-success) 18%, #fff);color:#14532d}.choice.wrong{border-color:var(--tfe-danger);animation:.4s shake}.choice[disabled]{cursor:default}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-1cqw)}75%{transform:translate(1cqw)}}.explain{font-size:calc(2cqw * var(--type-scale));margin-top:1.6cqw;display:none}.explain.show{animation:.3s slide-in;display:block}.slide.s-sort h2{font-size:calc(3.6cqw * var(--type-scale));margin-bottom:.8cqw}.slide.s-sort .body>p{font-size:calc(1.7cqw * var(--type-scale));margin-bottom:1cqw}.sort-items{flex-wrap:wrap;gap:.7cqw;min-height:4cqw;margin-bottom:1.2cqw;display:flex}.sort-item{font-size:calc(1.5cqw * var(--type-scale));transition:transform .15s var(--bounce);border:.3cqw solid #0000;border-radius:999px;padding:.6cqw 1.1cqw;line-height:1.25}.sort-item.selected{border-color:var(--focus);transform:scale(1.06)}.sort-item.right{border-color:var(--tfe-success);background:color-mix(in srgb, var(--tfe-success) 18%, #fff);color:#14532d}.sort-item.wrong{border-color:var(--tfe-danger);background:color-mix(in srgb, var(--tfe-danger) 16%, #fff);color:#7f1d1d}.buckets{grid-template-columns:repeat(var(--n,2), 1fr);flex:1;gap:1.4cqw;min-height:0;display:grid;flex-shrink:1!important}.bucket{border-radius:calc(var(--radius) * .8);cursor:pointer;border:.4cqw dashed #ffffffb3;flex-direction:column;gap:.6cqw;min-height:9cqw;padding:.9cqw;transition:background .15s;display:flex;overflow:auto}html[data-mode=K-2] .bucket{border-color:#00000059}.bucket:hover,.bucket.target{background:#ffffff2e}.bucket h3{font-size:calc(1.9cqw * var(--type-scale));text-align:center;font-family:var(--font-display);margin:0}.bucket .drop{flex-wrap:wrap;gap:.6cqw;display:flex}.sort-status{font-weight:800;font-size:calc(1.7cqw * var(--type-scale));min-height:2.2cqw;margin-top:.8cqw}.steps{font-size:calc(2.4cqw * var(--type-scale));margin:0;padding-left:3cqw}.steps li{margin-bottom:1cqw}.starters{flex-wrap:wrap;gap:1cqw;margin-top:1.6cqw;display:flex}.starters .card{font-size:calc(1.8cqw * var(--type-scale));padding:1cqw 1.6cqw;font-style:italic}.prompt{font-size:calc(3cqw * var(--type-scale));text-wrap:balance;margin-bottom:1.6cqw;font-weight:800}.sides{grid-template-columns:1fr 1fr;gap:1.6cqw;margin-bottom:1.4cqw;display:grid}.sides .card{text-align:center;font-family:var(--font-display);font-size:calc(2.6cqw * var(--type-scale))}.sides .card:first-child{border-top:.8cqw solid #22c55e}.sides .card:last-child{border-top:.8cqw solid #f97316}.points{font-size:calc(1.8cqw * var(--type-scale));columns:2;column-gap:3cqw;margin:0;padding-left:3cqw}.timer{align-items:center;gap:1.4cqw;padding-top:1.2cqw;display:flex}.timer .clock{font-family:var(--font-display);font-weight:800;font-size:calc(5.2cqw * var(--type-scale));font-variant-numeric:tabular-nums;min-width:15cqw;line-height:1}.timer .clock.done{color:#fde047;animation:.5s 3 shake}.timer .tbtn{color:inherit;background:#ffffff2e;border:.3cqw solid #fff9;border-radius:999px;padding:.8cqw 1.8cqw;font-size:1.9cqw;font-weight:800}html[data-mode=K-2] .timer .tbtn{background:#fff9;border-color:#00000059}.career{grid-template-columns:auto 1fr;align-content:start;gap:.4cqw 1.2cqw;padding:1.4cqw 1.7cqw;display:grid}.career>*{grid-column:2}.career>.ico{grid-area:1/1/span 3;font-size:3.6cqw}.career .ico{line-height:1}.career h3{font-size:calc(2.2cqw * var(--type-scale));font-family:var(--font-display);margin:0}.career p{font-size:calc(1.6cqw * var(--type-scale));margin:0}.career .pathway{font-size:calc(1.35cqw * var(--type-scale));opacity:.85;border-top:1px solid var(--line);margin-top:.3cqw;padding-top:.5cqw;line-height:1.35}.career p{line-height:1.35}.slide.s-celebrate .message{font-size:calc(3cqw * var(--type-scale));max-width:75cqw}.challenge{text-align:left;max-width:75cqw;font-size:calc(1.9cqw * var(--type-scale));margin-top:2cqw}.challenge strong{font-family:var(--font-display);margin-bottom:.4cqw;display:block}.reveal{color:#fff;background:#00000073;border:0;border-radius:999px;padding:.6cqw 1.2cqw;font-size:1.5cqw;position:absolute;top:2cqw;right:2cqw}.reveal:hover{background:#000000b3}.say{color:#fff;background:#00000073;border:0;border-radius:999px;align-items:center;gap:.6cqw;padding:.7cqw 1.4cqw;font-size:1.6cqw;display:inline-flex;position:absolute;bottom:2cqw;left:2cqw}.say.speaking{background:#16a34a}html[data-mode=K-2] .say{padding:1cqw 2cqw;font-size:2.2cqw}.progress{background:#ffffff40;height:.7cqw;position:absolute;bottom:0;left:0;right:0}.progress i{background:#fff;width:0;height:100%;transition:width .3s;display:block}html[data-mode="9-12"] .progress i{background:var(--accent);box-shadow:0 0 1cqw var(--accent)}.confetti{pointer-events:none;position:absolute;inset:0}.controls{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.controls .cbtn{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:800;display:inline-flex}.controls .cbtn:hover{background:var(--surface-2)}.controls .cbtn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.controls .counter{font-variant-numeric:tabular-nums;text-align:center;min-width:4.5rem;font-weight:800}.controls .dots{flex-wrap:wrap;gap:.3rem;display:flex}.controls .dots button{background:var(--line);border:0;border-radius:50%;width:.7rem;height:.7rem;padding:0}.controls .dots button[aria-current=true]{background:var(--accent);transform:scale(1.4)}.controls .spacer{flex:1}.kbd{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:.2rem .35rem;font:700 .7rem/1 ui-monospace,monospace}.notes{border-radius:var(--radius);color:#78350f;background:#fffbeb;border:2px solid #fcd34d;margin:0 1rem 1rem;padding:1rem 1.2rem;font-size:1rem;line-height:1.5;display:none}.notes.show{display:block}html[data-mode="9-12"] .notes{color:#fde68a;background:#1c1917;border-color:#a16207}.notes strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;font-size:.75rem;display:block}.player-page:fullscreen .notes.show{z-index:5;opacity:.95;max-width:420px;position:fixed;bottom:4rem;right:1rem}.week-nav{flex-wrap:wrap;align-items:center;gap:.5rem;padding:0 1rem 1rem;display:flex}.week-nav a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.4rem .8rem;font-size:.85rem;text-decoration:none}.week-nav a[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:#0000}@media (width<=640px){.grid.c3,.grid.c4{grid-template-columns:repeat(2,1fr)}.points{columns:1}}
