@font-face{font-family:SUIT;src:url('./assets/suit.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:InterTight;src:url('./assets/inter-tight.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:DM;src:url('./assets/dm-mono.woff2') format('woff2');font-weight:400 500;font-display:swap}
:root{--ink:#000;--coral:#F96859;--deep:#AE322A;--blue:#335C9D;--paper:#fff;--green:#446B57;--shadow:0 10px 35px #2348581a;--font:InterTight,SUIT,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;font:500 15px var(--font);color:var(--ink);background:#fff;letter-spacing:-.02em;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #335C9D;outline-offset:4px}button:hover{filter:brightness(1.04)}button:active{transform:translateY(2px)}[hidden]{display:none!important}#app{width:100%;height:100svh;min-height:480px;position:relative;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fffffff7 12%,#ffffffde 24%,#ffffff44 48%,#ffffff00 65%)}body.playing .vignette{background:linear-gradient(180deg,#2348581a,transparent 25%,transparent 75%,#263e4726)}.topbar{position:absolute;top:max(28px,env(safe-area-inset-top));left:4.4vw;right:3vw;z-index:15;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:20px;align-items:center;text-decoration:none;color:#333}.brand img{width:108px;height:42px;object-fit:contain}.brand>span{font:11px DM,monospace;letter-spacing:.1em;border-left:1px solid #0002;padding-left:18px}.top-actions{display:flex;gap:9px}.icon-button{width:42px;height:42px;border-radius:50%;background:#ffffffcc;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 4px #8da6ab26,0 5px 18px #3b52621a;display:grid;place-items:center;backdrop-filter:blur(14px)}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sound-wave{display:none}#sound[aria-pressed=true] .sound-wave{display:block}#sound[aria-pressed=true] .sound-off{display:none}.intro{position:absolute;inset:0}.intro-copy{position:absolute;left:6.5vw;top:50%;transform:translateY(-46%);width:430px;max-width:42vw}.chapter-label{display:flex;gap:9px;align-items:center;font-size:13px;letter-spacing:0;color:#446B57;margin-bottom:25px}.sun-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px #F9685916}h1{font:800 clamp(35px,4.3vw,64px)/1.17 SUIT,sans-serif;letter-spacing:-.065em;margin:0 0 24px}h1>span{position:relative;z-index:0}h1>span:after{content:'';position:absolute;left:-3px;right:-6px;height:13px;background:#F968596b;bottom:3px;transform:rotate(-1.6deg);border-radius:50% 16% 25% 38%;z-index:-1}.lead{font-size:15px;line-height:1.9;color:#4d5559;margin:0 0 26px}.run-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.mode{background:linear-gradient(150deg,#ffffffeb,#ffffffb0);padding:15px 13px;text-align:left;border-radius:15px;box-shadow:inset 0 0 0 1px #0000000f,inset 0 -2px 4px #9cb6b31a,0 5px 16px #8faba514;backdrop-filter:blur(14px)}.mode strong,.mode span{display:block}.mode strong{font-weight:800;font-size:14px;margin-bottom:6px}.mode span{font-size:11px;letter-spacing:-.01em;color:#60686b}.mode.active{box-shadow:inset 0 0 0 1.5px var(--coral),0 5px 16px #f9685914}.learning-tabs{display:flex;gap:5px;margin-bottom:19px;flex-wrap:wrap}.learning-tabs button{background:transparent;border-radius:20px;padding:7px 12px;color:#596269;font-size:12px}.learning-tabs button.active{color:#AE322A;background:#F9685914;font-weight:800}.start-button{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--coral);border-radius:16px;padding:18px 21px;color:#000;font-weight:800;font-size:16px;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -4px 2px #941f192b,0 9px 25px #F9685926;transition:transform .16s}.start-button svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.best-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#535e60;margin:15px 0 25px}.best-label strong{font:500 12px DM,monospace;color:#111}.best-label>span{margin-left:auto;font-size:10px;color:#60686b}.controls-preview{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#545e62}.controls-preview>span{display:flex;gap:4px;align-items:center}kbd{display:inline-grid;place-items:center;font:11px var(--font);min-width:21px;height:22px;border:1px solid #cad0d2;border-radius:5px;background:#fff;box-shadow:0 2px 0 #d9dfe1}.touch-hint{display:none!important}.scene-caption{position:absolute;right:6.4vw;bottom:14.5%;display:grid;grid-template-columns:34px auto;column-gap:15px;color:#234b50}.caption-line{height:2px;width:32px;background:#234b50;margin-top:7px}.scene-caption p{margin:0;font-size:17px;line-height:1.65}.scene-caption strong{font-weight:800}.caption-index{grid-column:2;font:9px DM,monospace;letter-spacing:.08em;margin-top:10px;opacity:.75}.intro-footer{position:absolute;bottom:25px;left:6.5vw;right:4.5vw;display:flex;justify-content:space-between;font:9px DM,monospace;letter-spacing:.09em;color:#556868}.intro-footer>span:last-child{font:500 11px var(--font);letter-spacing:0}.glass{background:linear-gradient(135deg,#ffffffef,#ffffffc2);backdrop-filter:blur(18px);border:1px solid #ffffffad;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 7px #91aaa51a,var(--shadow)}.hud{position:absolute;inset:0;pointer-events:none}.hud button{pointer-events:auto}.stats{position:absolute;top:90px;left:30px;display:flex;gap:20px;align-items:center;padding:14px 21px;border-radius:19px}.stats>div>span{font-size:10px;color:#566e75;display:block;margin-bottom:4px}.stats strong{font:500 28px DM,monospace;letter-spacing:-.05em}.stats strong>span{font:500 12px DM;margin-left:3px}.stats i{width:1px;height:28px;background:#174b611a}.stats #hearts{font:13px var(--font);letter-spacing:3px;color:var(--deep)}.journey{position:absolute;top:91px;right:30px;width:190px}.journey>div:first-child{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:#264d55;margin-bottom:9px}.journey #timer{font:11px DM}.journey-track{height:5px;border-radius:5px;background:#ffffff6b;overflow:hidden}.journey-track i{display:block;background:#F96859;height:100%;width:0;transition:width .15s}.combo{position:absolute;left:50%;top:38%;transform:translateX(-50%);color:#fff;text-shadow:0 2px 14px #2348587a;text-align:center}.combo>span{display:block;font-weight:800;font-size:20px}.combo>strong{display:block;font:500 38px DM;color:#fff2a1}.boost{position:absolute;left:50%;top:29%;transform:translateX(-50%);font-weight:800;background:#315a92e6;box-shadow:0 8px 25px #244e6233;border-radius:30px;padding:10px 22px;color:#fff}.boost>span{color:#ffe4a0}.boost>i{display:block;height:3px;position:absolute;bottom:4px;left:20px;right:20px;background:#ffffff80;border-radius:5px}.question{position:absolute;left:50%;top:155px;transform:translateX(-50%);width:min(450px,calc(100% - 36px));border-radius:23px;overflow:hidden;pointer-events:auto}.question-top{display:flex;align-items:center;gap:12px;padding:13px 20px 0;font-size:11px;color:#38596a}.question-top>span:last-child{margin-left:auto;font:11px DM}.question-top button{background:transparent;padding:4px;font-size:11px;color:#335C9D}.question-body{display:flex;align-items:center;justify-content:center;gap:12px;min-height:92px;padding:9px 20px}.question-body p{margin:0;font-weight:800;font-size:20px;line-height:1.45}.question-body p:empty{display:none}#question-art{height:80px;width:90px;flex-shrink:0}#question-art svg{width:100%;height:100%;overflow:visible}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 15px}.answers>div{background:#fff9;border-radius:11px;padding:8px 6px;text-align:center;box-shadow:inset 0 0 0 1px #27474f12}.answers>div.selected{background:#335C9D;color:#fff}.answers span{display:block;font-size:9px;opacity:.75;margin-bottom:4px}.answers strong{font-size:17px;font-weight:800}.question-clock{height:4px;background:#F9685914}.question-clock i{display:block;height:100%;width:100%;background:#F96859}.hint{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);border-radius:30px;padding:12px 22px;font-size:12px;color:#284b53;white-space:nowrap}.touch-controls{display:none}.toast{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:16px;z-index:21;font-size:14px;font-weight:800;max-width:90vw;white-space:nowrap}.modal-layer{position:absolute;inset:0;z-index:25;background:#24444b55;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.panel{width:min(440px,100%);max-height:calc(100svh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:35px;background:#fff;border-radius:29px;box-shadow:0 22px 90px #10394733;text-align:center}.eyebrow{font:10px DM;letter-spacing:.12em;color:#496775}.panel h2{font:800 30px/1.3 SUIT;margin:13px 0;letter-spacing:-.055em}.panel p{font-size:13px;color:#576c74;line-height:1.7}.panel .start-button{margin-top:25px}.text-button{margin-top:15px;padding:8px 15px;background:transparent;font-size:12px;color:#496572}.quality-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.quality-options button{background:#f7f9fb;border-radius:15px;padding:16px 11px;box-shadow:inset 0 0 0 1px #b8c6cc66}.quality-options .active{background:#F9685910;box-shadow:inset 0 0 0 1.5px #F96859}.quality-options strong{display:block;font-weight:800;font-size:15px}.quality-options span{display:block;font-size:10px;margin-top:8px;color:#546870;line-height:1.5}.motion-option{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;margin-top:23px}.motion-option input{accent-color:var(--coral);width:17px;height:17px}.result{width:min(480px,100%)}.result-distance{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:21px}.result-distance strong{font:500 64px DM;letter-spacing:-.07em}.result-distance span{font:20px DM;color:#62818c}.result #result-best{font-size:12px;margin-top:5px}.result-stats{display:flex;justify-content:space-around;margin-top:24px;padding:18px 0;border-top:1px solid #e5ecef;border-bottom:1px solid #e5ecef}.result-stats strong{font:500 21px DM;display:block}.result-stats span{font-size:10px;display:block;color:#59747c;margin-top:7px}.review{text-align:left;margin-top:20px}.review>p{font-size:12px;margin:0 0 10px}.review-items{display:flex;flex-wrap:wrap;gap:6px}.review-item{display:flex;align-items:center;gap:7px;font-size:12px;background:#f1f6f7;border-radius:9px;padding:6px 10px}.review-item svg{height:27px;width:28px}.review-item button{background:transparent;font-size:12px;color:#335C9D;padding:4px}.loading{position:absolute;bottom:11%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#fff;padding:13px 22px;border-radius:25px;z-index:30;box-shadow:var(--shadow)}.loading p{font-size:12px;white-space:nowrap;margin:0}.loader{width:15px;height:15px;border:2px solid #F9685933;border-top-color:#F96859;border-radius:50%;animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.intro-copy{left:9vw;max-width:450px}.stats{left:4.4vw}.journey{right:4.4vw}}
@media(max-height:760px) and (min-width:701px){.intro-copy{transform:translateY(-42%);max-width:380px}.chapter-label{margin-bottom:16px}h1{font-size:44px;margin-bottom:16px}.lead{margin-bottom:18px;font-size:13px}.mode{padding:11px}.learning-tabs{margin-bottom:12px}.best-label{margin-bottom:17px}.question{top:145px}.question-body{min-height:76px}#question-art{height:65px}}
@media(max-width:700px){#app{min-height:420px}.topbar{top:max(16px,env(safe-area-inset-top));left:20px;right:16px}.brand{gap:10px}.brand img{width:86px;height:34px}.brand>span{font-size:8px;padding-left:10px}.icon-button{width:36px;height:36px}.top-actions{gap:6px}.vignette{background:linear-gradient(180deg,#ffffff05 17%,#ffffff00 33%,#ffffffc9 48%,#fffffff5 59%,#fff 100%)}.intro-copy{left:24px;right:24px;top:auto;bottom:47px;transform:none;width:auto;max-width:none}.chapter-label{font-size:10px;margin-bottom:12px}h1{font-size:35px;line-height:1.14;margin-bottom:10px}h1 br{display:none}h1>span:after{height:8px;bottom:2px}.lead{font-size:12px;line-height:1.7;margin-bottom:15px}.lead br{display:none}.run-mode{margin-bottom:9px;gap:8px}.mode{padding:11px 13px;border-radius:12px}.mode strong{font-size:12px;margin-bottom:4px}.mode span{font-size:10px}.learning-tabs{margin-bottom:13px;gap:4px}.learning-tabs button{font-size:11px;padding:6px 10px}.start-button{padding:15px 18px;font-size:15px;border-radius:14px}.best-label{margin:12px 0 13px;font-size:10px}.best-label>span{font-size:9px}.controls-preview{gap:11px;font-size:9px}.controls-preview kbd{height:18px;min-width:17px;font-size:9px}.touch-hint{display:flex!important}.scene-caption{display:none}.intro-footer{left:24px;right:24px;bottom:17px;font-size:7px;letter-spacing:.04em}.intro-footer>span:last-child{font-size:8px}.stats{left:16px;right:16px;top:68px;justify-content:space-between;padding:10px 16px;gap:12px;border-radius:15px}.stats strong{font-size:24px}.stats>div>span{font-size:9px;margin-bottom:3px}.stats #hearts{font-size:12px}.journey{top:143px;left:19px;right:19px;width:auto}.journey>div:first-child{font-size:10px;margin-bottom:7px}.question{top:179px;border-radius:20px;width:calc(100% - 34px)}.question-top{font-size:10px;padding:12px 16px 0}.question-body{min-height:76px;padding:7px 13px}.question-body p{font-size:17px}#question-art{height:65px;width:72px}.answers{gap:7px;padding:0 12px 12px}.answers strong{font-size:16px}.answers>div{padding:7px 5px}.boost{top:auto;bottom:168px;font-size:12px;padding:9px 16px}.combo{top:55%}.combo>span{font-size:17px}.combo>strong{font-size:30px}.hint{bottom:115px;font-size:10px;padding:8px 14px}.touch-controls{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:17px;right:17px;display:flex;justify-content:space-between;gap:12px}.touch-controls button{background:#ffffffc9;border:1px solid #fff9;backdrop-filter:blur(12px);width:58px;height:58px;box-shadow:inset 0 -3px 4px #28474914,0 5px 15px #28474920;border-radius:19px;font-size:23px;font-weight:800;color:#315565;display:grid;align-content:center;gap:2px}.touch-controls small{font-size:8px;font-weight:500}.toast{bottom:198px;font-size:12px;padding:10px 15px}.panel{padding:28px 23px;border-radius:24px}.panel h2{font-size:26px}.result-distance strong{font-size:55px}.result-stats strong{font-size:19px}.loading{bottom:auto;top:32%;padding:12px 18px}}
@media(max-height:690px) and (max-width:700px){.intro-copy{bottom:41px}h1{font-size:29px}.chapter-label{margin-bottom:8px}.lead{margin-bottom:10px}.mode{padding:9px 12px}.best-label{margin:9px 0}.controls-preview{gap:7px}.question{top:160px}.journey{top:132px}.question-body{min-height:62px}#question-art{height:54px}.question-top{padding-top:10px}.answers>div{padding:5px}.answers{padding-bottom:8px}.stats{top:64px;padding:8px 13px}.hint{bottom:95px}.touch-controls{bottom:14px}.touch-controls button{height:51px;width:53px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){h1{font-size:32px}h1 br,.lead br{display:block}.controls-preview>span:not(.touch-hint){display:none}.touch-hint{font-size:10px}.best-label{margin-bottom:12px}}
.question{backdrop-filter:none;background:linear-gradient(135deg,#fff,#fffffff5)}
.demo-button{display:block;margin:12px auto 0;padding:3px 14px;background:transparent;font-size:11px;color:#34586b}.demo-button span{padding-left:7px}.demo-banner{position:absolute;top:30px;left:50%;transform:translateX(-50%);padding:9px 17px;border-radius:25px;font-size:11px;color:#335C9D}.intro .best-label{margin-top:10px}
@media(max-width:700px){.demo-button{margin-top:8px;font-size:10px}.demo-banner{top:124px;font-size:9px;padding:6px 12px}.hud:has(.demo-banner:not([hidden])) .journey{top:159px}.hud:has(.demo-banner:not([hidden])) .question{top:191px}.intro-copy{bottom:42px}}
.demo .touch-controls{display:none}
.scene-caption{padding:15px 18px;border-radius:17px;background:#ffffffd9;box-shadow:0 8px 25px #28474912}
@media(max-height:480px) and (min-width:701px){#app{min-height:0}.topbar{top:12px}.brand img{width:80px;height:30px}.icon-button{width:32px;height:32px}.intro-copy{top:58px;transform:none;left:4.5vw;width:350px;max-width:44vw}.chapter-label{margin-bottom:8px;font-size:10px}h1{font-size:29px;line-height:1.08;margin-bottom:9px}.lead{font-size:11px;line-height:1.5;margin-bottom:10px}.mode{padding:8px 10px}.mode strong{font-size:11px;margin-bottom:3px}.mode span{font-size:9px}.run-mode{margin-bottom:7px}.learning-tabs{margin-bottom:8px}.learning-tabs button{padding:5px 10px;font-size:10px}.start-button{padding:11px 16px;font-size:13px;border-radius:12px}.demo-button{margin-top:5px;font-size:9px}.best-label{font-size:9px;margin-bottom:0}.best-label>span{font-size:8px}.controls-preview,.intro-footer,.scene-caption{display:none}.stats{top:53px;left:17px;padding:8px 15px;gap:14px}.stats strong{font-size:23px}.stats>div>span{font-size:8px}.journey{top:55px;right:18px;width:150px}.question{top:109px;width:370px}.question-top{font-size:9px;padding:9px 14px 0}.question-body{min-height:48px;padding:4px 12px}#question-art{height:43px;width:50px}.question-body p{font-size:15px}.answers{padding:0 10px 8px}.answers>div{padding:5px}.answers strong{font-size:14px}.answers span{font-size:8px;margin-bottom:3px}.hint{bottom:18px;font-size:10px;padding:8px 15px}.toast{bottom:55px;font-size:11px}.boost{top:auto;bottom:70px;font-size:10px;padding:7px 13px}.demo-banner{top:16px;font-size:9px;padding:7px 12px}.combo{top:53%}.combo>span{font-size:14px}.combo>strong{font-size:24px}}
/* Wind Run v3: a spoken request sits above the action, with no answer menu. */
.instruction{top:142px;width:min(540px,calc(100% - 36px));border-radius:23px;box-shadow:0 12px 38px #28474920;overflow:hidden}
.instruction-copy{padding:15px 23px 10px}.instruction-copy p{font:800 25px/1.4 SUIT,sans-serif;letter-spacing:-.035em;margin:0 0 7px;word-break:keep-all}.instruction-copy small{color:#5a686c;font-size:11px}.instruction-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 23px 13px}.instruction-foot>span{font-size:10px;color:#536569}#step-dots{display:flex;gap:6px}#step-dots span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font:10px DM,monospace;color:#657477;background:#e8eef0}#step-dots .current{background:#335c9d;color:#fff}#step-dots .done{background:#d2e4ce;color:#365f38}#step-dots .missed{background:#f5ddd6;color:#93433b}.instruction.soon{box-shadow:0 0 0 2px #efbf70aa,0 12px 38px #28474920}.instruction.soon #action-timing{color:#9b5d16;font-weight:800}.question-clock{height:3px}
.wind-streak{position:absolute;right:30px;bottom:30px;padding:13px 17px;border-radius:16px;color:#34576b}.wind-streak span,.wind-streak small{display:block}.wind-streak span{font-weight:800;font-size:13px}.wind-streak small{margin-top:5px;font-size:9px;color:#5d6c70}.journey{width:220px}.journey>div:first-child{font-size:10px}.hint{max-width:calc(100% - 32px);white-space:normal;text-align:center}.instruction-review{padding:10px 0;border-top:1px solid #d9e2e4}.instruction-review strong{font-size:13px;line-height:1.5;display:block}.instruction-review p{font-size:11px;margin:4px 0;line-height:1.5;color:#566468}.instruction-review small{display:block;font-size:10px;color:#6e5c4b;line-height:1.5}.instruction-review button{font-size:10px;background:#edf1f3;border-radius:20px;padding:5px 10px;margin-top:6px}.review>p{font-size:11px;line-height:1.5}.review{max-height:240px;overflow:auto;text-align:left}.result .result-distance{margin:4px 0}.result .result-stats{margin:13px 0}.result .start-button{margin-top:12px}.result{max-height:calc(100svh - 32px);overflow:auto}.touch-controls{z-index:4}
@media(max-width:700px){.instruction{top:182px;width:calc(100% - 30px)}.instruction-copy{padding:11px 17px 7px}.instruction-copy p{font-size:21px}.instruction-copy small{font-size:10px}.instruction-foot{padding:5px 17px 11px}.instruction-foot>span{font-size:9px}.instruction .question-top{padding:12px 17px 0;font-size:9px}.wind-streak{right:18px;bottom:112px;padding:8px 12px;border-radius:12px}.wind-streak span{font-size:11px}.wind-streak small{font-size:8px}.journey{width:auto}.review{max-height:210px}.hud:has(.demo-banner:not([hidden])) .instruction{top:185px}.hud:has(.demo-banner:not([hidden])) .journey{top:150px}.demo-banner{top:120px}.hint{bottom:173px;font-size:9px}.controls-preview .touch-hint{max-width:none}h1{font-size:38px}.intro-copy{max-width:440px}.lead{font-size:12px}}
@media(max-height:690px) and (max-width:700px){.instruction{top:159px}.instruction-copy p{font-size:19px}.instruction-copy{padding-top:8px}.instruction-copy small{font-size:9px}.instruction-foot{padding-bottom:8px}.instruction .question-top{padding-top:10px}.wind-streak{bottom:91px}.hint{bottom:149px}.hud:has(.demo-banner:not([hidden])) .instruction{top:177px}.review{max-height:130px}.result-stats{padding:9px 0}h1{font-size:31px}.intro-copy{bottom:40px}}
@media(max-height:480px) and (min-width:701px){.instruction{top:99px;width:440px}.instruction-copy{padding:8px 17px 5px}.instruction-copy p{font-size:19px;margin-bottom:4px}.instruction-copy small{font-size:9px}.instruction-foot{padding:4px 17px 8px}.instruction .question-top{padding-top:9px;font-size:9px}.wind-streak{bottom:15px;right:15px;padding:8px 12px}.wind-streak span{font-size:10px}.wind-streak small{font-size:8px}.hint{max-width:55%;bottom:13px;font-size:9px}.review{max-height:110px}.result .result-distance strong{font-size:36px}.result h2{font-size:23px}}
/* Keep the actions accessible while only the expression review scrolls. */
.result{display:flex;flex-direction:column;max-height:calc(100svh - 40px);overflow:hidden}.result>*{flex-shrink:0}.result .review{flex-shrink:1;min-height:0}.result .eyebrow{display:block}.result h2{margin:11px 0}.result .text-button{margin-top:9px}
@media(max-height:480px){.result{padding:17px 24px}.result h2{font-size:22px;margin:6px 0}.result .eyebrow{font-size:8px}.result .result-distance strong{font-size:34px}.result .result-distance span{font-size:13px}.result #result-best{font-size:10px;margin:3px 0}.result .result-stats{margin:7px 0;padding:7px 0}.result-stats strong{font-size:17px}.result-stats span{font-size:9px;margin-top:3px}.result .review{margin-top:5px;max-height:95px}.result .start-button{padding:10px 16px;margin-top:9px}.result .text-button{margin-top:5px;padding:5px 12px}}
@media(max-height:480px) and (min-width:701px){.result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;width:min(680px,100%)}.result>.eyebrow,.result>h2,.result>.start-button,.result>.text-button{grid-column:1/-1}.result>.result-distance{grid-column:1;grid-row:3}.result>#result-best{grid-column:1;grid-row:4}.result>.result-stats{grid-column:1;grid-row:5}.result>.review{grid-column:2;grid-row:3/6;align-self:stretch;max-height:145px;margin:3px 0}.result>.start-button{grid-row:6}.result>.text-button{grid-row:7}}
/* Listening-only play: a small neutral cue leaves the road in view. */
.listening-note{font-size:12px;color:#446B57;margin:0 0 16px;display:flex;align-items:center;gap:8px}.listening-note>span{font-size:17px;color:#AE322A}.intro-secondary{display:flex;align-items:center;justify-content:space-between;gap:10px}.intro-secondary .demo-button{margin:12px 0 0;padding:3px 0}.listen-cue{position:absolute;top:98px;left:50%;transform:translateX(-50%);width:126px;border-radius:21px;overflow:hidden;background:#ffffffeb;transition:box-shadow .15s}.cue-body{display:flex;justify-content:center;align-items:center;gap:14px;height:52px;padding:8px 14px}.cue-speaker{display:grid;place-items:center;color:#728b8a;opacity:.6}.cue-speaker svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cue-speaker.speaking{color:#AE322A;opacity:1;animation:voice-pulse .75s ease-in-out infinite alternate}.cue-clock{height:4px;background:#F9685920}.cue-clock i{display:block;width:100%;height:100%;background:#F96859}.listen-cue.soon{box-shadow:0 0 0 3px #F9685955,0 7px 28px #F9685940}.listen-cue #step-dots{gap:5px}.listen-cue #step-dots span{width:22px;height:22px;font-size:10px}.wind-charge{position:absolute;right:30px;bottom:32px;border-radius:18px;display:flex;gap:14px;align-items:center;padding:12px 16px}.wind-charge #streak{display:flex;gap:6px}.wind-charge #streak i{width:9px;height:9px;border-radius:50%;background:#dae5df}.wind-charge #streak i.lit{background:#F96859;box-shadow:0 0 9px #F9685955}.wind-charge #shield-status{font-size:23px;color:#9baea7}.wind-charge #shield-status.active{color:#335C9D;text-shadow:0 0 12px #335C9D55}.action-feedback{position:absolute;left:50%;top:37%;transform:translateX(-50%);font:800 38px SUIT;color:#fff;text-shadow:0 2px 10px #234b50,0 0 24px #ffffff55;pointer-events:none}.practice-panel{width:min(450px,100%)}.practice-panel>p{margin-bottom:18px}.practice-card{border-radius:20px;background:#f5f8f6;padding:18px 19px}.practice-card>span{font:10px DM;color:#5e7870}.practice-card>strong{display:block;font:800 21px/1.5 SUIT;margin:15px 0 8px;letter-spacing:-.045em}.practice-card>p{font-size:12px;line-height:1.6;margin:0}.practice-card #practice-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:17px}.practice-action{width:48px;height:48px;border-radius:15px;background:#fff;color:#AE322A;display:grid;place-items:center;font:800 26px SUIT;box-shadow:0 3px 12px #2348580d}.practice-card #practice-actions small{font-size:10px;color:#597067}.practice-nav{display:flex;justify-content:center;gap:14px;margin-top:16px}.practice-nav button{width:52px;height:38px;border-radius:12px;background:#eef3ef;font-size:20px}.practice-panel .start-button{margin-top:18px}
@keyframes voice-pulse{to{transform:scale(1.1)}}
@media(max-width:700px){.listening-note{margin-bottom:12px;font-size:11px}.intro-secondary .demo-button{font-size:10px;margin-top:10px}.stats{padding-top:8px;padding-bottom:8px}.stats>div>span{font-size:12px}.journey{top:132px}.listen-cue{top:173px;width:112px;border-radius:18px}.cue-body{height:46px;gap:10px}.wind-charge{right:18px;bottom:104px;padding:8px 12px;border-radius:15px}.action-feedback{top:44%}.hud:has(.demo-banner:not([hidden])) .journey{top:152px}.hud:has(.demo-banner:not([hidden])) .listen-cue{top:188px}.demo-banner{top:120px;padding:5px 12px;font-size:9px}}
@media(max-height:690px) and (max-width:700px){.listening-note{margin-bottom:9px;font-size:10px}.listen-cue{top:151px}.hud:has(.demo-banner:not([hidden])) .listen-cue{top:181px}.wind-charge{bottom:87px}.intro-secondary .demo-button{margin-top:8px}.practice-panel{padding:20px}.practice-panel h2{font-size:24px}.practice-card{padding:14px}.practice-card>strong{font-size:19px}.practice-card #practice-actions{margin-top:11px}}
@media(max-height:480px) and (min-width:701px){.listening-note{margin-bottom:10px;font-size:10px}.intro-secondary .demo-button{margin-top:7px;font-size:10px}.listen-cue{top:67px;width:104px}.cue-body{height:40px;gap:7px;padding:6px 10px}.wind-charge{bottom:16px;right:16px;padding:6px 12px}.practice-panel{padding:18px 25px}.practice-panel h2{font-size:23px;margin:7px 0}.practice-panel>p{font-size:11px;margin-bottom:10px}.practice-card{padding:10px 15px}.practice-card #practice-actions{margin-top:7px}.practice-action{height:32px;width:38px;font-size:22px;border-radius:10px}.practice-card>strong{font-size:18px;margin:8px 0 4px}.practice-card>p{font-size:10px}.practice-panel .start-button{margin-top:12px;padding:10px 16px}.practice-nav{margin-top:10px}.practice-nav button{height:30px}.practice-panel .text-button{margin-top:7px;padding:5px 12px}}
@media(prefers-reduced-motion:reduce){.cue-speaker.speaking{animation:none}}
@media(max-width:700px){.journey,.hud:has(.demo-banner:not([hidden])) .journey{top:150px}.listen-cue,.hud:has(.demo-banner:not([hidden])) .listen-cue{top:188px}.demo-banner{top:auto;bottom:26px;left:20px;transform:none}}
@media(max-height:690px) and (max-width:700px){.journey,.hud:has(.demo-banner:not([hidden])) .journey{top:137px}.listen-cue,.hud:has(.demo-banner:not([hidden])) .listen-cue{top:174px}.demo-banner{bottom:21px}}
@media(max-height:480px) and (min-width:701px){.practice-panel{display:grid;grid-template-columns:1.3fr 1fr;column-gap:22px;width:min(680px,100%)}.practice-panel>.eyebrow,.practice-panel>h2,.practice-panel>p{grid-column:1/-1}.practice-panel>.practice-card{grid-column:1;grid-row:4/7}.practice-panel>.start-button{grid-column:2;grid-row:4;align-self:end;margin:0}.practice-panel>.practice-nav{grid-column:2;grid-row:5;align-self:center;margin:0}.practice-panel>.text-button{grid-column:2;grid-row:6;align-self:start;margin:0}}
.learning-note{display:block;font-size:11px;line-height:1.6;color:#46565c;margin:10px 0}.intro-copy>.learning-note{max-width:38em}#learning-reset{font-size:11px;line-height:1.5;margin:8px 0 14px}
/* Real felt parts frame the cosmetic shop; descriptions stay on clean paper. */
.shop-entry{background:url('./assets/shop/ui/badge-cream.webp') center/contain no-repeat;box-shadow:none;width:44px;height:44px}.playing .shop-entry{display:none}.shopping .topbar,.shopping .vignette{visibility:hidden}.shop-screen{position:absolute;inset:0;z-index:26;display:flex;flex-direction:column;word-break:keep-all;background:linear-gradient(90deg,#ffffff00 0%,#ffffff00 47%,#ffffffc9 57%,#fff 70%);color:#152c31}.shop-header{height:96px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;gap:24px}.shop-eyebrow{font:11px DM,monospace;letter-spacing:.08em;color:#345960}.shop-header h2{font:800 30px/1.2 SUIT;margin:5px 0 0;letter-spacing:-.05em}.shop-header-actions{display:flex;align-items:center;gap:16px}.shop-wallet{display:flex;align-items:center;gap:8px;min-height:48px;min-width:115px;justify-content:center;padding:10px 20px;background:url('./assets/shop/ui/chip-blush-long.webp') center/100% 100% no-repeat;font:500 19px DM;color:#3c2927}.shop-wallet>span{font-size:21px;color:#91463b}.shop-wallet strong{font-weight:500}.shop-header-actions>button{width:48px;height:48px;background:url('./assets/shop/ui/badge-cream.webp') center/contain no-repeat;font:500 28px SUIT;color:#3e555a}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:32px;flex:1;min-height:0;padding:0 32px 24px}.shop-preview{position:relative;min-width:0;pointer-events:none}.shop-preview-caption{position:absolute;bottom:80px;left:32px;max-width:330px;padding:16px 20px;background:#ffffffe8;border-radius:20px;box-shadow:0 4px 18px #315d6710}.shop-preview-caption>span{display:block;font-size:12px;color:#4b7266}.shop-preview-caption strong{display:block;font:800 27px SUIT;margin:8px 0;letter-spacing:-.04em}.shop-preview-caption p{font-size:13px;line-height:1.6;margin:0;color:#455f64}.shop-soft-button{position:absolute;bottom:15px;left:32px;pointer-events:auto;background:url('./assets/shop/ui/slab-cream-long.webp') center/100% 100% no-repeat;min-width:220px;min-height:50px;padding:12px 24px;font-size:13px;color:#2d525b;font-weight:700}.shop-sheet{display:flex;flex-direction:column;min-height:0;background:#fffffff5;border-radius:26px;padding:18px 20px 14px;box-shadow:0 12px 36px #315d6712;overflow:hidden}.shop-categories{display:flex;gap:5px;flex-wrap:wrap;flex:none;margin-bottom:12px}.shop-categories button{flex:1 1 30%;min-height:44px;white-space:nowrap;font-size:12px;font-weight:700;padding:8px 12px;background:url('./assets/shop/ui/slab-cream-long.webp') center/100% 100% no-repeat;color:#435f66}.shop-categories button.active{background-image:url('./assets/shop/ui/slab-blush-long.webp');color:#8a382e}.shop-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:4px 4px 12px;align-content:start;flex:1}.shop-card{background:transparent;text-align:center;padding:0 0 4px;min-width:0;border-radius:16px;display:flex;align-items:center;flex-direction:column;gap:4px}.shop-card-art{display:block;position:relative;width:100%;height:112px;background:url('./assets/shop/ui/slab-cream.webp') center/100% 100% no-repeat;padding:8px}.shop-card.selected .shop-card-art{background-image:url('./assets/shop/ui/slab-blush.webp')}.shop-card-art>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #7f58481a)}.shop-card-art>img.shop-equipped-check{position:absolute;right:2px;bottom:0;width:28px;height:28px;filter:none}.shop-card>strong{font:800 14px/1.4 SUIT;letter-spacing:-.02em}.shop-card-status{font:11px/1.4 SUIT;color:#5a6d70}.shop-selection{flex:none;padding-top:14px;border-top:1px solid #e3ebe8}.shop-selection-category{font-size:11px}#shop-selection-category{font-size:11px;color:#4c7368}.shop-selection h3{font:800 22px/1.3 SUIT;margin:5px 0;letter-spacing:-.035em}.shop-selection p{font-size:12px;line-height:1.6;color:#4c6267;margin:5px 0 12px}.shop-buy{width:100%;min-height:54px;padding:14px 22px;font:800 14px SUIT;color:#35241f;background:url('./assets/shop/ui/slab-coral-long.webp') center/100% 100% no-repeat;filter:drop-shadow(0 5px 7px #b44b3b25)}.shop-buy:active{transform:translateY(3px)}.shop-buy:disabled{cursor:default;opacity:1;background-image:url('./assets/shop/ui/slab-cream-long.webp');color:#526663;filter:none}.shop-selection .shop-message{font-size:11px;line-height:1.5;min-height:32px;margin:9px 0 0;color:#48645a}.shop-footnote{flex:none;font-size:11px;line-height:1.5;color:#536969;margin:8px 0 0}.run-star-pouch{position:absolute;left:30px;bottom:30px;display:flex;align-items:center;gap:7px;padding:9px 19px;min-width:78px;min-height:44px;font:500 16px DM;background:url('./assets/shop/ui/chip-blush-long.webp') center/100% 100% no-repeat;color:#683e32}.run-star-pouch>span{font-size:19px}.run-star-pouch strong{font-weight:500}.shop-reward{font-size:11px;line-height:1.5;margin:8px 0;color:#476b59}.result .shop-result-link{margin:5px 0 0;min-height:36px;padding:5px 12px;font-weight:700;color:#7b3e34}.panel h2{word-break:keep-all}
@media(max-width:700px){.brand>span{font-size:8px}.shop-header{height:80px;padding:12px 20px;gap:12px;background:#ffffffd9}.shop-eyebrow{font-size:11px;letter-spacing:0}.shop-header h2{font-size:26px;margin-top:3px}.shop-header-actions{gap:8px}.shop-wallet{min-width:90px;padding:10px 16px;font-size:17px;min-height:44px}.shop-header-actions>button{width:44px;height:44px}.shop-screen{background:linear-gradient(180deg,#ffffff00 0%,#ffffff00 25%,#ffffffbd 35%,#fff 48%)}.shop-layout{display:flex;flex-direction:column;gap:0;padding:0 12px 12px}.shop-preview{height:200px;flex:none}.shop-preview-caption{bottom:8px;left:4px;max-width:200px;padding:8px 12px;border-radius:14px}.shop-preview-caption>span{display:none}.shop-preview-caption strong{font-size:15px;margin:0 0 3px}.shop-preview-caption p{font-size:11px;line-height:1.4}.shop-soft-button{left:auto;right:4px;bottom:12px;min-width:0;min-height:44px;font-size:11px;padding:9px 14px;max-width:126px}.shop-sheet{border-radius:22px;padding:14px 12px 10px;flex:1;min-height:0}.shop-categories{gap:4px;margin-bottom:8px}.shop-categories button{padding:7px 9px;font-size:11px;min-height:44px}.shop-items{gap:9px 12px;padding:2px 2px 8px}.shop-card-art{height:92px;padding:7px}.shop-card>strong{font-size:13px}.shop-card-status{font-size:11px}.shop-selection{padding-top:10px}.shop-selection h3{font-size:18px;margin:3px 0}.shop-selection p{font-size:11px;line-height:1.4;margin:3px 0 8px}.shop-buy{min-height:50px;padding:13px 12px;font-size:12px}.shop-selection .shop-message{margin-top:6px;min-height:30px}.shop-footnote{font-size:11px;margin-top:5px}.run-star-pouch{bottom:104px;left:18px;min-height:40px;padding:8px 16px;font-size:14px}.result .shop-result-link{font-size:11px}.result{padding:22px 20px}.result .result-stats{margin:10px 0;padding:12px 0}.result .learning-note,.result .synk-collection-line{font-size:11px;margin:5px 0}.result .shop-reward{margin:5px 0}.result h2{font-size:24px}.result .result-distance strong{font-size:46px}.result .review{max-height:160px}.result .text-button{margin-top:5px}}
@media(max-width:380px){.brand>span{display:none}.shop-header{padding:10px 16px}.shop-eyebrow{font-size:11px}.shop-wallet{min-width:76px;padding:9px 12px}.shop-preview-caption{max-width:160px}.shop-preview-caption p{display:none}.shop-soft-button{font-size:11px;padding:8px 11px;max-width:120px}.shop-sheet{padding:10px}.shop-categories button{padding:5px 7px;font-size:11px}.shop-card-art{height:82px}.shop-card>strong{font-size:12px}.shop-selection h3{font-size:17px}.shop-footnote{margin-top:3px}.shop-items{gap:8px}.shop-selection .shop-message{min-height:28px}.result .result-distance strong{font-size:35px}.result .result-distance{margin:0}.result h2{font-size:22px;margin:7px 0}.result-stats strong{font-size:17px}.result-stats span{font-size:11px}.result .review{max-height:105px}.result{padding:18px 16px}.result .result-stats{margin:7px 0;padding:8px 0}.result .learning-note{line-height:1.4}.result .shop-result-link{min-height:32px}}
@media(max-height:700px) and (max-width:700px){.shop-preview{height:155px}.shop-header{height:70px}.shop-selection-description{display:none}.shop-selection>div>p{display:none}.shop-footnote{display:none}.shop-selection .shop-message{min-height:28px}.run-star-pouch{bottom:87px}}
@media(max-height:480px) and (min-width:701px){.shop-header{height:65px;padding:10px 24px}.shop-header h2{font-size:24px}.shop-eyebrow{font-size:11px}.shop-header-actions>button{width:44px;height:44px}.shop-wallet{min-height:44px;font-size:17px}.shop-layout{grid-template-columns:minmax(0,1fr) 430px;gap:15px;padding:0 18px 14px}.shop-sheet{padding:12px 14px}.shop-categories{gap:4px;margin-bottom:6px}.shop-categories button{flex:1 1 18%;min-height:44px;padding:5px 7px;font-size:11px}.shop-card-art{height:75px}.shop-items{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.shop-selection{padding-top:8px}.shop-selection h3{font-size:17px}.shop-selection>div>p,.shop-selection-category,.shop-footnote{display:none}.shop-buy{min-height:46px;font-size:12px;padding:10px 14px}.shop-selection .shop-message{margin-top:5px;min-height:28px}.shop-preview-caption{left:4px;bottom:70px;max-width:240px;padding:12px 16px}.shop-preview-caption strong{font-size:21px}.shop-preview-caption>span{font-size:11px}.shop-preview-caption p{font-size:11px}.shop-soft-button{left:4px;bottom:10px;min-height:46px;min-width:190px;font-size:12px}.run-star-pouch{bottom:16px;left:17px}.result .shop-result-link{grid-column:1/-1;grid-row:8}.result>.shop-reward{grid-column:1;grid-row:6;font-size:11px}.result>.start-button{grid-row:7}.result>.text-button:not(.shop-result-link){grid-row:8}.result>.shop-result-link{grid-row:9}}
@media(max-height:480px) and (min-width:701px){
  .result{padding:14px 20px;grid-template-rows:10px 28px 40px 22px 45px 43px 46px 44px;row-gap:0;overflow:hidden}
  .result>.eyebrow{grid-row:1;margin:0;align-self:center}
  .result>h2{grid-row:2;margin:0;font-size:21px;align-self:center}
  .result>.result-distance{grid-row:3;margin:0;align-self:center}
  .result>#result-best{grid-row:4;margin:0;align-self:center;font-size:10px}
  .result>.result-stats{grid-row:5;margin:0;padding:6px 0;align-self:center}
  .result>.review{grid-column:2;grid-row:3/6;min-height:0;max-height:none;margin:0}
  .result>#result-learning{grid-column:1;grid-row:6;font-size:11px;line-height:1.3;margin:2px 0;align-self:center}
  .result>.synk-collection-line{grid-column:2;grid-row:6;font-size:11px;line-height:1.3;margin:2px 0;align-self:center}
  .result>.shop-reward{grid-column:1;grid-row:7;font-size:11px;line-height:1.4;margin:0;align-self:center}
  .result>.start-button{grid-column:2;grid-row:7;min-height:44px;padding:10px 14px;margin:0;align-self:center;font-size:13px}
  .result>.text-button:not(.shop-result-link){grid-column:1;grid-row:8;min-height:44px;margin:0;align-self:center}
  .result>.shop-result-link{grid-column:2;grid-row:8;min-height:44px;margin:0;align-self:center;font-size:11px}
}
/* v6: a stopped-screen travel plan and wishlist. Existing felt plates stay local. */
.intro-copy{top:112px;bottom:48px;transform:none;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;padding:4px 10px 12px 0}
.travel-plan{margin:14px 0 8px;display:grid;gap:8px;font-size:12px;word-break:keep-all}
.journey-goal-card{background:#ffffffed;border-radius:14px;padding:10px 12px;display:grid;gap:5px;border:1px solid #eee7df}
.journey-goal-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}
.journey-goal-title{font-size:13px;font-weight:800;line-height:1.4}
.journey-goal-reward{background:url('./assets/shop/ui/chip-blush-long.webp') center/100% 100% no-repeat;padding:6px 14px;font-size:12px;white-space:nowrap}
.journey-goal-meta,.wishlist-goal-meta{display:block;font-size:11px;color:#53615c;line-height:1.4}
.journey-goal-progress{display:block;height:8px;overflow:hidden;background:url('./assets/shop/ui/slab-cream-long.webp') center/100% 100% no-repeat}
.journey-goal-progress>i{display:block;height:100%;background:url('./assets/shop/ui/slab-coral-long.webp') center/100% 100% no-repeat}
.journey-goal-seal{width:32px;height:32px}.journey-goal-card:has(.journey-goal-seal){grid-template-columns:32px 1fr;align-items:center}.journey-goal-copy{display:grid;gap:4px}
.wishlist-goal-row{display:flex;align-items:center;gap:8px;min-height:54px;padding:4px 8px 4px 4px;background:#ffffffd9;border-radius:14px}
.wishlist-goal-row.empty{padding-left:12px}.wishlist-goal-empty{font-size:12px;flex:1}
.wishlist-goal-icon{width:44px;height:44px;object-fit:contain;flex-shrink:0}
.wishlist-goal-copy{flex:1;min-width:0}.wishlist-goal-title{font-size:12px;display:block;margin-bottom:3px;font-weight:800}
.journey-shop-button{min-height:44px;flex-shrink:0;padding:9px 13px;background:url('./assets/shop/ui/slab-cream-long.webp') center/100% 100% no-repeat;font-size:11px;font-weight:700}
.shop-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}.shop-action-row:has(.shop-wishlist-toggle[hidden]){grid-template-columns:1fr}
.shop-wishlist-toggle{min-height:44px;min-width:84px;max-width:110px;padding:8px 12px;background:url('./assets/shop/ui/slab-cream-long.webp') center/100% 100% no-repeat;font-size:12px;font-weight:700;line-height:1.4;word-break:keep-all}
.shop-wishlist-toggle[aria-pressed=true]{background-image:url('./assets/shop/ui/slab-blush-long.webp');color:#773d35}
.shop-card-wish{font-size:11px;color:#91493f}
.result-goals{font-size:11px;line-height:1.5;word-break:keep-all;margin:3px 0 6px}.result-goals p{font-size:11px;margin:3px 0;line-height:1.5}.result-goals-earned{color:#315e46}
@media(max-width:700px){.intro-copy{top:max(238px,29svh);bottom:32px;left:6vw;max-width:none;width:88vw;transform:none;padding-right:6px}.travel-plan{margin-top:10px}.journey-goal-card{padding:8px 10px}.journey-goal-reward{padding:5px 12px}.wishlist-goal-row{gap:5px}.wishlist-goal-meta{font-size:11px}.shop-buy{font-size:12px;line-height:1.4}.shop-wishlist-toggle{min-width:84px;padding:8px;font-size:11px}.result .review{max-height:130px}.result .result-goals{margin:3px 0}.intro-footer{bottom:12px}}
@media(max-height:700px) and (max-width:700px){.intro-copy{top:180px;bottom:24px}.intro .chapter-label{margin-bottom:8px}.intro h1{font-size:31px;margin-bottom:14px}.intro .lead{margin-bottom:14px}.intro .listening-note{margin-bottom:12px}.intro .run-mode{margin-bottom:10px}.travel-plan{margin:8px 0}.journey-goal-card{padding:8px}.result{max-height:calc(100svh - 24px)}.result .review{min-height:24px;max-height:90px}.result .text-button{min-height:36px;padding:5px 10px}.result .learning-note{font-size:11px;line-height:1.3}}
@media(max-height:480px) and (min-width:701px){.intro-copy{top:65px;bottom:18px;width:350px;max-width:44vw}.travel-plan{margin:8px 0}.journey-goal-card{padding:8px 10px}.wishlist-goal-row{padding:3px 6px;min-height:48px}.wishlist-goal-empty{font-size:11px}.result{grid-template-rows:10px 28px 35px 20px 42px 38px 40px 44px 44px;padding:12px 18px;max-height:calc(100svh - 24px)}.result>.review{grid-row:3/6}.result>.result-goals{grid-column:1/-1;grid-row:7;font-size:11px;line-height:1.3;margin:0;align-self:center}.result>.shop-reward{grid-column:1;grid-row:8}.result>.start-button{grid-column:2;grid-row:8}.result>.text-button:not(.shop-result-link){grid-row:9;grid-column:1}.result>.shop-result-link{grid-row:9;grid-column:2}.result>#result-learning,.result>.synk-collection-line{grid-row:6;font-size:11px}.result>.result-goals p{font-size:11px;line-height:1.3;margin:2px 0}}
@media(max-width:700px){body:not(.playing):not(.shopping) .vignette{background:linear-gradient(180deg,#ffffff00 15%,#ffffff70 25%,#ffffffd9 33%,#fffffff5 46%,#fff 100%)}}
@media(min-width:701px) and (min-height:550px) and (max-height:900px){.intro-copy{top:96px}.intro .chapter-label{margin-bottom:12px}.intro h1{font-size:42px;margin-bottom:14px}.intro .lead{font-size:13px;margin-bottom:14px}.intro .mode{padding:11px 13px}.intro .start-button{padding:15px 18px}}
@media(min-width:701px) and (min-height:550px) and (max-height:760px){.intro h1{font-size:38px}}

.listening-check-dialog{width:min(620px,94vw);max-height:94dvh;overflow:auto;padding:28px;border:0;border-radius:20px;background:#fffaf3;color:#202633;font:inherit}.listening-check-dialog::backdrop{background:#fffaf3}.listening-check-dialog header{display:flex;align-items:center;justify-content:space-between}.listening-check-dialog h2{font-size:clamp(22px,5vw,32px)}.listening-check-dialog p{line-height:1.7}.listening-check-dialog #check-choices{display:grid;gap:10px;margin:16px 0}.check-choice{min-height:70px;padding:16px 24px;border:0;font:inherit;font-weight:700;color:#202633;background:transparent url(./assets/shop/ui/slab-cream-long.webp) center/100% 100% no-repeat;cursor:pointer}.check-choice:disabled{opacity:.6;cursor:default}.check-choice:focus-visible{outline:3px solid #355497;outline-offset:3px}.listening-check-dialog .start-button{width:100%;margin:10px 0}.listening-check-dialog #check-status{min-height:52px}.intro-secondary{flex-wrap:wrap}@media(max-width:480px){.listening-check-dialog{padding:20px}.check-choice{font-size:16px;padding:14px 20px}}

.listening-check-dialog .start-button,#listening-check,#result-listening-check{background:transparent url(./assets/shop/ui/slab-coral-long.webp) center/100% 100% no-repeat;box-shadow:none;border-radius:0;color:#32251e}.listening-check-dialog .start-button{min-height:68px;padding:20px 24px}#listening-check{padding:14px 24px;min-height:56px}.listening-check-dialog .start-button:disabled{opacity:.6}