:root{--ink: #04121f;--water: #0b2f4f;--foam: #f2fffd;--sky: #7fe9ff;--robot: #3bb4ff;--font: "Baloo 2", ui-rounded, "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);font-family:var(--font);color:var(--foam)}.webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.75rem;background:var(--water);transition:opacity .6s ease;z-index:10}.loader.is-done{opacity:0;pointer-events:none}.loader__bar{width:min(16rem,70vw);height:.5rem;border-radius:1rem;background:#f2fffd26;overflow:hidden}.loader__fill{display:block;height:100%;background:var(--sky);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.loader__text{margin:0;font-size:1rem;text-align:center}.loader.is-error .loader__bar{display:none}.loader.is-error .loader__text{max-width:28rem;padding:0 1.5rem}.hud{position:fixed;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));padding:.875rem 1rem .75rem;border-radius:1.25rem 1.25rem 1.25rem .375rem;background:#04121fc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100vw - 2rem);z-index:5}.hud[hidden]{display:none}.hud__title{margin:0 0 .5rem;font-size:1.375rem;font-weight:700;line-height:1.1;color:var(--foam)}.hud__actions{display:flex;flex-wrap:wrap;gap:.5rem}.hud button{font:inherit;font-weight:500;font-size:.9375rem;padding:.3rem .9rem;border:2px solid var(--robot);border-radius:999px;background:transparent;color:var(--foam);cursor:pointer}.hud button:hover{background:#3bb4ff2e}.hud button[aria-pressed=true]{background:var(--robot);color:var(--ink)}.hud button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.hud__hint{margin:.5rem 0 0;font-size:.8125rem;opacity:.7}@media(hover:none){.hud__hint{display:none}}.credits{--accent: var(--robot);--card: rgba(4, 18, 31, .86);--muted: rgba(242, 255, 253, .75);--spring: cubic-bezier(.2, .9, .3, 1.15);position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:6}.credits__toggle{font:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.55rem 1.3rem .45rem;border:2px solid var(--accent);border-radius:999px;background:#04121f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--foam);cursor:pointer;transition:background .2s ease,transform .2s ease}.credits__toggle:hover,.credits__toggle[aria-expanded=true]{background:#3bb4ff2e}.credits__toggle:active{transform:scale(.96)}.credits__toggle:focus-visible,.credits__link:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.credits__card{position:absolute;top:calc(100% + .75rem);right:0;display:flex;align-items:center;gap:1.25rem;width:max-content;max-width:calc(100vw - 2rem);padding:1.5rem 1.75rem 1.5rem 1.5rem;border-radius:1.25rem .375rem 1.25rem 1.25rem;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1.25rem 2.5rem #04121f59;opacity:0;visibility:hidden;transform:translateY(-.5rem) scale(.9);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.credits.is-open .credits__card{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .45s var(--spring),visibility 0s}.credits__avatar{flex:none;width:5rem;height:5rem;padding:3px;border-radius:50%;border:2px solid var(--accent);transform:scale(.6) rotate(-12deg);opacity:0;transition:transform .2s ease,opacity .2s ease}.credits__avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 28%}.credits__info>*{opacity:0;transform:translate(.5rem);transition:opacity .15s ease,transform .15s ease}.credits.is-open .credits__avatar{transform:none;opacity:1;transition:transform .5s var(--spring) .08s,opacity .3s ease .08s}.credits.is-open .credits__info>*{opacity:1;transform:none;transition:opacity .3s ease,transform .4s var(--spring)}.credits.is-open .credits__info>:nth-child(1){transition-delay:.12s}.credits.is-open .credits__info>:nth-child(2){transition-delay:.17s}.credits.is-open .credits__info>:nth-child(3){transition-delay:.22s}.credits.is-open .credits__info>:nth-child(4){transition-delay:.27s}.credits__info p{margin:0}.credits__info .credits__name{margin-bottom:.4rem;font-size:1.375rem;font-weight:700;line-height:1.1}.credits__role{max-width:13rem;font-size:.9375rem;line-height:1.35;color:var(--muted)}.credits__link{display:inline-block;margin:.5rem 0 .4rem;font-size:.9375rem;font-weight:500;color:var(--sky);text-decoration:none}.credits__link:hover{text-decoration:underline;text-underline-offset:3px}.credits__made{font-size:.9375rem;color:var(--muted)}@media(max-width:26rem){.credits__card{gap:1rem;padding:1.25rem}.credits__avatar{width:4rem;height:4rem}}@media(prefers-reduced-motion:reduce){.loader,.loader__fill{transition:none}.credits__card,.credits.is-open .credits__card,.credits__avatar,.credits.is-open .credits__avatar,.credits__info>*,.credits.is-open .credits__info>*{transform:none;transition:opacity .15s ease,visibility 0s;transition-delay:0s}}.debug{position:fixed;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));z-index:7;padding:.6rem .75rem;border-radius:.75rem;background:#04121fd1;color:var(--foam);font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.debug__stats{margin:0 0 .4rem;font:inherit;white-space:pre}.debug__level select{margin-left:.4rem;font:inherit;color:var(--ink)}