@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2) format("woff2"),url(/assets/silkscreen-latin-400-normal-D0DfPJut.woff) format("woff")}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/silkscreen-latin-700-normal-CSE2nhgM.woff2) format("woff2"),url(/assets/silkscreen-latin-700-normal-BjMPLkh0.woff) format("woff")}:root{--void: #06040d;--void-deep: #030208;--panel: #0f0a1d;--violet: #6f4fd6;--violet-dim: #3a2a6b;--violet-deep: #1b1233;--moon: #e8e4ff;--moon-dim: #b9a8ee;--glow: #57e6d4;--glow-dim: #2a8f88;--px: 4px;color-scheme:dark;color:var(--moon-dim);background-color:var(--void);font-family:Silkscreen,ui-monospace,Courier New,monospace;font-size:16px;line-height:1.7;font-synthesis:none;-webkit-font-smoothing:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--void);overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}img,svg{image-rendering:pixelated}button{font:inherit;color:inherit}:focus-visible{outline:var(--px) solid var(--glow);outline-offset:var(--px)}.screen{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;gap:calc(var(--px) * 6);padding:calc(var(--px) * 8) calc(var(--px) * 4);overflow-x:hidden;background:radial-gradient(ellipse 80% 60% at 50% 22%,rgba(111,79,214,.28),transparent 70%),radial-gradient(ellipse 120% 80% at 50% 110%,rgba(87,230,212,.1),transparent 60%),linear-gradient(180deg,var(--void-deep),var(--void) 45%,#0a0616)}.sky{position:absolute;inset:0;width:100%;height:100%;color:var(--moon);pointer-events:none;z-index:0}.star{fill:currentColor}.twinkle{animation:twinkle 4.5s steps(2,jump-none) infinite}.d0{animation-delay:0s}.d1{animation-delay:.9s}.d2{animation-delay:1.8s}.d3{animation-delay:2.7s}.d4{animation-delay:3.6s}.d5{animation-delay:4.5s}.d6{animation-delay:5.4s}@keyframes twinkle{0%,45%{opacity:.15}50%,95%{opacity:1}}.scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.32) 0,rgba(0,0,0,.32) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.screen:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 46% 44% at 50% 46%,rgba(6,4,13,.92),rgba(6,4,13,.6) 55%,transparent 78%),radial-gradient(ellipse 40% 12% at 50% 100%,rgba(6,4,13,.95),transparent 75%)}.panel{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px;width:100%}.moon{width:calc(var(--px) * 24);height:calc(var(--px) * 24);margin-bottom:calc(var(--px) * 6);filter:drop-shadow(0 0 calc(var(--px) * 5) rgba(185,168,238,.45));animation:hover 7s ease-in-out infinite}.moon-lit{fill:var(--moon)}.moon-rim{fill:var(--moon-dim)}.moon-crater{fill:#9d87d8}.moon-dark{fill:#241a3d}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--px) * -1))}}.title{font-family:"Press Start 2P",Silkscreen,monospace;font-size:clamp(1.4rem,7vw,3rem);line-height:1.2;letter-spacing:.06em;margin:0}.title-moon{color:var(--moon);text-shadow:var(--px) var(--px) 0 var(--violet-deep),0 0 calc(var(--px) * 6) rgba(185,168,238,.55)}.title-beam{color:var(--glow);text-shadow:var(--px) var(--px) 0 var(--violet-deep),0 0 calc(var(--px) * 6) rgba(87,230,212,.5)}.subtitle{font-family:"Press Start 2P",monospace;font-size:clamp(.55rem,2vw,.75rem);color:var(--moon-dim);letter-spacing:.22em;margin:calc(var(--px) * 4) 0 0;opacity:.75}.subtitle .dot{color:var(--glow)}.tagline{margin:calc(var(--px) * 6) 0 0;font-size:clamp(.85rem,3.2vw,1.05rem);color:var(--moon-dim);letter-spacing:.05em}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--px) * 6);margin-top:calc(var(--px) * 10)}.btn{--edge: var(--violet);--face: var(--violet-deep);--ink: var(--moon);font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,2.6vw,.8rem);line-height:1;letter-spacing:.08em;color:var(--ink);background:var(--face);border:0;border-radius:0;padding:calc(var(--px) * 4.5) calc(var(--px) * 6);cursor:pointer;position:relative;transition:transform 80ms steps(2,jump-none),box-shadow 80ms steps(2,jump-none),filter .12s linear;box-shadow:0 calc(var(--px) * -1) 0 0 var(--edge),0 var(--px) 0 0 var(--edge),calc(var(--px) * -1) 0 0 0 var(--edge),var(--px) 0 0 0 var(--edge),calc(var(--px) * 2) calc(var(--px) * 2) 0 0 #0000008c}.btn:hover{filter:brightness(1.25);transform:translate(calc(var(--px) * .5),calc(var(--px) * .5));box-shadow:0 calc(var(--px) * -1) 0 0 var(--edge),0 var(--px) 0 0 var(--edge),calc(var(--px) * -1) 0 0 0 var(--edge),var(--px) 0 0 0 var(--edge),var(--px) var(--px) 0 0 #0000008c}.btn:active{transform:translate(calc(var(--px) * 2),calc(var(--px) * 2));box-shadow:0 calc(var(--px) * -1) 0 0 var(--edge),0 var(--px) 0 0 var(--edge),calc(var(--px) * -1) 0 0 0 var(--edge),var(--px) 0 0 0 var(--edge)}.btn-primary{--edge: var(--glow);--face: #0d2b2c;--ink: var(--glow)}.facts{list-style:none;margin:calc(var(--px) * 10) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--px) * 2) calc(var(--px) * 5);font-size:.8rem;color:var(--violet);letter-spacing:.04em}.facts li:before{content:"▪ ";color:var(--glow-dim)}.room{position:relative;z-index:2;width:100%;max-width:680px;display:flex;flex-direction:column;gap:calc(var(--px) * 3)}.room-bar{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--px) * 2);font-size:.75rem;color:var(--moon-dim)}.room-status{letter-spacing:.05em}.room-id{margin-left:auto;color:var(--violet);letter-spacing:.12em}.pip-connecting{color:var(--violet);animation:blink .8s steps(1,jump-none) infinite}.pip-open{color:var(--glow)}.pip-closed,.pip-full{color:#d0577a}.chip{font-family:Silkscreen,monospace;font-size:.7rem;letter-spacing:.08em;color:var(--moon-dim);background:var(--violet-deep);border:0;border-radius:0;padding:calc(var(--px)) calc(var(--px) * 2);cursor:pointer;box-shadow:0 0 0 2px var(--violet-dim)}.chip:hover{color:var(--moon);box-shadow:0 0 0 2px var(--violet)}.log{height:min(52vh,380px);overflow-y:auto;padding:calc(var(--px) * 3);background:#0f0a1db8;box-shadow:0 0 0 var(--px) var(--violet-dim);display:flex;flex-direction:column;gap:calc(var(--px) * 2)}.log-empty{margin:0;font-size:.75rem;color:var(--violet);line-height:1.8}.line{margin:0;font-size:.9rem;line-height:1.6;word-break:break-word;display:flex;gap:calc(var(--px) * 2)}.line-who{flex:none;font-size:.7rem;letter-spacing:.08em;padding-top:.25em;min-width:4ch}.line-me .line-who{color:var(--glow-dim)}.line-them .line-who{color:var(--violet)}.line-text{color:var(--moon)}.composer,.join{display:flex;gap:calc(var(--px) * 2);flex-wrap:wrap}.join{margin-top:calc(var(--px) * 5);width:100%;max-width:420px}.composer-input{flex:1 1 12rem;min-width:0;font-family:Silkscreen,monospace;font-size:.9rem;color:var(--moon);background:#0f0a1dd9;border:0;border-radius:0;padding:calc(var(--px) * 2.5) calc(var(--px) * 3);box-shadow:0 0 0 var(--px) var(--violet-dim)}.composer-input::placeholder{color:var(--violet-dim)}.composer-input:focus{box-shadow:0 0 0 var(--px) var(--violet)}.composer-input:disabled{color:var(--violet-dim)}.btn-small{font-size:.7rem;padding:calc(var(--px) * 2.5) calc(var(--px) * 4)}.btn:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.6)}.notice{width:100%;margin:calc(var(--px)) 0 0;font-size:.75rem;color:#d0577a}.footer{position:relative;text-align:center;z-index:2;font-size:.75rem;color:var(--violet-dim);letter-spacing:.05em}.blink{animation:blink 1.2s steps(1,jump-none) infinite;color:var(--glow-dim)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.moon,.twinkle,.blink{animation:none}.btn{transition:none}}