*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg: #04040a;--clr-ui: rgba(255, 255, 255, .06);--clr-border: rgba(255, 255, 255, .1);--clr-accent-galaxy: #ba1ee6;--clr-accent-sea: #a31d1d;--clr-accent-portal: #fdd635;--clr-accent-boat: #d34a0b;--clr-accent-earth: #0832bb;--clr-accent-terrain: #5ab8ff;--clr-text: rgba(255, 255, 255, .85);--clr-muted: rgba(255, 255, 255, .35)}html,body{width:100%;height:100%;background:var(--clr-bg);overflow:hidden;font-family:DM Mono,monospace;color:var(--clr-text)}canvas#webgl{position:fixed;inset:0;width:100%!important;height:100%!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#title-strip{position:absolute;top:32px;left:40px;pointer-events:none}#title-strip h1{font-family:Bebas Neue,sans-serif;font-size:clamp(28px,4vw,52px);letter-spacing:.06em;line-height:1;background:linear-gradient(90deg,#fff 60%,#ffffff4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#scene-label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--clr-muted);margin-top:6px;transition:color .5s}#switcher{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(960px,calc(100vw - 32px));pointer-events:all;background:#04040a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--clr-border);border-radius:32px;padding:8px 12px}.scene-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:100px;border:1px solid transparent;background:transparent;color:var(--clr-muted);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .35s ease}.scene-btn .dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5;transition:all .35s ease}.scene-btn:hover{color:var(--clr-text)}.scene-btn.active{color:#fff;border-color:var(--clr-border);background:#ffffff14}.scene-btn.active .dot{opacity:1;box-shadow:0 0 8px currentColor}#btn-galaxy.active{color:var(--clr-accent-galaxy)}#btn-sea.active{color:var(--clr-accent-sea)}#btn-portal.active{color:var(--clr-accent-portal)}#btn-earth.active{color:var(--clr-accent-earth)}#btn-boat.active{color:var(--clr-accent-boat)}#btn-terrain.active{color:var(--clr-accent-terrain)}#hint{position:absolute;bottom:36px;right:40px;font-size:10px;letter-spacing:.15em;color:var(--clr-muted);text-transform:uppercase;line-height:1.8;text-align:right}#overlay{position:fixed;inset:0;background:#04040a;pointer-events:none;z-index:5;opacity:0;transition:opacity .45s ease}#overlay.flash{opacity:1}@media(max-width:900px){#title-strip{top:24px;left:24px}#switcher{bottom:20px;gap:8px;width:calc(100vw - 24px);padding:8px}.scene-btn{padding:10px 16px;font-size:11px;letter-spacing:.12em}#hint{display:none}}