*{box-sizing:border-box}body{margin:0;background:#f2fbff;color:#104b62;font-family:'Zen Maru Gothic',sans-serif}.sky-page{max-width:1160px;margin:auto;padding:20px 16px 40px}.sky-page>h1{text-align:center;font-size:clamp(22px,3vw,32px);margin:8px}.sky-page>.kids-seo-lead{text-align:center;margin:8px 0 18px}.sky-app{position:relative;aspect-ratio:16/9;isolation:isolate;background:#b8e5f9 url('./assets/coast.webp') center/cover;border-radius:24px;overflow:hidden;box-shadow:0 6px 28px #36748a24;color:#104b62;container-type:size}.sky-base{height:100%;display:flex;flex-direction:column}.sky-app [hidden]{display:none!important}.sky-app button{font:700 14px 'Zen Maru Gothic',sans-serif;color:#114f65;cursor:pointer;border:1px solid #ffffffbb;border-radius:100px;padding:9px 16px;background:#e4f8ff url('./assets/blue.webp') center/100% 100%;box-shadow:0 2px 5px #0c52621a;touch-action:manipulation}.sky-app button[aria-pressed=true]{outline:3px solid #197f9b;outline-offset:1px}.sky-app button:hover{filter:brightness(1.04)}.sky-app button:focus-visible,.sky-field:focus-visible{outline:3px solid #af2467;outline-offset:2px}.sky-app button:disabled{opacity:.45;cursor:default}.sky-app button.coral{background:#ffa9b1 url('./assets/coral.webp') center/100% 100%;color:#643141}.sky-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#f4fcffaf;z-index:2}.sky-top strong{font-size:16px;white-space:nowrap}.sky-top nav{display:flex;gap:6px}.sky-top button{font-size:12px;padding:7px 10px;min-height:34px}.sky-cover{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 8px 30px}.sky-cover h2{font-size:clamp(26px,4.2cqw,48px);line-height:1.18;text-align:center;color:#0c536c;margin:0;text-shadow:0 2px 0 white}.sky-cover h2 small{font-size:.5em}.sky-cover p{font-size:15px;margin:0;font-weight:700}.sky-choices{display:flex;gap:18px;width:min(670px,78%);height:28cqh;max-height:174px}.sky-choices button{border:0;border-radius:22px;background:transparent url('./assets/panel.webp') center/100% 100%;width:33.333%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:17px;padding:18px}.sky-choices img{height:80%;width:80%;object-fit:contain;min-height:0;display:block;pointer-events:none}.sky-choices .pair{height:80%;display:flex;align-items:center;justify-content:center;min-height:0}.sky-choices .pair img{width:50%;height:100%}.sky-choices span{white-space:nowrap}.sky-rates{display:flex;gap:10px;margin:2px 0}.sky-cover #start{font-size:23px;min-width:230px;padding:10px 30px}.sky-cover .sky-sub{font-size:13px}.sky-game{display:flex;flex-direction:column;flex:1;min-height:0}.sky-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 26px;min-height:49px;background:#f9ffffb3}.sky-counter>span:first-child{font-size:18px;white-space:nowrap}.sky-counter b{font:700 32px 'Fredoka',sans-serif;font-variant-numeric:tabular-nums}.sky-counter p{margin:0;font-size:14px;font-weight:700;text-align:center}.gold-note{display:flex;align-items:center;font-size:13px;white-space:nowrap}.gold-note img{width:24px;height:34px;object-fit:contain}.sky-field{position:relative;flex:1;min-height:0;touch-action:none;overflow:hidden;user-select:none}.sky-field canvas,#targets{position:absolute;inset:0;width:100%;height:100%}#targets{pointer-events:none}.sky-app .sky-target{position:absolute;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;box-shadow:none;padding:0;pointer-events:auto;opacity:0}.sky-app .sky-target:focus-visible{opacity:1;background:#ffffff15;outline:3px dashed #944168;outline-offset:3px}.sky-dock{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;background:#effbfff0;border-top:1px solid white;z-index:1}.dock-group{display:flex;flex-direction:column;align-items:center;gap:5px}.dock-group>span{font-size:11px;line-height:1}.dock-group>div{display:flex;gap:6px}.sky-dock button{font-size:13px;padding:7px 13px;min-height:35px}.sky-dock #reset{background:#fff7e9;border:1px solid #d1af8b;color:#61472b}.sky-dialog{position:absolute;inset:0;background:#42778673;display:grid;place-items:center;padding:18px;z-index:5;backdrop-filter:blur(4px)}.sky-dialog-box{width:min(740px,96%);max-height:100%;overflow:auto;text-align:center;background:#f8fdff;border:4px solid white;border-radius:28px;padding:20px 24px;box-shadow:0 10px 30px #295c742a}.sky-dialog-box h2{margin:0 0 16px;font-size:27px}.sky-dialog-box p{line-height:1.85;margin:12px 0;font-size:15px}.sky-dialog-box button{margin:6px}.sky-dialog-box label{display:block;margin:16px}.sky-dialog-box input{width:min(310px,90%);display:block;margin:12px auto 20px;accent-color:#1686a6}.science-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.science-cards article{border:1px solid #c6e5ed;border-radius:20px;padding:12px;background:white}.science-cards img{height:100px;width:110px;object-fit:contain}.science-cards h3{font-size:17px;margin:8px 0}.science-cards p{font-size:13px;line-height:1.65}.parent-note{margin:24px auto 0;max-width:950px;line-height:1.9;font-size:15px}.parent-note h2{font-size:20px}.sky-app:fullscreen{width:100vw;height:100dvh;max-width:none;border-radius:0;aspect-ratio:auto}.sky-app:fullscreen .sky-cover{gap:16px}.sky-app:fullscreen .sky-choices{height:28cqh;max-height:240px}.sky-app:fullscreen .sky-choices button{font-size:24px}.sky-app:fullscreen .sky-top button{font-size:15px}.sky-app:fullscreen .sky-dialog-box{width:min(960px,96%)}.sky-app:fullscreen .science-cards img{height:170px}.sky-app:fullscreen .science-cards p{font-size:17px}
@media(max-width:680px) and (orientation:portrait){.sky-page{padding:12px 8px 30px}.sky-app{aspect-ratio:auto;height:680px;max-height:calc(100dvh - 12px);min-height:580px;border-radius:18px}.sky-top{flex-direction:column;gap:5px;padding:8px}.sky-top strong{font-size:13px}.sky-top nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:5px}.sky-top button{font-size:12px;padding:6px 4px;min-height:33px}.sky-cover{gap:15px;padding:14px 8px}.sky-cover h2{font-size:31px}.sky-choices{width:96%;gap:9px;height:145px}.sky-choices button{padding:15px 6px;font-size:13px}.sky-choices img{width:90%}.sky-rates button{font-size:13px;padding:8px 12px}.sky-counter{padding:5px 12px;min-height:62px;flex-wrap:wrap;gap:2px 10px}.sky-counter>span:first-child{font-size:15px}.sky-counter b{font-size:27px}.sky-counter p{order:3;width:100%;font-size:11px}.gold-note{font-size:12px}.gold-note img{width:20px;height:28px}.sky-dock{display:grid;grid-template-columns:1fr auto;gap:10px 8px;padding:12px 9px}.dock-group{flex-direction:row;justify-content:space-between;grid-column:1/3;gap:8px}.dock-group>div{flex:1;justify-content:flex-end}.sky-dock button{font-size:12px;padding:6px 10px;min-height:33px}.sky-dock #reset{grid-column:1/3;justify-self:center;padding:6px 25px}.sky-dialog{padding:8px}.sky-dialog-box{width:100%;padding:16px 8px;border-radius:20px}.sky-dialog-box h2{font-size:24px;margin-bottom:10px}.sky-dialog-box p{font-size:13px}.science-cards{grid-template-columns:1fr;gap:9px}.science-cards article{padding:8px}.science-cards img{height:66px;width:76px;float:left;margin:12px 6px 0 2px}.science-cards h3{font-size:15px}.science-cards p{font-size:11px;margin:6px 0}.sky-app:fullscreen{min-height:0;max-height:none;height:100dvh}.sky-app:fullscreen .science-cards img{height:80px;width:86px}.sky-app:fullscreen .science-cards p{font-size:13px}.sky-app:fullscreen .sky-choices button{font-size:13px}.sky-app:fullscreen .sky-top button{font-size:12px}}
@media(max-height:500px) and (orientation:landscape){.sky-app{min-height:370px}.sky-top{padding:5px 10px}.sky-top strong{font-size:13px}.sky-top button{font-size:10px;padding:4px 7px;min-height:28px}.sky-cover{gap:7px;padding:8px}.sky-cover h2{font-size:27px}.sky-cover h2 br{display:none}.sky-cover p{font-size:12px}.sky-choices{height:118px;width:58%;gap:12px}.sky-choices button{font-size:13px;padding:12px}.sky-rates button{font-size:12px;padding:5px 14px}.sky-cover #start{font-size:18px;padding:6px 20px}.sky-counter{min-height:34px;padding:0 20px}.sky-counter b{font-size:26px}.sky-counter p{font-size:12px}.sky-dock{gap:12px;padding:6px 10px}.sky-dock button{font-size:11px;min-height:29px;padding:5px 9px}.dock-group{gap:4px}.science-cards img{height:65px}.science-cards h3{font-size:15px}.science-cards p{font-size:12px}.sky-dialog-box{padding:12px 16px}.sky-dialog-box h2{font-size:21px;margin:0 0 6px}.sky-app:fullscreen .sky-cover{gap:7px}.sky-app:fullscreen .sky-choices{height:118px}.sky-app:fullscreen .sky-choices button{font-size:13px}.sky-app:fullscreen .sky-top button{font-size:10px}}

@media(max-height:500px) and (orientation:landscape){#helpPanel{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}#helpPanel p{font-size:12px;line-height:1.7;margin:5px 0}.sky-dialog-box #closeDialog{font-size:12px;padding:6px 16px;min-height:32px}}

@media(max-width:680px) and (orientation:portrait){.science-cards p{font-size:12px}}