:root{--bg: #07070f;--panel: rgba(16, 15, 30, .66);--line: rgba(140, 120, 255, .22);--text: #f0f2f8;--muted: #a9a6c8;--cyan: #14bfff;--blue: #2593ff;--purple: #8750d1;--magenta: #cf5dd1;--grad: linear-gradient(100deg, var(--cyan), var(--blue) 30%, var(--purple) 65%, var(--magenta));color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#scene,#fallback-bg{position:fixed;inset:0;z-index:0}#scene{opacity:0;transition:opacity 1.2s ease}body.mode-3d:not(.scene-loading) #scene{opacity:1}body.mode-2d #scene{display:none}body.mode-3d #fallback-bg{opacity:0;pointer-events:none;transition:opacity 1.2s ease .3s}body.mode-3d.scene-loading #fallback-bg{opacity:1}#fallback-bg{overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#1b1440 0%,var(--bg) 60%)}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:drift 18s ease-in-out infinite alternate}.b1{width:46vmax;height:46vmax;background:var(--cyan);top:-14vmax;right:-12vmax}.b2{width:40vmax;height:40vmax;background:var(--purple);bottom:-16vmax;left:-10vmax;animation-delay:-6s}.b3{width:26vmax;height:26vmax;background:var(--magenta);top:40%;right:15%;opacity:.3;animation-delay:-11s}.fallback-mark{position:absolute;right:8vw;top:50%;height:46vh;transform:translateY(-50%);opacity:.9;filter:drop-shadow(0 0 40px rgba(135,80,209,.6));animation:bob 6s ease-in-out infinite}@keyframes drift{to{transform:translate(6vmax,4vmax) scale(1.1)}}@keyframes bob{50%{transform:translateY(calc(-50% - 14px))}}@media(max-width:760px){.fallback-mark{display:none}}@media(prefers-reduced-motion:reduce){.blob,.fallback-mark{animation:none}html{scroll-behavior:auto}}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:24px;padding:14px clamp(16px,4vw,48px);background:linear-gradient(to bottom,#0b0a14d9,#0b0a1400)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{height:36px;width:auto}.brand-word{font-weight:800;font-size:22px;letter-spacing:.04em}.rooms{display:flex;gap:6px;margin-left:auto}.rooms a{text-decoration:none;font-size:14px;font-weight:500;color:var(--muted);padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}.rooms a:hover,.rooms a.active{color:var(--text);background:#ffffff12}.rooms a.cta{color:#fff;background:var(--grad)}.mode-toggle{display:flex;padding:3px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;cursor:pointer;font:600 12px Poppins,sans-serif;color:var(--muted)}.mode-toggle span{padding:4px 10px;border-radius:999px}body.mode-3d .mode-toggle .m3d,body.mode-2d .mode-toggle .m2d{background:var(--grad);color:#fff}@media(max-width:760px){.topbar{gap:10px}.rooms a:not(.cta){display:none}.brand-word{display:none}}main{position:relative;z-index:10;pointer-events:none}.panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:110px clamp(16px,6vw,88px) 60px;max-width:640px}.panel>*{pointer-events:auto}.panel>:not(.hero-logo){opacity:.35;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.panel.is-active>*{opacity:1;transform:none}.hero-logo{width:min(200px,40vw);height:auto;margin-bottom:18px}body.mode-3d .hero-logo{display:none}.eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}h1,h2{margin:0 0 16px;line-height:1.12;font-weight:800;letter-spacing:-.01em}h1{font-size:clamp(34px,5.2vw,60px)}h2{font-size:clamp(30px,4.2vw,48px);display:flex;flex-wrap:wrap;align-items:center;gap:14px}h3{margin:0 0 6px;font-size:16px}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:0 0 24px;font-size:clamp(16px,1.4vw,18px);color:var(--muted);max-width:52ch}.note{margin:18px 0 0;font-size:13px;color:var(--muted);opacity:.8}.hint{margin-top:28px;font-size:13px;color:var(--muted)}body.mode-2d [data-only="3d"]{display:none}.badge{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:6px;color:#1a1400;background:#ffcf4a}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font:600 15px Poppins,sans-serif;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn.primary{background:var(--grad);color:#fff;box-shadow:0 8px 30px #8750d159}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px #14bfff59}.btn.ghost{background:#ffffff0f;color:var(--text);border:1px solid var(--line)}.btn:focus-visible,.rooms a:focus-visible,.mode-toggle:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.facts{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.facts li,.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.facts strong{display:block;font-size:12px;color:var(--muted);font-weight:500}.facts span{font-weight:600;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card p{margin:0;font-size:14px;color:var(--muted)}@media(max-width:760px){.facts,.cards{grid-template-columns:1fr}}.signup{display:flex;gap:10px;flex-wrap:wrap;max-width:480px}.signup input{flex:1 1 220px;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);font:400 15px Poppins,sans-serif}.signup-msg{min-height:1.6em;margin:10px 0 0;font-size:14px}.signup-msg[data-state=ok]{color:#6ff0c4}.signup-msg[data-state=error]{color:#ff8fa3}.footer{position:relative;z-index:10;padding:30px clamp(16px,6vw,88px);font-size:13px;color:var(--muted)}.room-label{font:500 11px Poppins,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#fff;white-space:nowrap;cursor:pointer;padding:0 0 9px;border:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 55%,#fff),transparent) bottom / 100% 1px no-repeat;text-shadow:0 1px 12px rgba(0,0,0,.8);transition:opacity .6s ease,letter-spacing .3s ease}.room-label:hover{letter-spacing:.28em}.room-label.away{opacity:0;pointer-events:none}#scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#07070fe6,#07070fad 28%,#07070f00 52%)}@media(max-width:900px){#scene:after{background:#07070f8c}}.btn.store{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.2)}.btn.store:hover{transform:translateY(-2px);background:#ffffff24}.badge.live{color:#04140d;background:#6ff0c4}
