:root{color:#eff8f5;font-synthesis:none;text-rendering:optimizelegibility;--ink:#eff8f5;--muted:#91a8ad;--ocean:#071822;--panel:#0d2530;--panel-bright:#12313c;--line:#b4dad72b;--orange:#ffb44a;--mint:#6de2bd;--coral:#ff755f;background:#071822;font-family:Avenir Next,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ocean);min-width:320px}body{background:radial-gradient(circle at 70% 16%, #337c8333, transparent 28rem), linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--ocean);background-size:auto,40px 40px,40px 40px,auto;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a,video{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:0 44px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:88px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__mark{border:1px solid #6de2bd8c;border-radius:50%;width:42px;height:42px;position:relative;transform:rotate(-24deg)}.brand__mark:before{content:"";border:1px solid var(--orange);border-radius:50%;position:absolute;inset:8px -6px}.brand__mark i{background:var(--orange);border-radius:50%;width:8px;height:8px;position:absolute;top:1px;left:4px;box-shadow:0 0 14px #ffb44ab3}.brand>span:last-child{display:grid}.brand strong{letter-spacing:.08em;font-family:Avenir Next Condensed,Arial Narrow,PingFang SC,sans-serif}.brand small,.eyebrow,.topbar__status,.video-card__meta,.video-frame__stamp,.lesson-intro__meta,footer{text-transform:uppercase;letter-spacing:.1em;font-family:SFMono-Regular,Menlo,Consolas,monospace}.brand small{color:var(--muted);letter-spacing:.22em;font-size:9px}.topbar__status{color:var(--muted);align-items:center;gap:14px;font-size:11px;display:flex}.reset-button{color:var(--orange);cursor:pointer;background:#ffb44a0d;border:1px solid #ffb44a47;border-radius:7px;margin-left:3px;padding:7px 10px;font-family:inherit;font-size:10px;transition:border-color .16s,background .16s}.reset-button:hover{background:#ffb44a1a;border-color:#ffb44a9e}main{padding:54px 0 46px}.chapter-rail{border-bottom:1px solid var(--line);grid-template-columns:132px minmax(0,1fr);align-items:stretch;gap:22px;margin-bottom:50px;padding-bottom:24px;display:grid}.chapter-rail__heading{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-content:center;gap:6px;padding-left:2px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;display:grid}.chapter-rail__heading strong{color:var(--ink);font-size:10px;font-weight:600}.chapter-rail__items{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:center;display:grid}.chapter-tab{border:1px solid var(--line);min-width:0;min-height:82px;color:var(--ink);cursor:pointer;text-align:left;background:#0d25308a;border-radius:13px;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}.chapter-tab:hover{background:#12313cc2;border-color:#91a8ad6b;transform:translateY(-1px)}.chapter-tab.is-active{background:linear-gradient(90deg,#6de2bd14,#0000 62%),#0d2530e0;border-color:#6de2bd6b}.chapter-tab--puzzle.is-active{background:linear-gradient(90deg,#ffd55a17,#0000 62%),#0d2530e0;border-color:#ffd55a7a}.chapter-tab--hero.is-active{background:linear-gradient(90deg,#ff755f1a,#0000 62%),#0d2530e0;border-color:#ff755f80}.chapter-tab__icon{color:#ffd55a;background:#0c2342;border:1px solid #ffd55a70;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 5px #ffd55a09}.chapter-tab__icon--film{color:var(--mint);background:#0d2b34;border-color:#6de2bd66}.chapter-tab__icon--hero{color:#ff8e78;background:#312331;border-color:#ff755f80;box-shadow:inset 0 0 0 5px #ff755f0a}.chapter-tab__icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px}.chapter-tab__copy{min-width:0;display:grid}.chapter-tab__copy small,.chapter-tab__copy em,.chapter-tab__state{letter-spacing:.05em;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-style:normal}.chapter-tab__copy small{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:8px}.chapter-tab__copy strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-family:Avenir Next Condensed,Arial Narrow,PingFang SC,sans-serif;font-size:17px;overflow:hidden}.chapter-tab__copy em{color:#718d92;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.chapter-tab__state{color:#79a59e;white-space:nowrap;text-transform:uppercase;background:#6de2bd0f;border-radius:999px;align-self:start;padding:5px 7px;font-size:7px}.chapter-tab:not(.is-active) .chapter-tab__state{color:#c9a84b;background:#ffd55a12}.chapter-tab.is-complete .chapter-tab__state{color:var(--mint);background:#6de2bd1a}.chapter-rail__connector{background:var(--line);height:1px;display:block;position:relative}.chapter-rail__connector:before,.chapter-rail__connector:after,.chapter-rail__connector i{content:"";border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.chapter-rail__connector:before,.chapter-rail__connector:after{background:#47646a;width:4px;height:4px}.chapter-rail__connector:before{left:5px}.chapter-rail__connector:after{right:5px}.chapter-rail__connector i{background:var(--ocean);border:1px solid #ffd55a75;width:7px;height:7px;left:50%;transform:translate(-50%,-50%)}.lesson-intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px;display:flex}.eyebrow{color:var(--orange);margin:0 0 10px;font-size:11px;font-weight:500}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:780px;margin-bottom:12px;font-family:Avenir Next Condensed,Arial Narrow,PingFang SC,sans-serif;font-size:clamp(42px,6vw,76px);line-height:.96}.lesson-intro__summary{max-width:590px;color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.75}.lesson-intro__meta{color:var(--muted);flex:none;gap:10px;padding-bottom:6px;font-size:10px;display:flex}.lesson-intro__meta span{border:1px solid var(--line);border-radius:999px;padding:8px 10px}.classroom-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:22px;display:grid}.classroom-main{min-width:0}.classroom-stage{min-width:0;position:relative}.classroom-stage.is-game-active .video-card{visibility:hidden;position:absolute;inset:0}.video-card,.lesson-sidebar,.score-panel,.chapter-panel,.hero-chapter-panel{border:1px solid var(--line);background:#0d2530e0;box-shadow:0 24px 70px #00000029}.hero-chapter-panel{color:#173449;background:linear-gradient(#ffffff59,#0000 34%),linear-gradient(152deg,#b9edf4 0 48%,#96dbb3 48.2% 62%,#57ad72 62.2%);border-color:#ffc44852;border-radius:18px 18px 10px 10px;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);align-items:center;gap:clamp(30px,5vw,70px);min-height:530px;padding:clamp(34px,5vw,62px);display:grid;position:relative;overflow:hidden}.hero-chapter-panel:before,.hero-chapter-panel:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero-chapter-panel:before{background:#ffd35d;width:128px;height:128px;top:-58px;right:11%;box-shadow:0 0 0 18px #ffffff29}.hero-chapter-panel:after{background:#3e8f5c;width:520px;height:340px;bottom:-170px;right:-90px;box-shadow:-350px 64px 0 30px #4f9f69,-660px 26px 0 12px #438c5a}.hero-chapter-panel__sky i{z-index:0;background:#ffffff94;border-radius:999px;width:88px;height:24px;position:absolute;box-shadow:22px -8px 0 -2px #ffffff94,46px 2px 0 -5px #ffffff94}.hero-chapter-panel__sky i:first-child{top:12%;left:5%}.hero-chapter-panel__sky i:nth-child(2){top:23%;right:5%;transform:scale(.72)}.hero-chapter-panel__sky i:nth-child(3){top:47%;left:42%;transform:scale(.48)}.hero-chapter-panel__copy,.hero-route{z-index:2;position:relative}.hero-chapter-panel__copy{padding:8px 0}.hero-chapter-panel__copy .eyebrow{color:#a04d2f;text-shadow:0 1px #fff6}.hero-chapter-panel__copy h2{color:#173449;letter-spacing:-.055em;text-shadow:0 2px #ffffff47;max-width:560px;margin-bottom:18px;font-family:Avenir Next Condensed,Arial Narrow,PingFang SC,sans-serif;font-size:clamp(38px,4.5vw,61px);line-height:1.03}.hero-chapter-panel__copy>p:not(.eyebrow){color:#315b61;max-width:520px;margin-bottom:28px;font-size:14px;line-height:1.8}.hero-chapter-panel dl{gap:8px;margin:0;display:flex}.hero-chapter-panel dl div{background:#fff7da85;border:1px solid #17344924;border-radius:11px;min-width:96px;padding:11px 13px;box-shadow:0 5px 15px #1734490f}.hero-chapter-panel dt{color:#557479;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.hero-chapter-panel dd{color:#173449;margin:0;font-size:13px;font-weight:750}.hero-route{background:#fff7daed;border:1px solid #1734492e;border-radius:24px 24px 18px 18px;flex-direction:column;align-self:stretch;min-width:0;padding:25px 26px 21px;display:flex;box-shadow:0 22px 42px #1734492e,inset 0 0 0 5px #ffffff38}.hero-route__heading{border-bottom:1px dashed #17344933;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:15px;padding-bottom:14px;display:flex}.hero-route__heading span,.hero-route li small,.hero-route li em{letter-spacing:.07em;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-style:normal}.hero-route__heading span{color:#a04d2f;font-size:8px}.hero-route__heading strong{color:#173449;font-size:13px}.hero-route ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:auto 0 18px;padding:0;list-style:none;display:grid;position:relative}.hero-route ol:before{content:"";background:repeating-linear-gradient(90deg,#17344942 0 5px,#0000 5px 10px);border-radius:999px;height:3px;position:absolute;top:29px;left:5%;right:5%}.hero-route li{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid;position:relative}.hero-route li>span{z-index:1;color:#44636b;background:#c7d9cc;border:3px solid #fff7da;border-radius:50%;place-items:center;width:58px;height:58px;font-size:17px;font-weight:800;display:grid;box-shadow:0 0 0 2px #17344929,0 7px 14px #1734491f}.hero-route li:first-child>span{background:#75c988}.hero-route li:nth-child(2)>span{background:#efbd67}.hero-route li:nth-child(3)>span{background:#8fd1e8}.hero-route li:nth-child(4)>span{background:#55afd0}.hero-route li:nth-child(5)>span{background:#9a91d5}.hero-route li.is-complete>span{color:#fff;background:#4caa6d;box-shadow:0 0 0 2px #27784b,0 7px 15px #27784b3b}.hero-route li.is-next>span{color:#6e2b24;background:#ffd35d;animation:1.8s ease-in-out infinite hero-next-pulse;box-shadow:0 0 0 3px #f0715f,0 0 0 8px #f0715f1f,0 8px 18px #6e2b242e}.hero-route li>div{min-width:0;display:grid}.hero-route li small{color:#788d8b;margin-bottom:2px;font-size:7px}.hero-route li strong{color:#173449;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.hero-route li em{color:#788d8b;white-space:nowrap;margin-top:3px;font-size:7px}.hero-route li.is-complete em{color:#27784b}.hero-route li.is-next em{color:#a04d2f}.hero-route__launch{color:#fff7da;cursor:pointer;background:#ef715f;border:0;border-radius:14px;justify-content:space-between;align-items:center;min-height:56px;padding:0 10px 0 19px;font-weight:800;transition:transform .16s,filter .16s;display:flex;box-shadow:inset 0 -3px #742b242e,0 9px 20px #742b242e}.hero-route__launch:hover{filter:brightness(1.04);transform:translateY(-1px)}.hero-route__launch strong{background:#fff7da2e;border-radius:10px;place-items:center;width:38px;height:38px;font-size:26px;line-height:1;display:grid}.hero-route>p{color:#708783;text-align:center;margin:12px 0 0;font-size:9px;line-height:1.55}.hero-result__badge{color:#8a4a17;background:#ffd35d;border:4px solid #fff7da;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:20px;font-size:30px;display:grid;box-shadow:0 0 0 5px #f0715fd9,0 12px 24px #425c3230}.hero-result{background:#fff7dab8;border:1px solid #17344929;border-radius:14px;align-items:baseline;padding:13px 18px;display:inline-flex;box-shadow:0 9px 20px #17344914}.hero-result span{color:#557479;margin-right:15px;font-size:11px}.hero-result strong{color:#173449;font-family:Avenir Next Condensed,Arial Narrow,sans-serif;font-size:42px;line-height:1}.hero-result em{color:#557479;margin-left:6px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal}.hero-chapter-panel.is-complete .hero-route__launch{color:#173449;background:#ffd35d}.hero-chapter-panel.is-complete .hero-chapter-panel__copy h2{font-size:clamp(36px,4vw,52px)}.chapter-panel{background:radial-gradient(circle at 80% 18%,#275b964d,#0000 28%),radial-gradient(circle at 20% 80%,#ffd55a12,#0000 30%),linear-gradient(145deg,#071a3a,#0b294f 62%,#071a3a);border-color:#ffd55a2e;border-radius:18px 18px 10px 10px;grid-template-columns:minmax(0,1fr) minmax(290px,.68fr);align-items:center;gap:clamp(36px,7vw,92px);min-height:530px;padding:clamp(38px,6vw,70px);display:grid;position:relative;overflow:hidden}.chapter-panel:before{content:"";pointer-events:none;border:1px solid #ffd55a24;border-radius:50%;width:470px;height:470px;position:absolute;top:-210px;right:-145px;box-shadow:0 0 0 54px #ffd55a06,0 0 0 108px #6de2bd05}.chapter-panel__stars i{background:#fff1cf;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 9px #fff1cfb8}.chapter-panel__stars i:first-child{top:14%;left:8%}.chapter-panel__stars i:nth-child(2){top:22%;left:57%}.chapter-panel__stars i:nth-child(3){top:73%;left:48%}.chapter-panel__stars i:nth-child(4){top:84%;left:86%}.chapter-panel__stars i:nth-child(5){top:48%;left:92%}.chapter-panel__copy,.chapter-launch{z-index:1;position:relative}.chapter-panel__copy .eyebrow{color:#ffd55a}.chapter-panel__copy h2{color:#fff1cf;letter-spacing:-.05em;max-width:610px;margin-bottom:20px;font-family:Avenir Next Condensed,Arial Narrow,PingFang SC,sans-serif;font-size:clamp(38px,4.6vw,62px);line-height:1.04}.chapter-panel__copy>p:not(.eyebrow){color:#9ec9e9;max-width:560px;margin-bottom:32px;font-size:14px;line-height:1.8}.chapter-panel dl{gap:8px;margin:0;display:flex}.chapter-panel dl div{background:#071a3a75;border:1px solid #9ec9e924;border-radius:9px;min-width:88px;padding:11px 13px}.chapter-panel dt{color:#7198b9;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.chapter-panel dd{color:#fff1cf;margin:0;font-size:13px;font-weight:650}.chapter-launch{background:#05142ea3;border:1px solid #ffd55a38;border-radius:18px;align-content:center;align-self:stretch;min-width:0;padding:29px 26px;display:grid;box-shadow:inset 0 0 52px #2357901c}.chapter-launch__label{gap:4px;margin-bottom:30px;display:grid}.chapter-launch__label span,.chapter-launch__time{color:#7198b9;letter-spacing:.13em;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.chapter-launch__label strong{color:#fff1cf;font-size:14px;font-weight:600}.chapter-launch__track{height:76px;position:relative}.chapter-launch__line{background:radial-gradient(circle,#fff1cf33 0 1px,#0000 1.5px) 0/17px 5px,#071a3ab8;border:1px solid #9ec9e92e;border-radius:999px;height:5px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.chapter-launch__line i{background:linear-gradient(90deg,#56d6a1,#ffd55a);width:72%;height:100%;display:block;box-shadow:0 0 16px #ffd55a80}.chapter-launch__knob{color:#071a3a;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:66px;height:66px;padding:0;display:grid;position:absolute;top:50%;left:72%;transform:translate(-50%,-50%)}.chapter-launch__pulse{border:1px solid #ffd55a80;border-radius:50%;width:62px;height:62px;animation:2.4s ease-out infinite cue-knob-pulse;position:absolute}.chapter-launch__face{background:#ffd55a;border:3px solid #fff1cf;border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .17s,background .17s;display:grid;position:relative;box-shadow:0 0 0 6px #081d3b,0 0 29px #ffd55a8a}.chapter-launch__face svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:25px}.chapter-launch__knob:hover .chapter-launch__face,.chapter-launch__knob:focus-visible .chapter-launch__face{background:#fff1cf;transform:rotate(12deg)scale(1.08)}.chapter-launch__knob:focus-visible{outline:0}.chapter-launch__time{color:#ffd55a;position:absolute;bottom:0;right:0}.chapter-launch>p{color:#7198b9;margin:24px 0 0;font-size:10px;line-height:1.65}.chapter-launch.is-complete{border-color:#56d6a14d}.chapter-launch.is-complete .chapter-launch__line i{background:linear-gradient(90deg,#56d6a1,#c4ffe8);width:100%}.chapter-launch.is-complete .chapter-launch__knob{left:100%}.chapter-launch.is-complete .chapter-launch__pulse{display:none}.chapter-launch.is-complete .chapter-launch__face{background:#56d6a1;box-shadow:0 0 0 6px #081d3b,0 0 25px #56d6a16b}.video-card{border-radius:18px 18px 10px 10px;overflow:hidden}.video-card__meta{color:#c5d8d8;align-items:center;gap:9px;height:43px;padding:0 16px;font-size:9px;display:flex}.live-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff755f1a}.video-card__quality{color:var(--muted);margin-left:auto}.video-frame{aspect-ratio:16/9;background:radial-gradient(circle,#153d47,#06131c 70%);position:relative;overflow:hidden}.video-frame video{cursor:pointer;object-fit:cover;width:100%;height:100%;display:block}.video-frame:fullscreen{aspect-ratio:auto;background:#030b10;width:100vw;height:100vh}.video-frame:fullscreen video{object-fit:contain}.video-frame__stamp{color:#ffffff9e;pointer-events:none;background:#04141c73;border:1px solid #ffffff38;padding:6px 8px;font-size:8px;position:absolute;top:17px;left:18px}.video-center-play{color:#eff8f5eb;cursor:pointer;background:0 0;border:0;justify-items:center;gap:9px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-center-play>span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05151dc2;border:1px solid #ffb44ac7;border-radius:50%;place-items:center;width:62px;height:62px;transition:transform .18s,background .18s,box-shadow .18s;display:grid;box-shadow:0 0 0 8px #ffb44a0f,0 14px 40px #00000052}.video-center-play:hover>span{background:#ffb44aeb;transform:scale(1.06);box-shadow:0 0 0 10px #ffb44a14,0 18px 46px #0000005c}.video-center-play svg{fill:currentColor;width:24px}.video-center-play:hover svg{color:#082028}.video-center-play small{color:#eff8f5ad;letter-spacing:.16em;text-transform:uppercase;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.video-controls{z-index:3;color:var(--ink);background:linear-gradient(#0000,#030f1685 32%,#030f16f0);padding:58px 18px 13px;position:absolute;bottom:0;left:0;right:0}.video-timeline{--timeline-played:0%;--timeline-buffered:0%;height:31px;position:relative}.video-timeline__rail,.video-timeline__input,.video-timeline__cues{width:100%;position:absolute;inset:0}.video-timeline__rail{background:radial-gradient(circle,#eff8f533 0 1px,#0000 1.5px) 0/18px 5px,#dbeeec17;border:1px solid #cee8e529;border-radius:999px;height:5px;top:50%;overflow:hidden;transform:translateY(-50%)}.video-timeline__buffered,.video-timeline__played{display:block;position:absolute;top:0;bottom:0;left:0}.video-timeline__buffered{width:var(--timeline-buffered);background:#c7e0dc38}.video-timeline__played{width:var(--timeline-played);background:linear-gradient(90deg, #46c9ad, var(--mint) 72%, #dffcf3);box-shadow:0 0 13px #6de2bd85}.video-timeline__input{z-index:2;opacity:1;cursor:pointer;appearance:none;background:0 0;height:31px;margin:0}.video-timeline__input:disabled{cursor:wait}.video-timeline__input::-webkit-slider-runnable-track{background:0 0;height:20px}.video-timeline__input::-moz-range-track{background:0 0;height:20px}.video-timeline__input::-webkit-slider-thumb{background:var(--mint);appearance:none;border:3px solid #e7fff8;border-radius:50%;width:14px;height:14px;margin-top:3px;box-shadow:0 0 0 3px #071822e0,0 0 16px #6de2bdb8}.video-timeline__input::-moz-range-thumb{background:var(--mint);border:3px solid #e7fff8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #071822e0,0 0 16px #6de2bdb8}.video-timeline__input:focus-visible{outline:0}.video-timeline__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--orange), 0 0 18px #ffb44ac7}.video-timeline__input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--orange), 0 0 18px #ffb44ac7}.video-timeline__cues{z-index:4;pointer-events:none}.video-cue-knob{color:#1d1305;cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;width:31px;height:31px;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-cue-knob__pulse{border:1px solid #ffb44a75;border-radius:50%;width:28px;height:28px;animation:2.4s ease-out infinite cue-knob-pulse;position:absolute}.video-cue-knob__face{background:var(--orange);border:2px solid #ffcf83;border-radius:50%;place-items:center;width:23px;height:23px;transition:transform .16s,color .16s,background .16s;display:grid;position:relative;box-shadow:0 0 0 4px #071822e0,0 0 17px #ffb44a94}.video-cue-knob svg{fill:none;width:14px}.video-cue-knob .icon-stroke{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.video-cue-knob:hover .video-cue-knob__face,.video-cue-knob:focus-visible .video-cue-knob__face{color:var(--orange);background:#102b35;transform:translateY(-2px)scale(1.1)}.video-cue-knob:focus-visible{outline:0}.video-cue-knob.is-complete{color:#06251f}.video-cue-knob.is-complete .video-cue-knob__pulse{display:none}.video-cue-knob.is-complete .video-cue-knob__face{background:var(--mint);border-color:#a8f8df;box-shadow:0 0 0 4px #071822e0,0 0 15px #6de2bd70}.video-cue-tooltip{width:max-content;max-width:250px;color:var(--ink);opacity:0;pointer-events:none;background:#061820f5;border:1px solid #ffb44a6b;border-radius:8px;gap:4px;padding:10px 12px;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%,7px);box-shadow:0 14px 32px #00000057}.video-cue-tooltip:after{content:"";background:#061820f5;border-bottom:1px solid #ffb44a6b;border-right:1px solid #ffb44a6b;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.video-cue-tooltip strong{font-size:11px;font-weight:650}.video-cue-tooltip>span{color:var(--orange);letter-spacing:.03em;white-space:nowrap;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.video-cue-knob:hover .video-cue-tooltip,.video-cue-knob:focus-visible .video-cue-tooltip{opacity:1;transform:translate(-50%)}.video-transport{align-items:center;gap:9px;min-height:30px;display:flex}.video-control-button{color:#eff8f5d1;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;padding:0;transition:color .15s,background .15s;display:grid}.video-control-button:hover{color:var(--orange);background:#ffffff14}.video-control-button svg{fill:currentColor;width:18px}.video-control-button .icon-stroke{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.video-time{min-width:99px;color:var(--muted);letter-spacing:.03em;gap:5px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;display:flex}.video-time strong{color:var(--ink);font-weight:600}.video-transport__status{color:#91a8ade0;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;margin-right:auto;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;display:flex}.video-transport__status i{background:var(--orange);border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #ffb44ab3}.score-panel{border-radius:10px 10px 18px 18px;grid-template-columns:1fr auto;align-items:center;gap:13px 22px;margin-top:14px;padding:21px 23px;display:grid}.score-panel .eyebrow{color:var(--mint);margin-bottom:4px}.score-panel__hint{color:var(--muted);margin-bottom:0;font-size:12px}.score-panel__value{align-items:baseline;gap:7px;font-family:Avenir Next Condensed,Arial Narrow,sans-serif;display:flex}.score-panel__value strong{color:var(--ink);font-size:32px;line-height:1;animation:.42s cubic-bezier(.2,.85,.2,1) score-pop;display:inline-block}.score-panel__value span{color:var(--muted);font-size:15px}.score-panel__track{background:#ffffff14;border-radius:99px;grid-column:1/-1;height:3px;overflow:hidden}.score-panel__track span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--orange));height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.resume-notice{color:#d5e1df;background:#ffb44a12;border:1px solid #ffb44a47;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:11px 14px;font-size:12px;display:flex}.resume-notice button{color:var(--orange);cursor:pointer;background:0 0;border:0;font-weight:700}.lesson-sidebar{border-radius:18px;flex-direction:column;min-height:100%;padding:26px 24px 22px;display:flex}.sidebar-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:23px;display:flex}.sidebar-heading .eyebrow{margin-bottom:4px}.sidebar-heading h2{letter-spacing:-.03em;margin-bottom:0;font-family:Avenir Next Condensed,Arial Narrow,PingFang SC,sans-serif;font-size:25px}.sidebar-heading>span{color:var(--muted);background:#ffffff0d;border-radius:6px;padding:6px 8px;font-size:10px}.cue-list{gap:5px;margin:22px 0;padding:0;list-style:none;display:grid;position:relative}.cue-list:before{content:"";background:linear-gradient(var(--orange), #ffb44a1f);width:1px;position:absolute;top:23px;bottom:23px;left:17px}.cue-item{border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;min-height:94px;padding:13px 10px 13px 0;display:grid;position:relative}.cue-item__node{z-index:1;width:36px;height:36px;color:var(--orange);background:var(--panel);border:1px solid #ffb44aad;border-radius:50%;place-items:center;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;display:grid}.cue-item.is-complete .cue-item__node{border-color:var(--mint);color:var(--ocean);background:var(--mint);box-shadow:0 0 22px #6de2bd2e}.cue-item.is-active .cue-item__node{color:#071a3a;background:#ffd55a;border-color:#ffd55a;box-shadow:0 0 22px #ffd55a33}.cue-item.is-active .cue-item__copy span{color:#ffd55a}.cue-item__copy>div{gap:8px;margin-bottom:5px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;display:flex}.cue-item__copy time{color:var(--orange)}.cue-item__copy span{color:var(--muted)}.cue-item__copy h3{margin-bottom:4px;font-size:14px;font-weight:600}.cue-item__copy p{color:var(--muted);margin-bottom:0;font-size:11px}.cue-item__score{color:var(--mint);font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.sidebar-note{color:var(--muted);background:#ffb44a0a;border:1px solid #ffb44a24;border-radius:10px;align-items:flex-start;gap:11px;margin-top:auto;padding:14px;display:flex}.sidebar-note>span{color:var(--orange);font-size:18px;line-height:1}.sidebar-note p{margin-bottom:0;font-size:11px;line-height:1.65}footer{border-top:1px solid var(--line);color:#667f83;justify-content:space-between;padding:20px 0 28px;font-size:8px;display:flex}.game-stage{z-index:2;background:var(--ocean);border-radius:18px 18px 10px 10px;animation:.26s both overlay-in;position:relative;overflow:hidden}.game-preload{z-index:-1;opacity:0;pointer-events:none;width:900px;max-width:100vw;position:fixed;top:0;left:0;overflow:hidden}.game-preload .cocos-shell,.game-preload .cocos-frame{width:900px;max-width:100vw}.cocos-shell{background:var(--panel);border:1px solid #6de2bd3d;border-radius:22px;width:min(900px,100%);animation:.36s cubic-bezier(.2,.8,.2,1) both game-in;position:relative;overflow:hidden;box-shadow:0 34px 110px #00000080}.game-stage .cocos-shell{border-radius:inherit;width:100%;box-shadow:none;border:0}.cocos-shell__bar{border-bottom:1px solid var(--line);height:42px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#0a202a;justify-content:space-between;align-items:center;padding:0 15px;font-family:SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.cocos-shell__bar span{align-items:center;gap:8px;display:flex}.cocos-shell__bar i{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #6de2bdb3}.cocos-frame{aspect-ratio:16/9;background:var(--ocean);border:0;width:100%;display:block}.game-stage--starry-puzzle .cocos-frame{aspect-ratio:3/2;background:#071a3a}.game-stage--starry-puzzle .cocos-shell{border-color:#ffd55a3d}.game-stage--starry-puzzle .cocos-shell__bar i{background:#ffd55a;box-shadow:0 0 10px #ffd55ab3}.game-stage--learning-hero .cocos-frame{background:#b9edf4}.game-stage--learning-hero .cocos-shell{border-color:#ffc44859}.game-stage--learning-hero .cocos-shell__bar i{background:#ff755f;box-shadow:0 0 10px #ff755fb8}.game-loader{color:var(--ink);text-align:center;background:radial-gradient(circle,#123e46f5,#071822fc);flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:42px 0 0}.game-loader strong{margin-top:21px;font-size:18px}.game-loader p{max-width:360px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.6}.game-loader .primary-button{width:min(280px,100%);margin-top:22px}.game-loader__orbit{border:1px solid #ffb44a6b;border-radius:50%;width:54px;height:54px;animation:1.5s linear infinite loader-spin;position:relative}.game-loader__orbit i{background:var(--orange);border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:5px;box-shadow:0 0 15px #ffb44aa6}.game-loader__error{width:48px;height:48px;color:var(--coral);border:1px solid #ff755f8c;border-radius:50%;place-items:center;font-size:24px;display:grid}.primary-button{color:#082028;background:var(--orange);cursor:pointer;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 18px;font-weight:800;transition:transform .16s,filter .16s,opacity .16s;display:flex}.primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.35}@keyframes overlay-in{0%{opacity:0}}@keyframes game-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes score-pop{50%{color:var(--mint);text-shadow:0 0 24px #6de2bd61;transform:translateY(-2px)scale(1.18)}}@keyframes cue-knob-pulse{0%{opacity:.85;transform:scale(.72)}72%,to{opacity:0;transform:scale(1.38)}}@keyframes hero-next-pulse{50%{transform:translateY(-3px)}}@media (width<=900px){.app-shell{padding:0 24px}.classroom-grid{grid-template-columns:1fr}.chapter-rail{grid-template-columns:112px minmax(0,1fr)}.chapter-tab{grid-template-columns:40px minmax(0,1fr)}.chapter-tab__icon{width:40px;height:40px}.chapter-tab__state{display:none}.chapter-panel{min-height:500px}.hero-chapter-panel{grid-template-columns:minmax(0,.8fr) minmax(390px,1.2fr);min-height:500px;padding:36px}.lesson-sidebar{min-height:auto}.cue-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cue-list:before{display:none}.cue-item{background:#ffffff06}.sidebar-note{margin-top:4px}}@media (width<=600px){.app-shell{padding:0 15px}.topbar{min-height:70px}.topbar__status span:not(:first-child){display:none}.reset-button{margin-left:0}main{padding:36px 0 30px}.chapter-rail{margin-bottom:34px;padding-bottom:18px;display:block}.chapter-rail__heading{justify-content:space-between;margin-bottom:12px;display:flex}.chapter-rail__items{grid-template-columns:1fr;gap:8px}.chapter-rail__connector{display:none}.chapter-tab{min-height:73px;padding:11px 13px}.chapter-tab__copy strong{font-size:16px}.chapter-panel{min-height:640px;padding:34px 24px 30px;display:block}.hero-chapter-panel{min-height:860px;padding:34px 24px 30px;display:block}.hero-chapter-panel:after{bottom:-225px}.hero-chapter-panel__copy h2{font-size:39px}.hero-chapter-panel__copy>p:not(.eyebrow){margin-bottom:24px;font-size:12px}.hero-chapter-panel dl{gap:6px}.hero-chapter-panel dl div{flex:1;min-width:0;padding:10px 9px}.hero-route{margin-top:32px;padding:22px 18px 18px}.hero-route ol{grid-template-columns:1fr;gap:7px;margin:0 0 17px}.hero-route ol:before{background:repeating-linear-gradient(#17344942 0 5px,#0000 5px 10px);width:3px;height:auto;top:8%;bottom:8%;left:25px}.hero-route li{text-align:left;grid-template-columns:50px 1fr;place-items:center start;gap:12px}.hero-route li>span{width:50px;height:50px}.hero-route li>div{justify-items:start}.hero-route li strong{font-size:12px}.chapter-panel__copy h2{font-size:39px}.chapter-panel__copy>p:not(.eyebrow){margin-bottom:24px;font-size:12px}.chapter-panel dl{gap:6px}.chapter-panel dl div{flex:1;min-width:0;padding:10px 9px}.chapter-panel dd{font-size:12px}.chapter-launch{margin-top:33px;padding:23px 20px}.chapter-launch__label{margin-bottom:19px}.chapter-launch__track{height:70px}.lesson-intro{margin-bottom:24px;display:block}h1{font-size:44px}.lesson-intro__summary{font-size:13px}.lesson-intro__meta{margin-top:22px}.video-card__quality,.video-frame__stamp{display:none}.video-controls{padding:45px 10px 8px}.video-timeline,.video-timeline__input{height:29px}.video-center-play>span{width:48px;height:48px}.video-center-play small,.video-transport__status{display:none}.video-control-button{width:28px;height:28px}.video-time{min-width:88px;margin-right:auto;font-size:8px}.video-cue-tooltip{max-width:min(220px,70vw)}.score-panel{padding:18px}.score-panel__hint{max-width:190px}.lesson-sidebar{padding:22px 18px}.cue-list{grid-template-columns:1fr}.cue-item{padding-left:8px}.game-stage{border-radius:16px 16px 10px 10px}.game-stage--starry-puzzle .cocos-frame{aspect-ratio:390/844}.cocos-shell__bar>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}