:root{--ink:#192238;--muted:#667085;--cream:#f8f3e8;--paper:#fffdf8;--navy:#172238;--coral:#ef6d57;--gold:#f6c756;--line:#1922381f}*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 8% 5%, #f6c75638, transparent 23rem), linear-gradient(180deg, #fbf8f0 0%, var(--cream) 100%);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #5cb4e5}.game-shell{width:min(1440px,100%);margin:0 auto;padding:0 42px 36px}.game-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-height:92px;display:grid}.brand{color:var(--ink);justify-self:start;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand__mark{color:#fff;background:var(--coral);border-radius:14px 14px 14px 4px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid;transform:rotate(-4deg);box-shadow:0 8px 18px #ef6d573d}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em;font-size:19px}.brand small{color:#8991a2;letter-spacing:.24em;margin-top:1px;font-size:8px;font-weight:800}.mode-tabs{border:1px solid var(--line);background:#ffffff9e;border-radius:999px;align-items:center;padding:5px;display:inline-flex;box-shadow:0 8px 28px #1d263a0d}.mode-tabs button{color:#7b8494;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:0 18px;font-size:13px;font-weight:700}.mode-tabs button.is-active{background:var(--navy);color:#fff;box-shadow:0 6px 16px #17223833}.mode-tabs .soon{color:#a4abba;margin-left:4px;font-size:9px}.progress-button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#ffffffb8;border-radius:15px;justify-self:end;align-items:center;gap:11px;padding:7px 13px;display:flex}.progress-button>span:first-child{color:#8f6711;background:#ffdf89;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.progress-button small,.progress-button strong{text-align:left;display:block}.progress-button small{color:#8790a0;font-size:9px}.progress-button strong{margin-top:1px;font-size:13px}.hero{grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);align-items:end;gap:40px;padding:30px 12px 26px;display:grid}.eyebrow{color:var(--coral);letter-spacing:.16em;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:2px;width:23px;height:2px}.eyebrow--light{color:#ffd26d}.mission-intro h1{letter-spacing:.02em;margin:0;font-family:STKaiti,KaiTi,serif;font-size:clamp(39px,5.1vw,69px);font-weight:800;line-height:1.05}.mission-intro h1 em{color:var(--coral);margin-left:10px;font-style:normal;position:relative}.mission-intro h1 em:after{content:"";border-top:3px solid var(--gold);border-radius:50%;height:7px;position:absolute;bottom:-5px;left:0;right:0;transform:rotate(-2deg)}.mission-intro p{max-width:590px;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.8}.mission-intro p strong{color:var(--ink)}.mission-progress{border:1px solid var(--line);background:#ffffffad;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:0 13px;padding:16px 18px;display:grid}.mission-progress__number{color:#fff;background:var(--coral);border-radius:14px;grid-row:1/3;place-items:center;width:45px;height:45px;font-size:12px;font-weight:900;display:grid}.mission-progress small,.mission-progress strong{display:block}.mission-progress small{color:#8a92a1;letter-spacing:.08em;font-size:9px}.mission-progress strong{margin-top:2px;font-size:14px}.mission-progress__line,.mission-progress__count{grid-column:2}.mission-progress__line{background:linear-gradient(90deg, var(--coral) 0 34%, #e4e6e9 34%);border-radius:3px;width:100%;height:3px;margin-top:9px}.mission-progress__count{color:#9199a7;background:#fff;justify-self:end;margin-top:-3px;font-size:9px}.stage{color:#fff;background:radial-gradient(circle at 50% 0,#5d81b752,#0000 46%),linear-gradient(145deg,#142035 0%,#1d304e 57%,#18243a 100%);border:1px solid #ffffff14;border-radius:32px;min-height:465px;padding:28px 34px 54px;position:relative;overflow:hidden;box-shadow:0 28px 70px #141e3138,inset 0 1px #ffffff14}.stage:before{content:"";opacity:.24;background-image:radial-gradient(#ffffff8c .7px,#0000 .7px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 66%);mask-image:linear-gradient(#000,#0000 66%)}.stage__header{z-index:3;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.stage__header h2{letter-spacing:.04em;margin:1px 0 0;font-size:21px}.stage__hint{color:#c7d0de;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:11px;display:flex}.stage__hint span{color:#ffd26d}.stage__glow{opacity:.13;filter:blur(10px);transform-origin:top;pointer-events:none;background:linear-gradient(#fff6c8,#0000);width:300px;height:610px;position:absolute;top:-180px}.stage__glow--left{left:10%;transform:rotate(-17deg)}.stage__glow--right{right:10%;transform:rotate(17deg)}.stage__musicians{z-index:2;grid-template-columns:repeat(9,minmax(92px,1fr));align-items:end;gap:11px;margin-top:45px;display:grid;position:relative}.musician{color:#ffffffb8;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:54px 54px 18px 18px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:214px;padding:15px 7px 13px;transition:transform .18s,background .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.musician:nth-child(2),.musician:nth-child(5),.musician:nth-child(8){transform:translateY(-13px)}.musician:hover{border-color:color-mix(in srgb, var(--instrument-color), white 25%);background:#ffffff17}.musician.is-active{border-color:color-mix(in srgb, var(--instrument-color), white 24%);color:#fff;background:linear-gradient(to bottom, color-mix(in srgb, var(--instrument-color), transparent 84%), #ffffff14);box-shadow:inset 0 -3px 0 var(--instrument-color)}.musician__spotlight{opacity:0;background:linear-gradient(to bottom, var(--instrument-color), transparent);filter:blur(19px);width:80px;height:145px;transition:opacity .18s;position:absolute;top:-30px}.musician.is-active .musician__spotlight{opacity:.2}.musician__icon{filter:grayscale(.65);background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;place-items:center;width:62px;height:62px;margin-bottom:14px;font-size:33px;transition:transform .18s,filter .18s;display:grid;position:relative}.musician.is-active .musician__icon{background:color-mix(in srgb, var(--instrument-color), #18243a 66%);filter:none;transform:translateY(-4px)rotate(-2deg)}.musician__copy strong,.musician__copy small{white-space:nowrap;display:block}.musician__copy strong{font-size:13px}.musician__copy small{color:#ffffff70;margin-top:4px;font-size:8px}.musician__status{color:#fff6;background:#ffffff0f;border-radius:999px;min-width:42px;margin-top:10px;padding:4px 7px;font-size:8px;font-weight:800}.musician.is-active .musician__status{color:#172238;background:var(--instrument-color)}.musician.is-performing .musician__icon{animation:.6s ease-in-out infinite alternate perform}.stage__floor{background:radial-gradient(#709aca2e,#0000 66%);border-top:1px solid #ffffff1f;border-radius:50%;height:185px;position:absolute;bottom:-90px;left:0;right:0}.stage__floor span{transform-origin:top;background:linear-gradient(#ffffff17,#0000);width:1px;position:absolute;top:0;bottom:0}.stage__floor span:first-child{left:34%;transform:rotate(12deg)}.stage__floor span:nth-child(2){left:50%}.stage__floor span:nth-child(3){right:34%;transform:rotate(-12deg)}.transport{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f0;border:1px solid #19223817;border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:calc(100% - 54px);min-height:105px;margin:-26px auto 0;padding:17px 25px;display:grid;position:relative;box-shadow:0 18px 45px #19223829}.control-label{color:#8a92a2;letter-spacing:.14em;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.signature-picker{flex-wrap:wrap;gap:5px;display:flex}.signature-picker button{border:1px solid var(--line);color:#747d8f;cursor:pointer;background:#fff;border-radius:9px;min-width:43px;height:30px;padding:0 8px;font-size:11px;font-weight:700}.signature-picker button.is-selected{border-color:var(--coral);color:#fff;background:var(--coral);box-shadow:0 6px 13px #ef6d5733}.transport__center{border-right:1px solid var(--line);border-left:1px solid var(--line);align-items:center;gap:14px;padding:0 22px;display:flex}.play-button{width:58px;height:58px;color:var(--navy);background:var(--gold);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid;box-shadow:0 8px 18px #d59e224a,inset 0 -3px #8057001f}.position strong{white-space:nowrap;font-size:13px;display:block}.beat-dots{gap:5px;margin-top:8px;display:flex}.beat-dots span{background:#d9dde3;border-radius:4px;width:11px;height:4px}.beat-dots span.is-current{background:var(--coral);width:19px}.tempo-control{justify-self:end;width:min(205px,100%)}.tempo-control>span{justify-content:space-between;align-items:center;display:flex}.tempo-control .control-label{margin:0}.tempo-control strong{color:var(--ink);font-size:11px}.tempo-control input{width:100%;accent-color:var(--coral);cursor:pointer}.audio-message{z-index:5;color:#873d34;background:#ffe6df;border-radius:999px;width:fit-content;margin:-18px auto 23px;padding:8px 14px;font-size:11px;position:relative}.prototype-footer{grid-template-columns:minmax(0,1fr) minmax(350px,.72fr);gap:18px;margin:30px 27px 0;display:grid}.prototype-tools,.mission-card{border:1px solid var(--line);background:#fffdf8d1;border-radius:22px;box-shadow:0 15px 40px #19223812}.prototype-tools{grid-template-columns:minmax(180px,.75fr) minmax(320px,1.25fr);align-items:center;gap:22px;padding:24px;display:grid}.prototype-tools h2{margin:0;font-size:18px}.prototype-tools p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.6}.tool-buttons{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tool-buttons button{border:1px solid var(--line);min-height:69px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:15px;align-items:center;gap:11px;padding:10px 13px;display:flex}.tool-buttons button>span:first-child{color:#8e4f42;background:#ffe4dd;border-radius:11px;flex:none;place-items:center;width:37px;height:37px;font-weight:900;display:grid}.tool-buttons button:nth-child(2)>span:first-child{color:#244f7d;background:#dfefff}.tool-buttons strong,.tool-buttons small{display:block}.tool-buttons strong{font-size:12px}.tool-buttons small{color:#929aa8;margin-top:3px;font-size:8px}.mission-card{padding:19px}.mission-card__heading{justify-content:space-between;align-items:center;display:flex}.mission-card__heading .control-label{margin-bottom:2px}.mission-card__heading strong{font-size:17px}.stars{color:#d9dce1;gap:3px;display:flex}.stars span.is-earned{color:var(--gold);filter:drop-shadow(0 3px 5px #d69a1b40)}.objective-list{grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0;padding:0;list-style:none;display:grid}.objective-list li{color:#7a8393;background:#f0eee9;border-radius:10px;align-items:flex-start;gap:7px;min-width:0;padding:9px;display:flex}.objective-list li>span{flex:none;font-weight:900}.objective-list li strong,.objective-list li small{display:block}.objective-list li strong{font-size:9px}.objective-list li small{color:#8b5b51;margin-top:4px;font-size:8px;line-height:1.45}.objective-list li.is-met{color:#246d55;background:#e2f3eb}.finish-button{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:11px;width:100%;min-height:39px;font-size:11px;font-weight:800;box-shadow:0 7px 15px #ef6d5733}.mission-result{background:#fff1da;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.mission-result>div{align-items:center;gap:8px;display:flex}.mission-result strong,.mission-result small{display:block}.mission-result strong{font-size:10px}.mission-result small{color:#8c7961;margin-top:2px;font-size:8px}.mission-result button{color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:8px;flex:none;padding:7px 9px;font-size:9px}.mission-result.is-complete{background:#def5e9}.site-note{color:#9299a5;justify-content:space-between;margin:20px 30px 0;font-size:9px;display:flex}.drawer-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d152394;justify-content:center;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.feature-drawer{background:var(--paper);border-radius:28px;width:min(540px,100%);padding:34px;animation:.26s both drawer-in;position:relative;box-shadow:0 30px 90px #080e1959}.drawer-close{color:#667085;cursor:pointer;background:#ece9e2;border:0;border-radius:50%;width:35px;height:35px;font-size:21px;position:absolute;top:16px;right:16px}.feature-drawer__icon{background:#ffeadf;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-size:29px;display:grid}.feature-drawer h2{margin:2px 0 10px;font-family:STKaiti,KaiTi,serif;font-size:30px}.feature-drawer p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.feature-drawer ul{gap:8px;margin:22px 0;padding:0;list-style:none;display:grid}.feature-drawer li{background:#f3f0e9;border-radius:11px;align-items:center;gap:9px;padding:11px 12px;font-size:11px;display:flex}.feature-drawer li span{color:#2b8667;font-weight:900}.drawer-primary{color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:13px;width:100%;min-height:46px;font-size:12px;font-weight:800}@keyframes perform{to{transform:translateY(-9px)rotate(3deg)scale(1.04)}}@keyframes drawer-in{0%{opacity:0;transform:translateY(28px)}}@media (width<=1120px){.stage__musicians{grid-template-columns:repeat(5,1fr);margin-top:28px}.musician{border-radius:34px 34px 15px 15px;min-height:158px}.musician:nth-child(2),.musician:nth-child(5),.musician:nth-child(8){transform:none}.musician__icon{width:49px;height:49px;margin-bottom:8px;font-size:27px}.transport{grid-template-columns:1fr auto}.tempo-control{grid-column:1/-1;justify-self:stretch;width:100%}.prototype-footer{grid-template-columns:1fr}}@media (width<=760px){.game-shell{padding:0 15px 24px}.game-header{grid-template-columns:1fr auto;min-height:74px}.mode-tabs{z-index:20;justify-content:center;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 38px #141e313d}.progress-button{padding:5px 8px}.progress-button small{display:none}.hero{grid-template-columns:1fr;gap:18px;padding:20px 4px}.mission-progress{display:none}.mission-intro h1{font-size:42px}.stage{border-radius:24px;min-height:520px;padding:23px 17px 62px}.stage__header{align-items:flex-start}.stage__hint{background:0 0;border:0;max-width:120px;padding:0;line-height:1.4}.stage__musicians{grid-template-columns:repeat(3,1fr);gap:8px}.musician{border-radius:26px 26px 13px 13px;min-height:129px;padding:10px 4px}.musician__copy small,.musician__status{display:none}.transport{grid-template-columns:1fr;gap:15px;width:calc(100% - 18px);margin-top:-35px;padding:17px}.transport__center{border:0;grid-row:1;justify-content:center;padding:0}.transport__group{grid-row:2}.tempo-control{grid-area:3}.signature-picker button{flex:1}.prototype-footer{margin:24px 9px 0}.prototype-tools,.objective-list{grid-template-columns:1fr}.site-note{margin-left:10px;margin-right:10px}.drawer-backdrop{padding:10px}.feature-drawer{border-radius:24px;padding:27px 22px}body{padding-bottom:65px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}