.game-home{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:10px;right:10px;z-index:9999;height:60px;padding:6px 8px;display:flex;justify-content:center;background:#fffaf2;border:1px solid #d9cbb8;border-radius:18px;box-shadow:0 3px 14px #292b3424;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.game-home a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;width:min(100%,420px);border:1px solid #9fb3be;border-radius:14px;text-decoration:none;background:#edf2f4;color:#294a5e;font:600 16px system-ui,sans-serif;touch-action:manipulation;pointer-events:auto;-webkit-user-select:none;user-select:none}.game-home a:active{background:#dce7eb;transform:translateY(1px)}.game-home a:focus-visible{outline:3px solid #d78f37;outline-offset:2px}.game-home svg{width:20px;height:20px}body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
.home-transition{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:24px;background:rgba(255,250,242,.97);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility 0s linear .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-transition.visible{opacity:1;visibility:visible;pointer-events:none;transition:opacity .12s ease}.home-transition-card{width:min(280px,82vw);text-align:center;color:#3f5260;font:600 16px/1.5 system-ui,sans-serif}.home-transition-paw{display:block;margin:0 auto 14px;font-size:38px;line-height:1;animation:home-paw .72s ease-in-out infinite alternate}.home-transition-track{height:7px;margin-top:15px;overflow:hidden;border-radius:99px;background:#dce7eb}.home-transition-bar{display:block;width:42%;height:100%;border-radius:inherit;background:#658b9d;animation:home-progress .85s ease-in-out infinite}.returning-home .game-home a{background:#dce7eb;color:#466575}@keyframes home-paw{to{transform:translateY(-5px) rotate(-7deg)}}@keyframes home-progress{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}@media(prefers-reduced-motion:reduce){.home-transition,.home-transition.visible{transition:none}.home-transition-paw{animation:none}.home-transition-bar{width:100%;animation:home-fade 1s ease-in-out infinite alternate}@keyframes home-fade{to{opacity:.45}}}
/* Keep all primary controls above the fixed home dock on compact phones. */
body.book-page .app{min-height:0;gap:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px;max-width:420px}body.book-page .rooms{display:none}body.book-page .topbar{min-height:96px;padding:5px 7px}body.book-page .mascot-wrap{width:94px;height:86px}body.book-page .mascot-wrap img{width:102px;height:102px;transform:translate(-2px,3px)}body.book-page .status{gap:7px}body.book-page .board-shell{width:min(100%,calc(100svh - 342px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));min-width:210px;align-self:center}body.book-page .hint{margin:1px 0;font-size:14px}body.book-page .controls button{min-height:44px}
body.sleep-page main{padding:8px 16px 12px}body.sleep-page main>nav{display:none}body.sleep-page header{margin-bottom:8px}body.sleep-page h1{font-size:25px}body.sleep-page .eyebrow{font-size:13px}body.sleep-page .stats{margin-bottom:8px}body.sleep-page .stats>div{min-height:52px;padding:4px 10px}body.sleep-page .stats strong{font-size:20px}body.sleep-page .play{width:min(100%,calc((100svh - 310px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*420/570));min-width:190px;margin:auto}body.sleep-page #message{margin:8px 0;font-size:14px}body.sleep-page details{margin-top:16px}body.sleep-page footer{display:none}