:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#fff5d7;background:#10263f;font-synthesis:none;font-weight:700;font-size:16px}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0;min-height:56px;color:inherit}button:disabled{cursor:default}button:focus-visible{outline:4px solid #65e5f5;outline-offset:4px}button:not(:disabled):active{transform:translateY(2px) scale(.98)}button{transition:transform .16s,filter .16s}button:hover:not(:disabled){filter:brightness(1.09)}h1,h2,p{margin:0}h1{font-size:clamp(25px,3vw,42px);letter-spacing:.04em;line-height:1.4;text-shadow:0 2px 10px #142b48}p{line-height:1.7}img{object-fit:contain;pointer-events:none}.app{position:relative;isolation:isolate;width:100%;height:100svh;min-height:680px;overflow:hidden;background-size:cover;background-position:center 48%;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.app:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d263856,transparent 25%,transparent 75%,#0d263856)}.topbar{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:5;max-width:1350px;flex-shrink:0}.topbar button{background:#132c45c9;border:1px solid #e5c57b66;border-radius:40px;font-size:14px;padding:0 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-actions{display:flex;align-items:center;gap:14px}.offline-label{font-size:11px;color:#d5edce;letter-spacing:.03em;text-shadow:0 1px 4px #000}.ambient{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.ambient-gear{position:absolute;width:220px;left:-85px;top:12%;opacity:.45;animation:spin 70s linear infinite}.ambient-star{position:absolute;width:24px;opacity:.7;animation:float 5s ease-in-out infinite}.eyebrow{display:block;letter-spacing:.19em;font-size:11px;color:#ffdf96;line-height:2.1;text-shadow:0 2px 5px #152943}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:20px;min-height:64px;border-radius:22px;padding:12px 25px;box-shadow:0 6px #85561e,0 12px 25px #081e424d;background:linear-gradient(180deg,#ffeab4,#edb74f);border:2px solid #fff0bd;color:#3c2d20;font-weight:900;font-size:21px;letter-spacing:.05em}.primary span{margin-left:auto}.secondary{background:linear-gradient(#244c69ed,#16334de8);border:1px solid #dfc282a6;box-shadow:0 4px #0b2239;color:#fff3d0;font-size:16px;min-height:58px}.secondary b{color:#ffd577}.title-scene{height:100%;width:min(800px,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:16px}.title-scene h1{font-size:clamp(38px,6vw,66px);line-height:1.35;letter-spacing:.08em;color:#fff7d6;filter:drop-shadow(0 4px 1px #685128);margin-top:12px}.title-scene h1 strong{color:#fff2bd}.subtitle{margin-top:12px;font-size:16px;text-shadow:0 2px 5px #000}.title-cast{display:flex;align-items:flex-end;justify-content:center;height:min(36vh,300px);width:100%;margin:12px 0}.title-cast img{height:100%;width:24%;filter:drop-shadow(0 12px 8px #172e3d55);animation:breathe 4s ease-in-out infinite}.title-cast img:nth-child(2){height:82%;animation-delay:-1s}.title-cast img:nth-child(3){height:69%;animation-delay:-2s}.title-cast img:nth-child(4){animation-delay:-3s}.title-scene .primary{width:min(380px,90%)}.fine{font-size:12px;margin-top:20px;text-shadow:0 1px 5px #000}footer{position:absolute;bottom:max(9px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.12em;opacity:.75;text-shadow:0 1px 5px #000;pointer-events:none}.select-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;width:min(750px,100%)}.player-cards{display:flex;gap:24px;width:100%;margin-top:20px}.player-card{display:flex;flex-direction:column;align-items:center;width:50%;border-radius:30px;padding:15px 15px 22px;background:linear-gradient(#fff9e6e8,#fce4c4e8);border:3px solid #ffefc5;color:#563d37;box-shadow:0 14px 30px #112c4850}.player-card.yuto{background:linear-gradient(#effbefeb,#c6e3d6ed)}.player-card img{height:min(36vh,320px);width:100%;transition:transform .2s}.player-card:hover img{transform:translateY(-8px)}.player-card strong{font-size:30px;margin:10px}.player-card span{font-size:13px}.scene-heading{text-align:center;z-index:2}.scene-heading p{font-size:14px;margin-top:8px}.dot{color:#ecc165;font-size:8px;margin:0 12px}.home-scene{position:relative;width:min(950px,100%);height:100%;display:flex;flex-direction:column;padding-top:20px}.home-world{position:absolute;left:0;top:25%;height:63%;width:50%}.home-child{height:85%;width:65%;position:absolute;bottom:0;left:8%;filter:drop-shadow(0 12px 10px #26372c55);animation:breathe 4s ease-in-out infinite}.home-parent{position:absolute;height:65%;width:50%;left:60%;bottom:12%;filter:drop-shadow(0 12px 10px #26372c55)}.home-halo{position:absolute;width:110%;top:0;left:0;opacity:.65;animation:spin 80s linear infinite}.speech{position:absolute;top:4%;left:45%;background:#fff9e8;border-radius:30px 30px 30px 0;color:#714b2e;padding:16px 20px;font-size:14px;white-space:nowrap;box-shadow:0 5px 15px #18304933}.home-controls{position:absolute;width:42%;right:0;top:32%;display:flex;flex-direction:column;gap:18px}.parts-tray{display:flex;gap:6px;padding:12px;border:1px solid #e6c681aa;border-radius:24px;background:#112c46d9;box-shadow:0 8px 20px #18304a44}.parts-tray>div{position:relative;width:25%;display:flex;flex-direction:column;align-items:center;opacity:.45}.parts-tray>div.owned{opacity:1}.parts-tray img{width:100%;height:65px}.parts-tray span{font-size:12px;color:#ffe5a3}.home-links{display:flex;justify-content:center;gap:16px}.home-links button,.text-button{background:transparent;text-shadow:0 2px 4px #18304a;font-size:13px}.quiz-scene{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;width:min(800px,100%);padding:10px 0 30px}.quiz-heading{text-align:center;flex-shrink:0}.quiz-heading h1{font-size:28px;color:#fffce6}.clock-area{position:relative;flex:1;min-height:190px;width:100%;display:flex;justify-content:center;align-items:center}.clock{width:100%;max-width:420px;height:100%;max-height:350px;overflow:visible;filter:drop-shadow(0 10px 12px #17304540)}.family-clock{max-width:350px;border-radius:50%;overflow:hidden;filter:drop-shadow(0 0 12px #e5b75f66)}.quiz-guide{position:absolute;width:120px;height:185px;right:0;bottom:0;z-index:-1;filter:drop-shadow(0 5px 8px #192d3955)}.quiz-assist{display:flex;justify-content:center;gap:12px;flex-shrink:0}.quiz-assist button{background:#183b58ed;border:1px solid #d9bd7c66;border-radius:30px;padding:0 20px;font-size:14px;min-height:56px}.feedback{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:56px;font-size:14px;color:#173e55;text-shadow:0 1px 3px #fff8dc;background:#fff4d3e3;border-radius:16px;padding:5px 15px;margin:8px 0;width:100%;flex-shrink:0}.feedback small{font-size:11px}.feedback.missed{color:#884335}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;flex-shrink:0}.answer{border-radius:20px;background:linear-gradient(#fff9e4,#f9e2b8);border:2px solid #fff7d9;color:#3f3d43;box-shadow:0 4px #a77a3c,0 6px 12px #16364c33;font-size:25px;min-height:70px}.shelf-scene{display:flex;flex-direction:column;align-items:center;width:min(850px,100%);flex:1;min-height:0;padding:15px 0 30px;gap:12px}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);width:100%;flex:1;min-height:0;gap:10px}.shelf-slot{position:relative;background:radial-gradient(#1d5c6c99,#102b40dd);border-radius:20px;border:1px solid #cfb26866;min-height:0;padding:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.slot-frame{position:absolute;inset:0;width:100%;height:100%;opacity:.4}.slot-watch{width:75%;height:85%;padding-bottom:18px;filter:drop-shadow(0 2px 8px #e6b24a33)}.slot-name{position:absolute;bottom:6px;left:4px;right:4px;font-size:10px;color:#fff4d3;text-shadow:0 1px 2px #000}.unknown{font-size:35px;color:#e7ce8970}.shelf-back{min-height:56px;flex-shrink:0}.modal{position:absolute;z-index:20;inset:0;background:#091e38f5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:60px 20px}.modal-close{position:absolute;top:20px;right:20px;background:#28506b;border-radius:30px;padding:0 25px}.detail-halo{position:absolute;width:min(90vw,560px);animation:spin 80s linear infinite;opacity:.7}.detail-watch{height:65%;max-width:85%;filter:drop-shadow(0 0 35px #e8bf6677);animation:float 5s ease-in-out infinite}.modal h2{z-index:1;font-size:24px}.presentation{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(900px,100%);flex:1;min-height:0;padding-bottom:30px}.magic-stage{position:relative;flex:1;min-height:250px;max-height:470px;width:100%}.pedestal{position:absolute;bottom:0;width:40%;height:28%;left:30%}.halo{position:absolute;width:60%;height:90%;left:20%;top:0;animation:spin 18s linear infinite;opacity:.7}.gear{position:absolute;height:80%;width:50%;left:25%;top:0;animation:spin 5s linear infinite;opacity:.6}.spotlight{position:absolute;height:100%;width:80%;left:10%;top:0;opacity:0;animation:glow-in 2s 2s both}.flying-part{position:absolute;width:20%;height:40%;top:27%;left:40%;animation:merge 2.2s ease-in-out both}.flying-0{--x: -170px;--y: -100px}.flying-1{--x: 170px;--y: -100px}.flying-2{--x: -170px;--y: 100px}.flying-3{--x: 170px;--y: 100px}.revealed-watch{position:absolute;width:36%;height:85%;left:32%;top:0;opacity:0;animation:reveal 1s 2.5s both,shelve 1s 5s forwards}.reaction{position:absolute;height:56%;width:25%;bottom:4%;right:0;opacity:0;animation:papa-jump .9s 3.6s both}.reaction-bubble{position:absolute;right:0;top:24%;font-size:14px;background:#fff5d8;color:#744f29;padding:14px;border-radius:20px 20px 0;opacity:0;animation:glow-in .4s 3.5s both}.single-part{position:absolute;width:35%;height:65%;left:32.5%;top:5%;animation:part-get 1.8s both}.part-reward .reaction{animation-delay:.2s}.part-reward .reaction-bubble{animation-delay:.3s}.burst-star{position:absolute;width:24px;height:24px;left:48%;top:40%;animation:burst 2s calc(2.4s + var(--delay)) both}.part-reward .burst-star{animation-delay:var(--delay)}.watch-name{font-size:23px;text-align:center;margin:10px 0 20px}.ending-scene{height:100%;width:min(850px,100%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;padding-bottom:30px}.ending-scene h1{font-size:clamp(30px,5vw,60px);color:#ffe8a2;animation:reveal 1s both}.ending-cast{display:flex;justify-content:center;align-items:flex-end;height:35%;width:100%}.ending-cast img{height:100%;width:23%;animation:float 3s ease-in-out infinite}.ending-cast img:nth-child(2){height:82%;animation-delay:-1s}.ending-cast img:nth-child(3){height:69%;animation-delay:-2s}.ending-watches{display:grid;grid-template-columns:repeat(12,1fr);width:100%;padding:12px;border-radius:20px;background:#0c2945c9;border:1px solid #c7a960}.ending-watches img{width:100%;height:70px;animation:reveal 1s both}.ending-scene .primary{margin-top:10px}.gameplay{display:contents}.error,.update-notice{z-index:40;position:absolute;top:80px;left:5%;right:5%;background:#fff4d8;color:#77432b;padding:18px;border:2px solid #dba761;border-radius:20px;text-align:center}.error button,.update-notice button{background:#193d59;border-radius:20px;padding:0 15px;color:#fff;margin-left:15px}.loading{margin:auto;font-size:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes breathe{50%{transform:translateY(-5px)}}@keyframes merge{0%,35%{transform:translate(var(--x),var(--y)) scale(.9) rotate(-15deg);opacity:1}85%{opacity:1}to{transform:translate(0) scale(.1) rotate(180deg);opacity:0}}@keyframes glow-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes reveal{0%{opacity:0;transform:scale(.05) rotate(-15deg)}70%{opacity:1;transform:scale(1.12) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes shelve{to{transform:translate(var(--shelf-x, 80%),-15%) scale(.3);filter:drop-shadow(0 0 30px #fff6b0)}}@keyframes papa-jump{0%{opacity:0;transform:translateY(60px)}40%{opacity:1;transform:translateY(-20px) rotate(-6deg)}70%{transform:translateY(0) rotate(4deg)}to{opacity:1;transform:none}}@keyframes part-get{0%{transform:scale(.1) rotate(-90deg);opacity:0}50%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(.8) translateY(30px);opacity:1}}@keyframes burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.1)}30%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-180px) scale(.8)}}@media(min-width:950px){.app{background-size:auto 150%;background-color:#19394a}.quiz-scene{max-width:660px}.clock{max-height:340px}.title-scene .title-cast{height:33vh}.screen-home:before,.screen-select:before{background:#13334c33}}@media(max-width:600px){.app{padding-left:16px;padding-right:16px;min-height:640px}.topbar button{font-size:11px;padding:0 14px;min-height:56px}.offline-label{position:absolute;top:72px;right:20px;font-size:9px;z-index:4}.top-actions{gap:6px}.title-scene{justify-content:center}.title-scene h1{font-size:38px}.title-scene .eyebrow{font-size:9px;letter-spacing:.12em}.title-cast{height:29vh;margin:20px 0}.subtitle{font-size:12px}.player-cards{gap:12px}.player-card{border-radius:25px;padding:12px 6px 18px}.player-card img{height:29vh}.player-card span{font-size:10px}.player-card strong{font-size:26px}.home-scene{padding-top:24px}.scene-heading h1{font-size:24px}.home-world{width:100%;height:38%;top:21%}.home-child{width:46%;left:10%;height:95%}.home-parent{left:55%;height:80%;width:33%;bottom:0}.home-halo{width:80%;height:100%;left:5%}.speech{top:2%;left:48%;font-size:11px;padding:12px}.home-controls{top:auto;bottom:35px;width:100%;gap:12px}.parts-tray{padding:7px 16px}.parts-tray img{height:48px}.parts-tray span{font-size:10px}.home-controls .primary{min-height:62px;font-size:20px}.home-links button{min-height:56px}.home-links{margin-top:-5px}.quiz-scene{padding-top:16px;padding-bottom:27px}.quiz-heading h1{font-size:25px}.eyebrow{font-size:9px}.clock{max-height:310px}.clock-area{min-height:210px}.quiz-guide{right:-20px;width:75px;height:115px;opacity:.95}.quiz-assist{gap:8px}.quiz-assist button{font-size:12px;padding:0 16px}.feedback{font-size:12px;margin:6px 0;min-height:52px;padding:4px}.feedback small{font-size:9px}.answers{gap:12px}.answer{font-size:21px;min-height:66px;border-radius:18px}.shelf-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.shelf-slot{border-radius:14px}.slot-watch{width:90%;height:93%;padding-bottom:20px}.slot-name{font-size:8px;line-height:1.25}.shelf-scene{padding-top:20px;gap:10px}.unknown{font-size:25px}.shelf-back{width:100%;font-size:14px}.presentation .scene-heading h1{font-size:23px}.magic-stage{max-height:420px}.pedestal{width:66%;left:17%;height:25%}.halo{width:100%;left:0}.gear{width:80%;left:10%;height:80%}.spotlight{width:100%;left:0}.revealed-watch{width:65%;left:17.5%;height:83%}.reaction{width:32%;height:43%;right:-3%;bottom:0}.reaction-bubble{right:0;font-size:10px;top:13%;padding:10px}.flying-part{width:30%;left:35%}.flying-0{--x: -90px;--y: -80px}.flying-1{--x: 90px;--y: -80px}.flying-2{--x: -90px;--y: 80px}.flying-3{--x: 90px;--y: 80px}.single-part{width:60%;left:20%}.watch-name{font-size:20px;margin:5px 0 20px}.ending-scene{gap:12px}.ending-scene .eyebrow{font-size:8px;letter-spacing:.08em}.ending-cast{height:30%}.ending-watches{grid-template-columns:repeat(6,1fr);padding:6px}.ending-watches img{height:58px}.ending-scene .primary{font-size:17px;width:100%}.ending-scene p{font-size:14px}.modal h2{font-size:21px}}@media(max-height:740px){.app{min-height:620px}.title-scene h1{font-size:34px}.title-cast{height:27vh;margin:8px 0}.home-scene{padding-top:10px}.home-world{top:17%;height:34%}.home-controls{bottom:22px;gap:8px}.parts-tray img{height:35px}.quiz-scene{padding-top:3px}.quiz-heading h1{font-size:22px}.clock-area{min-height:160px}.clock{max-height:245px}.quiz-assist button{min-height:56px}.answer{min-height:58px}.feedback{min-height:44px}.presentation h1{font-size:23px}.magic-stage{max-height:320px}.ending-watches img{height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition:none!important}.flying-part,.burst-star{display:none}.revealed-watch{transform:none!important}.ambient-star{opacity:.4}}.registration-slot{position:absolute;width:22%;height:25%;left:69%;top:17%;opacity:0;animation:register-glow 1s 4.8s both}.entering-hand{animation:needle-enter .7s ease-out both}@keyframes needle-enter{0%{transform:rotate(0)}to{transform:rotate(var(--hand-angle))}}@keyframes register-glow{0%{opacity:0}to{opacity:1;filter:drop-shadow(0 0 18px #ffe8a4)}}.ending-ribbon{width:220px;height:65px;position:absolute;top:15%;opacity:.5;z-index:-1;animation:float 5s ease-in-out infinite}@media(max-width:600px){.revealed-watch{--shelf-x: 48%}.ending-ribbon{top:17%;height:50px;width:180px}}@media(min-width:950px){.app{background-size:cover;background-repeat:no-repeat;background-position:center 55%}}@media(min-width:601px){.home-world{height:63%;top:25%}.home-child{height:80%;width:62%;left:0}.home-parent{height:98%;width:62%;left:50%;bottom:0}.home-world .speech{top:-5%;left:40%}}@media(max-width:600px){.home-child{height:84%;width:47%;left:5%}.home-parent{height:100%;width:52%;left:48%;bottom:0}.home-world .speech{top:-8%;left:47%;font-size:10px}}.ending-cast img{--arrive:0s;animation:family-arrive .9s ease-out var(--arrive) both,float 3s ease-in-out calc(var(--arrive) + .9s) infinite}.ending-cast img:nth-child(2){--arrive:.25s;animation-delay:var(--arrive),calc(var(--arrive) + .9s)}.ending-cast img:nth-child(3){--arrive:.5s;animation-delay:var(--arrive),calc(var(--arrive) + .9s)}.ending-cast img:nth-child(4){--arrive:.75s}@keyframes family-arrive{0%{opacity:0;transform:translateY(70px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.entering-hand,.registration-slot,.ending-ribbon,.ending-cast img{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}.part-reward .single-part{animation-duration:1.05s}.part-reward .burst-star{animation-duration:.85s}.part-reward .reaction{animation-duration:.55s;animation-delay:.1s}.part-reward .reaction-bubble{animation-duration:.25s;animation-delay:.15s}.reward-progress{width:110px;height:5px;border-radius:10px;background:#ffe3a83d;margin:20px 0;overflow:hidden}.reward-progress span{display:block;height:100%;background:#ffe5a9;transform-origin:left;animation:reward-progress 1.2s linear both}@keyframes reward-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.build-ready{gap:15px;padding-top:25px}.build-ready .scene-heading p{color:#ffeac0;font-size:14px}.build-ready-world{position:relative;width:min(700px,100%);flex:1;min-height:240px;max-height:400px;display:flex;align-items:center;justify-content:center}.ready-halo{position:absolute;width:95%;height:100%;opacity:.75;animation:spin 60s linear infinite}.ready-parts{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;width:65%;max-width:410px}.ready-part{background:radial-gradient(#2b6086eb,#132c4bd9);border:1px solid #eac77f;border-radius:22px;padding:12px;box-shadow:0 0 22px #e8ba4933;animation:ready-part .5s ease-out var(--part-delay) both;display:flex;flex-direction:column;align-items:center}.ready-part img{width:100%;height:110px;filter:drop-shadow(0 2px 12px #ffd66c55)}.ready-part span{font-size:12px;margin-top:5px;white-space:nowrap}.ready-part b{color:#a6f3cd}.ready-child{position:absolute;right:-5%;bottom:0;width:26%;height:65%;filter:drop-shadow(0 8px 12px #102b4855);animation:breathe 3s ease-in-out infinite}.parts-complete{font-size:16px;color:#ffe6a6;letter-spacing:.15em}.build-button{width:min(420px,100%);min-height:72px;font-size:25px;margin-bottom:10px}@keyframes ready-part{0%{opacity:0;transform:translateY(25px) scale(.8)}to{opacity:1;transform:none}}@media(max-width:600px){.build-ready{gap:12px;padding-top:22px}.build-ready-world{max-height:360px}.ready-parts{width:78%;gap:14px;margin-right:12%}.ready-part{padding:10px;border-radius:18px}.ready-part img{height:95px}.ready-child{width:30%;right:-2%;height:52%;bottom:-12px}.build-button{font-size:22px;min-height:72px}.ready-part span{font-size:11px}}@media(max-height:740px){.build-ready{padding-top:8px;gap:8px}.ready-part img{height:70px}.build-ready-world{min-height:210px;max-height:290px}}@media(prefers-reduced-motion:reduce){.ready-part,.ready-halo,.ready-child,.reward-progress span{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}