:root{font-family:Arial,Helvetica,sans-serif;color:#e7f3e8;background:#091e26;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:grid;place-items:center;min-height:100dvh}#shell{position:relative;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);overflow:hidden;background:#112e37;box-shadow:0 0 100px #0005}#game{position:absolute;top:0;right:0;bottom:0;left:0}#game canvas{display:block}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);font-size:clamp(12px,1.7dvh,17px)}button{font:inherit;cursor:pointer;min-height:48px;border:1px solid #41606a;border-radius:14px;background:#254650;color:#eff8ed;padding:14px 20px;font-weight:700;pointer-events:auto;touch-action:manipulation}button:hover{filter:brightness(1.12)}button:focus-visible{outline:3px solid #ffd176;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary{background:#b7ef9e;color:#173f38;border:0;box-shadow:0 5px #78b67b}.small{min-width:48px;padding:10px}.menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8%;background:radial-gradient(ellipse at 50% 40%,#245a5d,#112e37 65%);pointer-events:auto}.eyebrow{font-size:.65em;letter-spacing:.2em;color:#9bbab6;font-weight:700}.logo-mark{font-size:7em;color:#ffd176;text-shadow:8px 8px #091e2655;transform:rotate(-12deg);margin-top:.25em}h1{font-size:4.4em;letter-spacing:-.065em;line-height:.85;margin:.35em 0;font-weight:900}h1 span{color:#b7ef9e}p{color:#a8c3c1;line-height:1.6}.menu>.primary{width:100%;margin-top:2em}footer{font-size:.6em;letter-spacing:.2em;margin-top:3em;color:#719596}.hud{position:absolute;top:5%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center}h2{font-size:1.7em;margin:.4em 0}.hud h2 span{font-size:.55em;color:#bbd2ce;font-weight:400;display:block;margin-top:.4em}.status{position:absolute;top:16%;left:8%;right:8%;display:flex;justify-content:space-between;color:#b7ef9e;font-size:.8em}.bottom{position:absolute;bottom:3%;left:8%;right:8%;text-align:center}.bottom p{font-size:.8em;margin:0 0 .5em}.bottom button{width:100%}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#061b24dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.card{width:84%;padding:7%;border:1px solid #41636a;border-radius:24px;background:#173944;text-align:center;box-shadow:0 20px 60px #0005}.card button{display:block;width:100%;margin-top:12px}.stars{font-size:3em;color:#ffd176}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;overflow:auto;max-height:65vh;padding:5px}.level-grid button{padding:8px 0}.level-grid small{display:block;color:#ffd176;font-size:.65em}.panel{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;background:#112e37;padding:7%;overflow:auto}.panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel .setting{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.progress{display:flex;gap:12px;justify-content:center;margin-top:1em;font-size:.8em;color:#ffd176}.error{color:#ffd176}.current{outline:2px solid #b7ef9e}[hidden]{display:none!important}.menu>button{margin-top:12px;width:100%}.menu>p{margin:.65em 0}.menu h1{font-size:4em}.menu .logo-mark{font-size:5em}.menu footer{margin-top:1.3em}.menu .primary{margin-top:1.3em}.card{animation:arrive .2s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.card{animation:none}}body{padding-top:var(--safe-area-inset-top, env(safe-area-inset-top));padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#shell{--available-height: calc( 100dvh - var(--safe-area-inset-top, env(safe-area-inset-top)) - var(--safe-area-inset-bottom, env(safe-area-inset-bottom)) );height:min(var(--available-height),177.778vw);width:min(100vw,calc(var(--available-height) * .5625))}#ui{padding:0}