/*! 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-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.rounded{border-radius:.25rem}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.rhythm-page{color:#fff;background:radial-gradient(circle at 80% 0,#2156d9 0,#11166d 38%,#080b46 72%);min-height:100vh;padding-bottom:36px;position:relative;overflow:hidden}.rhythm-page:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff24 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0008,#0000 75%);mask-image:linear-gradient(#0008,#0000 75%)}.rhythm-orb{filter:blur(12px);opacity:.4;pointer-events:none;border-radius:999px;position:absolute}.rhythm-orb-one{background:#ff571e;width:330px;height:330px;top:180px;left:-120px}.rhythm-orb-two{background:#b42dff;width:430px;height:430px;top:380px;right:-180px}.rhythm-topbar{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 40px);height:82px;margin:auto;display:grid;position:relative}.rhythm-topbar a{color:#fff;text-decoration:none}.rhythm-back{align-items:center;gap:8px;font-weight:900;display:flex}.rhythm-back svg{width:20px}.rhythm-logo{text-shadow:0 3px #080332;align-items:baseline;gap:6px;font-weight:1000;display:flex;transform:rotate(-1deg)}.rhythm-logo span{font-size:24px}.rhythm-logo b{color:#55edff;font-size:29px}.rhythm-logo small{font-size:16px}.rhythm-level{background:#ffffff17;border:1px solid #ffffff52;border-radius:999px;justify-self:end;padding:10px 15px;font-weight:900;box-shadow:inset 0 1px #ffffff4d}.rhythm-hero{z-index:1;background:radial-gradient(circle at 12% 60%,#ffb40055,#0000 32%),linear-gradient(130deg,#ef4b0b,#ce1b50 42%,#6b1aba 76%,#2724a4);border:3px solid #ffb428;border-radius:32px;grid-template-columns:180px 1fr 260px;align-items:center;gap:28px;width:min(1180px,100% - 40px);min-height:300px;margin:6px auto 24px;padding:24px 34px;display:grid;position:relative;box-shadow:0 12px #05073388,0 24px 55px #05042f88,inset 0 0 50px #ffb12a33}.rhythm-hero:after{content:"";pointer-events:none;border:1px dashed #ffffff3b;border-radius:23px;position:absolute;inset:10px}.rhythm-drum{z-index:1;filter:drop-shadow(0 12px 8px #56152388);font-size:132px;position:relative}.rhythm-kicker{color:#fff19d;letter-spacing:1.6px;align-items:center;gap:7px;font-size:13px;font-weight:1000;display:flex}.rhythm-kicker svg{width:18px}.rhythm-hero h1{letter-spacing:-2px;text-shadow:0 4px #6d144f;margin:7px 0 10px;font-size:clamp(38px,5.1vw,68px);line-height:.9}.rhythm-hero h1 em{color:#ffe32a;font-style:normal}.rhythm-hero p{max-width:600px;margin:0;font-size:17px;font-weight:800;line-height:1.35}.rhythm-meta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.rhythm-meta span{background:#10095b99;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:900;display:flex}.rhythm-meta svg{width:15px;height:15px}.rhythm-progress{z-index:1;background:#0a0b55aa;border:1px solid #ffffff4d;border-radius:20px;padding:17px;position:relative;box-shadow:inset 0 1px #fff3}.rhythm-progress b,.rhythm-progress span,.rhythm-progress small{display:block}.rhythm-progress span{color:#ffe981;margin:5px 0 12px;font-weight:900}.rhythm-progress>div{background:#242475;border-radius:12px;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #03042b}.rhythm-progress i{border-radius:inherit;background:linear-gradient(90deg,#ffd128,#ff6b1b);width:5%;height:100%;display:block}.rhythm-progress small{color:#d8d8ff;margin-top:8px}.rhythm-path{z-index:1;gap:18px;width:min(1030px,100% - 40px);margin:auto;display:grid;position:relative}.rhythm-path-line{background:linear-gradient(#ffbe1b,#ff6a19 25%,#26cfff 48%,#8c3cf0 75%,#ffd31e);border-radius:8px;width:6px;position:absolute;top:35px;bottom:40px;left:37px;box-shadow:0 0 16px #ffbd2daa}.rhythm-step,.rhythm-activity,.rhythm-exit{background:linear-gradient(110deg,#292191e8,#14115fe8);border:2px solid #ffffff63;border-radius:25px;grid-template-columns:70px 92px 1fr auto;align-items:center;gap:18px;min-height:150px;padding:20px 24px 20px 12px;display:grid;position:relative;box-shadow:0 8px #05072f99,0 16px 32px #03052666}.rhythm-step.learn{background:linear-gradient(110deg,#078e61e8,#085177e8)}.step-number{z-index:2;background:#ff9218;border:5px solid #fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:24px;font-weight:1000;display:grid;position:relative;box-shadow:0 0 0 5px #ff921866,0 5px 10px #08063488}.learn .step-number{background:#13bd83}.step-icon{text-align:center;filter:drop-shadow(0 6px 5px #05042e77);font-size:62px}.step-copy small,.activity-copy small,.rhythm-exit small{color:#ffe375;letter-spacing:1.2px;text-transform:uppercase;font-weight:1000}.rhythm-step h2,.rhythm-activity h2,.rhythm-exit h2{margin:4px 0;font-size:27px}.rhythm-step p,.rhythm-activity p,.rhythm-exit p{color:#eef0ff;margin:0;font-size:15px;font-weight:700;line-height:1.4}.step-copy>span{color:#bfc7ff;align-items:center;gap:5px;margin-top:9px;font-size:12px;font-weight:900;display:flex}.step-copy svg{width:14px}.rhythm-step>button{color:#fff;cursor:pointer;background:#ffffff12;border:2px solid #ffffff6b;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.rhythm-step>button:hover{background:#37ce6d;border-color:#8cffad;box-shadow:0 0 20px #42df78}.step-action{color:#fff;cursor:pointer;background:#090b4e88;border:1px solid #ffffff7a;border-radius:11px;align-items:center;gap:6px;width:max-content;margin-top:11px;padding:8px 11px;font-size:12px;font-weight:1000;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 3px #03042d66}.step-action:hover{background:#ffffff24;transform:translateY(-2px)}.step-action svg{width:15px;height:15px}.warmup-actions{flex-wrap:wrap;gap:9px;display:flex}.warmup-actions .step-action{margin-top:11px}.rhythm-activity{background:linear-gradient(110deg,#065dc2,#102278 70%,#171260);border-color:#52e3ff;grid-template-columns:70px 125px 1fr auto;min-height:195px;box-shadow:0 8px #05072f99,0 0 30px #00bfff33}.rhythm-activity.purple{background:linear-gradient(110deg,#8f20c7,#3c188d 68%,#181168);border-color:#d46dff;box-shadow:0 8px #05072f99,0 0 30px #ba48ff33}.rhythm-activity.blue .step-number{background:#078eed}.rhythm-activity.purple .step-number{background:#ae30de}.activity-art{text-align:center;filter:drop-shadow(0 9px 5px #05042e88);font-size:88px;position:relative}.activity-art span{color:#ffea2d;font-size:28px;position:absolute;top:0;right:2px}.activity-tags{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.activity-tags span{color:#eaf3ff;background:#080c4a75;border-radius:10px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:900;display:flex}.activity-tags svg{width:13px}.rhythm-activity>a,.rhythm-exit>button{color:#5b1b00;background:linear-gradient(#ffe030,#ff8a00);border:2px solid #fff;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-width:190px;padding:14px 17px;font-weight:1000;text-decoration:none;transition:transform .2s,filter .2s;display:flex;box-shadow:0 5px #a43600,0 0 22px #ffb21b88}.rhythm-activity.purple>a{color:#06204f;background:linear-gradient(#78efff,#16b8ec);box-shadow:0 5px #086c9f,0 0 22px #40d9ff88}.rhythm-activity>a:hover,.rhythm-exit>button:hover{filter:brightness(1.1);transform:translateY(-3px)}.rhythm-activity>a svg{width:18px}.rhythm-exit{background:linear-gradient(110deg,#a64709,#a11337 54%,#64209a);border-color:#ffdd32;grid-template-columns:70px 92px 1fr auto}.rhythm-exit .step-number{background:#f1b900}.rhythm-exit>button{color:#073e17;cursor:pointer;background:linear-gradient(#70ed4c,#18a936);border:2px solid #fff;box-shadow:0 5px #087329,0 0 22px #51e83a77}.rhythm-exit>button svg{fill:currentColor;width:18px}.rhythm-footer{z-index:1;color:#c8d3ff;text-align:center;justify-content:center;align-items:center;gap:15px;margin:30px auto 0;font-weight:900;display:flex;position:relative}.rhythm-footer svg{color:#ffcf25}.rhythm-game-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040629e8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.rhythm-game-dialog{background:#081052;border:3px solid #61edff;border-radius:24px;grid-template-rows:auto 1fr;width:min(1180px,100%);height:min(780px,100vh - 36px);display:grid;overflow:hidden;box-shadow:0 25px 90px #000b,0 0 40px #21dfff55}.rhythm-game-dialog>header{background:linear-gradient(90deg,#0a7a85,#142078);justify-content:space-between;align-items:center;gap:20px;padding:13px 16px 13px 22px;display:flex;box-shadow:0 3px 14px #02042088}.rhythm-game-dialog h2{margin:2px 0 0;font-size:24px}.rhythm-game-dialog small{color:#fff283;letter-spacing:1.2px;font-weight:1000}.rhythm-game-dialog header>div:last-child{align-items:center;gap:10px;display:flex}.rhythm-game-dialog header a{color:#fff;align-items:center;gap:5px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.rhythm-game-dialog header a svg{width:16px}.rhythm-game-dialog header button{color:#fff;cursor:pointer;background:#ffffff18;border:1px solid #fff6;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.rhythm-game-dialog header button:hover{background:#ff4159}.rhythm-game-dialog header button svg{width:22px}.rhythm-game-dialog iframe{background:#fff;border:0;width:100%;height:100%}@media (max-width:900px){.rhythm-topbar{grid-template-columns:1fr auto}.rhythm-logo{display:none}.rhythm-hero{grid-template-columns:120px 1fr}.rhythm-drum{font-size:96px}.rhythm-progress{grid-column:1/3}.rhythm-step,.rhythm-activity,.rhythm-exit{grid-template-columns:60px 82px 1fr}.rhythm-activity{grid-template-columns:60px 95px 1fr}.rhythm-step>button,.rhythm-activity>a,.rhythm-exit>button{grid-column:3;width:max-content;margin-top:5px}.step-number{width:50px;height:50px}.step-icon{font-size:52px}.activity-art{font-size:70px}}@media (max-width:600px){.rhythm-page{padding-bottom:24px}.rhythm-topbar{width:calc(100% - 24px);height:68px}.rhythm-level{padding:8px 10px;font-size:12px}.rhythm-back{font-size:13px}.rhythm-hero{text-align:center;width:calc(100% - 20px);margin-top:4px;padding:22px 18px;display:block}.rhythm-drum{font-size:82px}.rhythm-kicker,.rhythm-meta{justify-content:center}.rhythm-hero h1{font-size:45px}.rhythm-hero p{font-size:14px}.rhythm-progress{text-align:left;margin-top:18px}.rhythm-path{gap:14px;width:calc(100% - 20px)}.rhythm-path-line{display:none}.rhythm-step,.rhythm-activity,.rhythm-exit{grid-template-columns:48px 1fr;gap:10px;min-height:0;padding:16px;display:grid}.step-number{border-width:3px;grid-row:1;width:44px;height:44px;font-size:19px}.step-icon,.activity-art{grid-area:2/1;font-size:42px}.step-copy,.activity-copy,.rhythm-exit>div:not(.step-icon){grid-area:1/2/3}.rhythm-step>button,.rhythm-activity>a,.rhythm-exit>button{grid-column:1/3;width:100%;min-width:0;margin-top:8px}.rhythm-step h2,.rhythm-activity h2,.rhythm-exit h2{font-size:23px}.rhythm-step p,.rhythm-activity p,.rhythm-exit p{font-size:13px}.warmup-actions .step-action{justify-content:center;width:100%}.activity-tags span{font-size:10px}.rhythm-footer{padding:0 20px;font-size:12px}.rhythm-game-backdrop{padding:0}.rhythm-game-dialog{border:0;border-radius:0;width:100%;height:100vh}.rhythm-game-dialog>header{padding:10px 12px}.rhythm-game-dialog h2{font-size:18px}.rhythm-game-dialog header a{display:none}}.melody-page{color:#fff;background:radial-gradient(circle at 75% 0,#167fc9 0,#0c4e8d 31%,#09245c 67%,#071344 100%);min-height:100vh;padding-bottom:36px;position:relative;overflow:hidden}.melody-page:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff2d 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000b,#0000 82%);mask-image:linear-gradient(#000b,#0000 82%)}.melody-glow{filter:blur(18px);opacity:.42;pointer-events:none;border-radius:50%;position:absolute}.melody-glow-one{background:#20f29a;width:380px;height:380px;top:170px;left:-150px}.melody-glow-two{background:#ff4db8;width:430px;height:430px;top:430px;right:-170px}.melody-topbar{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 40px);height:82px;margin:auto;display:grid;position:relative}.melody-back{color:#fff;align-items:center;gap:8px;font-weight:900;text-decoration:none;display:flex}.melody-back svg{width:20px}.melody-logo{text-shadow:0 3px #03163a;align-items:baseline;gap:6px;font-weight:1000;display:flex;transform:rotate(-1deg)}.melody-logo span{font-size:23px}.melody-logo b{color:#7dff9d;font-size:28px}.melody-logo small{font-size:16px}.melody-level{background:#ffffff17;border:1px solid #ffffff5c;border-radius:999px;justify-self:end;padding:10px 15px;font-weight:900;box-shadow:inset 0 1px #fff5}.melody-hero{z-index:1;background:radial-gradient(circle at 12% 65%,#ffe44344,#0000 30%),linear-gradient(125deg,#16a76d,#0ba1a4 42%,#2871c8 72%,#773bc3);border:3px solid #77ff9a;border-radius:33px;grid-template-columns:190px 1fr 260px;align-items:center;gap:25px;width:min(1180px,100% - 40px);min-height:305px;margin:6px auto 25px;padding:28px 34px;display:grid;position:relative;box-shadow:0 12px #03163899,0 24px 55px #020d3288,inset 0 0 50px #54ffbc38}.melody-hero:after{content:"";pointer-events:none;border:1px dashed #ffffff4a;border-radius:23px;position:absolute;inset:10px}.melody-mascot{z-index:1;filter:drop-shadow(0 13px 7px #052e4888);font-size:120px;position:relative}.melody-mascot span{color:#fff032;font-size:45px;position:absolute;top:-5px;right:2px}.melody-kicker{color:#fff19d;letter-spacing:1.6px;align-items:center;gap:7px;font-size:13px;font-weight:1000;display:flex}.melody-kicker svg{width:18px}.melody-hero h1{letter-spacing:-2px;text-shadow:0 4px #07516a;margin:7px 0 10px;font-size:clamp(38px,5vw,66px);line-height:.92}.melody-hero h1 em{color:#dfff35;font-style:normal}.melody-hero p{max-width:610px;margin:0;font-size:17px;font-weight:800;line-height:1.35}.melody-meta{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.melody-meta span{background:#07134d99;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:900;display:flex}.melody-meta svg{width:15px}.melody-progress{z-index:1;background:#06164daa;border:1px solid #ffffff59;border-radius:20px;padding:17px;position:relative;box-shadow:inset 0 1px #ffffff3f}.melody-progress b,.melody-progress span,.melody-progress small{display:block}.melody-progress span{color:#dcff7e;margin:5px 0 12px;font-weight:900}.melody-progress>div{background:#173574;border-radius:12px;height:12px;overflow:hidden}.melody-progress i{border-radius:inherit;background:linear-gradient(90deg,#65ef77,#dfff35);width:5%;height:100%;display:block}.melody-progress small{color:#d2e5ff;margin-top:8px}.melody-path{z-index:1;gap:18px;width:min(1040px,100% - 40px);margin:auto;display:grid;position:relative}.melody-path-line{background:linear-gradient(#6fff88,#31e7d5 28%,#34aaff 54%,#a85df4 76%,#ff6dbb);border-radius:8px;width:6px;position:absolute;top:35px;bottom:42px;left:38px;box-shadow:0 0 17px #59f7ad}.melody-step,.melody-finale{background:linear-gradient(110deg,#087b5fe8,#075c72e8 58%,#103d75e8);border:2px solid #7dffad;border-radius:25px;grid-template-columns:72px 100px 1fr auto 52px;align-items:center;gap:16px;min-height:175px;padding:20px 20px 20px 12px;display:grid;position:relative;box-shadow:0 8px #03163899,0 16px 35px #020d3266}.melody-step.aqua{background:linear-gradient(110deg,#068a8a,#076777 62%,#133d7b);border-color:#64f5ef}.melody-step.blue{background:linear-gradient(110deg,#0878c2,#19499a 62%,#26387d);border-color:#62cfff}.melody-step.violet{background:linear-gradient(110deg,#7541bf,#5a319f 58%,#20357d);border-color:#ce7fff}.melody-number{z-index:2;background:#24bf72;border:5px solid #fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:24px;font-weight:1000;display:grid;position:relative;box-shadow:0 0 0 5px #4ff99a55,0 5px 10px #020d3288}.aqua .melody-number{background:#0ebec0}.blue .melody-number{background:#168cd8}.violet .melody-number{background:#9451dc}.melody-icon{text-align:center;filter:drop-shadow(0 7px 5px #020d3277);font-size:67px}.melody-copy small{color:#edff78;letter-spacing:1.2px;text-transform:uppercase;font-weight:1000}.melody-copy h2{margin:4px 0;font-size:28px}.melody-copy p{color:#eff8ff;margin:0;font-size:15px;font-weight:700;line-height:1.4}.melody-tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.melody-tags span{background:#06154a7d;border-radius:10px;padding:6px 9px;font-size:11px;font-weight:900}.melody-step>a,.melody-finale>a{color:#084627;background:linear-gradient(#e8ff4f,#61e655);border:2px solid #fff;border-radius:17px;justify-content:center;align-items:center;gap:7px;min-width:190px;padding:14px 16px;font-weight:1000;text-decoration:none;transition:transform .2s,filter .2s;display:flex;box-shadow:0 5px #14883a,0 0 22px #85fa6890}.melody-step>a:hover,.melody-finale>a:hover{filter:brightness(1.08);transform:translateY(-3px)}.melody-step>a svg,.melody-finale>a svg{width:18px}.melody-step>button,.melody-finale>button{color:#fff;cursor:pointer;background:#ffffff12;border:2px solid #ffffff70;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.melody-step>button:hover,.melody-finale>button:hover{background:#39d973;border-color:#a2ffbd}.melody-finale{background:linear-gradient(110deg,#c22b78,#8b2d94 54%,#3d318d);border-color:#ff86c3}.melody-finale .melody-number{background:#eb4b9d;box-shadow:0 0 0 5px #ff6fba55,0 5px 10px #020d3288}.melody-finale>a{color:#5a2500;background:linear-gradient(#ffd84e,#ff8d2d);box-shadow:0 5px #a94c0c,0 0 22px #ffbc4e88}.melody-footer{z-index:1;color:#cce6ff;text-align:center;justify-content:center;align-items:center;gap:15px;margin:30px auto 0;font-weight:900;display:flex;position:relative}.melody-footer svg{color:#dfff35}@media (max-width:900px){.melody-topbar{grid-template-columns:1fr auto}.melody-logo{display:none}.melody-hero{grid-template-columns:120px 1fr}.melody-mascot{font-size:88px}.melody-progress{grid-column:1/3}.melody-step,.melody-finale{grid-template-columns:60px 82px 1fr}.melody-step>a,.melody-finale>a{grid-column:3;width:max-content;margin-top:5px}.melody-step>button,.melody-finale>button{position:absolute;top:18px;right:18px}}@media (max-width:600px){.melody-page{padding-bottom:24px}.melody-topbar{width:calc(100% - 24px);height:68px}.melody-level{padding:8px 10px;font-size:12px}.melody-back{font-size:13px}.melody-hero{text-align:center;width:calc(100% - 20px);margin-top:4px;padding:22px 18px;display:block}.melody-mascot{font-size:76px}.melody-kicker,.melody-meta{justify-content:center}.melody-hero h1{font-size:43px}.melody-hero p{font-size:14px}.melody-progress{text-align:left;margin-top:18px}.melody-path{gap:14px;width:calc(100% - 20px)}.melody-path-line{display:none}.melody-step,.melody-finale{grid-template-columns:48px 1fr;gap:10px;min-height:0;padding:16px;display:grid}.melody-number{border-width:3px;width:44px;height:44px;font-size:19px}.melody-icon{grid-area:2/1;font-size:43px}.melody-copy{grid-area:1/2/3;padding-right:26px}.melody-step>a,.melody-finale>a{grid-column:1/3;width:100%;min-width:0;margin-top:7px}.melody-copy h2{font-size:23px}.melody-copy p{font-size:13px}.melody-footer{padding:0 20px;font-size:12px}}.listening-page{background:radial-gradient(circle at 75% 0,#117dcc 0,#0b3e8b 34%,#091f60 67%,#071344 100%)}.listening-page .melody-glow-one{background:#28dfff}.listening-page .melody-glow-two{background:#5f4bff}.listening-page .melody-logo b{color:#6eeeff}.listening-page .melody-hero{background:radial-gradient(circle at 12% 65%,#35efff44,#0000 30%),linear-gradient(125deg,#087cae,#086fc1 42%,#3146ba 72%,#6c31a9);border-color:#70eaff;box-shadow:0 12px #03163899,0 24px 55px #020d3288,inset 0 0 50px #4eefff38}.listening-page .melody-hero h1 em{color:#75f5ff}.listening-page .melody-progress span{color:#8ef7ff}.listening-page .melody-progress i{background:linear-gradient(90deg,#2be6ff,#6b8dff)}.listening-page .melody-path-line{background:linear-gradient(#37e8ff,#2dbfff 28%,#4c82ff 54%,#8a5dff 76%,#d85dff);box-shadow:0 0 17px #42dfff}.listening-page .melody-step{background:linear-gradient(110deg,#087e9e,#075d96 58%,#173b83);border-color:#65eaff}.listening-page .melody-step.aqua{background:linear-gradient(110deg,#0876a3,#0a5f9a 62%,#243e8a);border-color:#5bd8ff}.listening-page .melody-step.blue{background:linear-gradient(110deg,#1768b4,#244fa1 62%,#303988);border-color:#66a9ff}.listening-page .melody-step.violet{background:linear-gradient(110deg,#5946ba,#513796 58%,#29347d);border-color:#ad83ff}.listening-page .melody-number{background:#0baac5;box-shadow:0 0 0 5px #42dfff55,0 5px 10px #020d3288}.listening-page .melody-step>a{color:#07345c;background:linear-gradient(#6ff7ff,#35b9ff);box-shadow:0 5px #0878ab,0 0 22px #4ddfff90}.listening-page .listening-finale{background:linear-gradient(110deg,#7a3bc0,#5537a2 54%,#26377f);border-color:#e27fff}.listening-page .listening-finale .melody-number{background:#8b58df}.listening-page .listening-finale>a{color:#32105d;background:linear-gradient(#f3a4ff,#9b65ff);box-shadow:0 5px #5b2da4,0 0 22px #bd79ff88}.listening-page .melody-footer svg{color:#65efff}.listening-mascot{font-size:132px}.listening-mascot span{color:#65f3ff;font-size:40px}.instrument-page{background:radial-gradient(circle at 75% 0,#7137d0 0,#3c218c 35%,#24145f 68%,#130a3c 100%)}.instrument-page .melody-hero{background:radial-gradient(circle at 12% 65%,#ffe44344,#0000 30%),linear-gradient(125deg,#873ac1,#6035ba 48%,#264fb4);border-color:#d39aff}.instrument-page .melody-logo b{color:#e4a8ff}.instrument-page .melody-glow-one{background:#c15cff}.instrument-page .melody-glow-two{background:#39d5ff}.compose-page{background:radial-gradient(circle at 75% 0,#c7258b 0,#791b73 35%,#3d185f 68%,#210b43 100%)}.compose-page .melody-hero{background:radial-gradient(circle at 12% 65%,#ffe44344,#0000 30%),linear-gradient(125deg,#d7398e,#a1319d 48%,#5631a7);border-color:#ff91d1}.compose-page .melody-logo b{color:#ff9bd7}.compose-page .melody-glow-one{background:#ff4dad}.compose-page .melody-glow-two{background:#ffc83d}.world-page{background:radial-gradient(circle at 75% 0,#0ca8b3 0,#087386 35%,#11456e 68%,#092746 100%)}.world-page .melody-hero{background:radial-gradient(circle at 12% 65%,#ffe44344,#0000 30%),linear-gradient(125deg,#16a86a,#079d9c 48%,#1765ae);border-color:#70fff3}.world-page .melody-logo b{color:#7dffe5}.world-page .melody-glow-one{background:#35ff9b}.world-page .melody-glow-two{background:#30cfff}.theory-page{background:radial-gradient(circle at 75% 0,#e39b13 0,#a25a15 35%,#66304f 68%,#2d1748 100%)}.theory-page .melody-hero{background:radial-gradient(circle at 12% 65%,#fff18e44,#0000 30%),linear-gradient(125deg,#d0831d,#bf4e56 48%,#733b9c);border-color:#ffe26b}.theory-page .melody-logo b{color:#ffe26b}.theory-page .melody-glow-one{background:#ffcb3c}.theory-page .melody-glow-two{background:#ff62b4}.zone-video-actions{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.zone-video-actions a,.zone-launch{color:#084627;cursor:pointer;background:linear-gradient(#e8ff4f,#61e655);border:2px solid #fff;border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:1000;text-decoration:none;display:flex;box-shadow:0 4px #14883a}.zone-video-actions svg,.zone-launch svg{width:16px}.melody-step>.zone-launch{border-radius:17px;min-width:190px;padding:14px 16px;font-size:14px}.zone-modal{z-index:30;background:#fff;border:4px solid #74efff;border-radius:28px;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:2.5vh 4vw;overflow:hidden;box-shadow:0 0 0 100vmax #040624dd,0 20px 70px #000}.zone-modal header{color:#fff;background:linear-gradient(110deg,#148a88,#18378e);justify-content:space-between;align-items:center;gap:20px;padding:18px 25px;display:flex}.zone-modal header small{color:#fff273;letter-spacing:1px;font-weight:1000}.zone-modal header h2{margin:4px 0 0}.zone-modal header>div:last-child{align-items:center;gap:12px;display:flex}.zone-modal header a{color:#fff;font-weight:900}.zone-modal header button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #fff8;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.zone-modal iframe{border:0;width:100%;height:100%}@media (max-width:600px){.zone-modal{inset:1vh 2vw}.zone-modal header{padding:12px}.zone-modal header a{display:none}.melody-step>.zone-launch{grid-column:1/3;width:100%;min-width:0}.zone-video-actions a{flex:1}}:root{--navy:#081556;--violet:#281284;--ink:#09113f}*{box-sizing:border-box}html,body{background:#09104b;min-height:100%;margin:0}body{color:#fff;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;overflow-x:hidden}button{font:inherit}.reference-stage{background:radial-gradient(circle at 65% 0,#2e68e5 0,#131b70 45%,#080d43 100%);place-items:center;width:100%;min-height:100vh;display:grid;overflow:hidden}.reference-canvas{aspect-ratio:3/2;width:min(100vw,150vh);max-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 55px #03052580}.reference-canvas>img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.reference-hotspots{pointer-events:none;position:absolute;inset:0}.reference-hotspots button,.reference-hotspots a{pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0;transition:transform .2s,box-shadow .2s,background .2s;position:absolute}.reference-hotspots button:hover,.reference-hotspots a:hover{background:#ffffff08;transform:translateY(-4px);box-shadow:0 10px 28px #10025c55,inset 0 0 0 2px #fff6}.hot-sidebar-rhythm{width:15.4%;height:4.8%;top:39.5%;left:1.1%}.hot-sidebar-melody{width:15.4%;height:4.8%;top:44.4%;left:1.1%}.hot-sidebar-listening{width:15.4%;height:4.8%;top:49.2%;left:1.1%}.hot-sidebar-instruments{width:15.4%;height:4.8%;top:54.1%;left:1.1%}.hot-sidebar-compose{width:15.4%;height:4.8%;top:59%;left:1.1%}.hot-sidebar-world{width:15.4%;height:4.8%;top:63.9%;left:1.1%}.hot-sidebar-theory{width:15.4%;height:4.8%;top:68.8%;left:1.1%}.hot-sidebar-games{width:15.4%;height:4.8%;top:73.7%;left:1.1%}.hot-home{width:15.4%;height:4.8%;top:28%;left:1.1%}.hot-mission{width:13.9%;height:6.2%;top:32%;left:83.8%}.hot-module{width:10.6%;height:29.9%;top:41.7%}.hot-module-1{left:18.2%}.hot-module-2{left:29.4%}.hot-module-3{left:40.2%}.hot-module-4{left:51%}.hot-module-5{left:61.8%}.hot-module-6{left:72.6%}.hot-module-7{width:8.9%;left:81.4%}.hot-module-8{width:8.6%;left:90.6%}.responsive-app{display:none}.app-shell{background:radial-gradient(circle at 65% -20%,#2a7eff 0,#121b70 48%,#080d43 100%);min-height:100vh}.sidebar{z-index:40;background:radial-gradient(circle at 30% 4%,#8030e7,#281180 43%,#0b185b 100%);border-radius:0 25px 25px 0;flex-direction:column;width:268px;padding:14px 16px 18px;transition:none;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 35px #03062c66}.brand{text-shadow:0 5px #09052f,0 0 2px #09052f;flex-direction:column;justify-content:center;align-items:center;height:260px;line-height:.8;display:flex;transform:rotate(-2deg)}.brand span,.brand strong{color:#fff;-webkit-text-stroke:2px #100a39;font-size:54px;font-weight:1000}.brand b{letter-spacing:-6px;color:#0000;-webkit-text-stroke:2px #fff;filter:drop-shadow(0 5px #09052f);background:linear-gradient(100deg,#38dfff,#65fa5a 37%,#ffd634 63%,#ff57ba);-webkit-background-clip:text;font-size:64px}.brand strong{font-size:46px}.brand small{letter-spacing:.3px;background:#080528;border:1px solid #ff68dc;border-radius:14px;margin-top:14px;padding:8px 11px;font-size:10px}.sidebar nav{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex}.sidebar nav button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:24px;align-items:center;gap:13px;min-height:43px;padding:8px 14px;font-size:16px;font-weight:800;display:flex}.sidebar nav button:hover{background:#ffffff18;transform:translate(3px)}.sidebar nav i{text-align:center;width:28px;font-size:24px;font-style:normal}.sidebar nav svg{width:26px}.sidebar nav .nav-active{color:#6322bd;background:#fff;font-size:18px;box-shadow:0 5px 15px #05052f66}.game-card{border-radius:22px;position:relative;box-shadow:0 7px #07104eaa,0 12px 24px #04072f40}.badge{align-items:center;gap:8px;display:flex}.game-button{cursor:pointer;border:0;font-weight:900}.badge-card{background:linear-gradient(145deg,#203496,#12115b);border:2px solid #6038d0;align-items:center;min-height:137px;padding:12px 8px;display:flex}.badge-card .mascot{font-size:55px}.badge-card div{flex-direction:column;display:flex}.badge-card b{color:#ffd21c;font-size:22px}.badge-card small{font-size:12px}.badge-card svg{margin-left:auto}.mobile-close{display:none}.content{min-height:100vh;margin-left:268px;padding:14px 16px 10px}.topnav{justify-content:flex-end;align-items:center;gap:12px;height:66px;display:flex}.top-spacer{flex:1}.topnav>.badge,.profile{color:#08103f;background:#edf5ff;border:1px solid #fff;border-radius:25px;height:51px;padding:0 20px;box-shadow:0 5px 10px #040a4860}.xp span{font-size:26px}.streak svg{color:#ff4e21;fill:#ff822b}.divider{background:#b4bed6;width:1px;height:30px;margin-left:-22px}.profile{border:0;align-items:center;gap:10px;min-width:212px;display:flex}.profile .avatar{font-size:38px}.profile span{text-align:left;flex-direction:column;display:flex}.profile small{font-weight:700}.profile svg{margin-left:auto}.menu-btn{display:none}.hero{grid-template-columns:1.2fr 1fr;gap:14px;height:334px;display:grid}.hero-copy{background:linear-gradient(160deg,#7bcaff 0,#f9cbef 34%,#fff7be 59%,#55c947 59%,#07843c 100%);border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #fff8}.hero-copy:before{content:"";background:repeating-conic-gradient(from 235deg at 52% 53%,#ffffff2e 0 8deg,transparent 8deg 17deg);position:absolute;inset:0}.hero-copy h1{color:#07103f;letter-spacing:-2px;text-shadow:0 3px #fff;margin:30px 0 0 110px;font-size:51px;line-height:.93;position:relative;transform:rotate(-1deg)}.hero-copy h1 em{color:#ea2768;font-style:normal}.hero-copy p{color:#0c1649;text-align:center;margin:11px 0 0 220px;font-size:17px;font-weight:800;position:relative}.floating-notes{color:#4132df;font-size:25px;position:absolute;top:20px;right:35px}.sign{flex-direction:column;display:flex;position:absolute;bottom:54px;left:45px;transform:rotate(-4deg)}.sign b{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);background:#ec2f63;border:3px solid #76204d;margin:-2px;padding:5px 18px;font-size:16px}.sign b:first-child{background:#1477e5}.sign b:nth-child(2){background:#8b35d1}.sign b:nth-child(4){background:#ef6f21}.road{color:#f6d173;font-size:150px;position:absolute;bottom:-35px;left:250px;transform:rotate(-6deg)}.music-school{color:#c42434;text-align:center;background:#f39123;border:8px solid #e1b343;border-radius:50px 50px 10px 10px;width:100px;height:110px;font-size:86px;position:absolute;bottom:24px;right:40px}.mission{background:radial-gradient(circle at 75% 25%,#191476,#060841 70%);border:3px solid #3826c7;padding:18px 18px 13px;overflow:hidden}.mission-title{align-items:center;gap:12px;display:flex}.mission-title span{font-size:35px}.mission h2{margin:0;font-size:23px}.mission-body{display:flex}.mission ul{z-index:1;margin:9px 0 8px;padding:0;font-size:17px;font-weight:800;line-height:30px;list-style:none}.mission ul span{margin-left:10px}.mission-kid{align-self:end;margin-left:auto;font-size:88px}.mission-kid span{margin-left:-40px;font-size:72px}.mission-footer{border-top:2px solid #342491;align-items:center;gap:14px;padding-top:10px;display:flex}.mission-footer>div{flex:1;grid-template-columns:1fr auto;gap:5px;display:grid}.mission-footer .progress{background:#242367;border-radius:9px;grid-column:1/3;height:8px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#7528ff,#00e2ec);height:100%;display:block}.mission-footer button{color:#fff;white-space:nowrap;background:linear-gradient(#ffbd06,#ff5c00);border:3px solid #ffd03e;border-radius:22px;padding:11px 17px;font-size:20px;box-shadow:0 4px #b42d00,0 0 18px #ff9a00aa}.mission-footer button span{color:#f27600;background:#fff;border-radius:50%;padding:5px}.modules{grid-template-columns:repeat(8,minmax(120px,1fr));gap:10px;margin-top:14px;display:grid}.module{text-align:center;border:3px solid #ffffff70;flex-direction:column;align-items:center;height:303px;padding:10px;display:flex;overflow:hidden}.module-bg{z-index:-1;position:absolute;inset:0}.module:after{content:"✦  ♪  ✧";color:#ffe52c;font-size:18px;position:absolute;top:82px;left:10px}.module h3{text-shadow:0 3px #3a104f;margin:2px 0;font-size:23px;line-height:.95}.module h3 span{display:block}.module-art{filter:drop-shadow(0 8px 5px #30103588);z-index:1;align-items:center;height:125px;font-size:75px;display:flex}.module p{margin:auto 0 7px;font-size:13px;font-weight:800;line-height:1.05}.explore{color:#5d21bb;background:#fff;border-radius:19px;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;display:flex;box-shadow:0 3px #ddd}.explore svg{color:#fff;background:currentColor;border-radius:50%;width:18px;height:18px;padding:3px}.lower{grid-template-columns:1.05fr 1.4fr 1.12fr;gap:10px;margin-top:14px;display:grid}.lower>.game-card{height:215px}.whats{background:linear-gradient(150deg,#52209c,#15105e);border:2px solid #9d3dda;padding:12px 19px}.lower h2{margin:0 0 8px;font-size:20px}.news{border-bottom:1px solid #8164bc;align-items:center;gap:10px;height:52px;display:flex}.news>span{font-size:35px}.news p{flex-direction:column;flex:1;margin:0;display:flex}.news small{font-size:12px}.news .badge{color:#1f1253;background:#ffd300;border-radius:7px;padding:5px;font-size:11px;font-weight:900}.unlock{text-align:center;color:#19124f;background:linear-gradient(#fff1bf,#fff7e5);border:2px solid #32bdd7;justify-content:center;align-items:center;padding:10px 16px;display:flex;position:relative}.unlock .chest{font-size:75px}.unlock h2{color:#6520b6}.unlock p{margin:0;font-size:13px}.journey{align-items:center;margin:12px 0 6px;display:flex}.journey i{color:#fff;background:#51cf27;border:4px solid #166d1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 10px #7be348}.journey span{background:#f4cc59;width:38px;height:8px}.journey i:nth-of-type(3){background:#ff9709}.journey .locked{background:#777;border-color:#555}.journey svg{width:18px}.unlock>button{color:#fff;background:linear-gradient(#a62ce4,#5416a8);border-radius:20px;align-items:center;padding:8px 13px;display:flex;position:absolute;bottom:8px;right:10px}.quote{background:linear-gradient(135deg,#138b44,#00682e);border:2px solid #17c969;padding:14px 20px;overflow:hidden}.quote blockquote{margin:30px 0 16px;font-size:20px;font-weight:900;line-height:1.45}.quote-girl{text-align:center;font-size:60px;position:absolute;bottom:-22px;right:10px}.quick{grid-template-columns:1fr 1.15fr 1.15fr 1.25fr 1.65fr;gap:10px;height:47px;margin-top:12px;display:grid}.quick>*{color:#fff;background:linear-gradient(#2b2a91,#15135c);border:0;border-radius:19px;justify-content:center;align-items:center;gap:12px;font-weight:800;display:flex}.quick>b{color:#ffe313;font-size:18px}.quick svg{color:#ff71db;fill:currentColor}.quick b svg{color:#ffbf00}.backdrop{display:none}@media (max-width:1200px){.content{margin-left:230px}.sidebar{width:230px}.brand{height:220px}.brand b{font-size:52px}.brand span{font-size:45px}.brand strong{font-size:38px}.sidebar nav button{min-height:38px;font-size:14px}.badge-card{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy h1{margin-left:50px;font-size:42px}.hero-copy p{margin-left:150px}.modules{grid-template-columns:repeat(4,1fr)}.module{height:280px}.lower{grid-template-columns:1fr 1fr}.quote{grid-column:1/3}.quick{grid-template-columns:repeat(3,1fr);height:auto}.quick>*{min-height:48px}}@media (max-width:800px){.sidebar{border-radius:0 22px 22px 0;width:min(86vw,310px);overflow:auto;transform:translate(-105%)}.sidebar .brand{min-height:230px}.mobile-close{color:#fff;background:#fff2;border:0;border-radius:50%;padding:6px;display:block;position:absolute;top:12px;right:12px}.content{margin-left:0;padding:8px 10px}.topnav{height:58px}.menu-btn{color:#fff;background:#ffffff20;border:0;border-radius:13px;padding:9px;display:flex}.divider{display:none}.topnav>.badge{height:43px;padding:0 12px}.streak{display:none}.profile{width:54px;min-width:0;height:48px;padding:4px}.profile>span:not(.avatar),.profile svg{display:none}.hero{grid-template-columns:1fr;height:auto}.hero-copy{height:310px}.hero-copy h1{margin:28px 0 0 28px;font-size:38px}.hero-copy p{margin:10px 20px 0 100px}.mission{min-height:330px}.modules{grid-template-columns:repeat(2,1fr)}.module{height:290px}.lower{grid-template-columns:1fr}.lower>.game-card{height:auto;min-height:210px}.quote{grid-column:auto}.unlock{padding-bottom:50px}.quick{grid-template-columns:1fr 1fr}.quick b{grid-column:1/3}.backdrop{z-index:35;background:#030520aa;border:0;display:block;position:fixed;inset:0}}@media (max-width:420px){.hero-copy h1{font-size:33px}.hero-copy p{margin-left:80px;font-size:14px}.sign{left:18px}.music-school{right:15px}.module h3{font-size:21px}.quick{grid-template-columns:1fr}.quick b{grid-column:auto}.mission-footer{flex-direction:column;align-items:stretch}.mission-footer button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.game-card,.game-button{transform:none!important}}@media (max-width:600px){.reference-stage{display:none}.responsive-app{display:block}.module-bg{z-index:0}.module h3,.module-art,.module p,.module .explore{z-index:1;position:relative}}@media (max-width:800px){.sidebar.sidebar-open{transform:translate(0)}}.history-page{--ink:#fff;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 78% 0,#b63f64 0,#6b245f 30%,#32195a 64%,#160d39 100%);padding:0 5vw 54px;font-family:Arial,sans-serif;position:relative;overflow:hidden}.history-glow{filter:blur(110px);opacity:.23;pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute}.history-glow.one{background:#ffb82e;top:360px;left:-180px}.history-glow.two{background:#32e6cf;top:680px;right:-160px}.history-topbar{z-index:2;border-bottom:1px solid #ffffff24;grid-template-columns:1fr auto 1fr;align-items:center;min-height:94px;display:grid;position:relative}.history-topbar>a{color:#fff;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.history-topbar>a svg{width:19px}.history-logo{text-align:center;line-height:.88}.history-logo span,.history-logo b,.history-logo small{display:block}.history-logo span{font-size:24px;font-weight:900}.history-logo b{letter-spacing:6px;color:#ffe36c;font-size:15px}.history-logo small{letter-spacing:2px;margin-top:6px;font-weight:900}.history-badge{background:#ffffff12;border:1px solid #fff5;border-radius:30px;justify-self:end;padding:10px 16px;font-weight:800}.history-hero{z-index:1;background:radial-gradient(circle at 80% 35%,#ffd25636,#0000 30%),linear-gradient(125deg,#c16527,#a5355f 48%,#56348f);border:3px solid #ffd86a;border-radius:30px;justify-content:space-between;align-items:center;max-width:1200px;margin:32px auto 18px;padding:42px 55px;display:flex;position:relative;box-shadow:0 22px 55px #08031f66}.history-kicker{color:#fff17b;letter-spacing:1.4px;align-items:center;gap:8px;font-size:13px;font-weight:1000;display:flex}.history-kicker svg{width:17px}.history-hero h1{margin:12px 0 14px;font-size:clamp(38px,5vw,68px);line-height:.98}.history-hero h1 em{color:#ffe86d;font-style:normal}.history-hero p{color:#fff;max-width:690px;margin:0;font-size:18px;line-height:1.5}.history-meta{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.history-meta span{background:#160d3955;border-radius:12px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.history-meta svg{width:17px}.history-orbit{filter:drop-shadow(0 15px 14px #22072c88);flex:0 0 210px;place-items:center;height:210px;font-size:96px;display:grid;position:relative}.history-orbit span,.history-orbit i{font-size:42px;font-style:normal;position:absolute}.history-orbit span{color:#ffe86d;top:16px;right:9px}.history-orbit i{bottom:8px;left:0}.history-jump{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px;margin:24px auto 45px;display:flex;position:relative}.history-jump a{color:#fff;background:#ffffff12;border:1px solid #fff4;border-radius:18px;padding:11px 18px;font-size:13px;font-weight:900;text-decoration:none}.history-jump a:hover{color:#4a214a;background:#ffe86d}.history-collection{z-index:1;max-width:1200px;margin:0 auto 54px;scroll-margin-top:20px;position:relative}.history-heading{align-items:center;gap:13px;margin-bottom:18px;display:flex}.history-heading>span{color:#5b2750;background:#ffe86d;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:1000;display:grid;box-shadow:0 5px #c98927}.history-heading small{color:#63f0de;letter-spacing:1.4px;font-weight:900}.history-heading h2{margin:2px 0 0;font-size:28px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.history-card{background:#ffffff0e;border:2px solid #ffffff27;border-radius:22px;overflow:hidden;box-shadow:0 14px 28px #09041f55}.history-card>button{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.history-art{background:linear-gradient(155deg,#ffbd33,#df526b 58%,#7441aa);flex:0 0 110px;place-items:center;min-height:190px;font-size:54px;display:grid;position:relative}.history-art i{color:#8c315c;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:10px;right:9px;box-shadow:0 5px 12px #41133855}.history-art i svg{fill:currentColor;width:17px}.history-card-copy{flex-direction:column;padding:18px 16px;display:flex}.history-card-copy small{color:#73efdc;letter-spacing:.7px;font-size:10px;font-weight:1000}.history-card h3{margin:7px 0;font-size:18px;line-height:1.12}.history-card p{color:#eee5f6;margin:0 0 14px;font-size:12px;line-height:1.45}.history-card b{color:#ffe86d;align-items:center;gap:5px;margin-top:auto;font-size:12px;display:flex}.history-card b svg{fill:currentColor;width:14px}.history-card:hover{border-color:#ffe86d;transition:all .18s;transform:translateY(-3px)}.history-footer{z-index:1;color:#ffe86d;text-align:center;border-top:1px solid #fff3;justify-content:center;align-items:center;gap:18px;max-width:900px;margin:20px auto 0;padding:18px;font-weight:900;display:flex;position:relative}.history-footer svg{width:20px}.history-modal{z-index:30;background:#000;border:4px solid #ffe36c;border-radius:28px;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:3vh 4vw;overflow:hidden;box-shadow:0 0 0 100vmax #080319e8,0 20px 70px #000}.history-modal header{background:linear-gradient(110deg,#b24c30,#8d285f 50%,#4a2a83);justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;display:flex}.history-modal header small{color:#ffe36c;letter-spacing:1px;font-weight:1000}.history-modal header h2{margin:3px 0 0}.history-modal header button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #fff8;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.history-modal iframe{border:0;width:100%;height:100%}@media (max-width:900px){.history-grid{grid-template-columns:repeat(2,1fr)}.history-orbit{flex-basis:150px;font-size:75px}.history-hero{padding:34px}.history-topbar{grid-template-columns:1fr 1fr}.history-logo{display:none}}@media (max-width:620px){.history-page{padding:0 16px 38px}.history-badge{display:none}.history-topbar{grid-template-columns:1fr}.history-hero{padding:26px 22px}.history-orbit{display:none}.history-grid{grid-template-columns:1fr}.history-art{flex-basis:92px}.history-jump{justify-content:flex-start}.history-modal{inset:1vh 2vw}.history-modal header{padding:12px}.history-modal header h2{font-size:17px}}.history-card>.history-watch{height:auto;min-height:190px}.history-card>.history-assess{color:#ffe86d;text-align:center;background:#ffe86d18;border:1px solid #ffe86d88;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 24px);height:auto;margin:0 12px 12px;padding:11px 12px;font-size:12px;font-weight:900;display:flex}.history-assess svg{width:17px}.video-actions{align-items:center;gap:10px;display:flex}.history-modal header .video-assess{border-radius:12px;gap:7px;width:auto;padding:0 14px;font-weight:900;display:flex}.video-assess svg{width:18px}.assessment-modal{z-index:40;background:#241349;border:4px solid #63f0de;border-radius:28px;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:2vh 5vw;overflow:hidden;box-shadow:0 0 0 100vmax #080319ed,0 20px 70px #000}.assessment-modal>header{background:linear-gradient(110deg,#087f8c,#28649a 55%,#56348f);justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;display:flex}.assessment-modal>header small{color:#ffe86d;letter-spacing:1px;font-weight:1000}.assessment-modal>header h2{margin:3px 0 0}.assessment-modal>header button{color:#fff;cursor:pointer;background:0 0;border:0}.assessment-modal>header svg{width:34px;height:34px}.assessment-body{padding:24px;overflow:auto}.assessment-intro,.assessment-score{background:#ffffff13;border-radius:18px;align-items:center;gap:16px;max-width:900px;margin:0 auto 22px;padding:18px 22px;display:flex}.assessment-intro{flex-wrap:wrap}.assessment-intro b{font-size:19px}.assessment-intro span{color:#eee5f6}.assessment-intro strong{color:#ffe86d;margin-left:auto}.assessment-score>span{font-size:45px}.assessment-score h3{margin:3px 0;font-size:28px}.assessment-score p{margin:0}.assessment-score.pass{border:2px solid #63f0de}.assessment-score.practice{border:2px solid #ffe86d}.assessment-list{counter-reset:none;gap:15px;max-width:900px;margin:0 auto;padding:0;list-style:none;display:grid}.assessment-list>li{background:#ffffff0c;border:1px solid #ffffff29;border-radius:17px;padding:18px}.assessment-list>li.correct{border-color:#63f0de}.assessment-list>li.incorrect{border-color:#ff7891}.assessment-list h3{align-items:flex-start;gap:10px;margin:0 0 13px;font-size:17px;display:flex}.assessment-list h3>span{color:#492148;background:#ffe86d;border-radius:9px;flex:0 0 30px;place-items:center;height:30px;font-size:14px;display:grid}.assessment-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.assessment-options label{color:#f5eff9;cursor:pointer;background:#ffffff0c;border-radius:11px;align-items:center;gap:9px;padding:11px;font-size:13px;display:flex}.assessment-options label:has(input:checked){background:#ffe86d18;outline:2px solid #ffe86d}.assessment-options input{accent-color:#ffe86d}.assessment-options svg{width:18px;margin-left:auto}.assessment-options label svg:first-of-type{color:#63f0de}.answer-note{color:#ffb8c4;margin:11px 0 0;font-size:13px}.assessment-submit{color:#4b2149;cursor:pointer;background:#ffe86d;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:240px;margin:24px auto 8px;padding:14px 22px;font-size:15px;font-weight:1000;display:flex}.assessment-submit:disabled{opacity:.4;cursor:not-allowed}.assessment-submit.retry{background:#63f0de}.assessment-submit svg{width:18px}@media (max-width:620px){.video-assess{font-size:0}.video-assess svg{margin:0}.assessment-modal{inset:1vh 2vw}.assessment-modal>header{padding:12px}.assessment-modal>header h2{font-size:16px}.assessment-body{padding:14px}.assessment-options{grid-template-columns:1fr}.assessment-intro strong{width:100%;margin-left:0}}.games-page{color:#fff;background:radial-gradient(circle at 80% 10%,#f78c3266,#0000 30%),linear-gradient(145deg,#151442,#321861 55%,#601d55);min-height:100vh;padding:0 5vw 45px;font-family:Arial,sans-serif;overflow:hidden}.games-top{border-bottom:1px solid #ffffff26;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;display:grid}.games-top>a,.games-top>div,.games-top>span{color:#fff;align-items:center;gap:8px;font-weight:900;text-decoration:none;display:flex}.games-top>div{color:#ffdf62;letter-spacing:2px}.games-top>span{background:#ffffff10;border:1px solid #fff4;border-radius:22px;justify-self:end;padding:9px 14px}.games-top svg{width:19px}.games-hero{background:linear-gradient(125deg,#ef4a20,#cb2859 48%,#6733a4);border:3px solid #ffdf62;border-radius:30px;justify-content:space-between;align-items:center;max-width:1200px;margin:34px auto;padding:42px 56px;display:flex;box-shadow:0 20px 50px #09022266}.games-hero small{color:#fff17b;letter-spacing:1.5px;align-items:center;gap:7px;font-weight:1000;display:flex}.games-hero small svg{width:17px}.games-hero h1{margin:12px 0;font-size:clamp(40px,5vw,68px);line-height:.95}.games-hero h1 em{color:#ffed65;font-style:normal}.games-hero p{max-width:690px;margin:0;font-size:18px;line-height:1.5}.games-hero-art{filter:drop-shadow(0 14px 10px #4d113f88);flex:0 0 220px;place-items:center;height:190px;font-size:108px;display:grid;position:relative}.games-hero-art i{color:#ffef6a;font-size:48px;position:absolute;top:3px;right:8px}.games-library{max-width:1200px;margin:auto}.games-heading{justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px;display:flex}.games-heading small{color:#67f0d9;letter-spacing:1.4px;font-weight:1000}.games-heading h2{margin:4px 0 0;font-size:29px}.games-heading>a{color:#ffdf62;align-items:center;gap:5px;font-weight:900;text-decoration:none;display:flex}.games-heading svg{width:17px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.games-grid article{background:#ffffff0d;border:2px solid #ffffff29;border-radius:22px;display:flex;overflow:hidden;box-shadow:0 14px 25px #08031d55}.game-art{background:linear-gradient(155deg,#ffbd34,#f05734 55%,#b42976);flex:0 0 130px;place-items:center;min-height:220px;font-size:60px;display:grid;position:relative}.game-art b{color:#ffeb6b;background:#3c185d;border-radius:9px;place-items:center;width:30px;height:30px;font-size:13px;display:grid;position:absolute;top:10px;left:10px}.game-copy{flex-direction:column;flex:1;padding:20px;display:flex}.game-copy>small{color:#67f0d9;letter-spacing:.8px;font-weight:1000}.game-copy h3{margin:6px 0;font-size:22px}.game-copy p{color:#eee5f6;margin:0 0 12px;font-size:13px;line-height:1.45}.game-tag{color:#fff;background:#ffffff12;border-radius:10px;align-self:flex-start;padding:5px 9px;font-size:11px;font-weight:800}.game-copy>a{color:#421b50;background:#ffdf62;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:11px;font-weight:1000;text-decoration:none;display:flex}.game-copy>a svg{width:16px}.games-grid article:hover{border-color:#ffdf62;transition:all .18s;transform:translateY(-3px)}.games-note{color:#dfd5eb;text-align:center;border-top:1px solid #ffffff30;max-width:900px;margin:28px auto 0;padding:16px;font-size:12px}@media (max-width:800px){.games-top{grid-template-columns:1fr 1fr}.games-top>div{display:none}.games-hero{padding:32px}.games-hero-art{flex-basis:150px;font-size:78px}.games-grid{grid-template-columns:1fr}}@media (max-width:540px){.games-page{padding:0 15px 35px}.games-top>span{display:none}.games-top{grid-template-columns:1fr}.games-hero{padding:26px 22px}.games-hero-art{display:none}.games-heading{flex-direction:column;align-items:flex-start}.game-art{flex-basis:92px}.game-copy{padding:15px}.game-copy h3{font-size:18px}}.listening-tabs{z-index:2;background:#031b58aa;border:1px solid #ffffff2e;border-radius:18px;justify-content:center;gap:10px;max-width:760px;margin:25px auto 38px;padding:7px;display:flex;position:relative}.listening-tabs button{color:#bdefff;cursor:pointer;background:0 0;border:0;border-radius:13px;flex:1;padding:13px 18px;font-size:14px;font-weight:1000}.listening-tabs button.active{color:#08265c;background:linear-gradient(120deg,#55efff,#6c82ff);box-shadow:0 5px 18px #04cfff55}.quiz-arcade{z-index:1;max-width:1180px;margin:0 auto;position:relative}.quiz-hero{background:linear-gradient(120deg,#087c9e,#1654a7 58%,#5832a0);border:2px solid #65efff;border-radius:24px;justify-content:space-between;align-items:center;padding:30px 38px;display:flex;box-shadow:0 14px 35px #020a3180}.quiz-hero small{color:#ffed72;letter-spacing:1.2px;align-items:center;gap:7px;font-weight:1000;display:flex}.quiz-hero small svg{width:17px}.quiz-hero h2{margin:7px 0;font-size:clamp(30px,4vw,47px)}.quiz-hero p{color:#e3f7ff;max-width:680px;margin:0}.quiz-hero-icon{color:#fff;display:flex}.quiz-hero-icon svg{background:#ffffff13;border-radius:20px;width:68px;height:68px;padding:13px}.quiz-hero-icon svg+svg{color:#ffe96b;margin:36px 0 0 -18px}.quiz-jump{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 38px;display:flex}.quiz-jump a{color:#dffaff;background:#ffffff0c;border:1px solid #65efff55;border-radius:12px;padding:9px 13px;font-size:12px;font-weight:900;text-decoration:none}.quiz-jump a:hover{color:#09245c;background:#65efff}.quiz-category{margin:0 0 40px;scroll-margin-top:20px}.quiz-category>header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.quiz-category>header>span{background:linear-gradient(145deg,#67f4e3,#3aa8fb);border-radius:16px;place-items:center;width:53px;height:53px;font-size:25px;display:grid;box-shadow:0 5px #075b9b}.quiz-category header small{color:#72f5e4;letter-spacing:1.2px;font-weight:1000}.quiz-category h3{margin:2px 0;font-size:25px}.quiz-category header p{color:#c8dff4;margin:0;font-size:13px}.quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.quiz-grid>a{color:#fff;background:linear-gradient(120deg,#ffffff12,#ffffff08);border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:12px;min-height:76px;padding:13px;text-decoration:none;display:flex}.quiz-grid>a>span{background:#ffffff12;border-radius:12px;flex:0 0 43px;place-items:center;height:43px;font-size:21px;display:grid}.quiz-grid>a>div{flex-direction:column;flex:1;min-width:0;display:flex}.quiz-grid b{font-size:14px;line-height:1.18}.quiz-grid small{color:#70efff;margin-top:4px;font-weight:800}.quiz-grid svg{color:#ffe76b;width:16px}.quiz-grid>a:hover{background:#65efff18;border-color:#65efff;transition:all .15s;transform:translateY(-2px)}@media (max-width:820px){.quiz-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.listening-tabs{flex-direction:column;margin-bottom:25px}.quiz-hero{padding:23px}.quiz-hero-icon{display:none}.quiz-grid{grid-template-columns:1fr}.quiz-category>header{align-items:flex-start}.quiz-category header p{line-height:1.35}}