/* Ronda 9: home-first navigation, mascot interaction and calm light styling. */
:root {color-scheme:light;}
/* The real shell remains visible while asynchronous storage initializes. */
.aq-boot-intro {display:none!important}
.aq-booting .app-shell,.aq-booting .bottom-nav {opacity:1!important;animation:none!important}
.topbar {
 position:sticky;top:max(0px,env(safe-area-inset-top));z-index:110;
 min-height:60px;margin-bottom:12px;padding:6px 8px;
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 border-radius:14px;background:#ffffffec;
 box-shadow:0 3px 18px #25496815;
}
.brand.brand-r6 {min-width:0;flex:1 1 auto;overflow:hidden;}
.brand-r6 .brand-mark {width:100%;max-width:240px;min-width:0;flex:1 1 auto;box-shadow:none;overflow:visible;}
.brand-r6 .brand-art {object-fit:contain;}
.brand-r6 .header-pixel {left:auto;right:2px;bottom:2px;width:29px;height:37px;pointer-events:none;}
.brand-r6 .header-pixel.header-cross {animation:aqHeaderWalk 1.6s ease-in-out both}
@keyframes aqHeaderWalk {0%,100%{transform:translateX(0)}35%{transform:translateX(-23px)}65%{transform:translateX(-12px)}}
.topbar .top-games-btn,.topbar .top-coach-btn,.topbar .header-sound-btn {
 flex:0 0 44px;width:44px;min-width:44px;max-width:44px;
 min-height:44px;height:44px;padding:0;margin:0;border-radius:13px;
 display:inline-grid;place-items:center;font-size:21px;line-height:1;
 background:#edf5fb;color:#254d67;border:1px solid #cfe0e9;
 cursor:pointer;touch-action:manipulation;
}
.topbar .header-sound-btn {background:#f2f8ef}
.topbar .header-sound-btn svg {width:23px;height:23px}
.topbar .header-action-label {display:none}
.topbar .top-games-btn:active,.topbar .top-coach-btn:active,.topbar .header-sound-btn:active,.btn:active {transform:scale(.97)}
.topbar button:focus-visible,.pixel-home-button:focus-visible {outline:3px solid #287aa1;outline-offset:2px}
.pixel-home-button {display:grid;place-items:center;position:relative;min-width:90px;max-width:130px;width:100%;padding:0;
 background:none;border:0;border-radius:18px;cursor:pointer;touch-action:manipulation}
.pixel-home-button .bot {width:100%;max-width:125px}
.pixel-home-button .bot svg {height:auto;width:100%}
.pixel-home-button.pixel-push {animation:aqPixelNudge .34s ease}
.pixel-home-button.pixel-push-hard {animation:aqPixelNudgeHard .48s ease}
@keyframes aqPixelNudge {40%{translate:7px 1px;rotate:5deg}75%{translate:-2px 0}}
@keyframes aqPixelNudgeHard {35%{translate:11px 3px;rotate:9deg}75%{translate:-5px 0;rotate:-3deg}}
.pixel-hero.mode-grumpy .eye-normal {opacity:0;animation:none}
.pixel-hero.mode-grumpy .eye-focus {opacity:1}
.pixel-hero.mode-grumpy .pixel-head {animation:aqWorry 1s ease-in-out 1}
.quick-sound-settings {display:grid;gap:12px;margin:12px 0 18px}
@media(max-width:360px) {
 .topbar {gap:3px;padding:5px}
 .topbar .top-games-btn,.topbar .top-coach-btn,.topbar .header-sound-btn {width:42px;max-width:42px;min-width:42px}
 .brand-r6 .header-pixel {width:24px;height:33px}
}
@media(prefers-reduced-motion:reduce) {
 .header-cross,.pixel-push,.pixel-push-hard {animation:none!important}
 .topbar button:active,.btn:active {transform:none!important}
}
/* Adult keypad, optimised for single-hand use and four-digit auto-submit. */
.coach-pin-panel{max-width:420px;margin:0 auto;display:grid;gap:10px}
.coach-pin-dots{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;font-size:29px;color:#265d7b;letter-spacing:1px}
.coach-pin-dot{display:grid;place-items:center;width:31px;height:40px}
.coach-digit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:345px;width:100%;margin:3px auto 9px}
.coach-digit-key{font:700 26px/1 system-ui,-apple-system,sans-serif;min-height:65px;border-radius:15px;border:1px solid #bfd6e4;background:#f3f9fc;color:#173d56;box-shadow:0 2px 0 #c7dbe3;touch-action:manipulation;cursor:pointer}
.coach-digit-key:active{transform:translateY(2px);box-shadow:none;background:#e1f1f7}
.coach-digit-aux{font-size:14px;background:#f8f8f4;color:#426172}
.coach-pin-status{min-height:22px;color:#9a3341;text-align:center;margin:0;font-size:14px}
.coach-change-person{margin:0 auto;min-height:44px}
.coach-legacy-pin{margin:auto;text-align:center;min-height:44px}
.coach-choose[hidden],.coach-change-person[hidden],.coach-legacy-pin[hidden],.coach-pin-panel [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.coach-digit-key:active{transform:none}}