:root{color:#173f3a;font-synthesis:none;text-rendering:optimizelegibility;background:#102f3d;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:320px}.game-shell,#game-container{width:100%;height:100%}#game-container{position:relative}#game-container canvas{touch-action:none;max-width:100%;max-height:100%;display:block}.mobile-controls{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed}.mobile-controls[hidden],.mobile-controls [hidden]{display:none!important}.mobile-movement{bottom:max(10px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));justify-items:center;gap:5px;display:grid;position:absolute}.mobile-joystick{pointer-events:auto;touch-action:none;background:#245b578c;border:3px solid #fff8d6;border-radius:50%;place-items:center;width:clamp(94px,23vh,142px);height:clamp(94px,23vh,142px);display:grid;box-shadow:0 3px #193f4633}.mobile-joystick-knob{pointer-events:none;background:#ffda6c;border:3px solid #fff;border-radius:50%;width:44px;height:44px;display:block;box-shadow:0 3px #173f3a40}.mobile-control-hint{color:#214c43;background:#fff7dae8;border-radius:8px;padding:3px 7px;font-size:12px;font-weight:700}.mobile-actions{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:8px;width:clamp(144px,22vw,196px);display:grid;position:absolute}.mobile-actions button{color:#fff;pointer-events:auto;touch-action:none;background:#277857;border:3px solid #fff;border-radius:18px;min-height:48px;padding:8px;font:700 14px Trebuchet MS,sans-serif;box-shadow:0 3px #214c4340}.mobile-actions .mobile-interact{grid-column:1/-1;min-height:56px;font-size:16px}.mobile-actions .mobile-run{background:#32678b}.mobile-actions .mobile-wave{background:#8b4c97}.mobile-actions .mobile-run[aria-pressed=true]{background:#d58b1d}.mobile-actions button:disabled{color:#fff;background:#546f64}.mobile-actions button:focus-visible{outline-offset:2px;outline:3px solid #ffdb69}.portrait-message{display:none}.audio-settings{color:#285c4e;background:#fff7da;border:4px solid #fff;border-radius:24px;width:min(560px,94vw);max-height:92dvh;padding:22px;overflow:auto;box-shadow:0 8px 30px #173f3a55}.audio-settings::backdrop{background:#173f3ab3}.audio-settings h1{text-align:center;margin:0 0 14px;font-size:26px}.audio-switches{gap:8px;display:grid}.audio-settings button{color:#fff;cursor:pointer;touch-action:manipulation;background:#297855;border:2px solid #fff;border-radius:14px;min-height:48px;padding:10px 15px;font:700 17px Trebuchet MS,sans-serif}.audio-settings button[aria-checked=false]{background:#576c77}.audio-settings button:disabled{opacity:.55;cursor:default}.audio-settings label{margin-top:12px;font-size:18px;font-weight:700;display:block}.audio-settings input{accent-color:#297855;width:100%;min-height:44px;display:block}.audio-settings select{color:#285c4e;background:#fffdf2;border:2px solid #72a787;border-radius:12px;width:100%;min-height:48px;margin-top:6px;padding:8px;font:16px Trebuchet MS,sans-serif}.audio-settings p{margin:6px 0 12px;font-size:14px}.audio-settings :focus-visible{outline-offset:2px;outline:3px solid #b56b09}.audio-actions{gap:10px;display:flex}.audio-actions button{flex:1}@media (orientation:landscape) and (height<=500px){.audio-settings{padding:10px}.audio-settings h1{margin-bottom:6px;font-size:20px}.audio-switches{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-settings button{padding:6px;font-size:14px}.audio-settings label{margin-top:6px;font-size:16px}.audio-settings p{margin:4px 0;font-size:12px}}.student-login{color:#285c4e;text-align:center;background:#fff7da;border:4px solid #fff;border-radius:30px;width:700px;padding:26px 42px;font-size:22px;box-shadow:0 8px #285c4e30}.student-login h1{margin:0 0 12px;font-size:34px}.student-login p{margin:10px 0}.student-login label{text-align:left;margin-top:10px;font-weight:700;display:block}.student-login input{width:100%;height:54px;font:inherit;color:#173f3a;border:2px solid #72a787;border-radius:14px;padding:8px 16px;display:block}.student-login button{color:#fff;cursor:pointer;background:#287854;border:2px solid #fff;border-radius:16px;width:100%;min-height:49px;margin-top:9px;font:700 21px Trebuchet MS,sans-serif;display:block}.student-login .secondary{background:#426e82}.student-login [hidden]{display:none!important}.student-login :focus-visible{outline-offset:2px;outline:4px solid #d39717}.student-login :disabled{opacity:.6;cursor:wait}.student-login .auth-message{color:#734216;min-height:30px;font-size:19px}.student-login small{margin-top:14px;font-size:17px;display:block}@media (orientation:portrait) and (width<=900px),(orientation:portrait) and (any-pointer:coarse){.portrait-message{z-index:10;color:#173f3a;text-align:center;background:linear-gradient(160deg,#fff5bd,#8fe3c0);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex;position:fixed;inset:0}.portrait-message span{font-size:5rem;line-height:1}.portrait-message strong{font-size:clamp(1.75rem,8vw,3rem)}.portrait-message small{max-width:24rem;font-size:1.05rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}