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;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:filter .4s,opacity .4s;display:flex;position:absolute}.sprite-correct{z-index:10}.sprite-dim{filter:blur(5px);opacity:.35}.sprite-dim img{filter:none}.burst{z-index:5;pointer-events:none;width:0;height:0;position:absolute}.burst-particle{border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;left:-9px}.burst-ring{border:6px solid #f6bd60;border-radius:50%;width:120px;height:120px;position:absolute;top:-60px;left:-60px}.sprite img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px #00000040);width:100%;height:100%}.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{cursor:pointer;background:#5bbf6a;border:none;border-radius:50%;justify-content:center;align-items:center;width:38vh;height:38vh;padding:0;display:flex;box-shadow:0 10px #3d9a4c}.play-button:active{transform:translateY(6px);box-shadow:0 4px #3d9a4c}.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}