@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@600;700;800&display=swap";:root{color:#ecffff;background:#06141a;font-family:Space Mono,monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden}button,input,select{font:inherit}#app,#game-canvas{width:100vw;height:100vh;display:block}#game-canvas{position:fixed;inset:0}#underwater-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(ellipse at center,#3ce1f00f 20%,#022d3c99)}body.is-submerged #underwater-overlay{opacity:1}#crosshair{position:fixed;left:50%;top:50%;z-index:2;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ecffffd9;box-shadow:0 0 6px #50f0ffcc;opacity:0;transition:opacity .2s ease;pointer-events:none}body.is-playing #crosshair{opacity:1}.screen-panel,.dialog-panel{position:fixed;inset:0;z-index:1}.screen-panel{display:grid;place-items:center;background:linear-gradient(110deg,#01090fba,#05131f33 56%,#ff23af1a);transition:opacity .45s ease,visibility .45s ease}.screen-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 55%,rgba(45,236,255,.22),transparent 32%),radial-gradient(circle at 20% 48%,rgba(255,40,175,.17),transparent 28%);pointer-events:none}.screen-panel.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-noise{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");pointer-events:none}.menu-content{position:relative;width:min(90vw,640px);text-align:center;padding:42px 24px;text-shadow:0 2px 22px #021117}.eyebrow{margin:0 0 10px;color:#75ffff;font-size:.78rem;font-weight:700;letter-spacing:.34em}h1,h2{font-family:Syne,sans-serif;margin:0}h1{font-size:clamp(3.3rem,12vw,7.6rem);letter-spacing:-.08em;line-height:.8;color:#efffff;filter:drop-shadow(0 0 13px rgba(69,246,255,.5))}h2{font-size:2rem}.subtitle{margin:16px 0 38px;color:#ff80cf;letter-spacing:.42em;font-size:clamp(.62rem,2vw,.85rem)}.menu-actions{display:grid;gap:14px;justify-items:center}.primary-button,.text-button,.icon-button{border:0;cursor:pointer;transition:transform .2s ease,background .2s ease}.primary-button{min-width:245px;padding:15px 20px;border:1px solid #bffcff;background:#11e9f929;color:#efffff;box-shadow:inset 0 0 25px #2debff21,0 0 22px #2debff3b}.primary-button:hover,.text-button:hover{transform:translateY(-2px)}.text-button{padding:9px 15px;background:transparent;color:#ffe4f5;text-decoration:underline;text-underline-offset:5px}.controls-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:34px 0 0;padding:0;list-style:none;color:#dffdffc7;font-size:.68rem}kbd{padding:2px 6px;border:1px solid rgba(117,255,255,.45);background:#08283299;color:#bffcff;font:inherit;font-size:.62rem}.menu-hint{margin:22px auto 0;max-width:420px;color:#dffdffa1;font-size:.69rem;line-height:1.75}.dialog-panel{display:grid;place-items:center;z-index:3;padding:18px;background:#00080d9e;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.dialog-panel.is-open{opacity:1;visibility:visible}.dialog-card{width:min(100%,510px);padding:27px;background:linear-gradient(145deg,#09222bf5,#110c25f5);border:1px solid rgba(129,244,255,.45);box-shadow:0 0 48px #15eaff38,inset 0 0 45px #ff2ebc0d}.dialog-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:27px}.icon-button{width:35px;height:35px;color:#dbffff;background:#ffffff12;font-size:1.8rem;line-height:1}fieldset{margin:0 0 24px;padding:19px 0 0;border:0;border-top:1px solid rgba(190,251,255,.23)}legend{padding-right:16px;color:#ff8ed4;font-size:.75rem;font-weight:700;letter-spacing:.16em}label{display:flex;justify-content:space-between;margin:15px 0 7px;color:#e5feff;font-size:.76rem}output{color:#75ffff}input[type=range],select{width:100%;accent-color:#44eefa}select{padding:10px;border:1px solid rgba(124,247,255,.35);background:#0b2632;color:#eaffff}.field-help{margin:11px 0 0;color:#daf9ffab;font-size:.67rem;line-height:1.55}#hud{position:fixed;inset:auto 18px 15px;z-index:2;display:flex;justify-content:space-between;color:#d5fdffb8;font-size:.6rem;letter-spacing:.13em;pointer-events:none}body[data-player-state=aquatic] #player-state{color:#75ffff}body.is-submerged #player-state{color:#ff8ed4}@media(max-width:480px){.dialog-card{padding:20px}#hud{font-size:.48rem}}