/* Álex Quest 3.11 — one illustration language, motion that yields to interaction. */
html{background:#081b33;overscroll-behavior-y:none;scroll-padding-top:105px}body{background:#081b33!important;overflow-x:clip;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,a,input,summary,select{touch-action:manipulation}.app-shell{background:radial-gradient(ellipse at 12% 30%,#d8eff4a8,transparent 44%),radial-gradient(ellipse at 90% 62%,#f8e6c389,transparent 40%),linear-gradient(160deg,#edf7f7,#fbf9ef)!important;padding-bottom:135px!important;min-height:100dvh}#main{padding-top:15px!important}body[data-view=parent] .app-shell{background:linear-gradient(155deg,#eaf6f2,#f9f5e9)!important}.card{border-color:#ffffffb5;background:#ffffffba;box-shadow:0 6px 22px #2849580a}dialog{background:linear-gradient(145deg,#fffffff5,#f0f6eff5);border-color:#ffffffbf;box-shadow:0 16px 65px #102e4a38}dialog::backdrop{background:#15374750;backdrop-filter:blur(5px)}
.topbar-v3100 .brand-v3100 img{object-fit:cover}.brand-v3100{isolation:isolate}.banner-pixel{position:absolute;left:10%;bottom:24%;width:30%;height:44%;pointer-events:none;filter:drop-shadow(0 4px 7px #06182f70)}.banner-pixel>svg{width:100%;height:100%}.banner-pixel .cape{transform-origin:165px 175px;animation:capeBreeze 5s ease-in-out infinite}.scene-stars{position:absolute;inset:0;pointer-events:none}.scene-stars i{position:absolute;width:3px;height:3px;background:#e8faff;border-radius:50%;box-shadow:0 0 7px #dbfaff;animation:starShimmer var(--twinkle) ease-in-out infinite;animation-delay:var(--delay)}.scene-cloud{position:absolute;bottom:18%;left:4%;width:50%;height:10%;background:radial-gradient(ellipse,#f2f8ff26,transparent 70%);filter:blur(5px);animation:cloudSail 28s ease-in-out infinite alternate;pointer-events:none}.scene-paused .scene-stars i,.scene-paused .scene-cloud,.scene-paused .cape{animation-play-state:paused!important}
.surface-rail{height:54px;margin-top:-22px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;transition:background .2s}.utility-toggle{top:5px;right:13px;min-width:46px;width:46px;height:42px;min-height:42px;background:#eff8f6bf;border-color:#f5ffffb3;border-radius:15px 15px 8px 8px;backdrop-filter:blur(9px);box-shadow:0 3px 10px #142f4920}.utility-toggle svg{width:24px;height:24px}.utility-toggle[aria-expanded=true]{background:#e4f4efd9;color:#234b5b}.utility-panel{top:auto;bottom:calc(100% + 6px);right:13px;width:76px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;opacity:1;transform:none;pointer-events:none;visibility:hidden}.utility-panel.is-open{visibility:visible;pointer-events:auto}.topbar-v3100 .utility-panel .header-actions{display:flex!important;flex-direction:column;gap:8px!important}.topbar-v3100 .header-action,.topbar-v3100 #parentButton{height:70px!important;min-height:70px;font-size:11px!important;border-radius:19px!important;background:linear-gradient(130deg,#f8ffffc7,#e9f0f3ad)!important;backdrop-filter:blur(8px);border-color:#ffffffb3;box-shadow:0 3px 12px #0b254329;opacity:0;transform:translateY(15px) scale(.88);transition:opacity .16s,transform .22s;pointer-events:none}.utility-panel.is-open .header-action{opacity:1;transform:none;pointer-events:auto}.utility-panel.is-open .header-action:nth-child(3){transition-delay:0s}.utility-panel.is-open .header-action:nth-child(2){transition-delay:.07s}.utility-panel.is-open .header-action:nth-child(1){transition-delay:.14s}.utility-panel:not(.is-open) .header-action:nth-child(1){transition-delay:0s}.utility-panel:not(.is-open) .header-action:nth-child(2){transition-delay:.07s}.utility-panel:not(.is-open) .header-action:nth-child(3){transition-delay:.14s}
.compact-brand-art{display:none;position:absolute;left:12px;top:1px;width:108px;height:72px;object-fit:contain;pointer-events:none}.header-pixel-dock{position:absolute;left:125px;top:4px;width:52px;height:65px;opacity:0;pointer-events:none!important;z-index:120;transform:none;transition:opacity .2s}.header-pixel-dock svg{width:100%;height:100%;pointer-events:none!important}.header-pixel-dock.docked{opacity:1}.header-pixel-dock.pixel-jump{animation:pixelDockJump .4s ease-out}.pixel-away>svg{opacity:0;transition:opacity .2s}.header-compact .surface-rail,.session-page .surface-rail{height:76px;background:#132b43 url('../art/scene-3110.webp') center 85%/cover;border:1px solid #a4c8d84d;border-radius:0 0 21px 21px;box-shadow:0 5px 17px #08213d33}.header-compact .compact-brand-art,.session-page .compact-brand-art{display:block}.header-compact .utility-toggle,.session-page .utility-toggle{top:17px}.session-page .utility-panel{bottom:auto;top:15px;right:70px;width:min(215px,calc(100vw - 92px));z-index:110}.header-compact .utility-panel .header-actions,.session-page .utility-panel .header-actions{flex-direction:row!important;gap:5px!important}.header-compact .header-action,.header-compact #parentButton,.session-page .header-action,.session-page #parentButton{height:48px!important;min-height:48px!important;gap:2px;font-size:10px!important;padding:4px!important;border-radius:14px!important}.header-compact .header-action svg,.session-page .header-action svg{width:20px;height:20px}.header-compact .header-action-icon,.session-page .header-action-icon{width:20px;height:20px}.header-compact .utility-panel.is-open .header-action:nth-child(1){transition-delay:0s}.header-compact .utility-panel.is-open .header-action:nth-child(2){transition-delay:.07s}.header-compact .utility-panel.is-open .header-action:nth-child(3){transition-delay:.14s}
.training-heading{grid-column:1/-1;font-size:19px;margin:4px 0 0;color:#284b5b}.training-grid .route-tile{background-blend-mode:soft-light;border-color:#ffffff94!important;min-height:185px;box-shadow:0 6px 15px #193b5010}.route-tile .route-illustration{animation:illustrationFloat 7s ease-in-out infinite;animation-delay:-2s}.route-tile:nth-of-type(2n) .route-illustration{animation-delay:-5s}.route-tile:active .route-illustration{animation:none;transform:scale(1.08)}.route-tile .route-symbol{display:none}.route-tile b{padding-top:97px}.selection-trail{position:fixed;background:#f4c79b99;border-radius:24px;z-index:10000;pointer-events:none;transform-origin:top left}.route-preview{--route-tint:#f7c6bc;background:linear-gradient(150deg,var(--route-tint),#fffdf5 67%);border:1px solid #ffffffb0;animation:routeOpen .28s cubic-bezier(.2,.7,.2,1)}.route-preview[data-route=skills]{--route-tint:#bbdfdd}.route-preview[data-route=control]{--route-tint:#d7e8b8}.route-preview[data-route=impact]{--route-tint:#f8df87}.route-preview[data-route=quick],.route-preview[data-route=mix]{--route-tint:#e5ddf3}.route-intro-board{display:grid;grid-template-columns:90px 1fr 55px;gap:10px;align-items:center;padding:10px 0 14px}.route-intro-art{width:90px;height:100px;object-fit:contain;animation:illustrationFloat 5s ease-in-out infinite}.route-clock{font-size:36px;color:#356c76;display:block;line-height:1}.route-intro-text{font-size:16px;line-height:1.4;margin:5px 0}.route-mini-pixel svg{width:55px;height:80px}.route-movement-count{font-size:13px}.route-preview .pill{background:#ffffffa6;border:1px solid #fff;font-size:15px;padding:10px 14px}.route-preview .notice{background:#fff5d9c7;border-color:#decfa8;line-height:1.5}.route-preview .btn.primary{background:linear-gradient(130deg,#3f8490,#326778)}
.record-cta{background:linear-gradient(130deg,#e3edb5eb,#d0e3aceb 65%,#f0d38acf)!important;border:1px solid #adc78e!important;color:#294f49!important;min-height:132px!important;padding:13px 14px!important;overflow:hidden}.record-cta .activity-pixel{display:block!important;width:80px;height:100px;flex:0 0 80px}.record-cta .activity-pixel svg{width:100%;height:100%}.record-cta .activity-plus{display:none}.record-cta .activity-copy strong{font-size:17px}.record-cta .activity-copy>span{font-size:13px}.record-label{font-size:17px;margin-top:3px}.record-cta:after{content:'';position:absolute;right:-15px;bottom:-35px;width:115px;height:70px;background:#e4bd6b60;border-radius:50%;transform:rotate(-15deg);pointer-events:none}.week-point.current .week-dot{animation:todayPulse 2.8s ease-in-out infinite;box-shadow:0 0 0 3px #f4da7899}.day-goal-copy{font-size:12px;color:inherit;margin-top:12px;opacity:.9}.month-prop{display:inline-block;font-size:24px;vertical-align:middle;margin-left:8px;animation:propHello 8s ease-in-out infinite}.season-pickup .season-accessory{animation:accessoryPickup 1.1s ease-out}.pixel-push-hard{animation:playfulPush .65s ease-out!important}
.movement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.movement-tile{border:1px solid #cddfd5;border-radius:21px;background:linear-gradient(140deg,#f8fcf5,#eaf3ed);overflow:hidden}.movement-tile-toggle{width:100%;display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:12px;color:#294957;text-align:center;min-height:170px}.movement-tile-toggle .motion-demo{height:100px!important;max-width:100%;width:100%}.movement-tile-toggle svg{max-height:100px!important;max-width:100%}.movement-tile-toggle strong{font-size:14px;line-height:1.25}.movement-tile-toggle small{font-size:11px;color:#608074}.movement-tile.expanded{grid-column:1/-1;background:#fafff7}.movement-tile.expanded .movement-tile-toggle{min-height:0;flex-direction:row;text-align:left;align-items:center}.movement-tile.expanded .movement-tile-toggle .motion-demo{width:80px;flex:0 0 80px}.movement-expanded{padding:0 16px 16px}.movement-expanded .motion-demo{max-width:100%;height:auto}.movement-expanded[hidden]{display:none}.movement-expanded p{font-size:14px;line-height:1.5}.movement-browser{width:min(720px,94vw)}
.game-tile{position:relative;overflow:hidden;background:linear-gradient(140deg,#edf2fbdf,#f8fbf9c9)!important;border:1px solid #c5d3e0!important;border-radius:25px!important;box-shadow:0 6px 15px #2a4a6110;text-align:left;padding:15px!important;gap:8px;min-height:250px}.game-tile-1{background:linear-gradient(140deg,#faeac9ed,#fff8e5cc)!important}.game-tile-2{background:linear-gradient(140deg,#d8ebd7ed,#f2f9eacc)!important}.game-tile-3{background:linear-gradient(140deg,#e8d9f0ed,#faf3facc)!important}.game-art{height:120px;width:100%;pointer-events:none}.game-art>svg{width:100%;height:100%;max-height:120px}.game-tile strong{font-size:18px;line-height:1.2}.game-tile small{font-size:13px;line-height:1.4}.game-access{display:inline-flex;align-self:flex-start;font-size:11px!important;padding:6px 10px;background:#ffffffb8!important;border:1px solid #cbd9cd!important;border-radius:15px;margin-top:auto}.word-mini{padding:15px;border:1px solid #ccddce;border-radius:21px;background:#ecf5df8c;margin-top:18px}.word-mini h3{font-size:18px}.word-mini button{font-size:15px;text-align:left;line-height:1.4}.prediction-box{background:#eff5e5;border:1px solid #c6d8b6;border-radius:18px;padding:12px;margin:12px 0}.prediction-box summary{font-size:15px;cursor:pointer}.four-week-reference{max-width:300px}.app-mountains{height:65px;opacity:.9}.bottom-nav{background:#edf7efe3!important;box-shadow:0 3px 12px #0d304c1c;bottom:calc(9px + env(safe-area-inset-bottom,0px))!important}.app-footer{padding-bottom:25px}.session-page .hero .pixel-home-button{display:none}
@keyframes starShimmer{0%,65%,100%{opacity:.15;transform:scale(.6)}35%{opacity:.95;transform:scale(1.4)}}@keyframes cloudSail{to{transform:translateX(95px)}}@keyframes capeBreeze{50%{transform:rotate(-3deg) skewY(3deg)}}@keyframes illustrationFloat{0%,80%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-4px) rotate(-2deg)}}@keyframes todayPulse{50%{box-shadow:0 0 0 7px #e4cf7650;transform:scale(1.04)}}@keyframes pixelDockJump{50%{margin-top:-16px}}@keyframes propHello{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(12deg)}}@keyframes accessoryPickup{0%{opacity:0;transform:translate(70px,-65px) rotate(-25deg) scale(.5)}60%{opacity:1;transform:translate(0,-8px) rotate(10deg)}100%{transform:none}}@keyframes playfulPush{30%{transform:translateX(-12px) rotate(-7deg)}65%{transform:translateX(7px) rotate(4deg)}100%{transform:none}}@keyframes routeOpen{from{opacity:.4;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@media(min-width:600px){.route-intro-board{grid-template-columns:130px 1fr 85px}.route-intro-art{width:125px;height:130px}.route-mini-pixel svg{width:80px;height:110px}.game-art{height:150px}.game-art>svg{max-height:150px}.game-tile strong{font-size:23px}.game-tile small{font-size:16px}.training-heading{font-size:24px}.record-cta .activity-pixel{width:110px;height:120px;flex-basis:110px}}
@media(max-width:359px){.route-intro-board{grid-template-columns:65px 1fr 40px;gap:6px}.route-intro-art{width:65px;height:80px}.route-intro-text{font-size:14px}.route-mini-pixel svg{width:40px}.record-cta .activity-pixel{width:58px;flex-basis:58px}.record-cta .activity-copy strong{font-size:15px}.game-tile{padding:11px!important}.game-tile strong{font-size:16px}.header-compact .compact-brand-art{width:90px;left:5px}.header-pixel-dock{left:96px}.movement-tile-toggle{padding:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.scene-stars i,.scene-cloud,.banner-pixel .cape,.route-illustration,.route-intro-art,.week-point.current .week-dot,.month-prop,.season-pickup .season-accessory,.pixel-push-hard,.header-pixel-dock.pixel-jump,.route-preview{animation:none!important}.header-pixel-dock,.header-action{transition:none!important}.selection-trail{display:none}.utility-panel .header-action{transition-delay:0s!important}}

.pixel-away .pixel-hero{opacity:0;transition:opacity .2s}.header-pixel-dock *{pointer-events:none!important}
.utility-panel{visibility:visible}.season-pickup .arm-right{transform-origin:245px 180px;animation:propCatch 1.2s ease-out}.has-season-accessory .season-accessory{filter:drop-shadow(0 1px 2px #fff7)}@keyframes propCatch{0%,100%{transform:rotate(0)}50%{transform:rotate(-18deg)}}@media(prefers-reduced-motion:reduce){.season-pickup .arm-right{animation:none!important}}
.pixel-transfer{position:fixed;pointer-events:none!important;z-index:9998;transform-origin:top left}.pixel-transfer svg{width:100%;height:100%;pointer-events:none!important}
/* The historical sound control has an ID selector; match it for its open state. */
.utility-panel.is-open #parentButton{opacity:1;transform:none;pointer-events:auto}
/* Shared interiors: Coach, words, thinking, movement, challenges and adventure. */
body{--route-tint:#e4eef1;--experience-accent:#397789;color:#294453}.focus-page .brand-v3100{display:none}.focus-page .topbar-v3100{top:0!important}.focus-page .surface-rail{margin-top:0;height:76px;background:#132b43 url('../art/scene-3110.webp') center 85%/cover;border:1px solid #a4c8d84d;border-radius:0 0 21px 21px;box-shadow:0 5px 17px #08213d33}.focus-page .compact-brand-art{display:block}.focus-page .utility-toggle{top:17px}.focus-page .utility-panel{bottom:auto;top:15px;right:70px;width:min(215px,calc(100vw - 92px));z-index:110}.focus-page .utility-panel .header-actions{flex-direction:row!important;gap:5px!important}.focus-page .header-action,.focus-page #parentButton{height:48px!important;min-height:48px!important;gap:2px;font-size:10px!important;padding:4px!important;border-radius:14px!important}.focus-page .header-action svg,.focus-page .header-action-icon{width:20px;height:20px}.focus-page .app-shell{padding-top:0!important}
body[data-route=energy]{--route-tint:#f7c6bc;--experience-accent:#a14e43}body[data-route=skills]{--route-tint:#bbdfdd;--experience-accent:#337776}body[data-route=control]{--route-tint:#d7e8b8;--experience-accent:#58743d}body[data-route=impact]{--route-tint:#f8df87;--experience-accent:#7c641e}body[data-route=quick],body[data-route=mix]{--route-tint:#e5ddf3;--experience-accent:#6d598c}
body.session-page{color:#294453}.session-page .app-shell{padding-bottom:35px!important;padding-top:0}.session-page .session-stage{background:linear-gradient(150deg,var(--route-tint),#fffdf5 72%);border-color:#ffffffb8;border-radius:25px;box-shadow:0 8px 22px #2546570f}.session-page .session-figure{background:linear-gradient(150deg,#fff9,var(--route-tint));border:1px solid #ffffffa8}.session-page .session-controls{background:linear-gradient(145deg,#ffffffe3,#eff7f2d9);border-color:#cedfdc;box-shadow:0 4px 16px #23485c0c}.session-page .clock-row .timer,.session-page #trialTimer{color:var(--experience-accent)}.session-page .session-progress i{background:var(--experience-accent)}.session-page .session-head .eyebrow{color:var(--experience-accent)}
.mind-card,.word-card,.category,.library-row,.guide-item{border-color:#d0dfd9;border-radius:22px;background:linear-gradient(145deg,#ffffffd6,#f1f7efd9);box-shadow:0 5px 18px #29466008}.mind-header{position:relative;padding-right:85px;background:linear-gradient(130deg,#fae5bce0,#fff8e4de)}.mind-header-pixel{position:absolute;right:8px;top:10px;width:64px;height:90px;pointer-events:none}.mind-header-pixel svg,.mind-header-pixel img{width:100%;height:100%}.mind-root .mind-field select,.mind-root .mind-field input,input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:14px;background-color:#ffffffd9}.mind-card .mind-visual{background:#edf5f2}.word-card:has(.daily-presentation){background:linear-gradient(140deg,#e1eed4e6,#fffdf2)}.word-card:has(.word-robot){background:linear-gradient(140deg,#e8dcf0e6,#f9faff)}.word-keyboard button{border-radius:12px;min-height:42px;background:#ffffffe3;color:#35495e;box-shadow:0 2px 4px #29466010}.word-keyboard button:disabled{box-shadow:none}.letter-box{background:#ffffffdb;border-radius:12px}.adventure-heading{padding:16px;border:1px solid #ffffffb0;border-radius:24px;background:linear-gradient(135deg,#d9e9efba,#f8edcf9c)}.adventure-heading h1{font-size:clamp(23px,5vw,30px)}.parent-tabs{padding:5px;background:#ffffff82;border:1px solid #d2e2db;border-radius:19px;gap:4px}.parent-tabs button{border:0;border-radius:14px;background:transparent}.parent-tabs button.active{background:linear-gradient(135deg,#397b83,#32617c);color:white;box-shadow:0 3px 9px #32617c22}.btn,.icon-btn,.choice,.category summary{transition:transform .12s,box-shadow .12s,background-color .15s}.btn:active,.icon-btn:active,.choice:active{transform:scale(.975)}.btn:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #32798f;outline-offset:3px}.view-arriving #main>.card:first-child,.view-arriving #main>.mind-card:first-child,.view-arriving #main>.session-stage,.view-arriving #main>.adventure-heading{animation:surfaceArrival .3s ease-out}@keyframes surfaceArrival{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.view-arriving #main>*{animation:none!important}.btn,.icon-btn,.choice,.category summary{transition:none!important}.btn:active,.icon-btn:active,.choice:active{transform:none}}
@media(orientation:landscape) and (max-height:500px){.focus-page .surface-rail,.session-page .surface-rail{height:63px}.focus-page .compact-brand-art,.session-page .compact-brand-art{height:60px}.focus-page .utility-toggle,.session-page .utility-toggle{top:10px}.focus-page .utility-panel,.session-page .utility-panel{top:8px}}
.day-cell.current{animation:todayPulse 2.8s ease-in-out infinite;border-color:#bd9a40!important;box-shadow:0 0 0 3px #f4da7860}
@media(prefers-reduced-motion:reduce){.day-cell.current{animation:none!important}}
.app-mountains{z-index:0}#main,.app-footer{position:relative;z-index:1}.focus-page .app-mountains{display:none}.session-page [data-voice-retry]{color:#235d75!important;background:#ffffffd9;border:1px solid #c8dce4;border-radius:13px;min-height:44px;padding:9px 13px}.mind-root .mind-card{background:linear-gradient(145deg,#fffef4f0,#f2f7e8ed)!important}.mind-root .mind-header{background:linear-gradient(130deg,#fae5bce0,#fff8e4de)!important}