/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--ink:#10233f;--muted:#5e6f86;--paper:#fffaf0;--cyan:#04b9d7;--cyan-dark:#067b9a;--lime:#ccec3b;--green:#45c76d;--orange:#ff8b45;--red:#ee5c54;--sky:#159bd4;--cream:#fff4d7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 2%, #ccec3b33, transparent 20rem), var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.app{--theme-accent:#04b9d7;--theme-accent-deep:#067b9a;--scene-top:#0795d2;--scene-mid:#33c2e1;--scene-land:#b7ec9e;--scene-low:#8dd77d;--scene-sun:#ffe477;--scene-sun-glow:#ffe4777a;--scene-cloud:#f7ffff;--scene-hill:#087ba2;--block-one:#ff8b45;--block-one-edge:#c8592f;--block-two:#7c5bd6;--block-two-edge:#4c3c96;--ground:#784f39;--ground-edge:#ccec3b;--ground-inset:#4ea868;--runner-hood:#0d6e89;--runner-hood-shadow:#07516a;--runner-body:#fff4d7;--runner-body-shadow:#d8d3bc;--runner-sash:#04b9d7;--runner-shoe:#ff8b45;--target-glow:#ccec3b;background:radial-gradient(circle at 8% 2%, var(--theme-accent), transparent 20rem);min-height:100vh}@supports (color:color-mix(in lab, red, red)){.app{background:radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--theme-accent) 18%, transparent), transparent 20rem)}}.app{transition:background .3s}.theme-blues{--theme-accent:#6ce9ff;--theme-accent-deep:#3151a8;--scene-top:#08152f;--scene-mid:#244d78;--scene-land:#5d467a;--scene-low:#352c59;--scene-sun:#9cf5ff;--scene-sun-glow:#6ce9ff80;--scene-cloud:#a9bdea;--scene-hill:#bd62e8;--block-one:#7654d8;--block-one-edge:#47328d;--block-two:#e44f9c;--block-two-edge:#8f2f66;--ground:#211d3d;--ground-edge:#6ce9ff;--ground-inset:#3c4f93;--runner-hood:#13285d;--runner-hood-shadow:#09163c;--runner-body:#7654d8;--runner-body-shadow:#47328d;--runner-sash:#6ce9ff;--runner-shoe:#e44f9c;--target-glow:#6ce9ff}.theme-china{--theme-accent:#d94635;--theme-accent-deep:#8f261f;--scene-top:#d94e40;--scene-mid:#f2a24c;--scene-land:#e8c86b;--scene-low:#b58a44;--scene-sun:#fff1b3;--scene-sun-glow:#fff1b38c;--scene-cloud:#fff0d4;--scene-hill:#8c332c;--block-one:#c9362a;--block-one-edge:#7f1f1a;--block-two:#3d8b78;--block-two-edge:#246252;--ground:#6f3127;--ground-edge:#e0b449;--ground-inset:#a94532;--runner-hood:#b52d27;--runner-hood-shadow:#781d1a;--runner-body:#e3a83d;--runner-body-shadow:#a96f25;--runner-sash:#3d8b78;--runner-shoe:#713426;--target-glow:#e0b449}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.topbar{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 40px);min-height:78px;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:.04em;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:35px;height:35px}.device-pill{max-width:58vw;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffffbd;border:1px solid #10233f1f;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:13px;display:inline-flex;overflow:hidden;box-shadow:0 8px 24px #10233f0d}.status-dot{background:#b5bdc8;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #b5bdc829}.device-pill.connected .status-dot{background:var(--green);box-shadow:0 0 0 4px #45c76d2b}.level-map{background:#ffffffb8;border:1px solid #10233f1a;border-radius:24px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr);align-items:center;gap:22px;width:min(1180px,100% - 40px);margin:26px auto 0;padding:20px;display:grid;box-shadow:0 16px 45px #10233f0f}.level-map .eyebrow{margin-bottom:7px}.level-map h2{letter-spacing:-.04em;max-width:360px;margin:0;font-size:clamp(21px,2.5vw,31px);line-height:1.08}.level-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.level-tab{min-width:0;min-height:78px;color:var(--ink);cursor:pointer;text-align:left;background:#f8f8f5;border:1px solid #10233f1a;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;transition:transform .16s,border-color .16s,background .16s;display:grid}.level-tab:hover{transform:translateY(-2px)}.level-tab>span:first-child{aspect-ratio:1;width:34px;font:900 12px/1 var(--font-geist-mono), monospace;background:#e8edf0;border-radius:10px;place-items:center;display:grid}.level-tab>span:nth-child(2){gap:4px;min-width:0;display:grid}.level-tab small{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:900}.level-tab strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.level-tab em{font-style:normal;font-weight:900}@supports (color:color-mix(in lab, red, red)){.level-tab.is-current{background:color-mix(in srgb, var(--theme-accent) 12%, white)}}.level-tab.is-complete em{color:var(--green)}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:56px;width:min(1180px,100% - 40px);margin:58px auto 34px;display:grid}.eyebrow{color:var(--theme-accent-deep);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:900}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(54px,9vw,104px);line-height:.86}.hero-subtitle{max-width:570px;color:var(--muted);margin:30px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.7}.melody-notation{background:#ffffffb8;border:1px solid #10233f1f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:18px;padding:10px 13px;display:inline-flex}.melody-notation span{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:900}.melody-notation strong{color:var(--ink);font:800 13px/1.4 var(--font-geist-mono), monospace}.hero-actions{align-items:center;gap:12px;margin-top:30px;display:flex}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;border-radius:14px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s}.primary-button{background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:20px;min-width:190px;padding:17px 22px;display:inline-flex;box-shadow:0 11px #071426,0 20px 40px #10233f33}.primary-button:hover{transform:translateY(-2px);box-shadow:0 13px #071426,0 23px 44px #10233f38}.primary-button:active{transform:translateY(6px);box-shadow:0 5px #071426,0 12px 25px #10233f29}.ghost-button{color:var(--ink);background:0 0;border:1px solid #10233f2e;padding:17px 20px}.score-card{background:#fffc;border:1px solid #10233f1a;border-radius:20px;grid-template-columns:repeat(3,auto);gap:28px;min-width:390px;padding:18px 24px;display:grid;box-shadow:0 16px 50px #10233f12}.score-card div{gap:6px;display:grid}.score-card span{color:var(--muted);letter-spacing:.1em;font-size:11px;font-weight:800}.score-card strong{font:900 22px/1 var(--font-geist-mono), monospace}.score-card small{margin-left:2px;font-size:12px}.score-card .hearts{color:var(--red);letter-spacing:.04em}.game-shell{background:#fff;border:1px solid #10233f29;border-radius:30px;width:min(1180px,100% - 28px);margin:0 auto;padding:13px;box-shadow:0 30px 80px #10233f26}.game-hud{min-height:57px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:0 16px 10px;font-size:13px;display:flex}.game-hud>div{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.feedback-light{background:#c9d1da;border-radius:50%;width:10px;height:10px}.feedback-light.ready{background:var(--theme-accent);box-shadow:0 0 0 6px var(--theme-accent)}@supports (color:color-mix(in lab, red, red)){.feedback-light.ready{box-shadow:0 0 0 6px color-mix(in srgb, var(--theme-accent) 14%, transparent)}}.feedback-light.correct{background:var(--green);box-shadow:0 0 0 6px #45c76d24}.feedback-light.wrong,.feedback-light.reset{background:var(--red);box-shadow:0 0 0 6px #ee5c5424}.game-scene{background:linear-gradient(var(--scene-top) 0%, var(--scene-mid) 66%, var(--scene-land) 66%, var(--scene-low) 100%);height:clamp(310px,39vw,460px);image-rendering:pixelated;border-radius:20px 20px 12px 12px;transition:background .3s;position:relative;overflow:hidden}.scene-theme-label{z-index:3;color:#fff;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07142652;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:9px;padding:8px 11px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:18px;left:18px}.scene-theme-label span{color:var(--target-glow);font:900 9px/1 var(--font-geist-mono), monospace;letter-spacing:.1em}.sun{aspect-ratio:1;background:var(--scene-sun);width:clamp(45px,6vw,74px);box-shadow:0 0 0 12px #ffffff1a, 0 0 55px var(--scene-sun-glow);border-radius:50%;position:absolute;top:11%;right:10%}.cloud{filter:drop-shadow(0 8px #067b9a24);align-items:end;height:28px;display:flex;position:absolute}.cloud i{background:var(--scene-cloud);width:52px;height:23px;display:block}.cloud i:nth-child(2){border-radius:24px 24px 0 0;width:62px;height:42px}.cloud i:first-child{border-radius:22px 0 0 12px}.cloud i:last-child{border-radius:0 22px 12px 0}.cloud-one{top:17%;left:9%;transform:scale(.82)}.cloud-two{opacity:.75;top:34%;left:55%;transform:scale(.5)}.equalizer-hill{opacity:.3;align-items:end;gap:0;display:flex;position:absolute;bottom:23%}.equalizer-hill i{background:var(--scene-hill);border-radius:4px 4px 0 0;width:24px}.equalizer-hill i:first-child,.equalizer-hill i:nth-child(6){height:35px}.equalizer-hill i:nth-child(2),.equalizer-hill i:nth-child(5){height:55px}.equalizer-hill i:nth-child(3),.equalizer-hill i:nth-child(4){height:78px}.hill-one{left:18%}.hill-two{transform-origin:bottom;left:64%;transform:scale(1.25)}.note-block{z-index:2;aspect-ratio:1;color:#fff5ce;background:var(--block-one);border:5px solid var(--block-one-edge);place-items:center;width:clamp(46px,5.5vw,66px);font-size:clamp(24px,3.5vw,40px);font-weight:900;display:grid;position:absolute;box-shadow:inset -7px -7px #8e361947,0 8px #10233f26}.block-two{background:var(--block-two);border-color:var(--block-two-edge);bottom:36%;left:69%}.sound-gate{z-index:2;justify-content:center;align-items:end;gap:5px;width:72px;height:165px;display:flex;position:absolute;bottom:17%;right:3.5%}.sound-gate i{background:var(--target-glow);width:16px;box-shadow:0 0 17px var(--target-glow);border-radius:5px 5px 0 0}@supports (color:color-mix(in lab, red, red)){.sound-gate i{box-shadow:0 0 17px color-mix(in srgb, var(--target-glow) 70%, transparent)}}.sound-gate i:first-child{height:72px}.sound-gate i:nth-child(2){height:125px}.sound-gate i:nth-child(3){height:92px}.sound-gate span{color:#fff;font:900 10px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;position:absolute;top:0}.runner{left:var(--runner-x);z-index:5;filter:drop-shadow(0 7px #10233f2b);width:42px;height:72px;transition:left .26s cubic-bezier(.22,.72,.3,1);position:absolute;bottom:19%}.runner>span{display:block;position:absolute}.runner-hood{background:var(--runner-hood);width:32px;height:28px;box-shadow:inset -7px 0 0 var(--runner-hood-shadow);border-radius:13px 13px 6px 6px;top:2px;left:5px}.runner-face:after{content:"";background:var(--ink);width:4px;height:4px;position:absolute;top:7px;right:4px}.runner-body{background:var(--runner-body);width:30px;height:26px;box-shadow:inset -8px 0 0 var(--runner-body-shadow);border-radius:6px 8px 3px 3px;top:36px;left:7px}.runner-body:after{content:"";background:var(--runner-sash);width:40px;height:7px;position:absolute;top:4px;left:-6px;transform:rotate(-7deg)}.runner-leg{background:var(--runner-shoe);border-radius:3px;width:16px;height:12px;bottom:0}.leg-one{left:4px;transform:translate(-3px)}.leg-two{right:2px;transform:translate(3px)}.runner.jump{animation:.31s ease-out runner-jump}.runner.hurt{filter:sepia()saturate(5)hue-rotate(320deg);animation:.34s ease-in-out runner-hurt}.runner.finish{animation:.85s ease-in-out infinite alternate runner-finish}@keyframes runner-jump{0%{transform:translateY(0)rotate(0)}48%{transform:translateY(-68px)rotate(-5deg)}to{transform:translateY(0)rotate(0)}}@keyframes runner-hurt{0%,to{transform:translate(0)}25%{transform:translate(-12px)rotate(-8deg)}55%{transform:translate(8px)rotate(6deg)}}@keyframes runner-finish{to{transform:translateY(-85px)rotate(8deg)}}.ground{background:var(--ground);border-top:12px solid var(--ground-edge);width:100%;height:20%;box-shadow:inset 0 9px 0 var(--ground-inset);grid-template-columns:repeat(20,1fr);display:grid;position:absolute;bottom:0;left:0}.ground i{border-bottom:2px solid #26171233;border-right:2px solid #26171233}.ground i:nth-child(3n){background:#ffffff0d}.progress-track{background:#e7edf0;border-radius:10px;height:7px;margin:10px 4px 4px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--theme-accent), var(--target-glow));height:100%;transition:width .26s;display:block}.lesson-focus{color:var(--muted);scrollbar-width:none;align-items:center;gap:7px;margin:10px 2px 0;display:flex;overflow-x:auto}.lesson-focus::-webkit-scrollbar{display:none}.lesson-focus span{background:var(--ink);color:#fff;letter-spacing:.08em;border-radius:999px;flex:none;padding:6px 9px;font-size:9px;font-weight:900}.lesson-focus strong{border:1px solid var(--theme-accent);flex:none;padding:6px 9px}@supports (color:color-mix(in lab, red, red)){.lesson-focus strong{border:1px solid color-mix(in srgb, var(--theme-accent) 28%, #d8e0e5)}}.lesson-focus strong{background:var(--theme-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.lesson-focus strong{background:color-mix(in srgb, var(--theme-accent) 7%, white)}}.lesson-focus strong{color:var(--ink);font-size:10px}.note-console{grid-template-columns:145px minmax(0,1fr);align-items:stretch;gap:12px;padding-top:10px;display:grid}.next-note{background:var(--ink);color:#fff;border-radius:16px;grid-template-columns:1fr auto;align-items:center;padding:12px 16px;display:grid}.next-note span{color:#a8c0d7;letter-spacing:.12em;grid-column:1/-1;font-size:10px;font-weight:900}.next-note strong{font:900 34px/1 var(--font-geist-mono), monospace}.next-note em{color:var(--target-glow);font-size:13px;font-style:normal;font-weight:900}.screen-keys{grid-template-columns:repeat(var(--key-count), minmax(38px, 1fr));gap:4px;min-width:0;padding:0 0 3px;display:grid;overflow-x:auto}.screen-key{min-height:76px;color:var(--ink);cursor:pointer;touch-action:none;background:linear-gradient(#fff 0%,#f4f1ea 100%);border:1px solid #cbd4db;border-radius:8px 8px 12px 12px;padding:12px 4px 8px;font-weight:900;position:relative;box-shadow:0 5px #bcc6cc}.screen-key.is-black{color:#fff;background:linear-gradient(#243a55,#10233f);border-color:#162b44;align-self:start;min-height:60px;box-shadow:0 5px #071426}.screen-key small{color:#8c9aa9;font:700 9px/1 var(--font-geist-mono), monospace;margin-top:12px;display:block}.screen-key.is-target{z-index:2;border-color:var(--theme-accent-deep);background:linear-gradient(180deg, var(--target-glow), var(--target-glow))}@supports (color:color-mix(in lab, red, red)){.screen-key.is-target{background:linear-gradient(180deg, color-mix(in srgb, var(--target-glow) 32%, white), var(--target-glow))}}.screen-key.is-target{color:#10233f;box-shadow:0 5px 0 var(--theme-accent-deep), 0 0 24px var(--target-glow)}@supports (color:color-mix(in lab, red, red)){.screen-key.is-target{box-shadow:0 5px 0 var(--theme-accent-deep), 0 0 24px color-mix(in srgb, var(--target-glow) 72%, transparent)}}.screen-key.is-target{animation:.9s ease-in-out infinite alternate key-pulse}.screen-key.is-active{transform:translateY(4px);box-shadow:0 1px #86949d}@keyframes key-pulse{to{filter:brightness(1.08)}}.how-to{width:min(1120px,100% - 40px);margin:120px auto}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px;display:flex}.section-heading h2,.keyboard-callout h2{letter-spacing:-.05em;max-width:720px;margin:0;font-size:clamp(34px,5vw,62px);line-height:1}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.steps article{background:#ffffffb3;border:1px solid #10233f1c;border-radius:22px;min-height:240px;padding:30px;position:relative;overflow:hidden}.steps article>span{color:#10233f14;font:900 68px/1 var(--font-geist-mono), monospace;position:absolute;top:17px;right:20px}.curriculum-card:before{content:"";background:var(--card-accent);height:7px;position:absolute;inset:0 0 auto}.curriculum-card small{color:var(--card-accent);letter-spacing:.12em;font-size:10px;font-weight:900;position:relative}.card-arcade{--card-accent:#04aeca}.card-blues{--card-accent:#5947bd}.card-china{--card-accent:#c63a2e}.steps h3{margin:72px 0 12px;font-size:21px;position:relative}.steps p{color:var(--muted);margin:0;font-size:15px;line-height:1.75;position:relative}.keyboard-callout{background:var(--ink);color:#fff;border-radius:32px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;width:min(1180px,100% - 28px);min-height:480px;margin:0 auto 60px;padding:clamp(32px,6vw,70px);display:grid;overflow:hidden}.keyboard-callout .eyebrow{color:var(--target-glow)}.keyboard-callout p:not(.eyebrow){color:#b8c8d8;max-width:520px;margin:25px 0;line-height:1.75}.keyboard-callout img{filter:drop-shadow(0 30px 45px #0000005c);width:118%;max-width:none;transform:translate(3%)}.secondary-button{background:var(--target-glow);color:var(--ink);box-shadow:0 7px 0 var(--theme-accent-deep);padding:14px 20px}.secondary-button:hover{transform:translateY(-2px)}footer{width:min(1120px,100% - 40px);min-height:100px;color:var(--muted);border-top:1px solid #10233f1a;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:28px 0 38px;font-size:12px;display:flex}.footer-brand{font-size:14px}footer a{color:var(--cyan-dark);font-weight:800}.briefing-overlay,.win-overlay{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071426bd;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.briefing-card{border:5px solid var(--theme-accent);background:radial-gradient(circle at 100% 0, var(--theme-accent), transparent 17rem), var(--paper);border-radius:34px;width:min(780px,100%);max-height:min(880px,100vh - 32px);padding:clamp(34px,5vw,54px);position:relative;overflow:auto}@supports (color:color-mix(in lab, red, red)){.briefing-card{background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--theme-accent) 20%, transparent), transparent 17rem), var(--paper)}}.briefing-card{box-shadow:0 40px 100px #00000061}.briefing-level{color:var(--theme-accent-deep);font:900 11px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;position:absolute;top:24px;right:28px}.briefing-heading{align-items:center;gap:18px;padding-right:100px;display:flex}.briefing-heading .eyebrow{margin-bottom:7px}.mission-emblem{aspect-ratio:1;background:var(--theme-accent-deep);color:#fff;width:82px;box-shadow:0 0 0 8px var(--theme-accent), inset 0 0 0 2px #ffffff2e;border-radius:50%;flex:none;align-content:center;place-items:center;gap:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.mission-emblem{box-shadow:0 0 0 8px color-mix(in srgb, var(--theme-accent) 20%, transparent), inset 0 0 0 2px #ffffff2e}}.mission-emblem strong{font:900 28px/1 var(--font-geist-mono), monospace}.mission-emblem span{color:var(--target-glow);font:900 8px/1 var(--font-geist-mono), monospace;letter-spacing:.1em}.briefing-card h2{letter-spacing:-.055em;max-width:520px;margin:0;font-size:clamp(34px,5vw,52px);line-height:.95}.mission-panel{border:2px solid var(--theme-accent);background:var(--theme-accent);border-radius:22px;margin:28px 0 14px;padding:clamp(22px,4vw,34px);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mission-panel{background:color-mix(in srgb, var(--theme-accent) 9%, white)}}.mission-panel{box-shadow:inset 8px 0 0 var(--theme-accent)}.mission-panel>span{color:var(--theme-accent-deep);letter-spacing:.15em;margin-bottom:9px;font-size:11px;font-weight:900;display:block}.mission-panel>strong{letter-spacing:-.045em;max-width:680px;font-size:clamp(26px,4.5vw,41px);line-height:1.16;display:block}.mission-panel>div{border-top:1px dashed var(--theme-accent);align-items:center;gap:10px;margin-top:18px;padding-top:13px;display:flex}@supports (color:color-mix(in lab, red, red)){.mission-panel>div{border-top:1px dashed color-mix(in srgb, var(--theme-accent) 55%, transparent)}}.mission-panel small{background:var(--theme-accent-deep);color:#fff;letter-spacing:.08em;border-radius:6px;flex:none;padding:5px 7px;font-size:9px;font-weight:900}.mission-panel b{font-size:12px;line-height:1.45}.briefing-facts{grid-template-columns:1.1fr .9fr;gap:10px;display:grid}.briefing-facts>div{background:#ffffffc2;border:1px solid #10233f1c;border-radius:16px;min-width:0;padding:17px}.briefing-facts span,.knowledge-list>span{color:var(--theme-accent-deep);letter-spacing:.12em;margin-bottom:8px;font-size:10px;font-weight:900;display:block}.briefing-facts strong{overflow-wrap:anywhere;font:800 14px/1.55 var(--font-geist-mono), monospace;display:block}.briefing-facts small{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.5;display:block}.knowledge-list{background:var(--ink);color:#fff;border-radius:16px;margin:10px 0 24px;padding:16px 18px}.knowledge-list>span{color:var(--target-glow)}.knowledge-list ul{gap:8px;margin:0;padding-left:20px;display:grid}.knowledge-list li{color:#dce6ef;padding-left:4px;font-size:13px;line-height:1.5}.briefing-card .primary-button{background:var(--theme-accent-deep);width:100%;box-shadow:0 9px 0 var(--theme-accent-deep)}@supports (color:color-mix(in lab, red, red)){.briefing-card .primary-button{box-shadow:0 9px 0 color-mix(in srgb, var(--theme-accent-deep) 55%, black)}}.win-card{border:4px solid var(--theme-accent);background:var(--paper);text-align:left;border-radius:30px;width:min(860px,100%);max-height:min(900px,100vh - 32px);padding:clamp(28px,4vw,46px);position:relative;overflow:auto;box-shadow:0 40px 100px #00000059}.completion-heading{align-items:center;gap:22px;display:flex}.completion-heading>div:last-child{min-width:0}.win-burst{background:var(--target-glow);width:76px;height:76px;color:var(--ink);box-shadow:0 0 0 12px var(--target-glow);border-radius:50%;flex:none;place-items:center;font-size:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.win-burst{box-shadow:0 0 0 12px color-mix(in srgb, var(--target-glow) 20%, transparent)}}.win-card h2{letter-spacing:-.06em;margin:0;font-size:clamp(34px,5vw,52px)}.win-card p:not(.eyebrow){color:var(--muted);margin-bottom:0;line-height:1.6}.win-stars{color:#d5d8da;letter-spacing:.12em;margin:15px 0 12px 98px;font-size:28px}.win-stars:first-letter,.win-stars .earned{color:var(--orange)}.takeaway-card{border:2px solid var(--theme-accent-deep);background:#fff;border-radius:22px;margin:14px 0 20px;overflow:hidden;box-shadow:0 16px 35px #10233f17}.takeaway-card>header{background:var(--ink);color:#fff;gap:7px;padding:20px 22px;display:grid}.takeaway-card>header span{color:var(--target-glow);font:900 9px/1 var(--font-geist-mono), monospace;letter-spacing:.12em}.takeaway-card>header strong{max-width:720px;font-size:clamp(19px,3vw,27px);line-height:1.25}.takeaway-core{border-bottom:1px solid #e5eaed;padding:18px 22px;font-size:14px;font-weight:700;color:var(--ink)!important;margin:0!important;line-height:1.7!important}.takeaway-grid{grid-template-columns:1fr 1fr;display:grid}.takeaway-grid section{min-width:0;padding:18px 22px}.takeaway-grid section+section{border-left:1px solid #e5eaed}.takeaway-grid span,.digest-plan>span{color:var(--theme-accent-deep);letter-spacing:.12em;margin-bottom:9px;font-size:10px;font-weight:900;display:block}.takeaway-grid p{font-size:12px;margin:0!important;line-height:1.65!important}.takeaway-grid code{background:var(--theme-accent);border-radius:8px;margin-bottom:9px;padding:7px 9px;display:inline-block}@supports (color:color-mix(in lab, red, red)){.takeaway-grid code{background:color-mix(in srgb, var(--theme-accent) 11%, white)}}.takeaway-grid code{color:var(--ink);font:900 13px/1 var(--font-geist-mono), monospace}.digest-plan{background:var(--theme-accent);border-radius:14px;margin:0 14px 14px;padding:16px 18px}@supports (color:color-mix(in lab, red, red)){.digest-plan{background:color-mix(in srgb, var(--theme-accent) 9%, white)}}.digest-plan ol{counter-reset:digest;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding-left:24px;display:grid}.digest-plan li{color:var(--ink);padding-left:3px;font-size:11px;font-weight:700;line-height:1.55}.win-card .primary-button{width:100%}@media (width<=900px){.level-map{grid-template-columns:1fr}.level-map h2{max-width:620px}.hero{grid-template-columns:1fr;gap:34px;margin-top:50px}.score-card{width:100%;min-width:0}.note-console{grid-template-columns:1fr}.next-note{grid-template-columns:auto 1fr auto;gap:12px;min-height:82px}.next-note span{grid-column:auto}.steps{grid-template-columns:1fr}.steps article{min-height:190px}.steps h3{margin-top:50px}.keyboard-callout{grid-template-columns:1fr}.keyboard-callout img{justify-self:center;width:110%;transform:translate(5%)}}@media (width<=620px){.topbar{width:min(100% - 24px,1180px);min-height:68px}.brand span{display:none}.device-pill{max-width:calc(100vw - 82px);font-size:11px}.level-map{width:min(100% - 24px,1180px);margin-top:12px;padding:16px}.level-tabs{grid-template-columns:repeat(3,210px);padding-bottom:4px;overflow-x:auto}.hero{width:min(100% - 26px,1180px);margin-top:42px}.hero h1{max-width:390px;font-size:clamp(48px,16vw,72px)}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.primary-button,.ghost-button{width:100%}.score-card{grid-template-columns:repeat(3,1fr);gap:8px;padding:15px}.score-card strong{font-size:17px}.score-card .hearts{font-size:15px}.game-shell{border-radius:22px;padding:8px}.game-hud{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:68px;padding:5px 8px 10px}.game-scene{height:330px}.note-block{display:none}.runner{transform-origin:bottom;transform:scale(.88)}.sound-gate{transform-origin:100% 100%;transform:scale(.8)}.screen-keys{grid-template-columns:repeat(var(--key-count), 36px)}.screen-key{min-height:72px}.how-to{width:min(100% - 28px,1120px);margin:85px auto}.keyboard-callout{min-height:0;padding:38px 26px}footer{flex-direction:column;align-items:flex-start}.footer-brand span{display:inline}.briefing-overlay,.win-overlay{padding:12px}.briefing-card{border-width:3px;border-radius:23px;max-height:calc(100vh - 24px);padding:42px 22px 24px}.briefing-level{top:18px;right:20px}.briefing-heading{align-items:flex-end;gap:12px;padding-right:0}.mission-emblem{width:62px;box-shadow:0 0 0 5px var(--theme-accent)}@supports (color:color-mix(in lab, red, red)){.mission-emblem{box-shadow:0 0 0 5px color-mix(in srgb, var(--theme-accent) 20%, transparent)}}.mission-emblem strong{font-size:22px}.briefing-card h2{font-size:34px}.mission-panel{margin-top:20px;padding:22px 18px 20px}.mission-panel>strong{font-size:27px}.mission-panel>div{flex-direction:column;align-items:flex-start}.briefing-facts{grid-template-columns:1fr}.win-card{max-height:calc(100vh - 24px);padding:32px 18px 22px}.completion-heading{align-items:flex-start;gap:15px}.win-burst{width:54px;height:54px;box-shadow:0 0 0 7px var(--target-glow);font-size:27px}@supports (color:color-mix(in lab, red, red)){.win-burst{box-shadow:0 0 0 7px color-mix(in srgb, var(--target-glow) 20%, transparent)}}.win-card h2{font-size:34px}.win-stars{margin:13px 0 10px 69px}.takeaway-grid{grid-template-columns:1fr}.takeaway-grid section+section{border-top:1px solid #e5eaed;border-left:0}.takeaway-card>header,.takeaway-core,.takeaway-grid section{padding-left:17px;padding-right:17px}.digest-plan ol{grid-template-columns:1fr;gap:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--walnut-950:#170b07;--walnut-900:#24110b;--walnut-800:#3a1c11;--walnut-700:#57301d;--brass-dark:#7b4b1f;--brass:#c68b39;--brass-light:#f3d18b;--parchment:#fff2cf;--parchment-deep:#ead3a0;--midnight:#07152f}body{background:radial-gradient(circle at 50% -15%,#385baa9e,#0000 42rem),radial-gradient(circle at 8% 28%,#c68b391f,#0000 28rem),#061025}.app{--scene-wash:#0a285c0a;min-height:100vh;color:var(--parchment);background:linear-gradient(180deg, #06102514, #061025f0 72%), radial-gradient(circle at 88% 8%, var(--theme-accent), transparent 27rem)}@supports (color:color-mix(in lab, red, red)){.app{background:linear-gradient(180deg, #06102514, #061025f0 72%), radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--theme-accent) 16%, transparent), transparent 27rem)}}.theme-blues{--scene-wash:#22146647}.theme-china{--scene-wash:#79170f4d}.topbar{border-bottom:1px solid #f3d18b2e;min-height:86px}.brand{color:var(--brass-light);text-shadow:0 2px 10px #0006}.brand img{filter:drop-shadow(0 0 10px #6ce9ff3d)}.device-pill{color:#ead9b6;background:linear-gradient(#57301de6,#24110bf0);border-color:#f3d18b57;box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000047}.level-map{border:2px solid var(--brass-dark);background:linear-gradient(90deg, #ffffff09, transparent 30%, #ffffff06), repeating-linear-gradient(0deg, transparent 0 17px, #00000012 18px 19px), linear-gradient(135deg, var(--walnut-700), var(--walnut-900));box-shadow:inset 0 0 0 3px #f3d18b1f,inset 0 -12px 28px #00000042,0 22px 55px #00000052}.level-map h2{color:#fff1d0}.level-map .eyebrow{color:var(--brass-light)}.level-tab{color:#2b190e;background:linear-gradient(#fff2cff5,#e0c791f5);border-color:#f3d18b47;box-shadow:inset 0 1px #fff,0 6px #170b0780}.level-tab small{color:#795d3b}.level-tab>span:first-child{color:var(--brass-light);background:#3d2517}.level-tab.is-current{border-color:var(--brass-light);background:linear-gradient(180deg, #fff8df, var(--theme-accent))}@supports (color:color-mix(in lab, red, red)){.level-tab.is-current{background:linear-gradient(180deg, #fff8df, color-mix(in srgb, var(--theme-accent) 18%, #ead3a0))}}.level-tab.is-current{box-shadow:inset 0 0 0 2px var(--theme-accent), 0 7px 0 var(--brass-dark), 0 0 24px var(--theme-accent)}@supports (color:color-mix(in lab, red, red)){.level-tab.is-current{box-shadow:inset 0 0 0 2px var(--theme-accent), 0 7px 0 var(--brass-dark), 0 0 24px color-mix(in srgb, var(--theme-accent) 30%, transparent)}}.level-tab.is-current>span:first-child{background:var(--theme-accent-deep);color:#fff}.hero{margin-top:70px}.hero h1{color:#fff2ce;text-shadow:0 5px #00000047,0 0 30px #f3d18b1f}.hero .eyebrow{color:var(--brass-light)}.hero-subtitle{color:#bdcce3}.melody-notation{background:#170b079e;border-color:#f3d18b73;box-shadow:inset 0 0 18px #00000047}.melody-notation span{color:var(--brass-light)}.melody-notation strong{color:#fff}.primary-button{border:1px solid var(--brass-light);background:linear-gradient(180deg, var(--theme-accent-deep), var(--theme-accent-deep))}@supports (color:color-mix(in lab, red, red)){.primary-button{background:linear-gradient(180deg, color-mix(in srgb, var(--theme-accent-deep) 78%, white), var(--theme-accent-deep))}}.primary-button{box-shadow:0 9px 0 var(--theme-accent-deep), 0 20px 38px #00000052, inset 0 1px 0 #ffffff4d}@supports (color:color-mix(in lab, red, red)){.primary-button{box-shadow:0 9px 0 color-mix(in srgb, var(--theme-accent-deep) 54%, #160b07), 0 20px 38px #00000052, inset 0 1px 0 #ffffff4d}}.primary-button:hover{box-shadow:0 11px 0 var(--theme-accent-deep), 0 22px 42px #00000059, inset 0 1px 0 #ffffff4d}@supports (color:color-mix(in lab, red, red)){.primary-button:hover{box-shadow:0 11px 0 color-mix(in srgb, var(--theme-accent-deep) 54%, #160b07), 0 22px 42px #00000059, inset 0 1px 0 #ffffff4d}}.primary-button:active{box-shadow:0 3px 0 var(--theme-accent-deep), 0 10px 20px #00000040}@supports (color:color-mix(in lab, red, red)){.primary-button:active{box-shadow:0 3px 0 color-mix(in srgb, var(--theme-accent-deep) 54%, #160b07), 0 10px 20px #00000040}}.ghost-button{color:var(--parchment);border-color:#f3d18b61}.ghost-button:hover{background:#f3d18b1a}.score-card{border:2px solid var(--brass-dark);background:linear-gradient(#482617f5,#1c0d08fa);box-shadow:inset 0 0 0 2px #f3d18b1a,0 18px 45px #00000057}.score-card span{color:#c8a871}.score-card strong{color:#fff1cb}.game-shell{border:4px solid var(--brass-dark);background:linear-gradient(90deg,#ffffff0a,#0000 30%,#ffffff09),repeating-linear-gradient(0deg,#0000 0 20px,#00000017 21px 22px),linear-gradient(135deg,#603822,#2b140c 55%,#4d2919);border-radius:34px;padding:20px;position:relative;box-shadow:inset 0 0 0 5px #f3d18b21,inset 0 -18px 35px #0000004d,0 40px 95px #0000007a,0 0 0 1px #1b0c07}.game-shell:before,.game-shell:after{content:"✦";z-index:8;border:2px solid var(--brass);color:#502a16;background:radial-gradient(circle,#f3d18b,#a76629 58%,#2a130b 61%);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:82px;box-shadow:0 5px 12px #00000061}.game-shell:before{left:1px;transform:translate(-42%)}.game-shell:after{right:1px;transform:translate(42%)}.game-hud{border:2px solid var(--brass-dark);min-height:68px;color:var(--brass-light);background:linear-gradient(#230e08f5,#462314f5);border-radius:18px;margin:0 8px 14px;padding:12px 20px;box-shadow:inset 0 0 0 2px #f3d18b14,0 7px 14px #00000057}.game-hud>div{color:#fff1d0;font-size:clamp(13px,1.6vw,18px)}.game-hud>span{font-family:var(--font-geist-mono), monospace;font-weight:900}.feedback-light{border:2px solid var(--brass-light);width:13px;height:13px}.game-scene{background-image:linear-gradient(var(--scene-wash), var(--scene-wash)), url(/stage-background-v2.png);image-rendering:auto;background-position:50%;background-size:cover;border:4px solid #c9984d;border-radius:26px 26px 14px 14px;height:clamp(390px,48vw,560px);box-shadow:inset 0 0 0 2px #ffefbe59,inset 0 0 58px #040a1c7a,0 8px #1d0d08}.game-scene:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(#0000 50%,#03091947 100%);position:absolute;inset:0}.sun,.cloud,.equalizer-hill,.ground{display:none}.scene-theme-label{z-index:6;border:3px double var(--brass-light);color:#ffe9b4;background:linear-gradient(#145a6d,#073744);border-radius:8px;padding:10px 17px;font-size:11px;top:20px;left:24px;box-shadow:0 7px #402212,0 13px 20px #00000052,inset 0 0 12px #ffffff1a}.note-block{z-index:4;background:radial-gradient(circle at 30% 22%, #fff6, transparent 16%), linear-gradient(145deg, var(--block-one), var(--block-one-edge));color:#fff1c2;text-shadow:0 3px #461f0d7a;width:clamp(62px,7vw,92px);box-shadow:inset 0 0 0 3px #3d18085c, -6px -6px 0 -3px #a3512a, 6px 6px 0 -3px #6d2e17, 0 14px 22px #0000006b, 0 0 18px var(--theme-accent);border:7px ridge #e3b65f;border-radius:10px;outline:2px solid #6f3917;font-size:clamp(30px,4.6vw,56px)}@supports (color:color-mix(in lab, red, red)){.note-block{box-shadow:inset 0 0 0 3px #3d18085c, -6px -6px 0 -3px #a3512a, 6px 6px 0 -3px #6d2e17, 0 14px 22px #0000006b, 0 0 18px color-mix(in srgb, var(--theme-accent) 30%, transparent)}}.block-one{bottom:38%;left:36%}.block-two{background:radial-gradient(circle at 30% 22%, #ffffff6b, transparent 16%), linear-gradient(145deg, var(--block-two), var(--block-two-edge));bottom:33%;left:68%}.sound-gate{z-index:5;background:radial-gradient(circle at 50% 57%, #d8ff96 0 8%, var(--target-glow) 9% 19%, #316d3d 20% 31%, #152f25 32% 45%, transparent 46%), linear-gradient(145deg, #7d9168, #394b3b);width:clamp(82px,10vw,124px);height:clamp(112px,14vw,162px);box-shadow:0 12px 20px #0000006b, inset 0 0 0 4px #e8e2a633, 0 0 35px var(--target-glow);border:5px ridge #a9aa80;border-radius:52% 52% 14px 14px;place-items:end center;display:grid;bottom:15%;right:2.5%}@supports (color:color-mix(in lab, red, red)){.sound-gate{box-shadow:0 12px 20px #0000006b, inset 0 0 0 4px #e8e2a633, 0 0 35px color-mix(in srgb, var(--target-glow) 35%, transparent)}}.sound-gate:before,.sound-gate:after{content:"";background:linear-gradient(#839574,#344536);border:2px solid #b4aa75;border-radius:50%;width:18px;height:56%;position:absolute;top:28%}.sound-gate:before{left:-13px;transform:rotate(-17deg)}.sound-gate:after{right:-13px;transform:rotate(17deg)}.sound-gate i{display:none}.sound-gate span{color:var(--brass-light);text-shadow:0 2px 5px #000;font-size:11px;top:-27px}.runner{z-index:7;filter:drop-shadow(0 8px 4px #00000061);width:54px;height:88px;bottom:17%}.runner-hood{background:radial-gradient(circle at 35% 25%, #ffffff59, transparent 20%), linear-gradient(145deg, var(--runner-hood), var(--runner-hood-shadow));border:2px solid #fff3;border-radius:20px 20px 8px 8px;width:42px;height:35px;top:1px;left:6px;box-shadow:inset -8px -5px 10px #00000038}.runner-face{background:radial-gradient(circle at 35% 25%,#ffe1bd,#e9a16a 78%);border-radius:7px 12px 10px 9px;width:29px;height:25px;top:24px;left:14px;box-shadow:inset -5px 0 7px #a0532947}.runner-body{background:linear-gradient(145deg, var(--runner-body), var(--runner-body-shadow));border-radius:8px 9px 5px 5px;width:39px;height:32px;top:46px;left:8px;box-shadow:inset -7px -3px 7px #00000029}.runner-body:after{border-radius:6px;width:51px;height:9px;top:6px;left:-7px}.runner-leg{border-radius:5px 5px 7px 7px;width:20px;height:14px;box-shadow:inset -4px -2px 4px #0003}.progress-track{border:3px ridge var(--brass);background:linear-gradient(#130906,#32170d 50%,#180b07);border-radius:18px;height:36px;margin:16px 9px 8px;padding:8px 30px;position:relative;overflow:visible;box-shadow:inset 0 4px 10px #000000a6,0 4px #1b0b06}.progress-track:before,.progress-track:after{content:"◆";z-index:2;color:#4a240f;background:radial-gradient(circle,#f0cf85,#8f5420);border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 7px #00000073}.progress-track:before{left:-6px}.progress-track:after{right:-6px}.progress-track span{background:linear-gradient(90deg, #168fbe, var(--theme-accent), var(--target-glow));min-width:4px;height:100%;box-shadow:0 0 16px var(--target-glow), inset 0 2px 2px #ffffff59;border:1px solid #ffffff57}@supports (color:color-mix(in lab, red, red)){.progress-track span{box-shadow:0 0 16px color-mix(in srgb, var(--target-glow) 50%, transparent), inset 0 2px 2px #ffffff59}}.lesson-focus{color:#d7c39a;margin:12px 8px 0}.lesson-focus span{border:1px solid var(--brass);color:var(--brass-light);background:#142340}.lesson-focus strong{color:#f4e7ca;background:#fff2cf1a;border-color:#f3d18b52}.note-console{padding:14px 8px 2px}.next-note{border:2px solid var(--brass-dark);background:linear-gradient(145deg,#0c2145,#07142d);box-shadow:inset 0 0 0 2px #f3d18b14,0 7px 14px #00000047}.next-note span{color:var(--brass-light)}.screen-key{background:linear-gradient(#fff8e8,#d8c69f);border-color:#9c8055;box-shadow:0 5px #806743,inset 0 1px #fff}.screen-key.is-black{background:linear-gradient(#3b302c,#130e0c);border-color:#17100d;box-shadow:0 5px #090504}.how-to{color:var(--parchment)}.section-heading .eyebrow{color:var(--brass-light)}.steps article{border:3px double var(--brass);background:radial-gradient(circle at 95% 8%, var(--card-accent), transparent 12rem), linear-gradient(145deg, #fff3d2, #dcc391)}@supports (color:color-mix(in lab, red, red)){.steps article{background:radial-gradient(circle at 95% 8%, color-mix(in srgb, var(--card-accent) 18%, transparent), transparent 12rem), linear-gradient(145deg, #fff3d2, #dcc391)}}.steps article{color:#321d10;box-shadow:0 14px #2b150d,0 28px 46px #0000004d,inset 0 0 0 2px #ffffff73}.steps article>span{color:#4927131f}.steps p{color:#66533c}.keyboard-callout{border:4px solid var(--brass-dark);background:radial-gradient(circle at 75% 45%,#426bbe3d,#0000 25rem),repeating-linear-gradient(0deg,#0000 0 20px,#00000014 21px 22px),linear-gradient(135deg,#4d2919,#1d0e09 58%,#3b1d11);box-shadow:inset 0 0 0 5px #f3d18b1f,0 30px 70px #0000005c}.keyboard-callout p:not(.eyebrow){color:#d2c5ac}.secondary-button{border:1px solid var(--brass-light)}footer{color:#9fb0c9;border-top-color:#f3d18b38}footer a{color:var(--brass-light)}.briefing-overlay,.win-overlay{-webkit-backdrop-filter:blur(14px)saturate(.8);backdrop-filter:blur(14px)saturate(.8);background:#030814d1}.briefing-card{border:6px ridge var(--brass);color:#fff1d0;background:radial-gradient(circle at 50% 0,#f3d18b2e,#0000 17rem),repeating-linear-gradient(0deg,#0000 0 18px,#00000014 19px 20px),linear-gradient(145deg,#5a321e,#24110b 60%,#472516);box-shadow:inset 0 0 0 5px #ffebb31c,0 44px 120px #0000009e,0 0 0 2px #2c150c}.briefing-card:before,.briefing-card:after,.win-card:before,.win-card:after{content:"✦";color:var(--brass-light);text-shadow:0 2px 5px #000;font-size:18px;position:absolute;top:14px}.briefing-card:before,.win-card:before{left:18px}.briefing-card:after,.win-card:after{right:18px}.briefing-level{color:var(--brass-light)}.briefing-heading .eyebrow{color:var(--target-glow)}.briefing-card h2{color:#fff;text-shadow:0 3px #00000059}.mission-emblem{border:4px double var(--brass-light);background:radial-gradient(circle, var(--theme-accent), var(--theme-accent-deep) 65%)}@supports (color:color-mix(in lab, red, red)){.mission-emblem{background:radial-gradient(circle, color-mix(in srgb, var(--theme-accent) 80%, white), var(--theme-accent-deep) 65%)}}.mission-emblem{box-shadow:0 0 0 8px #c68b3938,0 10px 18px #0000005c,inset 0 0 12px #ffffff3b}.mission-panel{border:4px double var(--brass);background:radial-gradient(circle at 100% 0, var(--theme-accent), transparent 14rem), linear-gradient(145deg, #fff7dc, #e5c98e)}@supports (color:color-mix(in lab, red, red)){.mission-panel{background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--theme-accent) 15%, transparent), transparent 14rem), linear-gradient(145deg, #fff7dc, #e5c98e)}}.mission-panel{color:#2b190e;box-shadow:inset 8px 0 0 var(--theme-accent), inset 0 0 0 2px #ffffff8c, 0 12px 22px #00000045}.mission-panel>span{color:var(--theme-accent-deep);font-size:12px}.mission-panel>strong{letter-spacing:-.055em;max-width:700px;font-size:clamp(32px,5.5vw,52px);line-height:1.12}.mission-panel>div{border-top-color:var(--theme-accent)}@supports (color:color-mix(in lab, red, red)){.mission-panel>div{border-top-color:color-mix(in srgb, var(--theme-accent) 65%, #7b4b1f)}}.briefing-facts>div{color:#321d10;background:linear-gradient(145deg,#fff4d7,#e8d2a1);border:2px solid #b78944;box-shadow:inset 0 1px #fff}.briefing-facts small{color:#6c573e}.knowledge-list{background:linear-gradient(145deg,#102956,#08172f);border:2px solid #b78944}.knowledge-list li{color:#e5ecf7}.win-card{border:6px ridge var(--brass);background:radial-gradient(circle at 95% 5%, var(--theme-accent), transparent 18rem), linear-gradient(145deg, #fff7dd, #e2c78f)}@supports (color:color-mix(in lab, red, red)){.win-card{background:radial-gradient(circle at 95% 5%, color-mix(in srgb, var(--theme-accent) 18%, transparent), transparent 18rem), linear-gradient(145deg, #fff7dd, #e2c78f)}}.win-card{color:#2c190e;box-shadow:inset 0 0 0 5px #ffffff6b,0 44px 120px #00000094,0 0 0 2px #2c150c}.win-card .eyebrow{color:var(--theme-accent-deep)}.win-card p:not(.eyebrow){color:#6d573e}.win-burst{background:radial-gradient(circle, #fff0a5, var(--target-glow));border:4px double #8a5c22}.takeaway-card{border:4px double var(--brass-dark);background:#fff8e7}.takeaway-card>header{background:linear-gradient(145deg,#173365,#08172f)}.takeaway-core{border-bottom-color:#d8be89}.takeaway-grid section+section{border-left-color:#d8be89}.digest-plan{border:1px solid #c09b5f}@media (width<=900px){.game-scene{background-position:50%;height:clamp(390px,65vw,520px)}.sound-gate{right:2%}.note-block{width:clamp(58px,9vw,78px)}}@media (width<=620px){.topbar{min-height:72px}.hero{margin-top:46px}.game-shell{border-width:3px;padding:10px}.game-shell:before,.game-shell:after{display:none}.game-hud{margin:0 2px 9px;padding:10px 12px}.game-scene{background-position:50%;border-width:3px;height:350px}.scene-theme-label{max-width:calc(100% - 24px);padding:8px 10px;font-size:9px;top:12px;left:12px}.note-block{border-width:5px;width:50px;font-size:27px;display:grid}.block-one{bottom:39%;left:34%}.block-two{bottom:34%;left:63%}.runner{width:49px;height:82px;bottom:16%;transform:scale(.83)}.sound-gate{width:72px;height:105px;bottom:15%;right:1.5%;transform:scale(.82)}.progress-track{margin:13px 3px 8px;padding-inline:27px}.lesson-focus{margin-inline:2px}.note-console{padding-inline:2px}.briefing-card{border-width:5px}.mission-panel>strong{font-size:clamp(29px,8vw,38px)}.briefing-card:before,.briefing-card:after,.win-card:before,.win-card:after{font-size:13px}.takeaway-grid section+section{border-top:1px solid #d8be89;border-left:0}}.topbar-controls{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.skin-switcher{background:#170b079e;border:1px solid #f3d18b61;border-radius:15px;align-items:center;gap:4px;padding:5px;display:inline-flex;box-shadow:inset 0 0 10px #0000004d,0 8px 18px #0000002e}.skin-switcher button{color:#cdbb98;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 11px;font-size:11px;font-weight:900;transition:color .16s,background .16s,box-shadow .16s,transform .16s;display:inline-flex}.skin-switcher button:hover{color:#fff;transform:translateY(-1px)}.skin-switcher button.is-active{color:#fff1ce;background:linear-gradient(#fff5d52e,#c68b3924);border-color:#f3d18b8c;box-shadow:inset 0 1px #ffffff2e,0 3px 8px #0000003d}.skin-swatch{border:1px solid #ffffff8c;border-radius:50%;flex:none;width:15px;height:15px;box-shadow:inset 0 1px 2px #ffffff80,0 2px 5px #00000057}.swatch-storybook{background:linear-gradient(135deg,#6b371c 0 48%,#d4a14d 49% 62%,#102a61 63%)}.swatch-silver{background:linear-gradient(135deg,#f3f6f8 0 42%,#8f9ba8 43% 58%,#06bce5 59%)}.briefing-skin-choice{justify-content:space-between;align-items:center;gap:14px;margin:24px 0 -12px;display:flex}.briefing-skin-choice>span{color:var(--brass-light);letter-spacing:.12em;font-size:10px;font-weight:900}.skin-silver{--silver-050:#f7fbfd;--silver-100:#e6edf2;--silver-300:#b7c3cc;--silver-500:#7b8995;--silver-800:#263745;--electric-blue:#0cc3e8;--electric-lime:#c8f13f;--scene-wash:#04397405;color:#0a315a;background:radial-gradient(circle at 18% 0, #fffffff2, transparent 30rem), radial-gradient(circle at 82% 20%, var(--theme-accent), transparent 26rem), linear-gradient(155deg, #d9edfa 0%, #a9c9df 48%, #d9edf8 100%)}@supports (color:color-mix(in lab, red, red)){.skin-silver{background:radial-gradient(circle at 18% 0, #fffffff2, transparent 30rem), radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--theme-accent) 20%, transparent), transparent 26rem), linear-gradient(155deg, #d9edfa 0%, #a9c9df 48%, #d9edf8 100%)}}.skin-silver .topbar{border-bottom-color:#23455e2e}.skin-silver .brand{color:#143b60;text-shadow:0 1px #fff}.skin-silver .brand img{filter:drop-shadow(0 0 10px #05c6ea73)}.skin-silver .device-pill{color:#355a74;background:linear-gradient(#ffffffc7,#bfcfdad1);border-color:#465d6d59;box-shadow:inset 0 1px #fff,0 9px 20px #274b6529}.skin-silver .skin-switcher{background:linear-gradient(#f7fbfde0,#adbecad1);border-color:#42596a57;box-shadow:inset 0 1px #fff,0 8px 18px #26455c2b}.skin-silver .skin-switcher button{color:#43657c}.skin-silver .skin-switcher button:hover{color:#0a315a}.skin-silver .skin-switcher button.is-active{color:#073c60;background:linear-gradient(#effcff,#9edce9);border-color:#fffc;box-shadow:inset 0 1px #fff,0 3px 8px #0f5b7e38}.skin-silver .level-map{background:repeating-linear-gradient(90deg,#ffffff14 0 1px,#4c5e6b09 1px 3px),linear-gradient(145deg,#f7fbfdeb,#a6b6c2e6);border-color:#687b899e;box-shadow:inset 0 1px #fff,inset 0 -10px 24px #3446531c,0 22px 52px #274d6833}.skin-silver .level-map h2{color:#0c365b}.skin-silver .level-map .eyebrow{color:#077d9f}.skin-silver .level-tab{color:#113b5d;background:linear-gradient(#fffffff0,#cddbe4f2);border-color:#576e7e4d;box-shadow:inset 0 1px #fff,0 5px #8797a3}.skin-silver .level-tab small{color:#58748a}.skin-silver .level-tab>span:first-child{color:#c8f13f;background:#193d61}.skin-silver .level-tab.is-current{background:linear-gradient(#f7feff,#bdebf2);border-color:#68dff2;box-shadow:inset 0 0 0 2px #35c8e2,0 6px #668c9c,0 0 24px #1ec2e247}.skin-silver .hero h1{color:#083963;text-shadow:0 3px #fff,0 12px 28px #1d4e6f2e}.skin-silver .hero .eyebrow{color:#087e9f}.skin-silver .hero-subtitle{color:#3d607b}.skin-silver .melody-notation{background:#f5fcffa8;border-color:#3e5c7152;box-shadow:inset 0 1px #fff,0 8px 18px #32546c1c}.skin-silver .melody-notation span{color:#21819a}.skin-silver .melody-notation strong{color:#0a315a}.skin-silver .ghost-button{color:#0a315a;background:#ffffff47;border-color:#2648614d}.skin-silver .ghost-button:hover{background:#ffffffa3}.skin-silver .score-card{background:repeating-linear-gradient(90deg,#ffffff14 0 1px,#465b6909 1px 3px),linear-gradient(145deg,#f8fcfef0,#a2b4c1f2);border-color:#4e657580;box-shadow:inset 0 1px #fff,0 18px 42px #264a6533}.skin-silver .score-card span{color:#527086}.skin-silver .score-card strong{color:#0a315a}.skin-silver .game-shell{isolation:isolate;transform-origin:50%;width:min(1220px,100% - 54px);transform-style:preserve-3d;background:repeating-linear-gradient(90deg,#ffffff21 0 1px,#4c59630b 1px 4px),linear-gradient(145deg,#f2f5f7 0%,#afb8bf 42%,#e8ecef 72%,#8b959d 100%);border:5px solid #e9eef1;border-radius:48px 36px 42px 52px;padding:24px 28px 30px;transition:transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .36s;transform:perspective(1800px)rotateY(-2.4deg)rotateX(1.15deg)rotate(-.32deg);box-shadow:inset 0 2px #fff,inset 0 -8px 20px #2f3b442e,-20px 24px #6f7c86,-28px 38px 55px #26465d61,24px 44px 80px #2e59773d}.skin-silver .game-shell:hover{transform:perspective(1800px)rotateY(-1.4deg)rotateX(.7deg)rotate(-.16deg)translateY(-2px)}.skin-silver .game-shell:before{content:"";z-index:-1;width:auto;height:auto;box-shadow:none;background:linear-gradient(145deg,#65727c,#273845 72%);border:0;border-radius:42px;inset:18px -22px -22px 16px;transform:translateZ(-26px)}.skin-silver .game-shell:after{content:"";z-index:9;color:#0000;background:linear-gradient(90deg,#09c6eb 0 26%,#50dfb5 26% 53%,#c8f13f 53% 77%,#273b49 77%);border:0;border-radius:999px;width:auto;height:7px;inset:auto 8% 10px;transform:none;box-shadow:0 0 13px #3edae061,inset 0 1px 1px #ffffffb8}.skin-silver .game-hud{color:#294b64;min-height:66px;box-shadow:none;text-shadow:0 1px #fff;background:0 0;border:0;border-radius:16px;margin:0 4px 12px;padding:8px 14px 11px}.skin-silver .game-hud>div{color:#153b5a}.skin-silver .feedback-light{border-color:#fff;box-shadow:0 0 0 5px #0ac3e826,0 0 14px #0ac3e86b}.skin-silver .game-scene{background-image:linear-gradient(var(--scene-wash), var(--scene-wash)), url(/stage-background-silver.png);background-position:50%;border:7px solid #263947;border-radius:34px 26px 28px 38px;box-shadow:inset 0 0 0 2px #ffffff29,inset -18px 0 28px #02122347,0 4px #70818d,0 12px 20px #2035444d}.skin-silver .game-scene:after{background:linear-gradient(105deg,#ffffff0f,#0000 33%,#02122333 100%)}.skin-silver .scene-theme-label{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#e4f4ff5c,#264e8199);border:2px solid #ffffff8f;border-radius:999px;box-shadow:inset 0 1px #ffffff6b,0 9px 18px #02234b40}.skin-silver .scene-theme-label span{color:#fff278}.skin-silver .note-block{border:4px solid #ffffff75;border-radius:9px;outline:1px solid #18324c57;transform:perspective(420px)rotateY(-8deg)rotateX(3deg);box-shadow:inset -7px -7px 12px #2a1a1438,0 16px 22px #04274852,0 0 18px #ffd6583d}.skin-silver .block-one{color:#fff0a4;background:radial-gradient(circle at 28% 18%,#ffffff80,#0000 15%),linear-gradient(145deg,#c87a32,#71411f)}.skin-silver .block-two{color:#efc7ff;background:linear-gradient(145deg,#c167ffe0,#4e29b3d1);border-color:#dcc2ff9e;box-shadow:inset -7px -7px 14px #34186a57,0 16px 22px #04274857,0 0 24px #bc5bff61}.skin-silver .sound-gate{width:104px;height:145px;box-shadow:none;background:0 0;border:0;border-radius:0;display:block;bottom:16%;right:2.8%}.skin-silver .sound-gate:before,.skin-silver .sound-gate:after{display:none}.skin-silver .sound-gate i{clip-path:polygon(50% 0,100% 18%,100% 100%,0 100%,0 18%);background:linear-gradient(100deg,#d8ffe7,#77f1a0 52%,#42b977);border:2px solid #ffffff9e;border-radius:2px 2px 7px 7px;display:block;position:absolute;bottom:0;box-shadow:inset 5px 0 8px #ffffff80,0 0 24px #67ff9d9e,0 13px 18px #08393a4d}.skin-silver .sound-gate i:first-child{width:34px;height:76px;left:0}.skin-silver .sound-gate i:nth-child(2){width:39px;height:124px;left:28px}.skin-silver .sound-gate i:nth-child(3){width:34px;height:90px;right:0}.skin-silver .sound-gate span{color:#fff;text-shadow:0 3px 5px #031a319e;font-size:12px;top:-3px}.skin-silver .runner{filter:drop-shadow(8px 10px 5px #022a4357);bottom:18%}.skin-silver .runner-hood{border-color:#ffffff6b}.skin-silver .progress-track{background:linear-gradient(#354651,#182833);border:2px solid #c6d0d7;border-radius:999px;height:22px;margin:16px 13px 10px;padding:5px 9px;box-shadow:inset 0 3px 7px #0000006b,0 2px #fff}.skin-silver .progress-track:before,.skin-silver .progress-track:after{display:none}.skin-silver .progress-track span{background:linear-gradient(90deg,#09c8ec,#4bdfb6,#c9f13d);border:0;box-shadow:0 0 12px #4ee0ba80,inset 0 1px 1px #ffffffb3}.skin-silver .lesson-focus{color:#314f63}.skin-silver .lesson-focus span{color:#c8f13f;background:#173b59;border-color:#6b8798}.skin-silver .lesson-focus strong{color:#153b58;background:#f7fcff8c;border-color:#46637747}.skin-silver .next-note{background:linear-gradient(145deg,#123f6c,#062843);border-color:#91a5b2;box-shadow:inset 0 1px #ffffff40,0 7px 14px #26455a3b}.skin-silver .next-note span{color:#6ee9ff}.skin-silver .screen-key{background:linear-gradient(#fff,#d7e0e5);border-color:#9aabb7;box-shadow:0 5px #8496a2,inset 0 1px #fff}.skin-silver .screen-key.is-black{background:linear-gradient(#465c6b,#122633);border-color:#233541;box-shadow:0 5px #091923}.skin-silver .how-to{color:#0a315a}.skin-silver .section-heading .eyebrow{color:#087e9f}.skin-silver .steps article{background:radial-gradient(circle at 94% 7%, var(--card-accent), transparent 12rem), linear-gradient(145deg, #f9fdff, #c4d2dc);border-color:#96a9b6}@supports (color:color-mix(in lab, red, red)){.skin-silver .steps article{background:radial-gradient(circle at 94% 7%, color-mix(in srgb, var(--card-accent) 18%, transparent), transparent 12rem), linear-gradient(145deg, #f9fdff, #c4d2dc)}}.skin-silver .steps article{color:#123a5b;box-shadow:0 12px #778a98,0 26px 44px #2b4c643d,inset 0 1px #fff}.skin-silver .steps article>span{color:#153a561a}.skin-silver .steps p{color:#4e687b}.skin-silver .keyboard-callout{background:radial-gradient(circle at 78% 42%,#11c9e842,#0000 25rem),repeating-linear-gradient(90deg,#ffffff14 0 1px,#404f5909 1px 4px),linear-gradient(145deg,#344c5c,#122a3a 55%,#647681);border-color:#c5d0d8;box-shadow:inset 0 1px #fff,0 30px 65px #294c664d}.skin-silver .keyboard-callout p:not(.eyebrow){color:#d7e3ea}.skin-silver footer{color:#4a6a80;border-top-color:#22486333}.skin-silver footer a{color:#087e9f}.skin-silver .briefing-overlay,.skin-silver .win-overlay{background:#112c41b8}.skin-silver .briefing-card{color:#0b3458;background:repeating-linear-gradient(90deg,#ffffff1a 0 1px,#46586409 1px 4px),linear-gradient(145deg,#f5f8fa,#aebbc4 65%,#e6ecef);border-color:#e8eef1;box-shadow:inset 0 2px #fff,inset 0 -8px 18px #2937411f,0 42px 110px #09243980,0 0 0 2px #778690}.skin-silver .briefing-card:before,.skin-silver .briefing-card:after,.skin-silver .win-card:before,.skin-silver .win-card:after{color:#149abd;text-shadow:0 1px #fff}.skin-silver .briefing-level{color:#1a7895}.skin-silver .briefing-heading .eyebrow{color:#087e9f}.skin-silver .briefing-card h2{color:#0a315a;text-shadow:0 2px #fff}.skin-silver .briefing-skin-choice>span{color:#1d6f88}.skin-silver .mission-emblem{border-color:#fff;box-shadow:0 0 0 8px #14afcf26,0 10px 18px #1c415838,inset 0 0 12px #ffffff4d}.skin-silver .mission-panel{color:#0c3354;box-shadow:inset 8px 0 0 var(--theme-accent), inset 0 1px 0 white, 0 12px 22px #1e435b30;background:linear-gradient(145deg,#fff,#dce7ed);border-color:#9fb0bb}.skin-silver .briefing-facts>div{color:#163b58;background:linear-gradient(145deg,#faffff,#d3e0e7);border-color:#9aabb6}.skin-silver .briefing-facts small{color:#597284}.skin-silver .knowledge-list{background:linear-gradient(145deg,#124270,#062844);border-color:#7895a6}.skin-silver .win-card{color:#0b3458;background:linear-gradient(145deg,#fff,#d2dfe6);border-color:#e9eef1;box-shadow:inset 0 2px #fff,0 42px 110px #0924397a,0 0 0 2px #778690}.skin-silver .win-card p:not(.eyebrow){color:#557184}.skin-silver .takeaway-card{border-color:#6f8c9e}.skin-silver .takeaway-card>header{background:linear-gradient(145deg,#155283,#072b48)}@media (width<=900px){.skin-switcher.is-compact button span{display:none}.skin-switcher.is-compact button{padding-inline:9px}.skin-silver .game-shell{width:min(1180px,100% - 38px);transform:perspective(1600px)rotateY(-1.6deg)rotateX(.75deg)rotate(-.2deg)}.skin-silver .game-shell:hover{transform:perspective(1600px)rotateY(-1deg)rotateX(.5deg)rotate(-.1deg)}}@media (width<=620px){.topbar-controls{gap:6px}.skin-switcher.is-compact{padding:3px}.skin-switcher.is-compact button{min-height:31px;padding:6px}.skin-switcher.is-compact .skin-swatch{width:13px;height:13px}.briefing-skin-choice{flex-direction:column;align-items:flex-start;margin-top:20px}.briefing-skin-choice .skin-switcher{width:100%}.briefing-skin-choice .skin-switcher button{flex:1}.skin-silver .game-shell,.skin-silver .game-shell:hover{border-width:4px;border-radius:28px;width:min(100% - 20px,1180px);padding:11px 11px 24px;transform:none;box-shadow:inset 0 2px #fff,inset 0 -8px 18px #2f3b4426,-7px 10px #78858e,0 24px 50px #26465d4d}.skin-silver .game-shell:before{display:none}.skin-silver .game-shell:after{height:5px;bottom:8px;left:10%;right:10%}.skin-silver .game-hud{margin-bottom:6px;padding:6px 8px 8px}.skin-silver .game-scene{background-position:50%;border-width:5px;border-radius:22px}.skin-silver .sound-gate{transform-origin:100% 100%;width:79px;height:110px;right:0;transform:scale(.82)}.skin-silver .sound-gate i:first-child{width:27px;height:57px}.skin-silver .sound-gate i:nth-child(2){width:31px;height:92px;left:23px}.skin-silver .sound-gate i:nth-child(3){width:27px;height:68px}.skin-silver .progress-track{margin-inline:4px}}.catalog-controls{gap:11px;min-width:0;display:grid}.world-tabs{scrollbar-width:none;align-items:center;gap:7px;min-width:0;padding:1px 1px 5px;display:flex;overflow-x:auto}.world-tabs::-webkit-scrollbar{display:none}.world-tabs button{color:#ddcda9;cursor:pointer;white-space:nowrap;background:#170b0752;border:1px solid #f3d18b47;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:32px;padding:7px 10px;font-size:10px;font-weight:900;display:inline-flex}.world-tabs button span{color:var(--brass-light);font:900 9px/1 var(--font-geist-mono), monospace}.world-tabs button.is-active{border-color:var(--brass-light);background:linear-gradient(180deg, var(--theme-accent-deep), var(--theme-accent-deep))}@supports (color:color-mix(in lab, red, red)){.world-tabs button.is-active{background:linear-gradient(180deg, color-mix(in srgb, var(--theme-accent-deep) 78%, white), var(--theme-accent-deep))}}.world-tabs button.is-active{color:#fff;box-shadow:0 4px 0 #14080473, 0 0 15px var(--theme-accent)}@supports (color:color-mix(in lab, red, red)){.world-tabs button.is-active{box-shadow:0 4px 0 #14080473, 0 0 15px color-mix(in srgb, var(--theme-accent) 28%, transparent)}}.level-tabs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.catalog-note{color:#cdbd9e;margin:0;font-size:10px;line-height:1.5}.skin-silver .world-tabs button{color:#47677d;background:#f7fcff80;border-color:#4b677a47}.skin-silver .world-tabs button span{color:#0a83a4}.skin-silver .world-tabs button.is-active{color:#fff;background:linear-gradient(#1bc9e9,#087baf);border-color:#74e3f3;box-shadow:0 4px #647d8c,0 0 15px #0cc3e84d}.skin-silver .world-tabs button.is-active span{color:#edff87}.skin-silver .catalog-note{color:#526f82}.briefing-actions{grid-template-columns:minmax(140px,.36fr) minmax(180px,.52fr) minmax(250px,1fr);align-items:stretch;gap:12px;display:grid}.briefing-actions .primary-button{width:100%}.briefing-browse{border:2px solid var(--brass);color:#f6dfae;cursor:pointer;min-height:52px;font:900 13px/1.25 var(--font-geist-sans), sans-serif;background:#fff6db1a;border-radius:14px;padding:13px 18px;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 6px #1f0d07cc,inset 0 1px #ffffff26}.briefing-browse:hover{background:#fff6db2e;transform:translateY(-2px)}.briefing-browse:active{transform:translateY(4px);box-shadow:0 2px #1f0d07cc}.skin-silver .briefing-browse{color:#164e6d;background:#f7fcff9e;border-color:#7895a6;box-shadow:0 6px #718794,inset 0 1px #fff}.skin-silver .briefing-browse:hover{background:#fff}.sound-identity{grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);gap:8px;max-width:660px;margin-top:12px;display:grid}.sound-identity>span{background:#150a074d;border:1px solid #f3d18b4d;border-radius:12px;gap:4px;min-width:0;padding:11px 13px;display:grid}.sound-identity small{color:var(--brass-light);letter-spacing:.12em;font-size:9px;font-weight:900}.sound-identity strong{color:#fff2d2;font-size:12px;line-height:1.45}.preview-button{white-space:nowrap}.game-hud .game-hud-actions{color:var(--brass-light);font:900 12px/1 var(--font-geist-mono), monospace;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.game-hud-actions button{color:#f8d78e;cursor:pointer;min-height:34px;font:900 10px/1 var(--font-geist-sans), sans-serif;background:#f3d18b1a;border:1px solid #f3d18b6b;border-radius:999px;padding:7px 11px}.game-hud-actions button:hover{background:#f3d18b33}.briefing-preview{border:2px solid var(--theme-accent);min-height:52px;padding:13px 16px}@supports (color:color-mix(in lab, red, red)){.briefing-preview{border:2px solid color-mix(in srgb, var(--theme-accent) 65%, var(--brass))}}.briefing-preview{background:linear-gradient(180deg, var(--theme-accent-deep), var(--theme-accent-deep));border-radius:14px}@supports (color:color-mix(in lab, red, red)){.briefing-preview{background:linear-gradient(180deg, color-mix(in srgb, var(--theme-accent-deep) 72%, white), var(--theme-accent-deep))}}.briefing-preview{color:#fff;cursor:pointer;font:900 13px/1.25 var(--font-geist-sans), sans-serif;box-shadow:0 6px 0 var(--theme-accent-deep), inset 0 1px 0 #ffffff3d}@supports (color:color-mix(in lab, red, red)){.briefing-preview{box-shadow:0 6px 0 color-mix(in srgb, var(--theme-accent-deep) 56%, black), inset 0 1px 0 #ffffff3d}}.briefing-preview{transition:transform .16s,box-shadow .16s}.briefing-preview:hover{transform:translateY(-2px)}.briefing-preview:active{box-shadow:0 2px 0 var(--theme-accent-deep);transform:translateY(4px)}@supports (color:color-mix(in lab, red, red)){.briefing-preview:active{box-shadow:0 2px 0 color-mix(in srgb, var(--theme-accent-deep) 56%, black)}}.skin-silver .sound-identity>span{background:#ffffff80;border-color:#315b7838}.skin-silver .sound-identity small{color:#087e9f}.skin-silver .sound-identity strong{color:#143b5a}.skin-silver .game-hud-actions button{color:#126c88;background:#ffffff80;border-color:#275d7c57}.skin-silver .briefing-preview{background:linear-gradient(#1cc9e8,#087cae);border-color:#65d9ed;box-shadow:0 6px #677f8e,inset 0 1px #ffffff8c}@media (width<=900px){.level-tabs{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.briefing-actions{grid-template-columns:1fr 1fr}.briefing-actions .primary-button{grid-column:1/-1}}@media (width<=620px){.catalog-controls{gap:9px}.level-tabs{grid-template-columns:none;grid-auto-columns:198px;grid-auto-flow:column;padding:0 0 6px;overflow-x:auto}.catalog-note{padding-inline:2px}.briefing-actions{grid-template-columns:1fr}.briefing-actions .primary-button{grid-column:auto}.sound-identity{grid-template-columns:1fr}.game-hud .game-hud-actions{justify-content:space-between;width:100%;margin-left:0}}