@font-face{font-family:LocalSerif;src:local('Noto Serif SC'),local('Source Han Serif SC'),local('SimSun')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07131f;color:#f4eee0;font-family:'Microsoft YaHei','PingFang SC',sans-serif}button,a,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9bdfff;outline-offset:5px}a{color:inherit;text-decoration:none}button{color:inherit;background:transparent;border:1px solid #8b805e80;border-radius:40px;padding:10px 22px;font-size:16px;transition:background .2s,border-color .2s,transform .2s}button:hover{background:#dab77418;border-color:#ead39c}button:active{transform:translateY(1px)}button.gold,.gold{background:linear-gradient(100deg,#d7ad5555,#b7872920);border-color:#dbc38b;box-shadow:0 0 24px #e0b04e18}button.blue{border-color:#8ad6f4;background:#66c8fa17}#world{position:fixed;inset:-2%;background:url('assets/panorama.webp') center/cover no-repeat;transform:scale(1.02);transition:background-image .6s,transform 1s,filter .6s;z-index:0}.shade{position:fixed;inset:0;background:linear-gradient(#020b17cc,transparent 32%,#06101a30 50%,#010911ef);z-index:1;pointer-events:none}.atmosphere{position:fixed;inset:10% 0 15%;z-index:2;background:radial-gradient(ellipse at 50% 95%,#44bfff0c,transparent 65%);pointer-events:none;animation:breathe 9s infinite alternate}.topbar{position:relative;z-index:5;min-height:66px;padding:18px 3.5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #d8c09b35;background:linear-gradient(#07111de6,#07111d70)}.wordmark{font-family:LocalSerif,serif;font-weight:700;letter-spacing:3px;color:#e5c88f;white-space:nowrap;font-size:18px}.wordmark span{font-size:12px;margin-left:16px;letter-spacing:2px;color:#aaa99e}.course-label{font-size:13px;letter-spacing:2px;color:#b7c7d2}.utilities{margin-left:auto;display:flex;gap:6px}.utilities button{font-size:12px;padding:6px 10px;border-color:transparent;border-radius:6px;color:#cfdbdf}.utilities button:hover{border-color:#8a9ba7}#stage{position:relative;z-index:3;min-height:calc(100svh - 148px);padding:20px 4% 18px;display:flex;flex-direction:column;outline:none}.lessonbar{position:relative;z-index:5;min-height:82px;display:flex;align-items:center;justify-content:center;gap:28px;background:linear-gradient(transparent,#07111def);border-top:1px solid #d3bc8940;padding:13px 4%}.lessonbar nav{display:flex;align-items:center;justify-content:center;gap:36px}.lessonbar a{padding:8px 2px;font-family:LocalSerif,serif;letter-spacing:3px;font-size:20px;position:relative;color:#c4cbd2;white-space:nowrap}.lessonbar a span{display:none;font-family:'Microsoft YaHei',sans-serif;font-size:12px;letter-spacing:1px;margin-left:8px}.lessonbar a.active{color:#f6d48b;text-shadow:0 0 18px #ecbd60}.lessonbar a.active:after{content:'';position:absolute;left:12%;right:12%;height:2px;bottom:1px;background:#e8c779;box-shadow:0 0 10px #f6d599}.lessonbar button{padding:0 14px;font-size:30px;border:0;color:#d0bd93}.eyebrow{font-size:13px;letter-spacing:4px;color:#dec58e;margin:5px 0 13px}.scene-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex:none}.scene-head h1,h1{font-family:LocalSerif,serif;font-size:clamp(28px,3vw,48px);letter-spacing:3px;font-weight:500;margin:0 0 10px;text-shadow:0 3px 16px #00101b}.scene-head p{font-size:16px;color:#c4d1d9;line-height:1.7;margin:0}.scene-head button{font-size:14px;padding:8px 18px;flex-shrink:0}.home-head{text-align:center;margin:2.5vh 0 0}.home-head h1{font-size:clamp(38px,4.7vw,72px);letter-spacing:6px;color:#f9e6b4}.home-head .subtitle{font-family:LocalSerif,serif;font-size:24px;letter-spacing:6px;margin:12px}.home-head p{font-size:16px;letter-spacing:4px;color:#ddc69a}.portals{width:min(1100px,95%);margin:auto;display:flex;justify-content:space-around;gap:7%;align-items:end;padding:4vh 0 2vh}.portal{flex:1;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;transition:transform .35s}.portal:hover{transform:translateY(-8px)}.portal img{height:clamp(120px,20vh,245px);object-fit:contain;filter:drop-shadow(0 0 24px #efc46b50)}.portal b{font-family:LocalSerif,serif;font-size:26px;font-weight:500;letter-spacing:2px;margin:12px 0}.portal small{font-size:13px;letter-spacing:3px;color:#c9d6db}.portal:after{content:'';position:absolute;z-index:-1;bottom:39px;left:0;right:0;height:35px;border:1px solid #ffe0a696;border-radius:50%;box-shadow:0 0 30px #ecb34644,inset 0 0 20px #b6882744}.home-actions{text-align:center;margin:12px 0 5px;display:flex;justify-content:center;gap:16px}.home-actions button{min-width:210px}.sprite{display:block;background-image:url('assets/icons-atlas.png');background-size:200% 400%;width:clamp(110px,16vw,225px);aspect-ratio:1;background-repeat:no-repeat;filter:drop-shadow(0 0 12px #e7c38044)}.sprite.s0{background-position:0 0}.sprite.s1{background-position:100% 0}.sprite.s2{background-position:0 33.333%}.sprite.s3{background-position:100% 33.333%}.sprite.s4{background-position:0 66.667%}.sprite.s5{background-position:100% 66.667%}.sprite.s6{background-position:0 100%}.sprite.s7{background-position:100% 100%}.glass{background:linear-gradient(135deg,#041322b5,#0c253549);border:1px solid #cbb17870;box-shadow:0 12px 55px #0004;backdrop-filter:blur(10px)}.actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.helper{font-size:13px;color:#b0c2ca;line-height:1.6}.scene-enter{animation:arrive .7s both}.instruments{display:grid;grid-template-columns:1fr 1fr;gap:8%;width:min(1050px,95%);margin:auto;align-items:center;padding-top:10px}.instrument{text-align:center;position:relative;min-width:0}.instrument .sprite{width:clamp(150px,23vw,335px);margin:auto;animation:float 7s ease-in-out infinite}.instrument.cool .sprite{filter:drop-shadow(0 0 25px #6bc3ff88);animation-delay:-3s}.instrument h2{font-family:LocalSerif,serif;font-weight:400;font-size:36px;margin:5px 0 12px;letter-spacing:3px;color:#ffe1a3}.instrument.cool h2{color:#b5e8ff}.instrument .traits{font-size:21px;letter-spacing:3px;min-height:34px;text-shadow:0 2px 10px #000}.instrument .traits.hidden-answer{color:#c2ced5;font-size:16px}.music-contour{height:36px;display:block;margin:0 auto;width:60%;opacity:.7}.transport{display:flex;gap:16px;align-items:center;margin:12px auto;width:min(900px,94%);padding:10px 20px;border-radius:30px;background:#05132199;border:1px solid #d0bb8535}.transport button{padding:4px 13px;font-size:21px;border:0}.transport input{min-width:60px;flex:1;accent-color:#d9b76d;cursor:pointer}.transport .time{font-size:13px;color:#d7e3e9;white-space:nowrap;font-variant-numeric:tabular-nums}.theme-actions{margin-bottom:3px}.detail-note{padding:18px 22px;border-radius:12px;line-height:1.7}.detail-note h2{font-family:LocalSerif,serif;font-weight:400;font-size:24px;margin:0 0 12px}.detail-note p{font-size:16px;color:#c5d6e0}.detail-note img.score{width:100%;max-height:150px;object-fit:contain;background:#fff;padding:12px;border-radius:3px}.intro-orbs{display:flex;gap:8%;justify-content:center;margin:auto;width:min(960px,94%);align-items:center}.orb{border-radius:50%;width:clamp(100px,18vw,210px);height:clamp(100px,18vw,210px);background:radial-gradient(#b9eaff15,transparent 63%);border:1px solid #afccdf66;box-shadow:inset 0 0 25px #71cafa22,0 0 40px #46a5dd15;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.orb .number{font-size:12px;letter-spacing:5px;color:#bad6e4}.orb .play-symbol{font-size:40px;line-height:1}.orb.active{border-color:#ecc983;box-shadow:0 0 35px #d4aa3a44,inset 0 0 25px #f9dc8f22}.orb.playing:before{content:'';position:absolute;inset:-10px;border:1px solid #e5c78688;border-radius:50%;animation:ripple 2s infinite}.orb-name{font-size:16px;margin-top:20px}.intro-bottom{text-align:center;min-height:108px}.intro-bottom .actions{margin:14px 0}.composer{display:grid;grid-template-columns:38% 1fr;gap:7%;width:min(1080px,92%);margin:auto;align-items:center}.portrait{max-height:49vh;width:100%;object-fit:contain;filter:drop-shadow(0 0 22px #75b3dd45);mask-image:linear-gradient(#000 88%,transparent)}.composer h2{font-family:LocalSerif,serif;font-size:clamp(28px,3.4vw,48px);font-weight:500;letter-spacing:4px;margin:0 0 20px}.composer p{font-size:20px;line-height:1.8;color:#d0dee6}.work-list{display:flex;gap:14px;flex-wrap:wrap;font-size:17px;color:#e3c98f;margin:24px 0}.work-list span{padding:8px 0;border-bottom:1px solid #baa77880}.spacious{margin-top:auto;margin-bottom:22px}.timeline-space{margin:auto 0;width:100%;padding:50px 0 28px;position:relative}.timeline{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;position:relative}.timeline:before{content:'';position:absolute;height:1px;background:linear-gradient(90deg,#dfbd74,#8ecfe3,#b0a6b1);left:3%;right:3%;top:20px}.node{border:0;border-radius:0;min-width:0;padding:0 0 10px;position:relative;background:transparent!important}.node i{display:block;width:32px;height:32px;border:2px solid #c0cbd2;background:#33434d;border-radius:50%;margin:4px auto 20px;transition:all .25s}.node.family-a{color:#efc77e}.node.family-b{color:#a2e2ff}.node.family-c{color:#d8b9ee}.node.family-a i{border-color:#e1bb72;background:#937138}.node.family-b i{border-color:#a2dff8;background:#3c85a4}.node.family-c i{border-color:#c8a7e2;background:#715e84}.node.current i{box-shadow:0 0 25px currentColor;background:currentColor;transform:scale(1.25)}.node.past{opacity:.95}.node.future{opacity:.48}.node b{font-family:LocalSerif,serif;font-weight:400;font-size:clamp(16px,2.1vw,30px);white-space:nowrap}.node small{display:block;color:#bccbd4;font-size:12px;margin-top:8px;font-variant-numeric:tabular-nums}.node.pending{color:#becbd5}.node.pending i{background:#294052;border-color:#8babbc}.timeline-caption{text-align:center;margin:35px 0 12px;font-family:LocalSerif,serif;font-size:23px;letter-spacing:3px}.count-label{text-align:center;font-size:18px;margin:18px 0;color:#d3e6ef}.count-label strong{color:#f1ce8c;font-size:30px;margin:0 12px}.structure-result{height:36px;text-align:center;font-family:LocalSerif,serif;letter-spacing:3px;font-size:23px;color:#f2d9a6}.film-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;max-width:1280px;width:95%;margin:16px auto auto;align-items:start}.video-shell{position:relative;border:1px solid #e9c681a6;box-shadow:0 0 50px #000a,0 0 14px #edce8b18;border-radius:6px;overflow:hidden;background:#000;line-height:0}.video-shell video{width:100%;max-height:48vh;aspect-ratio:16/9;display:block;background:#000;object-fit:contain}.video-shell.alert-border{border-color:#bb6565;box-shadow:0 0 30px #b7282820}.film-side{padding:22px 18px;border-radius:6px;min-height:180px}.film-side h2{font-size:23px;font-family:LocalSerif,serif;margin:0 0 14px;font-weight:400}.film-side p{font-size:16px;line-height:1.8;color:#bfd0de}.film-side img{width:100%;background:white;margin:15px 0}.clip-tabs{display:flex;gap:12px;justify-content:center;margin:14px auto;width:95%}.clip-tabs button{flex:1;max-width:200px;padding:10px 15px;background:#06111cb0;border-radius:6px}.clip-tabs button.selected{border-color:#e2c184;background:#9f7e3130;box-shadow:0 0 18px #e3b14d20}.clip-tabs .sprite{width:44px;margin:auto}.film-conclusion{text-align:center;font-size:clamp(20px,2vw,29px);font-family:LocalSerif,serif;letter-spacing:3px;min-height:44px;margin:2px 0 10px}.studio-grid{display:grid;grid-template-columns:45% 1fr;gap:5%;width:min(1240px,97%);margin:auto;align-items:center}.studio-grid video{max-height:34vh}.prompt-panel{min-width:0}.prompt-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.prompt-control{text-align:center;min-width:0}.prompt-control .sprite{width:min(100%,125px);margin:auto}.prompt-control label{display:block;font-family:LocalSerif,serif;font-size:22px;margin:0 0 10px}.prompt-control select{width:100%;background:#0a1c2bef;color:#f1e5cc;border:1px solid #c9af7080;padding:10px 4px;border-radius:6px;font-size:15px}.prompt-control select option{background:#102333}.prompt-panel textarea{display:block;width:100%;padding:16px;color:#f2e8d5;background:#092133b5;border:1px solid #bdaa7988;border-radius:8px;resize:vertical;min-height:110px;font-size:17px;line-height:1.8;margin:18px 0}.studio-samples{display:flex;gap:12px;margin-top:16px}.studio-samples button{flex:1;font-size:15px}.studio-samples button.selected{border-color:#ecc886;background:#c9943230}.prompt-panel .actions{justify-content:flex-start}.prompt-panel .actions button{font-size:14px;padding:9px 17px}.studio-next{display:flex;justify-content:center;gap:15px;margin-top:20px}.boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:min(1160px,96%);margin:auto}.box-wrap{text-align:center}.box{border:0;padding:12px 4px;display:flex;flex-direction:column;align-items:center;width:100%;background:transparent!important}.box .sprite{width:100%;max-width:240px;transition:transform .4s}.box:hover .sprite{transform:translateY(-9px)}.box b{font-family:LocalSerif,serif;font-size:26px;letter-spacing:4px;font-weight:500}.box small{font-size:13px;color:#b5c6d0;margin-top:8px}.roles{display:flex;justify-content:center;gap:40px;font-size:17px;color:#d9c395;flex-wrap:wrap;margin:10px 0 20px}.premiere{width:min(960px,80%);margin:2vh auto auto}.premiere .video-shell{border-color:#c4a76f70}.premiere video{max-height:45vh}.premiere-empty{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:radial-gradient(ellipse,#113754,#020b16)}.premiere-empty h2{font-family:LocalSerif,serif;font-size:clamp(26px,3vw,44px);font-weight:400;margin:0;letter-spacing:4px}.review-prompts{display:flex;justify-content:space-around;padding:18px 0;color:#edcf93;font-family:LocalSerif,serif;font-size:21px;letter-spacing:3px}.premiere .actions button{font-size:15px}.ending{text-align:center;margin:auto}.ending h1{font-size:clamp(30px,4vw,58px);line-height:1.7;letter-spacing:5px}.ending p{font-size:22px;letter-spacing:3px;color:#e8c18b;margin:30px 0}.ending .actions{margin-top:40px}dialog{padding:38px;background:#091c2ff5;border:1px solid #c7ad7699;border-radius:12px;color:#e9eff2;width:min(980px,92vw);max-height:89svh;box-shadow:0 30px 100px #0008;backdrop-filter:blur(14px)}dialog::backdrop{background:#02070cd9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:6px;font-size:30px;padding:0 10px;border:0;z-index:2}.dialog-body h2,dialog h2{font-family:LocalSerif,serif;letter-spacing:2px;font-weight:500;font-size:26px;margin:0 0 16px}dialog p{line-height:1.8;color:#c2d3dc;font-size:16px}dialog video{display:block;width:100%;max-height:65vh;background:#000}dialog .reference-image{display:block;max-width:100%;max-height:55vh;object-fit:contain;margin:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid section{border-top:1px solid #c6b78a60;padding-top:16px}.settings-grid h3{font-size:18px;margin:0 0 13px;color:#efd49d}.settings-grid label{display:block;font-size:14px;margin:12px 0 8px;color:#c5d6df}.settings-grid input:not([type=checkbox]),.settings-grid textarea{width:100%;padding:10px;background:#061421;color:#e3edf2;border:1px solid #688193;border-radius:5px;font-size:14px}.settings-grid input[type=file]{font-size:12px}.settings-grid .inline{display:flex;gap:8px;align-items:center;margin:10px 0}.settings-grid .inline input{width:auto}.settings-grid textarea{min-height:110px}.settings-grid .actions{justify-content:flex-start;margin-top:16px}.settings-grid button{font-size:14px}.small-note{font-size:12px!important;color:#9bb0bd!important;line-height:1.7!important}.notes-list{line-height:1.9;font-size:15px;padding-left:20px;color:#bfd1da}.toast{opacity:1}#toast{position:fixed;z-index:50;bottom:100px;left:50%;transform:translateX(-50%);max-width:min(580px,85vw);background:#12283aec;border:1px solid #d9bd7c;padding:13px 24px;border-radius:10px;box-shadow:0 10px 40px #0009;font-size:15px;line-height:1.6;pointer-events:none;opacity:0;transition:opacity .3s}#toast.show{opacity:1}.file-input{display:none}.step-number{font-size:14px;color:#dbbd83;letter-spacing:3px}.pan-hint{position:absolute;right:4%;bottom:12px;font-size:12px;color:#d2dfdd99;pointer-events:none}.static-mode *, .static-mode *:before{animation:none!important;transition:none!important}.puzzle-tray{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:15px 0}.puzzle-tray button{border-radius:8px;min-width:55px}.puzzle-tray button.selected{background:#ba934c55;border-color:#f3d18c}.puzzle-slots{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:25px 0}.puzzle-slots button{border:1px dashed #8eb8cd;border-radius:6px;min-width:52px;padding:12px 5px}.puzzle-slots button.filled{border-style:solid;color:#f3dba4}.setting-wide{grid-column:1/-1}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes breathe{from{opacity:.25}to{opacity:.8}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ripple{0%{transform:scale(.98);opacity:.8}100%{transform:scale(1.2);opacity:0}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.lessonbar a.active span{display:inline}.topbar{min-height:76px}#stage{min-height:calc(100svh - 162px)}.film-layout{margin-top:22px}.film-conclusion{margin:8px 0 16px}.instruments{padding-top:22px}}@media(max-width:1100px){.course-label{display:none}.wordmark span{display:none}.film-layout{grid-template-columns:minmax(0,1fr) 210px;gap:15px}.film-side{padding:15px}.film-side p{font-size:14px}.studio-grid{gap:3%}.prompt-control label{font-size:18px}.prompt-control select{font-size:13px}.lessonbar nav{gap:26px}.home-head h1{letter-spacing:3px}.scene-head h1{letter-spacing:2px}}@media(max-width:760px){.topbar{padding:12px 4%;gap:8px;flex-wrap:wrap}.wordmark{font-size:16px}.utilities{gap:2px}.utilities button{font-size:12px;padding:5px}.utilities #stopBtn{display:none}#stage{padding:22px 5%;min-height:calc(100svh - 148px)}.lessonbar{gap:8px;padding:10px 3%;min-height:72px}.lessonbar nav{gap:15px;flex-wrap:wrap}.lessonbar a{font-size:16px;letter-spacing:0}.lessonbar button{font-size:26px;padding:0 6px}.scene-head{gap:10px;flex-wrap:wrap}.scene-head h1{font-size:27px}.scene-head p{font-size:14px}.scene-head button{font-size:12px}.home-head{margin-top:5vh}.home-head h1{font-size:36px;letter-spacing:2px}.home-head .subtitle{font-size:18px;letter-spacing:2px}.home-head p{font-size:13px;letter-spacing:2px}.portals{gap:3%;padding:40px 0}.portal .sprite{width:110px}.portal b{font-size:19px}.portal small{font-size:12px;letter-spacing:0}.portal:after{bottom:37px}.home-actions{flex-direction:column;align-items:center}.home-actions button{font-size:15px;min-width:200px}.instruments{gap:4%;width:100%;padding:30px 0}.instrument .sprite{width:min(100%,220px)}.instrument h2{font-size:25px}.instrument .traits{font-size:15px;letter-spacing:0}.instrument .traits.hidden-answer{font-size:13px}.transport{gap:7px;padding:6px 10px;width:100%}.transport .time{font-size:12px}.theme-actions button{padding:9px 15px;font-size:14px}.intro-orbs{gap:6%;margin:40px auto}.orb{width:100px;height:100px}.orb .play-symbol{font-size:25px}.composer{grid-template-columns:32% 1fr;width:100%;gap:20px;margin:40px auto}.composer p{font-size:15px}.composer h2{font-size:25px}.work-list{font-size:13px;gap:8px}.timeline-space{overflow-x:auto;padding:42px 0 15px}.timeline{min-width:680px}.timeline-caption{font-size:18px}.film-layout{width:100%;grid-template-columns:1fr}.film-side{min-height:0;padding:12px 16px}.film-side h2{font-size:18px}.film-side p{margin:4px 0}.film-side img{max-height:90px;object-fit:contain}.film-layout video{max-height:45vh}.clip-tabs{gap:6px;width:100%;flex-wrap:wrap}.clip-tabs button{font-size:13px;padding:8px}.clip-tabs .sprite{width:32px}.film-conclusion{font-size:20px;letter-spacing:1px}.studio-grid{display:block;margin:20px auto;width:100%}.prompt-panel{margin-top:15px}.prompt-control .sprite{width:65px}.prompt-controls{gap:8px}.prompt-panel textarea{font-size:15px;min-height:90px}.studio-grid video{max-height:38vh}.boxes{grid-template-columns:1fr 1fr;gap:12px;margin:20px auto}.box .sprite{width:145px}.box b{font-size:20px}.roles{gap:15px;font-size:14px}.premiere{width:100%;margin:30px auto}.review-prompts{font-size:16px;letter-spacing:0}.settings-grid{grid-template-columns:1fr}dialog{padding:35px 20px 25px}.ending h1{font-size:28px;letter-spacing:2px}.ending p{font-size:17px}.actions button{font-size:14px}.scene-head .eyebrow{font-size:12px}.pan-hint{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ImageGen atlas regions, preserving true object proportions */
.sprite{background-image:none;position:relative}.sprite::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url("assets/icons-atlas.png");background-repeat:no-repeat}
.sprite.s0::before{width:94.000%;height:76.692%;background-size:398.0952% 487.9377%;background-position:20.7668% 7.4223%}
.sprite.s1::before{width:65.006%;height:94.000%;background-size:588.7324% 407.1429%;background-position:78.1940% 4.8626%}
.sprite.s2::before{width:94.000%;height:92.465%;background-size:511.8367% 520.3320%;background-position:22.9931% 39.0918%}
.sprite.s3::before{width:94.000%;height:85.943%;background-size:511.8367% 559.8214%;background-position:80.2775% 40.1942%}
.sprite.s4::before{width:70.053%;height:94.000%;background-size:639.7959% 476.8061%;background-position:24.9527% 67.0030%}
.sprite.s5::before{width:56.981%;height:94.000%;background-size:798.7261% 484.1699%;background-position:77.9398% 67.5377%}
.sprite.s6::before{width:94.000%;height:65.012%;background-size:375.4491% 542.8571%;background-position:21.7391% 94.6237%}
.sprite.s7::before{width:94.000%;height:78.444%;background-size:441.5493% 529.1139%;background-position:81.8557% 95.1819%}

