*{box-sizing:border-box}body{margin:0;background:#10173f;color:#fff;font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;background-image:radial-gradient(ellipse at 80% 0,#354c8a 0,transparent 55%)}button,a,select,input{touch-action:manipulation}button{font:inherit;font-weight:800;border:0;border-radius:22px;padding:16px 24px;cursor:pointer;background:#ffda75;color:#292041;box-shadow:0 5px 0 #c38a42;min-height:56px}button:hover{filter:brightness(1.08);transform:translateY(-2px)}button:active{transform:translateY(2px)}button:disabled{cursor:default;opacity:.5;transform:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #5debd9;outline-offset:5px}.shell{max-width:1200px;margin:auto;padding:26px 36px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.identity{display:flex;align-items:center;gap:16px;color:white;text-decoration:none}.identity img{width:72px;height:72px;border:3px solid #fbd579;border-radius:25px}.identity span{font-size:11px;letter-spacing:2px;color:#c7d5ff}.identity b{display:block;font-size:27px;letter-spacing:-.7px;color:white;margin-top:5px}.header-actions{display:flex;gap:14px;align-items:center}.quiet{background:#ffffff12;color:#e0e7ff;box-shadow:none;border:1px solid #ffffff25;font-size:13px}.hero{position:relative;overflow:hidden;min-height:475px;border-radius:36px;background:url('assets/galaxie.png') center/cover;border:1px solid #ffffff40;box-shadow:0 20px 70px #050c3180;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10244ce6,transparent 75%)}.hero-copy{position:relative;padding:44px;max-width:510px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#b8f4ef;font-weight:800}h1{font-size:clamp(35px,4.4vw,58px);line-height:1.05;letter-spacing:-2px;margin:18px 0}p{line-height:1.6}.hero-copy p{color:#e3edff;max-width:280px}.play{margin-top:18px;font-size:23px;padding:20px 33px}.explore{display:flex;align-items:center;justify-content:space-between;margin:30px 2px 15px}.explore h2{font-size:19px;margin:0}.explore span{font-size:13px;color:#afbddd}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.world{display:flex;align-items:center;text-align:left;gap:15px;background:#243661;border:1px solid #ffffff20;box-shadow:0 5px 0 #0b1130;color:white;padding:19px}.world svg{width:66px;height:66px;flex-shrink:0}.world small{display:block;color:#c2d5ec;font-size:12px;margin-top:5px;font-weight:500}.world:nth-child(2){background:#3d3066}.world:nth-child(3){background:#20515e}footer{text-align:center;color:#a3b4d3;font-size:12px;padding:30px 0 0}.stage{background:#f7f5ed;color:#253450;border-radius:32px;padding:25px 35px 35px;min-height:530px;text-align:center}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stage-top .quiet{color:#344361;border-color:#ccd3db}.progress{display:flex;gap:8px}.progress i{width:18px;height:18px;background:#dae0e4;border-radius:50%}.progress .done{background:#159f86}.stage h1{font-size:34px;letter-spacing:-1px;margin:25px 0 10px}.listen{background:#dfedf2;box-shadow:none;color:#20365c;padding:12px 18px;font-size:15px}.target{display:flex;min-height:120px;justify-content:center;align-items:center;gap:14px;margin:20px auto;flex-wrap:wrap}.target svg{width:75px;height:75px}.choices{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.choice{background:white;border:3px solid #dce4ed;box-shadow:0 6px 0 #d3dce4;min-width:150px;max-width:240px;min-height:130px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:20px}.choice svg{width:43px;height:43px}.choice.shape svg{width:85px;height:85px}.choice.correct{background:#c6f5d9;border-color:#3db581}.choice.hint{outline:5px solid #ffbf38}.feedback{min-height:32px;font-weight:700;color:#285f66;margin:22px 0 16px}.bottom-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.reward-avatar{width:135px;border-radius:50%;border:6px solid #ffd373;margin:20px}.starburst{font-size:30px;color:#a56500}dialog{border:0;border-radius:28px;padding:32px;max-width:560px;width:calc(100% - 32px);color:#23334b;background:#fffdf5}dialog::backdrop{background:#08112cc9;backdrop-filter:blur(5px)}dialog label{display:block;margin:20px 0}select{display:block;font:inherit;padding:12px;border-radius:12px;max-width:100%}dialog .quiet{color:#344361;border-color:#ccd3db}.dialog-buttons{display:flex;gap:15px;justify-content:space-between;margin-top:25px}dialog a{color:#284c9c}#storage-note{color:#9b4121}.audio-note{font-size:13px;color:#58697a}.reward h1{margin-top:0}@media(max-width:650px){.shell{padding:18px 15px}.identity img{width:55px;height:55px}.identity b{font-size:21px}.identity span{font-size:8px}.header-actions{gap:7px}.header-actions button{padding:12px}.hero{min-height:430px;background-position:60% center}.hero-copy{padding:25px}.hero:before{background:linear-gradient(90deg,#10244cee,#10244c22)}.hero-copy p{max-width:210px}.worlds{grid-template-columns:1fr}.world{padding:14px}.world svg{height:48px}.stage{padding:18px 12px}.stage h1{font-size:27px}.choice{min-width:90px;max-width:135px;padding:12px;min-height:110px}.choice svg{width:28px;height:28px}.choices{gap:12px}.explore span{display:none}.stage-top button{padding:10px;font-size:12px}.dialog-buttons{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}