html,body,#root{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#eef7e9;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.screen{width:100%;height:100%;position:relative;overflow:hidden}.top-bar{box-sizing:border-box;pointer-events:none;align-items:center;gap:16px;height:72px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.top-bar>*{pointer-events:auto}.top-bar .progress{flex:1}.kid-badge{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kid-unknown{background:#bbb;border-radius:50%;width:32px;height:32px}.progress{align-items:center;gap:8px;display:flex}.dot{box-sizing:border-box;background:#fff;border:2px solid #9bc3a0;border-radius:50%;width:14px;height:14px}.dot.on{background:#5bbf6a;border-color:#5bbf6a}.star{color:#ddd;font-size:18px;line-height:1}.star.on{color:#f6bd60}.round-button{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:flex;box-shadow:0 2px 6px #00000026}.sprite{cursor:pointer;will-change:transform;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .4s;display:flex;position:absolute}.sprite-correct{z-index:10}.sprite-correct img{filter:none}.sprite-reveal{background:radial-gradient(circle,#ffd250d9 0%,#ffd25059 55%,#ffd25000 72%);border-radius:50%}.sprite-reveal img{filter:none}.sprite-dim{opacity:.25}.burst{z-index:5;pointer-events:none;width:0;height:0;position:absolute}.burst-particle{will-change:transform, opacity;border-radius:50%;position:absolute;top:0;left:0}.burst-flash{z-index:4;pointer-events:none;will-change:opacity;background:radial-gradient(circle at 50% 55%,#fff0b4f2 0%,#ffdc7899 35%,#f6bd6000 75%);position:absolute;inset:0}.burst-ring{border:4px solid #f6bd60;border-radius:50%;width:80px;height:80px;position:absolute;top:-40px;left:-40px}.sprite img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px #00000040);width:100%;height:100%}.big-hour{z-index:11;pointer-events:none;color:#c0392b;-webkit-text-stroke:8px #fff;paint-order:stroke fill;font-family:system-ui,sans-serif;font-weight:900;line-height:1;position:absolute}.clock-face{pointer-events:none;width:100%;height:100%;font-family:system-ui,sans-serif;position:absolute;inset:0}.sprite-placeholder{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:600;display:flex}.rotate-hint{display:none}@media (orientation:portrait){.rotate-hint{z-index:100;background:#eef7e9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}.entry,.clear{justify-content:center;align-items:center;display:flex}.play-button{z-index:1;cursor:pointer;background:radial-gradient(circle at 34% 26%,#9be59a 0%,#62c56f 42%,#46a957 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:38vh;height:38vh;padding:0;transition:transform .12s ease-out,box-shadow .12s ease-out;display:flex;position:relative;box-shadow:0 10px #2f8a40,0 22px 34px #2f8a4052,inset 0 -10px 18px #145a1e2e,inset 0 8px 14px #fff6}.play-button svg{filter:drop-shadow(0 4px 3px #145a1e4d);margin-left:6%}.play-button:active{transform:translateY(7px);box-shadow:0 3px #2f8a40,0 8px 14px #2f8a404d,inset 0 -10px 18px #145a1e2e,inset 0 8px 14px #fff6}.play-stage{width:38vh;height:38vh;position:relative}.play-stage .play-button{animation:2.6s ease-in-out infinite breathe}.play-stage .play-button:active{animation:none}.peek{z-index:0;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 6px #3c50282e);animation:3.2s ease-in-out infinite peek-bob;position:absolute}.peek.left{transform-origin:100% 100%;width:24vh;height:36vh;bottom:30%;left:-14vh;rotate:-10deg}.peek.right{transform-origin:0 100%;width:26vh;height:22vh;animation-delay:-1.6s;bottom:14%;right:-13vh;rotate:8deg}@keyframes breathe{50%{scale:1.04}}@keyframes peek-bob{50%{translate:0 -1.2vh}}@media (prefers-reduced-motion:reduce){.play-stage .play-button,.peek{animation:none}}.play-button.again{width:22vh;height:22vh}.youtube-button{cursor:pointer;background:#fff;border:none;border-radius:20%;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 4px 10px #00000026}.youtube-button.small{width:64px;height:64px}.youtube-button.large{width:38vh;height:38vh}.clear-buttons{align-items:center;gap:8vw;display:flex}.lock-icon{position:absolute}.celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{border-radius:50%;width:16px;height:16px;position:absolute}.particle.petal{border-radius:60% 0;width:18px;height:26px}.particle.confetti{border-radius:2px;width:12px;height:20px}.round-button.pause{opacity:.45;width:44px;height:44px}.pause-overlay{z-index:50;background:#eef7e9eb;flex-direction:column;justify-content:center;align-items:center;gap:6vh;display:flex;position:absolute;inset:0}.pause-overlay .home{opacity:.7}.resume-button{cursor:pointer;background:#4a90e2;border:none;border-radius:24%;justify-content:center;align-items:center;width:26vh;height:26vh;padding:0;display:flex;box-shadow:0 8px #2f6cb3}.resume-button:active{transform:translateY(5px);box-shadow:0 3px #2f6cb3}.category-button{opacity:.6;cursor:pointer;background:#ffffffb3;border:none;border-radius:18px;width:64px;height:64px;padding:6px;position:absolute;bottom:14px;left:14px;box-shadow:0 2px 6px #0000001f}.category-button img{object-fit:contain;pointer-events:none;width:100%;height:100%}.zukan-button{cursor:pointer;background:0 0;border:none;width:22vh;height:28vh;padding:0;transition:transform .15s ease-out;position:absolute;top:50%;left:calc(50% + 42vh);transform:translateY(-46%)rotate(-7deg)}.zukan-button:active{transform:translateY(-44%)rotate(-2deg)scale(.95)}.book-pages{background:repeating-linear-gradient(#fffaf0 0 3px,#eadcc0 3px 4px);border-radius:4px 14px 14px 4px;position:absolute;inset:4% -5% -4% 8%;box-shadow:0 12px 22px #78321447}.book-cover{background:linear-gradient(90deg,#a8321f 0 11%,#ffffff40 11% 12.5%,#0000 12.5%),linear-gradient(160deg,#f0684f 0%,#e8553e 45%,#cf4430 100%);border-radius:6px 16px 16px 6px;position:absolute;inset:0;box-shadow:inset 0 2px #ffffff4d,inset 0 -6px 12px #5a140a33}.book-window{background:radial-gradient(circle at 50% 40%,#fffdf6,#fbefd6);border:.9vh solid #f6c35b;border-radius:45% 45% 12px 12px;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:11% 11% 24% 24%;overflow:hidden;box-shadow:inset 0 3px 6px #783c142e}.book-window img{object-fit:contain;width:92%;height:80%;margin-bottom:6%}.book-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);background:#f6c35b;width:3vh;height:5.5vh;position:absolute;bottom:-3.4vh;right:22%}.book-cover:after{content:"";background:#f6c35b;border-radius:1vh;height:.9vh;position:absolute;bottom:12%;left:24%;right:11%}.zukan{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;transition:background-color .4s;display:flex}.zukan-bg-land{background-color:#fbf1d9}.zukan-bg-bird{background-color:#fdeae3}.zukan-bg-sea{background-color:#dff0fb}.zukan-bg-reptile{background-color:#e3f3dc}.zukan-top{align-items:center;gap:14px;padding:10px 16px 0;display:flex}.zukan-home,.zukan-tab{color:#e8553e;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;display:flex}.zukan-tabs{gap:10px;display:flex}.zukan-tab img{object-fit:contain;pointer-events:none;width:100%;height:100%}.zukan-tab.on{border-color:#e8553e}.zukan-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:12px;min-height:0;padding:12px 76px;display:grid}.zukan-cell{cursor:pointer;background:#fff;border:none;border-radius:22px;min-height:0;padding:10px;transition:transform .12s;box-shadow:0 3px #0000000f}.zukan-cell:active{transform:scale(.94)}.zukan-cell img{object-fit:contain;pointer-events:none;width:100%;height:100%}.zukan-arrow{color:#e8553e;cursor:pointer;background:#ffffffeb;border:none;border-radius:28px;width:56px;height:104px;font-size:44px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.zukan-arrow.prev{left:10px}.zukan-arrow.next{right:10px}.zukan-arrow:disabled{opacity:.25}.zukan-dots{justify-content:center;gap:8px;padding:4px 0 14px;display:flex}.zukan-dot{background:#cfd8c0;border-radius:50%;width:12px;height:12px}.zukan-dot.gap{margin-left:12px}.zukan-dot.on{background:#e8553e}.zukan-focus{z-index:20;background:#fffffff7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zukan-focus img{object-fit:contain;pointer-events:none;max-width:80vw;max-height:68vh}.zukan-name{letter-spacing:.1em;color:#2b2b2b;margin-top:12px;font-size:56px;font-weight:900}