:root{color:#eafaff;background:#071a33;font-family:system-ui,sans-serif;--safe-top:max(12px,env(safe-area-inset-top));--safe-right:max(12px,env(safe-area-inset-right));--safe-bottom:max(12px,env(safe-area-inset-bottom));--safe-left:max(12px,env(safe-area-inset-left))}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;overscroll-behavior:none}button{font:inherit}.home-scene,.flow-scene{display:grid;width:100vw;min-height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);place-items:center;background:radial-gradient(circle at 50% 35%,#174a70,#071a33 68%)}.responsive-stage{container-type:size;position:relative;width:min(100%,calc((100dvh - var(--safe-top) - var(--safe-bottom))*16/9));max-height:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #9be6ff80;border-radius:clamp(8px,1.2vw,22px);box-shadow:0 12px 45px #000a1cb3}.stage-layer{position:absolute;inset:0 auto auto 0;transform:scale(calc(100cqw/1920));transform-origin:top left}.scene-item{position:absolute;display:block;height:auto;padding:0;border:0;background:transparent}.scene-item img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}button.scene-item{min-width:44px;min-height:44px;cursor:pointer;touch-action:manipulation}button.scene-item:focus-visible{outline:7px solid #ffd86b;outline-offset:7px}.asset-missing{min-height:120px;border:4px dashed #ffcf67;background:#042239b8}.asset-missing:after{content:"Asset unavailable";position:absolute;inset:0;display:grid;place-items:center;font-size:32px}.scene-label{position:absolute;z-index:100;left:48px;top:48px;padding:18px 28px;border:2px solid #9ae7ffb3;border-radius:18px;background:#041c36c2}.scene-label p{margin:0;font-size:32px;font-weight:700}.scene-label span,.eyebrow{color:#9eeeff}.flow-scene section{width:min(640px,100%);padding:clamp(24px,5vw,56px);border:1px solid #83daf8;border-radius:24px;background:#041c36e0;text-align:center}.flow-scene h1{font-size:clamp(28px,5vw,52px)}.flow-scene p{line-height:1.8}.flow-scene button,.modal button{min-width:160px;min-height:48px;padding:12px 24px;border:0;border-radius:999px;color:#06203a;background:#9eeeff;font-weight:700;touch-action:manipulation}.modal{max-width:min(520px,calc(100vw - 32px));border:1px solid #83daf8;border-radius:18px;color:#eafaff;background:#0b2948}.modal::backdrop{background:#000814b3}@media(orientation:portrait){.home-scene:before{content:"Landscape orientation recommended";position:fixed;z-index:200;top:var(--safe-top);left:50%;translate:-50% 0;padding:10px 16px;border-radius:999px;color:#08223a;background:#eafaff;font-weight:700}}@media(prefers-reduced-motion:no-preference){.scene-label{animation:appear .45s ease-out both}button.scene-item{transition:filter .18s ease,transform .18s ease}button.scene-item:hover{filter:drop-shadow(0 0 14px #9eeeff);transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@keyframes appear{0%{opacity:0;transform:translateY(-12px)}}@media(orientation:portrait){.home-scene:before{content:"横向きでの利用をおすすめします"}}:root{--color-background:#071a33;--color-surface:#0b2948;--color-text:#eafaff;--color-accent:#9eeeff;--color-focus:#ffd86b;--motion-standard:.18s;--radius-panel:18px}.home-scene,.flow-scene{color:var(--color-text);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--color-accent) 32%,var(--color-background)),var(--color-background) 68%)}.scene-label,.flow-scene section,.modal{border-radius:var(--radius-panel)}button.scene-item:focus-visible{outline-color:var(--color-focus)}.flow-scene button,.modal button{background:var(--color-accent);transition-duration:var(--motion-standard)}.home-scene{position:relative}.responsive-stage{background:var(--color-background)}.stage-layer{position:absolute;inset:0 auto auto 0;width:1920px;height:1080px;transform:scale(calc(100cqw / 1920));transform-origin:top left}.home-layer{position:absolute;inset:0;pointer-events:none}.home-item{position:absolute;display:block;padding:0;border:0;background:transparent;pointer-events:none;transform-origin:center}.home-item[data-anchor=center]{translate:-50% 0}.home-item[data-anchor=bottom-center]{translate:-50% -100%}.home-item img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.home-item[data-layout-id=lab-base] img{object-fit:cover}.home-item.is-interactive{pointer-events:auto;cursor:pointer;touch-action:manipulation}.home-item.is-interactive:active{filter:brightness(1.12);scale:.985}.home-item.is-interactive:focus-visible{outline:7px solid var(--color-focus);outline-offset:5px}.egg-placeholder{width:100%;height:100%;border:8px solid #b7eaff;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 34% 28%,#fff 0 12%,#bfefff 42%,#5ea8db);box-shadow:inset -14px -18px 24px #2872aa66,0 12px 20px #00152f80}.home-item[data-layout-id=mira]{transform-origin:50% 100%}.home-item[data-layout-id=mission]{filter:drop-shadow(0 0 18px #7fe7ff)}.hit-area,.debug-label{display:none}.home-item.is-egg-reacting{animation:egg-touch .42s ease-in-out}.dialog-bubble{position:absolute;z-index:90;left:50%;bottom:32px;translate:-50% 0;max-width:70%;padding:14px 22px;border:1px solid var(--color-accent);border-radius:var(--radius-panel);background:#061e38e8;color:var(--color-text);font-weight:700;pointer-events:none}.layout-debug-panel{position:fixed;z-index:1000;top:var(--safe-top);right:var(--safe-right);width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:14px;border:1px solid var(--color-accent);border-radius:12px;background:#06182bf2;color:#fff;font-size:13px}.layout-debug-panel[hidden]{display:none}.layout-debug-panel header,.debug-actions{display:flex;gap:8px;align-items:center;justify-content:space-between}.layout-debug-panel label{display:grid;gap:4px;margin-top:10px}.layout-debug-panel input,.layout-debug-panel select,.layout-debug-panel button{min-height:36px}.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layout-debug-panel .debug-check{display:flex;align-items:center}.debug-actions{flex-wrap:wrap;margin-top:12px}.is-layout-debug .home-item{outline:3px solid #39e8ff;pointer-events:auto}.is-layout-debug .home-item.is-debug-selected{outline:6px solid #ffd86b}.is-layout-debug .hit-area{position:absolute;display:block;border:3px dashed #ff4db8;background:#ff4db833;pointer-events:none}.is-layout-debug .debug-label{position:absolute;display:block;left:0;top:0;padding:4px 7px;background:#00192be6;color:#fff;font-size:20px;white-space:nowrap;pointer-events:none}.is-layout-debug [data-asset-status=needs_transparency_check]:after{content:"NO ALPHA";position:absolute;right:0;top:0;padding:4px 6px;background:#c02954;color:#fff;font-size:18px;font-weight:800}@media(prefers-reduced-motion:no-preference){.home-item[data-layout-id=mira]{animation:mira-breathe 4.8s ease-in-out infinite}.home-item[data-layout-id=mission]{animation:hologram-in .55s ease-out both}}@keyframes mira-breathe{50%{scale:1.006}}@keyframes egg-touch{25%{rotate:-4deg}65%{rotate:4deg}to{rotate:0}}@keyframes hologram-in{0%{opacity:0;scale:.97}}@media(max-width:700px){.dialog-bubble{max-width:86%;padding:9px 14px;font-size:12px}.layout-debug-panel{width:min(300px,calc(100vw - 16px));font-size:12px}}.stage-layer{transform:scale(var(--stage-scale,0));transform-origin:top left}.home-item[hidden]{display:none}.home-item[data-layout-id=starter-egg]{filter:drop-shadow(0 0 24px rgb(94 209 255 / 68%))}.home-item[data-layout-id=starter-egg] .egg-placeholder{display:block}.is-layout-debug [data-layout-id=starter-egg]:after{content:"TEMP EGG";position:absolute;left:50%;bottom:-38px;translate:-50% 0;padding:5px 9px;border:2px solid #ffd86b;border-radius:6px;background:#321d00e8;color:#fff2b3;font-size:20px;font-weight:900;line-height:1;white-space:nowrap}.flow-scene{overflow:auto;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.flow-panel{width:min(900px,100%);max-height:none;padding:clamp(22px,4vw,52px);border:1px solid #83daf8;border-radius:24px;background:linear-gradient(145deg,#f8fdfff2,#dff7fff0 55%,#fff8d8ed);color:#092943;box-shadow:0 18px 60px #00122599,inset 0 0 30px #fff}.flow-panel h1{margin:.15em 0;font-size:clamp(28px,4.6vw,52px);line-height:1.15}.flow-panel .eyebrow{margin:0;color:#167699;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lead{max-width:680px;margin:12px auto 24px;font-size:clamp(16px,2vw,20px);line-height:1.65}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:16px;margin:22px 0}.module-card{display:grid;gap:9px;min-height:150px;padding:22px;border:2px solid #83daf8;border-radius:20px;background:#fff;color:#092943;text-align:left;box-shadow:0 8px 20px #0a6f9840;cursor:pointer;touch-action:manipulation}.module-card strong{font-size:clamp(21px,2.6vw,28px)}.module-card span{line-height:1.5}.module-card small{color:#37647b}.module-card:focus-visible,.flow-button:focus-visible{outline:5px solid #d6a928;outline-offset:4px}.module-card:active,.flow-button:active{transform:scale(.98)}.module-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px auto;max-width:580px}.module-details div,.result-grid div{padding:14px;border:1px solid #83daf8;border-radius:14px;background:#ffffffb8}.module-details dt,.result-grid span{color:#37647b;font-size:14px}.module-details dd{margin:5px 0 0;font-weight:800}.flow-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.flow-button{min-width:180px;min-height:52px;padding:12px 24px;border:2px solid #77d3f3;border-radius:999px;background:#9eeeff;color:#06203a;font-weight:900;cursor:pointer;touch-action:manipulation}.flow-button.secondary{border-color:#d6a928;background:#fff8d8}.flow-button.quiet{background:#fff}.flow-notice{padding:16px;border:1px solid #d6a928;border-radius:14px;background:#fff8d8;color:#624d09;font-weight:800}.mission-prompt{display:grid;gap:12px;max-width:680px;margin:20px auto;padding:clamp(20px,3vw,32px);border:2px solid #76d9f6;border-radius:22px;background:linear-gradient(135deg,#0c537de8,#092943);color:#fff;box-shadow:0 0 26px #51d8ff66}.mission-prompt strong{font-size:clamp(22px,3vw,32px)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:680px;margin:26px auto}.result-grid strong{display:block;margin-top:7px;color:#126c91;font-size:clamp(28px,4vw,46px)}@media(max-height:500px){.flow-scene{place-items:start center}.flow-panel{padding:18px 22px}.flow-panel h1{font-size:28px}.lead{margin:8px auto 14px}.module-card{min-height:112px;padding:15px}.mission-prompt{margin:12px auto;padding:15px}.flow-actions{margin-top:14px}.flow-button{min-height:48px}.result-grid{margin:14px auto}}@media(max-width:700px){.result-grid{grid-template-columns:repeat(3,1fr)}.flow-button{min-width:150px}.module-grid{grid-template-columns:1fr}}@media(orientation:portrait){.flow-scene:before{content:"Landscape orientation recommended";position:fixed;z-index:200;top:var(--safe-top);left:50%;translate:-50% 0;padding:10px 16px;border-radius:999px;background:#eafaff;color:#08223a;font-weight:700}}@media(hover:hover)and (pointer:fine){.module-card:hover,.flow-button:hover{filter:brightness(1.04);box-shadow:0 0 22px #65dfff80}}@media(orientation:portrait){.flow-scene:before{content:"横向きでの利用をおすすめします"}}.is-home-final:not(.is-layout-debug) .home-layer{display:none}.is-home-final.is-layout-debug .home-final-root{display:none}.home-final-root{position:absolute;inset:0;z-index:80;overflow:hidden;color:#07314f;font-family:system-ui,sans-serif}.home-final-root>img,.home-final-root button img{display:block;max-width:100%;user-select:none;-webkit-user-drag:none}.home-final-city,.home-final-lab{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-final-city{z-index:1}.home-final-lab{z-index:2}.home-final-window{position:absolute;z-index:3;background-position:center;background-size:cover;box-shadow:inset 0 0 38px #8feaff99}.home-final-window.center{left:31.4%;top:18.8%;width:37.4%;height:54%;border-radius:50%}.home-final-window.left{left:18.7%;top:19.6%;width:9.7%;height:47%;border-radius:34px}.home-final-window.right{right:18.7%;top:19.6%;width:9.7%;height:47%;border-radius:34px}.glass-button{border:2px solid #a9edff;border-radius:28px;background:#eefdfff0;box-shadow:0 0 24px #72ddff88,inset 0 0 18px #fff;cursor:pointer;touch-action:manipulation}.glass-button:focus-visible{outline:8px solid #f3cf64;outline-offset:6px}.home-final-status{position:absolute;z-index:30;left:50%;top:38px;translate:-50% 0;display:grid;width:570px;min-height:245px;padding:45px 75px 28px;place-items:center;border:0;background:transparent;color:#07314f}.home-final-status>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}.lab-name{font-size:36px;font-weight:900;letter-spacing:.1em}.lab-status{font-size:21px;font-weight:800;color:#17678a}.level-row{font-size:19px;font-weight:900}.exp-track{display:block;width:100%;height:14px;overflow:hidden;border:1px solid #d5ae3b;border-radius:999px;background:#eaf7fa}.exp-track i{display:block;width:var(--exp);height:100%;border-radius:inherit;background:linear-gradient(90deg,#55d6ff,#edca59);box-shadow:0 0 12px #55d6ff}.exp-label{font-size:16px;font-weight:800}.home-final-shelf{position:absolute;z-index:12;top:210px;width:290px;height:570px}.home-final-shelf.left{left:55px}.home-final-shelf.right{right:55px}.shelf-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.shelf-grid{position:absolute;inset:115px 55px 105px;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:18px 10px;align-content:start}.shelf-item{display:grid;place-items:center}.shelf-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px #002a4766)}.home-final-feeding{position:absolute;z-index:20;left:285px;bottom:55px;width:300px;height:250px;padding:0;border:0;background:transparent}.home-final-feeding img,.home-final-pedestal img,.home-final-mira img{width:100%;height:100%;object-fit:contain}.home-final-pedestal{position:absolute;z-index:21;left:50%;bottom:18px;translate:-50% 0;width:430px;height:290px;padding:0;border:0;background:transparent}.home-final-companion{position:absolute;z-index:24;left:50%;bottom:210px;translate:-50% 0;width:245px;height:245px;object-fit:contain;filter:drop-shadow(0 12px 16px #00456888)}.home-final-mira{position:absolute;z-index:25;right:245px;bottom:30px;width:390px;height:760px;padding:0;border:0;background:transparent;mix-blend-mode:multiply}.home-final-message{position:absolute;z-index:32;right:390px;top:260px;width:390px;min-height:105px;padding:22px 28px;border:2px solid #b7efff;border-radius:26px;background:#fafdfff0;color:#07314f;font-size:21px;font-weight:800;line-height:1.5;box-shadow:0 0 24px #72ddff88}.home-final-message:after{content:"";position:absolute;right:-26px;bottom:18px;border-width:16px 0 16px 28px;border-style:solid;border-color:transparent transparent transparent #fafdfff0}.animate-companion .home-final-companion{animation:home-final-float 4s ease-in-out infinite}.animate-mira .home-final-mira{animation:home-final-breathe 5s ease-in-out infinite}.animate-ui .home-final-status,.animate-ui .home-final-message{animation:home-final-fade .55s ease-out both}.animate-glow .glass-button:hover{filter:brightness(1.08) drop-shadow(0 0 18px #65dfff);scale:1.015}.glass-button:active{scale:.985}@keyframes home-final-float{50%{translate:-50% -14px}}@keyframes home-final-breathe{50%{scale:1.008}}@keyframes home-final-fade{0%{opacity:0;translate:0 -14px}}.home-final-window{display:none}.home-final-status{background:radial-gradient(ellipse at center,#fafffff2 0,#e6f9ffcf 55%,transparent 74%)}.home-final-feeding,.home-final-pedestal,.home-final-mira{border-radius:0;box-shadow:none}.home-final-status{top:20px;width:500px;min-height:215px;padding:38px 62px 24px}.lab-name{font-size:32px}.lab-status{font-size:19px}.level-row{font-size:17px}.exp-label{font-size:15px}.home-final-mira{right:85px;bottom:8px;width:525px;height:810px;opacity:1;mix-blend-mode:normal;filter:drop-shadow(0 0 9px #8de9ff) drop-shadow(0 12px 10px #4fcfff40)}.home-final-message{right:500px;top:245px;width:370px;min-height:100px;padding:20px 26px;font-size:20px}.home-final-message:after{right:-25px;bottom:22px;border-width:15px 0 15px 27px}.home-final-companion{bottom:190px;filter:drop-shadow(0 6px 6px #4fcfff52)}@media(max-width:1100px){.home-final-message{font-size:28px;width:430px}.lab-name{font-size:38px}.lab-status{font-size:24px}.level-row{font-size:22px}.exp-label{font-size:20px}}@media(max-height:500px){.home-final-mira{right:120px;width:470px;height:780px}.home-final-message{right:490px;top:250px;width:440px;font-size:34px;line-height:1.4}.home-final-status{top:14px}.lab-name{font-size:44px}.lab-status{font-size:28px}.level-row{font-size:25px}.exp-label{font-size:22px}}.home-final-shelf{top:300px}.home-final-shelf.left{left:45px}.home-final-shelf.right{right:45px}.home-final-feeding{bottom:20px;filter:drop-shadow(0 5px 3px #314b5d2e)}.home-final-companion{bottom:177px}.home-final-mira{right:40px;bottom:0;filter:drop-shadow(0 5px 4px #314b5d26)}.animate-glow .home-final-mira:hover{filter:drop-shadow(0 5px 4px #314b5d26);scale:1.005}@media(max-height:500px){.home-final-mira{right:70px;bottom:0}.home-final-shelf{top:305px}.home-final-feeding{bottom:12px}}@media(prefers-reduced-motion:reduce){.home-final-root *{animation:none!important;transition:none!important}}.home-background-stage{background:#071a33}.home-background-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.home-mira{position:absolute;z-index:1;display:block;width:auto;max-width:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.home-tutorial-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.tutorial-dialogue{position:absolute;z-index:3;top:250px;right:clamp(640px,calc(840px - 10.4vw),700px);width:540px;min-height:134px;padding:24px 30px;border:3px solid #b8efff;border-radius:28px;background:#f9fdfff2;color:#092943;box-shadow:0 12px 36px #0433544d,inset 0 0 20px #fff;font-size:clamp(28px,calc(54px - 1.35vw),44px);font-weight:800;line-height:1.45;pointer-events:auto;cursor:pointer}.tutorial-dialogue:after{content:"";position:absolute;right:-32px;bottom:24px;border-width:18px 0 18px 34px;border-style:solid;border-color:transparent transparent transparent #f9fdfff2}.tutorial-dialogue>span{display:block;text-wrap:balance}.tutorial-dialogue-hint{display:block;margin-top:8px;color:#37728e;font-size:clamp(18px,calc(34px - .8vw),28px);font-weight:700;text-align:right}.tutorial-hologram{position:absolute;z-index:3;left:500px;top:330px;display:grid;width:720px;min-height:340px;padding:38px 44px;place-items:center;border:3px solid #8ce8ff;border-radius:30px;background:linear-gradient(145deg,#eefdfff0,#bceeffd9 58%,#fff9d8e8);color:#07314f;text-align:center;box-shadow:0 0 38px #5edcff73,inset 0 0 30px #fff;pointer-events:auto}.tutorial-hologram:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-190px;width:320px;height:195px;translate:-50% 0;background:linear-gradient(180deg,#a8efff73,#83e5ff24 58%,transparent);clip-path:polygon(26% 0,74% 0,100% 100%,0 100%);filter:blur(5px);pointer-events:none}.tutorial-hologram h2{margin:0;font-size:clamp(46px,calc(82px - 1.8vw),68px)}.tutorial-hologram p{margin:8px 0 22px;font-size:clamp(28px,calc(54px - 1.3vw),44px);line-height:1.4}.tutorial-start-button{min-width:360px;min-height:clamp(88px,calc(180px - 5.2vw),130px);padding:16px 32px;border:3px solid #81ddf8;border-radius:999px;background:#faffff;color:#07314f;font-size:clamp(30px,calc(60px - 1.5vw),48px);font-weight:900;box-shadow:0 0 22px #62dfff73;cursor:pointer;touch-action:manipulation}.tutorial-start-button:focus-visible{outline:8px solid #d6a928;outline-offset:7px}.tutorial-start-button:active{scale:.98}@media(prefers-reduced-motion:no-preference){.tutorial-dialogue,.tutorial-hologram{animation:tutorial-appear .35s ease-out both}}@keyframes tutorial-appear{0%{opacity:0;translate:0 18px}}@media(prefers-reduced-motion:reduce){.tutorial-dialogue,.tutorial-hologram{animation:none}}.tutorial-math-scene{overflow-x:hidden;overflow-y:auto}.flow-scene .tutorial-math-panel{display:grid;grid-template-columns:minmax(0,1fr);width:min(720px,calc(100% - 32px));max-width:100%;padding:clamp(22px,3vw,42px);border:2px solid #8ce8ff;border-radius:28px;background:linear-gradient(145deg,#fafffff5,#dff7fff2 58%,#fff9dcf2);color:#082b45;text-align:center;box-shadow:0 20px 65px #001a3099,inset 0 0 34px #fff}.tutorial-math-panel header{display:contents}.tutorial-math-panel h1{grid-row:1;margin:0;color:#082b45;font-size:clamp(28px,3.5vw,48px)}.tutorial-math-progress{grid-row:2;margin:6px 0 0;color:#176480;font-size:clamp(18px,2vw,24px);font-weight:900}.tutorial-home-button{grid-row:7;justify-self:center;min-width:clamp(168px,18vw,220px);min-height:48px;margin-top:16px;padding:8px 16px;border:2px solid #65cce9;border-radius:999px;background:#d6f6ff;color:#123f59;font-weight:800;cursor:pointer}.tutorial-expression{grid-row:3;margin:clamp(16px,2.4vh,28px) 0 12px;color:#082b45;font-size:clamp(44px,7vw,82px);font-weight:900;letter-spacing:.04em}.tutorial-answer{display:grid;grid-row:4;width:min(300px,70%);min-height:70px;margin:0 auto;padding:8px 20px;place-items:center;border:2px solid #87dff8;border-radius:18px;background:#fff;color:#07314f;font-size:clamp(34px,5vw,58px);font-weight:900;box-shadow:inset 0 0 18px #bdefff}.tutorial-feedback{grid-row:5;min-height:32px;margin:10px 0;color:#176985;font-size:clamp(17px,2vw,22px);font-weight:900}.tutorial-keypad{display:grid;grid-row:6;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:620px;margin:0 auto}.flow-scene .tutorial-key{width:100%;min-width:0;min-height:64px;padding:10px;border:2px solid #86dff8;border-radius:16px;background:#fff;color:#082b45;font-size:clamp(22px,3vw,32px);font-weight:900;box-shadow:0 7px 16px #126c9129;cursor:pointer;touch-action:manipulation}.flow-scene .tutorial-key.delete{border-color:#d6c16d;background:#fffbe7}.flow-scene .tutorial-key.submit{border-color:#59cbea;background:#bcefff}.tutorial-key:focus-visible,.tutorial-home-button:focus-visible,.tutorial-complete-button:focus-visible{outline:5px solid #d6a928;outline-offset:4px}.tutorial-key:active,.tutorial-home-button:active,.tutorial-complete-button:active{scale:.97}.tutorial-math-panel.is-correct{animation:tutorial-correct-glow .6s ease-out}.tutorial-math-panel.is-correct .tutorial-feedback{color:#0d79a0;font-size:clamp(22px,3vw,32px)}@keyframes tutorial-correct-glow{50%{box-shadow:0 0 48px #8eeaff,inset 0 0 42px #fff}}.flow-scene .tutorial-math-panel.is-complete{display:grid;min-height:420px;grid-template-rows:1fr auto auto 1fr;gap:18px;place-items:center;background:linear-gradient(145deg,#fafffffa,#dff7fff7 58%,#fff9dcf5);animation:tutorial-complete-shine .8s ease-out both}.tutorial-math-panel.is-complete h1{grid-row:2;margin:0;color:#082b45;font-size:clamp(36px,4.8vw,64px);text-shadow:0 0 18px #9eeeff99}.tutorial-complete-message{grid-row:3;margin:0;color:#174d68;font-size:clamp(22px,3vw,32px);font-weight:800}.tutorial-complete-button{grid-row:4;align-self:start;min-width:240px;min-height:58px;padding:12px 28px;border:2px solid #66d1ee;border-radius:999px;background:#bcefff;color:#07314f;font-size:22px;font-weight:900;cursor:pointer}.tutorial-math-loading{color:#082b45;font-size:22px}@keyframes tutorial-complete-shine{0%{opacity:.72;box-shadow:0 0 #9eeeff00,inset 0 0 34px #fff}55%{box-shadow:0 0 44px #9eeeffaa,inset 0 0 42px #fff}to{opacity:1}}@media(max-width:1100px){.flow-scene .tutorial-math-panel{padding:clamp(20px,3vw,30px)}.tutorial-math-panel h1{font-size:clamp(28px,4vw,40px)}.tutorial-expression{font-size:clamp(46px,7vw,66px)}.flow-scene .tutorial-key{min-height:56px}}@media(max-height:500px){.tutorial-math-scene{place-items:start center}.flow-scene .tutorial-math-panel{width:calc(100% - 32px);padding:10px 12px;border-radius:20px}.tutorial-math-panel h1{font-size:clamp(20px,3vw,24px)}.tutorial-math-progress{margin-top:2px;font-size:clamp(14px,2vw,16px)}.tutorial-home-button{min-width:clamp(156px,22vw,190px);min-height:44px;margin-top:8px;padding:5px 10px;font-size:clamp(14px,2vw,16px)}.tutorial-expression{margin:2px 0;font-size:clamp(34px,5.2vw,42px)}.tutorial-answer{width:min(300px,54%);min-height:44px;padding:2px 12px;font-size:clamp(28px,4vw,34px)}.tutorial-feedback{min-height:22px;margin:2px 0;font-size:clamp(14px,2vw,16px)}.tutorial-keypad{gap:5px}.flow-scene .tutorial-key{min-height:44px;padding:3px 2px;border-radius:13px;font-size:clamp(18px,2.5vw,21px)}.flow-scene .tutorial-math-panel.is-complete{min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));grid-template-rows:1fr auto auto auto 1fr;gap:10px}.tutorial-math-panel.is-complete h1{font-size:clamp(28px,5vw,40px)}.tutorial-complete-message{font-size:clamp(18px,3vw,24px)}.tutorial-complete-button{grid-row:4;align-self:center;min-height:48px}}@media(prefers-reduced-motion:reduce){.tutorial-math-panel.is-correct,.flow-scene .tutorial-math-panel.is-complete{animation:none}}.egg-award-dim{position:absolute;z-index:4;inset:0;background:#01132670;pointer-events:auto}.egg-award-mira{position:absolute;z-index:6;right:105px;bottom:15px;width:auto;height:950px;object-fit:contain;filter:brightness(1.03);animation:egg-award-mira-light .45s ease-out both;user-select:none;-webkit-user-drag:none}.egg-award-dialogue{position:absolute;z-index:10;left:510px;top:205px;width:640px;min-height:155px;padding:30px 38px;border:3px solid #b8efff;border-radius:30px;background:#f9fdfff2;color:#092943;box-shadow:0 12px 36px #04335466,inset 0 0 20px #fff;font-size:38px;font-weight:800;line-height:1.45;pointer-events:auto;cursor:pointer}.egg-award-dialogue:after{content:"";position:absolute;right:-34px;bottom:26px;border-width:19px 0 19px 36px;border-style:solid;border-color:transparent transparent transparent #f9fdfff2}.egg-award-dialogue>span{display:block;text-wrap:balance}.egg-award-dialogue .tutorial-dialogue-hint{font-size:22px}.egg-award-moving-egg{position:absolute;z-index:8;left:1290px;top:325px;width:250px;height:auto;object-fit:contain;filter:drop-shadow(0 0 18px #9eeeff) drop-shadow(0 0 28px #dffaff);animation:egg-award-transfer 1.1s ease-in-out both;user-select:none;-webkit-user-drag:none}.egg-award-complete{position:absolute;z-index:8;left:50%;top:410px;width:460px;height:auto;translate:-50% 0;object-fit:contain;filter:drop-shadow(0 6px 3px #53616838);animation:egg-award-arrive .4s ease-out both;user-select:none;-webkit-user-drag:none}.egg-award-final{position:absolute;z-index:11;left:465px;top:205px;display:grid;width:720px;min-height:250px;padding:34px 42px;place-items:center;border:3px solid #b8efff;border-radius:30px;background:#f9fdfff2;color:#092943;box-shadow:0 12px 36px #04335466,inset 0 0 20px #fff;text-align:center;pointer-events:auto}.egg-award-final p{margin:0;font-size:38px;font-weight:900;line-height:1.45}.egg-award-final button{min-width:260px;min-height:72px;padding:14px 30px;border:3px solid #75daf5;border-radius:999px;background:#d9f8ff;color:#07314f;font-size:30px;font-weight:900;cursor:pointer;touch-action:manipulation}.egg-award-final button:focus-visible{outline:8px solid #d6a928;outline-offset:6px}.egg-award-grade-prompt{font-size:clamp(16px,1.15vw,21px)!important;font-weight:700!important}.egg-award-grade-label{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800}.egg-award-grade-label select{min-width:150px;min-height:44px;padding:7px 12px;border:2px solid #75daf5;border-radius:12px;background:#fff;color:#102a4c;font:inherit}@keyframes egg-award-mira-light{0%{opacity:.72;filter:brightness(.9)}to{opacity:1;filter:brightness(1.03)}}@keyframes egg-award-transfer{to{translate:-450px 120px;scale:.88}}@keyframes egg-award-arrive{0%{opacity:0;scale:.92;filter:drop-shadow(0 0 28px #bdefff)}to{opacity:1;scale:1}}@media(max-height:500px){.egg-award-mira{right:75px;bottom:-155px;height:1110px}.egg-award-dialogue{left:310px;top:165px;width:690px;min-height:180px;font-size:42px}.egg-award-final{left:305px;top:135px;width:730px}}@media(prefers-reduced-motion:reduce){.egg-award-mira,.egg-award-moving-egg,.egg-award-complete{animation:none}.egg-award-moving-egg{left:840px;top:445px;translate:0 0;scale:.88}}.home-companion-hotspot{--dome-opacity-min:.038;--dome-opacity-max:.055;--dome-beam-min:.22;--dome-beam-max:.3;position:absolute;z-index:3;padding:0;border:0;border-radius:46%;background:transparent;cursor:pointer;touch-action:manipulation}.home-companion-hotspot:focus-visible{outline:7px solid #d6a928;outline-offset:5px}.home-companion-pulse{position:absolute;inset:8% 15% 3%;border-radius:48%;opacity:var(--dome-opacity-min);box-shadow:inset 0 0 22px #bdefff,0 0 18px #9deaff;pointer-events:none;animation:home-dome-pulse var(--home-dome-pulse-duration,6.8s) ease-in-out infinite}.home-companion-pulse:after{content:"";position:absolute;left:49%;top:-24%;width:2.5%;height:112%;border-radius:999px;background:linear-gradient(180deg,transparent,#c7f5ff80 35%,#9cecff75 75%,transparent);filter:blur(4px);transform-origin:center;opacity:var(--dome-beam-min)}.home-companion-hotspot.egg-progress-1{--dome-opacity-min:.048;--dome-opacity-max:.068;--dome-beam-min:.26;--dome-beam-max:.34}.home-companion-hotspot.egg-progress-2{--home-dome-pulse-duration:5.4s!important;--dome-opacity-min:.054;--dome-opacity-max:.078;--dome-beam-min:.29;--dome-beam-max:.39}.home-companion-hotspot.egg-progress-3{--home-dome-pulse-duration:5s!important;--dome-opacity-min:.075;--dome-opacity-max:.108;--dome-beam-min:.38;--dome-beam-max:.5}.home-companion-hotspot.egg-progress-3 .home-companion-pulse{box-shadow:inset 0 0 30px #c8f5ff,0 0 25px #a9efff}.home-companion-hotspot:hover .home-companion-pulse{opacity:calc(var(--dome-opacity-max) + .015)}.home-companion-hotspot.is-reacting .home-companion-pulse{opacity:calc(var(--dome-opacity-max) + .03);box-shadow:inset 0 0 28px #d8f9ff,0 0 28px #b9f3ff}.egg-interaction-dialogue{position:absolute;z-index:12;left:420px;top:200px;width:700px;min-height:170px;padding:30px 38px;border:3px solid #b8efff;border-radius:30px;background:#f9fdfff2;color:#092943;box-shadow:0 12px 36px #0433545c,inset 0 0 20px #fff;font-size:36px;font-weight:800;line-height:1.45;pointer-events:auto;cursor:pointer}.egg-interaction-dialogue:after{content:"";position:absolute;right:-34px;bottom:28px;border-width:19px 0 19px 36px;border-style:solid;border-color:transparent transparent transparent #f9fdfff2}.egg-interaction-dialogue>span{display:block;text-wrap:balance}.egg-interaction-dialogue .tutorial-dialogue-hint{font-size:22px}.egg-status-backdrop{position:absolute;z-index:11;inset:0;background:#0213262e;pointer-events:auto}.egg-status-panel{position:absolute;left:245px;top:235px;display:grid;width:650px;min-height:340px;padding:38px 46px;place-items:center;border:3px solid #a9edff;border-radius:32px;background:linear-gradient(145deg,#fafffff5,#dff7fff2 62%,#fff9dcf2);color:#082b45;text-align:center;box-shadow:0 18px 52px #001a3052,inset 0 0 30px #fff}.egg-status-panel h2{margin:0;font-size:46px}.egg-status-panel p{margin:8px 0;font-size:29px;font-weight:750}.egg-status-progress{color:#176480}.egg-status-panel button{min-width:260px;min-height:70px;padding:12px 28px;border:3px solid #69d2ef;border-radius:999px;background:#c9f3ff;color:#07314f;font-size:28px;font-weight:900;cursor:pointer;touch-action:manipulation}.egg-status-panel button:focus-visible{outline:8px solid #d6a928;outline-offset:6px}@keyframes home-dome-pulse{0%,to{opacity:var(--dome-opacity-min)}50%{opacity:var(--dome-opacity-max)}}@keyframes home-dome-beam{0%,to{scale:1 1;opacity:var(--dome-beam-min)}50%{scale:1.12 1;opacity:var(--dome-beam-max)}}@media(max-height:500px){.egg-interaction-dialogue{left:285px;top:150px;width:760px;min-height:190px;font-size:40px}.egg-status-panel{left:230px;top:155px;width:700px;min-height:420px}.egg-status-panel h2{font-size:50px}.egg-status-panel p{font-size:34px}}@media(prefers-reduced-motion:no-preference){.home-companion-pulse{transition:opacity .2s ease,box-shadow .2s ease}.home-companion-pulse:after{animation:home-dome-beam var(--home-dome-pulse-duration,6.8s) ease-in-out infinite}.egg-interaction-dialogue,.egg-status-panel{animation:egg-panel-in .25s ease-out both}}@keyframes egg-panel-in{0%{opacity:0;translate:0 10px}}@media(prefers-reduced-motion:reduce){.home-companion-pulse{animation:none;opacity:var(--dome-opacity-max)}.home-companion-pulse:after{animation:none;opacity:var(--dome-beam-max)}.egg-interaction-dialogue,.egg-status-panel{animation:none}}.home-lumina-button{position:absolute;z-index:4;display:block;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.home-lumina-button:disabled{cursor:default;pointer-events:none}.home-lumina-button:focus-visible{outline:7px solid #d6a928;outline-offset:5px;border-radius:45%}.home-lumina{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;opacity:1;user-select:none;-webkit-user-drag:none;animation:lumina-reveal .65s ease-out both}.home-lumina.is-reacting{filter:brightness(1.06) drop-shadow(0 0 12px #d5f8ff);animation:lumina-touch .5s ease-out}.companion-status-backdrop{position:absolute;z-index:58;inset:0;display:grid;place-items:center;background:#071c2b24}.companion-status-panel{width:620px;padding:34px 40px;border:3px solid #b9efff;border-radius:30px;background:#f9fdfff2;color:#092943;box-shadow:0 14px 44px #0433544d,inset 0 0 24px #fff;text-align:center}.companion-status-panel h2{margin:0 0 14px;font-size:44px}.companion-status-panel p{margin:10px 0;font-size:28px;line-height:1.45}.companion-status-panel .companion-status-stage{margin:22px 0;padding:12px;border-radius:16px;background:#dff6ffbf;font-weight:800}.companion-status-panel button{min-width:220px;min-height:64px;margin-top:20px;border:2px solid #75cfea;border-radius:18px;background:#eefcff;color:#092943;font-size:26px;font-weight:800;cursor:pointer}.companion-interaction-dialogue{position:absolute;z-index:55;left:450px;top:230px;width:690px;min-height:160px;padding:28px 36px;border:3px solid #b8efff;border-radius:30px;background:#f9fdfff2;color:#092943;box-shadow:0 12px 36px #0433545c,inset 0 0 20px #fff;font-size:34px;font-weight:800;line-height:1.45;pointer-events:auto;cursor:pointer}.companion-interaction-dialogue>span{display:block;text-wrap:balance}.companion-interaction-dialogue .tutorial-dialogue-hint{font-size:21px}.hatch-event-glow{position:absolute;z-index:20;left:610px;top:450px;width:700px;height:620px;border-radius:50%;pointer-events:none}.hatch-event-glow:before,.hatch-event-glow:after{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#f8ffffe8 0,#bcefff9c 20%,#72dfff44 48%,transparent 72%);filter:blur(18px)}.hatch-event-glow.reaction{animation:hatch-reaction var(--hatch-reaction-duration,1.3s) ease-in forwards}.hatch-event-glow.strong:before{inset:-12%;background:radial-gradient(circle,#fff 0,#d9f8ffdf 22%,#88e6ff70 48%,transparent 74%);filter:blur(28px);animation:hatch-strong .95s ease-in forwards}.hatch-event-whiteout{position:absolute;z-index:50;inset:0;background:#fff;pointer-events:auto}.hatch-event-whiteout.entering{opacity:0;animation:hatch-white-in var(--hatch-whiteout-duration,.6s) ease-in forwards;animation-delay:var(--hatch-strong-duration,.95s)}.hatch-event-whiteout.leaving{opacity:1;animation:hatch-white-out var(--hatch-reveal-duration,.65s) ease-out forwards}.hatch-event-dialogue{position:absolute;z-index:55;left:420px;top:200px;width:700px;min-height:170px;padding:30px 38px;border:3px solid #b8efff;border-radius:30px;background:#f9fdfff2;color:#092943;box-shadow:0 12px 36px #0433545c,inset 0 0 20px #fff;font-size:36px;font-weight:800;line-height:1.45;pointer-events:auto;cursor:pointer}.hatch-event-dialogue:after{content:"";position:absolute;right:-34px;bottom:28px;border-width:19px 0 19px 36px;border-style:solid;border-color:transparent transparent transparent #f9fdfff2}.hatch-event-dialogue>span{display:block;text-wrap:balance}.hatch-event-dialogue .tutorial-dialogue-hint{font-size:22px}@keyframes hatch-reaction{0%{opacity:.15;scale:.86}to{opacity:.68;scale:1}}@keyframes hatch-strong{0%{opacity:.4;scale:.9}to{opacity:1;scale:1.12}}@keyframes hatch-white-in{to{opacity:1}}@keyframes hatch-white-out{to{opacity:0}}@keyframes lumina-reveal{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes lumina-touch{50%{filter:brightness(1.1) drop-shadow(0 0 18px #d8f9ff)}}@media(max-height:500px){.hatch-event-dialogue,.companion-interaction-dialogue{left:300px;top:130px;width:720px;min-height:170px;font-size:36px}.companion-status-panel{width:650px;padding:22px 30px}.companion-status-panel h2{font-size:36px}.companion-status-panel p{font-size:23px}.companion-status-panel button{min-height:56px;margin-top:10px}}@media(prefers-reduced-motion:reduce){.home-lumina,.home-lumina.is-reacting,.hatch-event-glow,.hatch-event-glow:before,.hatch-event-whiteout,.hatch-event-dialogue,.companion-interaction-dialogue{animation:none}.hatch-event-whiteout.entering{opacity:1}.hatch-event-whiteout.leaving{opacity:0}.home-lumina{opacity:1;scale:1}}.home-lumina-button{mix-blend-mode:multiply}.home-lumina,.home-lumina-button{mix-blend-mode:normal}.companion-status-visual{display:block;width:150px;max-height:160px;margin:0 auto 8px;object-fit:contain}.companion-status-backdrop{place-items:start center;padding-top:140px}.home-ui-layer{position:absolute;z-index:7;inset:0;pointer-events:none}.home-main-actions{position:absolute;left:50%;bottom:30px;display:flex;gap:16px;align-items:center;translate:-50% 0;pointer-events:auto}.home-primary-action,.home-secondary-action{border:2px solid #b9efffe6;color:#0a2b46;background:#f9fdffdf;box-shadow:0 8px 24px #07365338,inset 0 0 16px #fff;cursor:pointer;touch-action:manipulation;backdrop-filter:blur(10px)}.home-primary-action{min-width:320px;min-height:76px;padding:14px 34px;border-radius:25px;font-size:30px;font-weight:850}.home-secondary-actions{display:flex;gap:10px}.home-secondary-action{min-width:104px;min-height:58px;padding:10px 16px;border-radius:20px;font-size:21px;font-weight:750}.home-primary-action:hover,.home-secondary-action:hover{border-color:#8adfff;background:#fff;box-shadow:0 8px 28px #55cdf45c,inset 0 0 18px #fff}.home-primary-action:focus-visible,.home-secondary-action:focus-visible{outline:5px solid #65d9ff;outline-offset:4px}.home-navigation-scene{background:linear-gradient(#071a3370,#071a33a6),url(../assets/official/background/home/home_day.png) center/cover no-repeat}.flow-scene.home-navigation-scene .home-navigation-panel{width:min(820px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;padding:clamp(24px,4vw,48px);border:2px solid #b9efff;border-radius:30px;background:#f8fdfff0;color:#092943;box-shadow:0 16px 56px #001b35a6,inset 0 0 28px #fff;text-align:center}.home-navigation-scene .home-navigation-panel h1{margin:6px 0 10px;color:#092943;font-size:clamp(34px,5vw,58px)}.home-navigation-panel .lead{margin:0 0 24px;white-space:pre-line;font-size:clamp(17px,2.3vw,24px)}.home-nav-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-nav-card-grid.math-options{grid-template-columns:repeat(2,1fr)}.home-navigation-scene .home-nav-card{position:relative;display:grid;gap:9px;min-width:0;min-height:150px;padding:24px 18px;border:2px solid #93dcf4;border-radius:23px;color:#092943;background:#eafaffd9;cursor:pointer;touch-action:manipulation}.home-nav-card strong{font-size:30px}.home-nav-card span{font-size:18px}.home-nav-card small{color:#587080;font-weight:800}.home-navigation-scene .home-nav-card:disabled{border-color:#ccdce4;color:#71808a;background:#eff5f7cc;cursor:not-allowed}.home-nav-card:not(:disabled):hover{background:#fff;box-shadow:0 0 22px #66d7ff73}.home-navigation-scene .home-nav-back{min-width:220px;min-height:58px;margin-top:26px;padding:12px 24px;border:2px solid #8cdcf5;border-radius:999px;color:#092943;background:#f8fdff;font-size:20px;font-weight:800;cursor:pointer}.home-nav-card:focus-visible,.home-nav-back:focus-visible{outline:5px solid #4ecfff;outline-offset:4px}.home-nav-settings{display:grid;gap:14px;margin:28px 0}.home-nav-settings div{display:flex;justify-content:space-between;gap:24px;padding:18px 24px;border-radius:18px;background:#e5f8ffd6;text-align:left}.home-nav-settings dt{font-weight:800}.home-nav-settings dd{margin:0}.home-nav-select{width:100%;min-height:48px;padding:8px 14px;border:1px solid #78cfee;border-radius:14px;background:#fff;color:#092943;font:inherit;font-weight:700}.home-nav-select:focus-visible{outline:3px solid #20a9e6;outline-offset:2px}.home-lumina-button:focus-visible{outline:none}.home-lumina-button:focus-visible:after{content:"";position:absolute;inset:13% 15% 7%;border:4px solid #8be7ff;border-radius:46%;box-shadow:0 0 12px #8be7ff80;pointer-events:none}.home-lumina.is-reacting{animation:lumina-greeting .5s ease-out}.home-tutorial-layer{z-index:10}@keyframes lumina-greeting{0%,to{translate:0 0;filter:none}50%{translate:0 -6px;filter:brightness(1.05) drop-shadow(0 0 10px #d5f8ff)}}@media(max-height:500px){.home-main-actions{bottom:14px;gap:10px}.home-primary-action{min-width:230px;min-height:54px;padding:8px 24px;border-radius:18px;font-size:22px}.home-secondary-action{min-width:78px;min-height:48px;padding:7px 11px;border-radius:16px;font-size:17px}.flow-scene.home-navigation-scene .home-navigation-panel{padding:20px 28px}.home-navigation-panel h1{margin:0;font-size:34px}.home-navigation-panel .lead{margin-bottom:14px;font-size:17px}.home-navigation-scene .home-nav-card{min-height:92px;padding:12px}.home-nav-card strong{font-size:23px}.home-nav-card span{font-size:15px}.home-navigation-scene .home-nav-back{min-height:48px;margin-top:14px}.home-nav-settings{margin:14px 0}.home-nav-settings div{padding:10px 18px}}@media(max-width:900px){.home-main-actions{width:calc(100% - 28px);justify-content:center}.home-secondary-actions{gap:7px}.home-primary-action{min-width:230px}.home-secondary-action{min-width:76px}.home-nav-card-grid{gap:10px}.flow-scene.home-navigation-scene .home-navigation-panel{width:calc(100vw - 32px)}}@media(max-width:1200px)and (min-height:501px){.home-primary-action{min-height:108px}.home-secondary-action{min-width:108px;min-height:108px}}@media(prefers-reduced-motion:reduce){.home-lumina.is-reacting{animation:none;filter:brightness(1.04) drop-shadow(0 0 8px #d5f8ff)}}@media(max-height:500px){.home-primary-action{min-width:260px;min-height:66px;padding:10px 26px;font-size:32px}.home-secondary-action{min-width:92px;min-height:60px;padding:8px 13px;font-size:25px}}.home-player-status{position:absolute;left:32px;top:28px;display:grid;grid-template-columns:auto auto;gap:5px 14px;min-width:190px;padding:13px 18px;border:2px solid #b9efffd9;border-radius:19px;background:#f9fdffda;color:#092943;box-shadow:0 7px 22px #07365330,inset 0 0 14px #fff;pointer-events:none;backdrop-filter:blur(8px)}.home-player-status strong{font-size:25px}.home-player-status>span:not(.home-player-exp-bar){align-self:center;font-size:16px;font-weight:750}.home-player-exp-bar{grid-column:1/-1;position:relative;height:7px;overflow:hidden;border-radius:999px;background:#cbdce5}.home-player-exp-bar:after{content:"";position:absolute;inset:0;transform:scaleX(var(--player-exp-ratio));transform-origin:left;background:linear-gradient(90deg,#4d8eff,#66d7f2)}.companion-status-exp{margin:10px 0!important;padding:10px;border-radius:14px;background:#edfaff;font-weight:800}@media(max-height:500px){.home-player-status{left:18px;top:14px;min-width:160px;padding:8px 12px;border-radius:15px}.home-player-status strong{font-size:20px}.home-player-status>span:not(.home-player-exp-bar){font-size:14px}}.home-daily-complete-badge{position:absolute;left:0;bottom:86px;padding:7px 13px;border:1px solid #a5e7f7;border-radius:999px;background:#f9fdffdf;color:#176080;font-size:15px;font-weight:800;white-space:nowrap}.learning-record-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 20px}.learning-record-summary div{display:flex;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#e8f9ff}.learning-record-summary dd{margin:0;font-weight:850}.learning-record-list{display:grid;gap:10px}.learning-record-list article{grid-template-columns:1fr auto auto!important;padding:15px 18px!important}@media(max-height:500px){.home-daily-complete-badge{bottom:70px;font-size:13px}.learning-record-summary{grid-template-columns:repeat(4,1fr);margin:7px 0;gap:5px}.learning-record-summary div{padding:5px 8px;font-size:13px}.learning-record-list{gap:5px}.learning-record-list article{padding:8px 12px!important;font-size:13px}}@media(max-height:500px){.flow-scene.home-navigation-scene .home-navigation-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 12px);padding:10px 18px;border-radius:20px}.home-navigation-panel .eyebrow{margin:0;font-size:13px}.home-navigation-scene .home-navigation-panel h1{margin:0;font-size:28px;line-height:1.1}.home-navigation-panel .lead{margin:4px 0 8px;font-size:15px;line-height:1.25}.home-nav-card-grid{gap:8px}.home-navigation-scene .home-nav-card{gap:3px;min-height:72px;padding:7px 10px;border-radius:15px}.home-nav-card strong{font-size:20px}.home-nav-card span{font-size:14px}.home-navigation-scene .home-nav-back{min-height:48px;margin-top:6px;padding:6px 18px;font-size:17px}.home-nav-settings{gap:6px;margin:6px 0}.home-nav-settings>p{margin:0;font-size:15px}.home-nav-select{min-height:48px;padding:5px 12px}.home-nav-settings .home-nav-card{min-height:52px}}@media(max-height:500px){.home-navigation-panel>.eyebrow,.home-navigation-panel>.lead{display:none}.home-navigation-scene .home-navigation-panel h1{margin-bottom:4px}}@media(max-height:500px)and (orientation:landscape){.home-primary-action{min-height:144px}.home-secondary-action{min-height:144px;min-width:144px}.home-main-actions{bottom:8px}}.daily-math-scene{display:grid;width:100vw;min-height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);place-items:center;background:#071a33;overflow:hidden}.daily-responsive-stage{container-type:size;position:relative;width:min(100%,calc((100dvh - var(--safe-top) - var(--safe-bottom))*16/9));aspect-ratio:16/9;overflow:hidden;border:1px solid #9be6ff80;border-radius:clamp(8px,1.2vw,22px);box-shadow:0 12px 45px #000a1cb3}.daily-stage-canvas{position:absolute;width:1920px;height:1080px;transform:scale(calc(100cqw/1920));transform-origin:top left}.daily-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.daily-mira{position:absolute;z-index:2;right:70px;bottom:48px;height:570px;object-fit:contain}.daily-lumina{position:absolute;z-index:2;left:80px;bottom:48px;width:235px;height:auto}.daily-question-panel{position:absolute;z-index:4;left:50%;top:105px;width:920px;min-height:780px;padding:42px 54px;border:3px solid #b9efff;border-radius:36px;translate:-50% 0;background:#f8fdfff0;color:#092943;box-shadow:0 16px 54px #00233e80,inset 0 0 28px #fff;text-align:center}.daily-question-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #a9dfef;padding-bottom:18px}.daily-question-panel h1{margin:0;font-size:42px}.daily-question-panel header span{font-size:30px;font-weight:850}.daily-question{margin:85px 0 70px;font-size:86px;font-weight:850;letter-spacing:.04em}.daily-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.daily-choice{min-height:108px;border:3px solid #86d9f2;border-radius:24px;color:#092943;background:#e9faff;font-size:48px;font-weight:850;cursor:pointer;touch-action:manipulation}.daily-choice:hover{background:#fff;box-shadow:0 0 22px #72dcff80}.daily-choice:focus-visible,.daily-leave:focus-visible,.daily-dialog-button:focus-visible,.daily-result-home:focus-visible{outline:6px solid #55d4ff;outline-offset:4px}.daily-feedback{margin:28px 0 0;font-size:38px;font-weight:850}.feedback-correct{box-shadow:0 16px 54px #00233e80,inset 0 0 38px #8eeaff80}.feedback-correct .daily-feedback{color:#087ca4}.feedback-wrong .daily-feedback{color:#405e73}.daily-leave{position:absolute;z-index:5;left:34px;top:30px;min-width:190px;min-height:58px;border:2px solid #b9efff;border-radius:999px;color:#092943;background:#f8fdffdf;font-size:20px;font-weight:800;cursor:pointer}.daily-abort-dialog{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:#09243b4d}.daily-abort-dialog>div{width:600px;padding:34px;border:2px solid #9de6ff;border-radius:28px;background:#fff;color:#092943;box-shadow:0 16px 40px #001a2e80}.daily-abort-dialog h2{font-size:34px}.daily-abort-dialog>div>div{display:flex;gap:16px;justify-content:center}.daily-dialog-button{min-width:210px;min-height:62px;border:2px solid #86d9f2;border-radius:18px;background:#eafaff;color:#092943;font-size:21px;font-weight:800;cursor:pointer}.daily-dialog-button.danger{background:#eef2f4;border-color:#b8c8cf}.daily-result-scene{background:linear-gradient(#071a3370,#071a33a6),url(../assets/official/background/home/home_day.png) center/cover no-repeat}.flow-scene.daily-result-scene .daily-result-panel{width:min(760px,calc(100vw - 40px));padding:48px;border:2px solid #b9efff;border-radius:32px;background:#f8fdfff2;color:#092943;text-align:center}.daily-result-panel h1{margin:0 0 12px;color:#092943;font-size:clamp(38px,5vw,62px)}.daily-result-cleared{font-size:28px;font-weight:800}.daily-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}.daily-result-grid div{display:grid;gap:8px;padding:20px;border-radius:20px;background:#e5f8ff}.daily-result-grid dt{font-weight:750}.daily-result-grid dd{margin:0;font-size:34px;font-weight:850}.daily-result-home{min-width:240px;min-height:62px;border:2px solid #83daf8;border-radius:999px;color:#092943;background:#f8fdff;font-size:21px;font-weight:800;cursor:pointer}.learning-record-content{margin:24px 0}.learning-record-content .lead{white-space:pre-line}.learning-record-content h2{font-size:28px}.learning-record-content article{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;padding:24px;border-radius:20px;background:#e5f8ff;text-align:left}.learning-record-content article strong{font-size:23px}.daily-completion-status{min-height:1.4em;color:#087ca4!important;font-size:17px}@media(max-height:500px){.daily-question-panel{top:42px;width:1020px;min-height:930px;padding:35px 50px}.daily-question-panel h1{font-size:48px}.daily-question-panel header span{font-size:38px}.daily-question{margin:45px 0 40px;font-size:92px}.daily-choice{min-height:125px;font-size:52px}.daily-feedback{margin-top:18px;font-size:38px}.daily-mira{right:45px;bottom:35px;height:520px}.daily-lumina{left:50px;bottom:35px;width:210px}.daily-leave{left:25px;top:20px;min-height:66px;font-size:25px}.daily-result-grid{margin:18px 0}.flow-scene.daily-result-scene .daily-result-panel{padding:26px}.daily-result-panel h1{font-size:38px}.daily-result-cleared{font-size:22px}}.daily-lumina{object-fit:contain}.daily-result-lumina{display:block;width:130px;max-height:135px;margin:0 auto;object-fit:contain}@media(prefers-reduced-motion:reduce){.feedback-correct{box-shadow:0 16px 54px #00233e80,inset 0 0 20px #8eeaff55}}.daily-guide-message{position:absolute;z-index:6;right:280px;top:42px;margin:0;padding:14px 24px;border:2px solid #b9efff;border-radius:20px;background:#f8fdfff0;color:#092943;font-size:24px;font-weight:800;animation:daily-guide 2.2s ease both;pointer-events:none}@keyframes daily-guide{0%{opacity:0;translate:0 -8px}15%,70%{opacity:1;translate:0 0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.daily-guide-message{animation:none;opacity:1}}.daily-stage-canvas{transform:scale(calc(100cqw/1920px))}@media(max-height:500px){.daily-choice{min-height:132px}.daily-leave{min-width:240px;min-height:150px;font-size:30px}}@media(prefers-reduced-motion:reduce){.daily-guide-message{opacity:0}}@media(max-height:500px){.daily-result-exp{margin:8px 0 5px;font-size:30px}.daily-result-progress{gap:3px;margin-bottom:10px;padding:8px}.daily-result-progress p{font-size:16px}}.daily-result-exp{margin:18px 0 10px;color:#087ca4;font-size:clamp(30px,4vw,46px);font-weight:900;animation:result-exp-in .55s ease-out both;text-shadow:0 0 16px #7de5ff80}.daily-result-progress{display:grid;gap:6px;margin:0 0 24px;padding:15px 20px;border-radius:18px;background:#e7f9ff}.daily-result-progress p{margin:0;font-size:clamp(16px,2vw,20px);font-weight:750}@keyframes result-exp-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-height:500px){.flow-scene.daily-result-scene .daily-result-panel{padding:10px 22px}.daily-result-panel h1{margin-bottom:2px;font-size:30px}.daily-result-cleared{margin:5px 0;font-size:18px}.daily-result-grid{gap:7px;margin:7px 0}.daily-result-grid div{gap:2px;padding:7px}.daily-result-grid dd{font-size:23px}.daily-result-exp{margin:5px 0 3px;font-size:25px}.daily-result-progress{gap:2px;margin-bottom:6px;padding:5px}.daily-result-progress p{font-size:14px}.daily-result-home{min-height:48px;font-size:18px}}@media(prefers-reduced-motion:reduce){.daily-result-exp{animation:none}}.daily-result-level-up{color:#0d73a1;font-size:clamp(22px,3vw,32px)!important;font-weight:950!important;animation:level-up-in .65s ease-out both;text-shadow:0 0 16px #85e8ff}@keyframes level-up-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.daily-result-level-up{animation:none}}@media(max-height:500px){.daily-result-progress:has(.daily-result-level-up){margin-bottom:3px;padding:3px}.daily-result-progress:has(.daily-result-level-up) p{font-size:12px}.daily-result-level-up{font-size:18px!important}.daily-result-progress:has(.daily-result-level-up)+.daily-result-home{min-height:44px}}.daily-leave{min-height:93px}@media(max-height:500px){.daily-choice{min-height:145px}.daily-leave{min-height:150px}}@media(max-height:500px){.daily-numeric-input{grid-template-columns:220px 1fr;align-items:start}.daily-numeric-input output{min-height:170px}.daily-keypad{gap:8px}.daily-key{min-height:62px}.comparison-choices .daily-choice{min-height:210px}}.daily-numeric-input{display:grid;gap:20px;outline:0}.daily-numeric-input output{display:grid;min-height:90px;place-items:center;border:3px solid #86d9f2;border-radius:20px;background:#fff;font-size:56px;font-weight:900}.daily-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.daily-key{min-height:70px;border:2px solid #86d9f2;border-radius:16px;background:#e9faff;color:#092943;font-size:30px;font-weight:850;cursor:pointer}.daily-key-submit{background:#d8f5ff}.comparison-choices{grid-template-columns:repeat(2,1fr);margin-top:30px}.comparison-choices .daily-choice{min-height:180px;font-size:64px}@media(max-height:500px){.comparison-choices .daily-choice{min-height:210px}}.daily-question ruby,.daily-choice ruby,.daily-feedback ruby{ruby-align:center}.daily-question rt,.daily-choice rt,.daily-feedback rt{font-size:.42em;font-weight:750;line-height:1;color:#176985}@media(max-width:1200px)and (min-height:501px){.daily-math-scene .daily-leave,.daily-math-scene .daily-key,.daily-math-scene .daily-key-submit{min-height:108px}}.daily-question-panel:has(.daily-numeric-input){top:70px;display:grid;grid-template-rows:auto 270px auto;min-height:0}.daily-question-panel:has(.daily-numeric-input) .daily-question{align-self:center;max-height:240px;margin:0;overflow-y:visible}.daily-question{max-width:100%;overflow-wrap:anywhere}.daily-question--medium{font-size:72px}.daily-question--long{font-size:58px;line-height:1.35}.daily-question--limit{overflow-y:auto!important;font-size:48px;line-height:1.4}.daily-numeric-input{display:grid;grid-template-columns:1fr;gap:18px}.daily-numeric-input output{min-height:92px}.daily-numeric-controls{display:grid;grid-template-columns:1fr;gap:12px}.daily-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.daily-key{min-width:0;min-height:86px}.daily-key-submit{width:100%;min-height:86px}.daily-choices[data-choice-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-choices[data-choice-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-choices[data-choice-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-height:500px)and (orientation:landscape){.daily-question-panel:has(.daily-numeric-input){top:36px;width:1150px;grid-template-rows:auto 190px auto;min-height:0;padding:28px 42px}.daily-question-panel:has(.daily-numeric-input) header{padding-bottom:10px}.daily-question-panel:has(.daily-numeric-input) .daily-question{align-self:center;max-height:180px;margin:0;font-size:56px;line-height:1.2}.daily-question-panel:has(.daily-numeric-input) .daily-question--medium{font-size:50px}.daily-question-panel:has(.daily-numeric-input) .daily-question--long{font-size:44px;line-height:1.3}.daily-question-panel:has(.daily-numeric-input) .daily-question--limit{overflow-y:auto!important;font-size:42px;line-height:1.3}.daily-numeric-input{grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:14px}.daily-numeric-input output{min-height:0;height:100%;font-size:48px}.daily-numeric-controls{gap:10px}.daily-keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.daily-key,.daily-key-submit{min-height:132px;font-size:30px}}.daily-stage-canvas{transform:scale(var(--stage-scale,0))}.companion-growth-dialogue{position:absolute;z-index:62;left:420px;top:205px;width:700px;min-height:170px;padding:30px 38px;border:3px solid #c5f2ff;border-radius:30px;background:#f9fdfff2;color:#092943;box-shadow:0 14px 42px #04335455,inset 0 0 22px #fff;font-size:33px;font-weight:800;line-height:1.5;cursor:pointer}.companion-growth-dialogue span{display:block;text-wrap:balance}.companion-growth-glow{position:absolute;z-index:50;left:490px;top:490px;width:600px;height:500px;border-radius:50%;background:radial-gradient(ellipse,#efffffaa 0%,#91e9ff55 35%,transparent 72%);animation:growth-light 1s ease-in-out both;pointer-events:none}.companion-growth-glow.strong{animation:growth-light-strong .85s ease-in-out both}.companion-growth-whiteout{position:absolute;z-index:65;inset:-2px;background:#fff;animation:growth-whiteout .7s ease-in both;pointer-events:none}.companion-growth-whiteout.leaving{animation:growth-reveal .65s ease-out both}.daily-result-growth-notice{margin-top:8px!important;color:#087ca4;font-weight:900!important}@keyframes growth-light{0%{opacity:.1;transform:scale(1)}70%{opacity:.75;transform:scale(1.02)}to{opacity:.45;transform:scale(1.01)}}@keyframes growth-light-strong{0%{opacity:.35}to{opacity:1;transform:scale(1.02)}}@keyframes growth-whiteout{0%{opacity:0}to{opacity:.98}}@keyframes growth-reveal{0%{opacity:.98}to{opacity:0}}@media(max-height:500px){.companion-growth-dialogue{left:300px;top:115px;width:760px;min-height:175px;padding:24px 34px;font-size:35px}.companion-growth-glow{left:400px;top:400px;width:650px;height:500px}.home-lumina-button[data-visual-stage=child]{top:530px!important}}@media(prefers-reduced-motion:reduce){.companion-growth-glow,.companion-growth-glow.strong,.companion-growth-whiteout,.companion-growth-whiteout.leaving{animation:none}.companion-growth-glow{opacity:.55}.companion-growth-whiteout{opacity:.9}.companion-growth-whiteout.leaving{opacity:0}}.daily-dialog-button{min-height:93px;min-width:210px}@media(max-height:500px)and (orientation:landscape){.daily-question-panel{width:1190px;padding-inline:35px}.daily-dialog-button{min-height:144px;min-width:300px;font-size:32px}}@media(max-height:500px)and (orientation:landscape){.daily-numeric-input{grid-template-columns:190px minmax(0,1fr);gap:14px}.daily-numeric-input output{width:100%;min-height:0}.daily-keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.daily-key,.daily-key-submit{min-height:132px}}html,body,#app{width:100%;max-width:100%;min-width:0;min-height:100%;margin:0}body{min-height:100vh;min-height:100svh;min-height:100dvh}.home-scene,.flow-scene,.daily-math-scene{width:100%;max-width:100%;min-height:100vh;min-height:100svh;min-height:100dvh}.responsive-stage,.daily-responsive-stage{width:min(100%,calc((100vh - var(--safe-top) - var(--safe-bottom))*16/9));width:min(100%,calc((100svh - var(--safe-top) - var(--safe-bottom))*16/9));width:min(100%,calc((100dvh - var(--safe-top) - var(--safe-bottom))*16/9));max-width:100%}