:root{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:#14618a;background:#42bceb;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#42bceb url('art/background.png') center/cover no-repeat}#game{position:relative;width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))*2.166666667));height:auto;aspect-ratio:1846/852;overflow:hidden;background:white}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;background:#42bceb}#welcome{position:absolute;inset:0;display:flex;flex-direction:column;gap:clamp(12px,3vh,30px);align-items:center;justify-content:center;background:#6bcef2 url('art/background.png') center/cover no-repeat}.logo{object-fit:contain;width:min(58vw,580px);max-height:44%;filter:drop-shadow(0 6px 3px #18587e26)}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline:4px solid #153c8a;outline-offset:5px}#play{display:flex;align-items:center;justify-content:center;gap:12px;min-width:150px;min-height:72px;padding:14px 32px;border:5px solid #fff7;border-radius:50px;background:linear-gradient(#ffe856 0%,#ffc800 44%,#f99500 100%);color:#fff;font-weight:850;font-size:30px;box-shadow:0 6px 0 #dc7600,0 9px 14px #245d7250;text-shadow:0 2px #bd6b00}#play svg{width:38px;height:38px}#play:active{transform:translateY(3px);box-shadow:0 3px 0 #dc7600}#loading{text-align:center;max-width:82%;min-width:220px;background:#fffef0f2;border-radius:24px;padding:18px 26px}progress{width:min(400px,65vw);height:16px;accent-color:#16bccc}#message{max-width:450px;font-size:16px;line-height:1.5;margin:12px 0 0}.parent-note{font-size:14px;margin:0;color:#124a6a;background:#ffffffd9;padding:8px 14px;border-radius:20px}#retry{padding:12px 24px;min-height:48px;background:white;color:#14618a;border-radius:28px;font-weight:700}#browser-tools{position:absolute;left:12px;top:10px;display:flex;gap:8px;opacity:.65}#browser-tools:hover,#browser-tools:focus-within{opacity:1}#browser-tools button{border-radius:50%;width:44px;height:44px;color:#075785;background:#ffffffdd;font-size:27px;box-shadow:0 2px 5px #064d6330}#save-status{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);max-width:80%;padding:10px 18px;border-radius:18px;background:#fff2cd;font-size:14px;margin:0;pointer-events:none}[hidden]{display:none!important}@media(max-height:450px){.logo{max-height:42%;width:min(44vw,440px)}#welcome{gap:14px}#play{min-height:58px;font-size:24px;padding:8px 25px}.parent-note{padding:5px 12px;font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#rotate-hint{display:none}@media(orientation:portrait) and (max-width:600px){#rotate-hint{display:block;position:fixed;left:24px;right:24px;bottom:calc(12vh + env(safe-area-inset-bottom));text-align:center;background:#fffffff0;border-radius:24px;padding:16px;font-weight:700;font-size:18px;color:#14618a}}