.score-window{position:relative}.score-window.score-highlight{box-shadow:0 0 20px #f3cc78;border:2px solid #f3cc78}.score-window.score-highlight:after{content:"A主题";position:absolute;top:0;right:0;background:#e4c588;color:#162736;padding:3px 8px;font-size:12px}

.panorama-window{overflow-x:auto;overflow-y:hidden;height:55vh;cursor:grab;touch-action:pan-y;border:1px solid #a8905e}.panorama-window:active{cursor:grabbing}.panorama-window img{display:block;height:100%;width:auto;max-width:none;user-select:none;pointer-events:none}
@media(min-width:761px) and (max-height:850px){.topbar{min-height:56px;padding-top:12px;padding-bottom:12px}#stage{min-height:calc(100svh - 126px);padding-top:14px;padding-bottom:12px}.lessonbar{min-height:70px;padding-top:8px;padding-bottom:8px}.scene-head h1{font-size:34px;margin-bottom:7px}.scene-head .eyebrow{margin:0 0 8px;font-size:12px}.scene-head p{font-size:14px}.instrument .sprite{width:min(22vw,25vh)}.instrument h2{font-size:30px;margin:3px 0 5px}.instrument .traits{font-size:18px;min-height:27px}.instrument .traits.hidden-answer{font-size:14px}.music-contour{height:28px}.transport{margin-top:8px;margin-bottom:8px;padding-top:6px;padding-bottom:6px}.instruments{padding-top:5px}.theme-actions button{padding:8px 18px}.film-layout{margin-top:12px;gap:18px}.film-layout video{max-height:41vh}.clip-tabs{margin-top:9px;margin-bottom:8px}.clip-tabs button{padding:6px 15px}.clip-tabs .sprite{width:30px}.film-conclusion{min-height:31px;margin-bottom:6px;font-size:23px}.prompt-control .sprite{width:90px}.prompt-control label{font-size:20px;margin-bottom:7px}.prompt-panel textarea{min-height:94px;margin:12px 0}.studio-grid video{max-height:34vh}.home-head{margin-top:1.5vh}.home-head h1{font-size:52px}.home-head .subtitle{font-size:22px;margin:8px}.home-head p{font-size:14px}.portal .sprite{width:min(15vw,24vh)}.portals{padding-top:2vh;padding-bottom:1vh}.portal b{font-size:24px;margin:8px 0}.home-actions button{padding:9px 22px}.timeline-space{padding-top:28px;padding-bottom:15px}.timeline-caption{margin-top:26px;margin-bottom:8px}.count-label{margin:10px 0}.premiere{width:min(820px,75%);margin-top:12px}.premiere video{max-height:41vh}.premiere-empty{max-height:41vh}.review-prompts{padding:13px 0}.composer .portrait{max-height:45vh}}