@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0e0e0f;--surface-low:#131314;--surface-lowest:#090909;--surface-high:#201f21;--surface-bright:#2c2c2d;--surface-variant:#181e1d99;--panel:#121213d1;--line:#48484933;--ghost-border:#48484933;--text:#f2f5f3;--muted:#8d9490;--primary:#9cff93;--primary-strong:#00fc40;--secondary:#00e3fd;--secondary-soft:#00e3fd1a;--warn:#ffb151;--danger:#ff5b7f;--photon-glow:0 10px 40px #9cff931a;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:linear-gradient(#9cff930d 1px,#0000 1px) 0 0/120px 120px,linear-gradient(90deg,#9cff930a 1px,#0000 1px) 0 0/120px 120px,radial-gradient(circle at top,#00e3fd14,#0000 34%),radial-gradient(circle at 20% 80%,#00fc4014,#0000 28%),linear-gradient(#111113,#080809 70%);margin:0}body{font-family:Inter,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;border:0}input{width:100%;color:var(--text);background:0 0;border:0;border-bottom:1px solid #484849a6;border-radius:0;padding:0 0 .7rem}.app-shell,.game-shell{min-height:100vh}.lobby-shell{isolation:isolate;grid-template-rows:auto 1fr auto;gap:2.5rem;min-height:100vh;padding:1.2rem 1.5rem 1rem;display:grid;position:relative;overflow:hidden}.lobby-shell:before,.lobby-shell:after{content:"";pointer-events:none;position:absolute;inset:0}.lobby-shell:before{opacity:.26;background:linear-gradient(#ffffff05,#0000 18%),repeating-linear-gradient(#ffffff05,#ffffff05 1px,#0000 1px 4px)}.lobby-shell:after{mix-blend-mode:screen;background:radial-gradient(circle,#00fc400f,#0000 44%),radial-gradient(circle at 75% 20%,#00e3fd14,#0000 18%)}.hud-corner{pointer-events:none;z-index:0;border-style:solid;border-color:#9cff9399;width:42px;height:42px;position:absolute}.hud-corner-top-left{border-width:2px 0 0 2px;top:5.3rem;left:1.5rem}.hud-corner-top-right{border-width:2px 2px 0 0;top:5.3rem;right:1.5rem}.hud-corner-bottom-left{border-width:0 0 2px 2px;bottom:5.1rem;left:1.5rem}.hud-corner-bottom-right{border-width:0 2px 2px 0;bottom:5.1rem;right:1.5rem}.lobby-topbar,.lobby-grid,.lobby-footer{z-index:1;position:relative}.lobby-topbar{border-bottom:1px solid #00fc4033;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding-bottom:1rem;display:grid}.brand-mark,.lobby-nav,.topbar-action,.eyebrow,.feature-row span,.field span,.status-label,.terminal-titlebar,.card-ref,.terminal-footer,.stat-card span,.footer-meta,.lobby-meta h1,.lobby-card h2{font-family:Space Grotesk,sans-serif}.brand-mark{color:var(--primary-strong);letter-spacing:-.06em;margin:0;font-size:1.8rem;font-weight:700}.lobby-nav,.footer-meta,.terminal-titlebar,.terminal-footer{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.lobby-nav{color:#8d9490b8;justify-content:center;gap:clamp(.8rem,2vw,2rem);display:flex}.lobby-nav span{position:relative}.lobby-nav .is-active{color:var(--primary)}.lobby-nav .is-active:after{content:"";background:var(--primary-strong);height:2px;position:absolute;bottom:-.6rem;left:0;right:0}.topbar-action{color:var(--primary);background:0 0;border:1px solid #00fc4052;padding:.8rem 1.2rem}.lobby-grid{grid-template-columns:minmax(280px,.8fr) minmax(560px,1.2fr);align-items:center;gap:clamp(2rem,4vw,5rem);display:grid}.lobby-meta{align-content:center;align-self:stretch;gap:1.2rem;padding-left:clamp(0rem,2vw,2rem);display:grid}.data-line{background:var(--primary);width:10%;min-width:48px;height:2px;box-shadow:0 0 18px #9cff9373}.lobby-meta h1{letter-spacing:-.07em;text-transform:uppercase;max-width:7ch;margin:0;font-size:clamp(3.4rem,8vw,6.6rem);line-height:.86}.lobby-meta h1 span,.lobby-card h2 span{color:var(--primary)}.subcopy,.feature-row,.eyebrow,.task-item span:last-child,.notice-list,.roster-row span:last-child,.taskmap-row span:last-child,.preview-copy,.status-block p{color:var(--muted)}.subcopy{max-width:40ch;margin:0;font-size:1rem;line-height:1.8}.eyebrow{text-transform:uppercase;letter-spacing:.22em;margin:0;font-size:.72rem}.feature-row{flex-wrap:wrap;gap:.85rem;display:flex}.feature-row span,.taskmap-row,.roster-row,.task-item,.vote-row{border:1px solid var(--ghost-border);background:#131314bf;border-radius:0;padding:.8rem .9rem}.status-block{border:1px solid var(--ghost-border);background:linear-gradient(#131314e0,#090909f0);gap:.4rem;max-width:340px;padding:1.2rem 1rem;display:grid;box-shadow:inset 0 0 0 1px #9cff930a}.status-block div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.status-label{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.status-block strong,.stat-card strong{letter-spacing:-.05em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:1.9rem}.lobby-terminal,.lobby-card,.overlay-card,.panel,.meeting-card{border:1px solid var(--ghost-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--photon-glow)}.lobby-terminal{background:linear-gradient(#1e1e1ff5,#121213f5),#121213eb;display:grid}.terminal-titlebar{color:#8d9490cc;background:#2c2c2d94;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.9rem 1.2rem;display:grid}.terminal-dots{gap:.35rem;display:flex}.terminal-dots span,.terminal-icons span{background:#ffb15173;width:10px;height:10px}.terminal-dots span:nth-child(2){background:#9cff9373}.terminal-dots span:nth-child(3),.terminal-icons span:nth-child(3){background:#00e3fd73}.terminal-ref{text-align:right}.terminal-body{grid-template-columns:minmax(220px,.9fr) minmax(280px,1fr);gap:2rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid}.terminal-preview{gap:1rem;display:grid}.preview-screen{text-align:center;background:radial-gradient(circle,#00fc4026,#0000 48%),linear-gradient(#082110db,#040c08f5);border:1px solid #00fc402e;place-items:center;min-height:250px;padding:1.5rem;display:grid;box-shadow:inset 0 0 50px #00fc4014,0 0 24px #00fc401f}.preview-screen p,.preview-metric span,.preview-copy{margin:0}.preview-screen p,.preview-metric,.preview-copy{text-transform:uppercase;letter-spacing:.12em;font-family:Space Grotesk,sans-serif;font-size:.78rem}.preview-shield{clip-path:polygon(50% 0%,100% 16%,100% 56%,50% 100%,0% 56%,0% 16%);border:2px solid #9cff9394;width:64px;height:74px;position:relative;box-shadow:0 0 18px #9cff933d,inset 0 0 18px #9cff9329}.preview-shield span{clip-path:polygon(50% 0%,100% 16%,100% 56%,50% 100%,0% 56%,0% 16%);border:2px solid #9cff93d1;animation:2.4s ease-in-out infinite pulse-shield;position:absolute;inset:18% 28%}@keyframes pulse-shield{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.preview-metric{color:var(--primary);justify-content:space-between;align-items:center;display:flex}.preview-metric strong{font-size:.92rem}.preview-copy{max-width:42ch;line-height:1.8}.lobby-card,.meeting-card,.overlay-card{background:linear-gradient(180deg, #201f21db, #131314eb), var(--surface-variant);border-radius:0;padding:1.5rem}.card-header{background:#201f21c7;justify-content:space-between;align-items:flex-start;gap:1rem;margin:-1.5rem -1.5rem 1.5rem;padding:.9rem 1rem 1rem;display:flex}.lobby-card h2{letter-spacing:-.06em;text-transform:uppercase;margin:.25rem 0 0;font-size:clamp(2.2rem,4vw,3.5rem);line-height:.92}.card-ref{color:#8d9490b8;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.field{gap:.55rem;margin-bottom:1rem;display:grid}.field>span{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem}.input-shell{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.8rem 0 0;display:grid;position:relative}.input-shell:after{content:"";background:#00e3fddb;width:2px;height:1.05rem;animation:1s step-end infinite terminal-caret;position:absolute;bottom:.7rem;right:0;box-shadow:0 0 12px #00e3fd73}@keyframes terminal-caret{50%{opacity:0}}.input-prefix{color:var(--secondary);font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1}.field input{text-transform:uppercase;letter-spacing:.14em;outline:none}.field input::placeholder{color:#8d94908a}.field input:focus{border-bottom-color:var(--secondary)}.button-grid{grid-template-columns:1fr;gap:.75rem;margin-top:1.4rem;display:grid}.primary,.secondary,.ghost,.vote-row{border-radius:0;padding:1rem 1.2rem}.primary{background:linear-gradient(45deg, var(--primary-strong), var(--secondary));color:#041008;font-family:Space Grotesk,sans-serif;font-weight:700;box-shadow:0 0 0 1px #00fc402e,0 0 18px #00fc402e}.primary:hover{box-shadow:0 0 0 1px #00fc4042,0 0 24px #9cff9347}.secondary{color:var(--secondary);background:0 0;border:1px solid #00e3fd99}.secondary:hover{background:var(--secondary-soft)}.ghost{color:var(--muted);background:0 0;padding-inline:0}.terminal-footer{color:#8d9490a3;justify-content:space-between;align-items:center;margin-top:1.3rem;display:flex}.terminal-icons{gap:.55rem;display:flex}.error-banner{color:#ffd7de;background:#ff5b7f1f;border:1px solid #ff5b7f3d;border-radius:0;margin:1rem 0 0;padding:.85rem 1rem}.lobby-footer{gap:1rem;display:grid}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;max-width:820px;margin:0 auto;display:grid}.stat-card{background:#131314eb;border-left:2px solid #00e3fd80;gap:.45rem;min-height:92px;padding:1rem 1.1rem;display:grid}.stat-card.warning{border-left-color:#ffb15199}.stat-card span{letter-spacing:.18em;text-transform:uppercase;color:var(--secondary);font-size:.7rem}.stat-card.warning span{color:var(--warn)}.footer-meta{color:#8d9490b8;border-top:1px solid #00fc4024;justify-content:space-between;gap:1rem;padding-top:.6rem;display:flex}.footer-meta>div{gap:1.5rem;display:flex}.canvas-shell{position:relative}.canvas-shell,.canvas-shell canvas{width:100%;height:100vh;display:block}.hud-root{pointer-events:none;grid-template-rows:auto 1fr auto;padding:1.25rem;display:grid;position:fixed;inset:0}.hud-top,.hud-side,.hud-bottom{gap:1rem;display:flex}.hud-top{justify-content:flex-start;align-items:flex-start}.hud-side{flex-direction:column;align-self:end;max-width:420px}.hud-bottom{flex-direction:column;align-items:center}.panel{background:var(--panel);pointer-events:auto;border-radius:1.25rem;min-width:210px;padding:1rem 1.1rem}.hud-leave{margin-top:.85rem}.demo-transform-panel{z-index:2;min-width:190px;position:fixed;top:calc(2.1rem + min(220px,22vh));right:1.25rem}.demo-transform-grid{grid-template-columns:auto auto;align-items:baseline;gap:.45rem 1rem;margin-top:.8rem;display:grid}.demo-speed-control{margin-top:.8rem}.demo-speed-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:.72rem;display:block}.demo-speed-control input[type=range]{width:100%;accent-color:var(--secondary)}.demo-transform-grid span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:.72rem}.demo-transform-grid strong{text-align:right;letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:.95rem}.camera-inset-frame{pointer-events:none;z-index:1;border:1px solid #75d3ff59;border-radius:1rem;width:min(320px,24vw);height:min(220px,22vh);position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 0 0 1px #0000003d,0 10px 30px #00000047}.camera-inset-frame:before{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.camera-inset-label{color:#e8f2ffeb;letter-spacing:.16em;text-transform:uppercase;background:#030a10b8;border-radius:999px;padding:.2rem .45rem;font-family:Space Grotesk,sans-serif;font-size:.68rem;position:absolute;top:.7rem;left:.85rem}.minimap-panel{min-width:280px;overflow:hidden}.minimap-top-panel{margin-left:auto}.minimap-shell{aspect-ratio:1;background:radial-gradient(circle,#26d4c41f,#0000 58%),linear-gradient(#ffffff0d 1px,#0000 1px) 0 0/18% 18%,linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/18% 18%,linear-gradient(#05121cf0,#02080dfa);border:1px solid #75d3ff33;border-radius:1rem;width:100%;margin-top:.85rem;position:relative;box-shadow:inset 0 0 28px #00000059}.minimap-player,.minimap-wall,.minimap-station,.minimap-sabotage{position:absolute}.minimap-player,.minimap-station,.minimap-sabotage{border-radius:999px;transform:translate(-50%,-50%)}.minimap-wall{background:linear-gradient(#b3dcff57,#447294b3);border:1px solid #d8efff29;border-radius:.3rem;box-shadow:inset 0 0 10px #ffffff14,0 0 8px #2f6e9c40}.minimap-player{background:#a4defff2;border:2px solid #ffffffc7;width:.85rem;height:.85rem;box-shadow:0 0 12px #6ad5ffb3}.minimap-player.local{background:#26d4c4;border-color:#edfffb;width:1rem;height:1rem;box-shadow:0 0 0 6px #26d4c41f,0 0 16px #26d4c4f2}.minimap-heading{filter:drop-shadow(0 0 8px #ffffff8c);transform-origin:50% 120%;border-bottom:.9rem solid #edfffb;border-left:.35rem solid #0000;border-right:.35rem solid #0000;width:0;height:0;position:absolute}.minimap-station,.minimap-sabotage{width:.55rem;height:.55rem}.minimap-station{background:#2ef2d0;box-shadow:0 0 10px #2ef2d0a6}.minimap-sabotage{background:#ff9851;box-shadow:0 0 10px #ff9851b8}.minimap-leave{text-align:right;width:100%;margin-top:.85rem}.align-right{text-align:right}.task-list,.notice-list,.roster,.vote-list,.map-grid{gap:.65rem;display:grid}.task-item.complete{border-color:#26d4c466}.notice-list span{display:block}.prompt-bar{border:1px solid var(--line);text-align:center;background:#030a10d1;border-radius:999px;min-width:min(720px,100vw - 2rem);padding:.8rem 1.2rem}.secondary-prompt{border-color:#ff8b3d3d}.crosshair{border:2px solid #ffffffe6;border-radius:999px;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:fixed;top:50%;left:50%}.meeting-overlay,.lobby-overlay,.taskmap-overlay,.gameover-banner{background:#0104078c;place-items:center;display:grid;position:fixed;inset:0}.meeting-card{width:min(680px,100vw - 2rem)}.meeting-header{justify-content:space-between;align-items:center;display:flex}.vote-row{color:var(--text);background:#ffffff0d;justify-content:space-between;align-items:center;display:flex}.taskmap-card{width:min(560px,100vw - 2rem)}.taskmap-row.sabotage{border-color:#ff8b3d47}@media (width<=900px){.lobby-shell{padding:1.5rem;overflow-y:auto}.lobby-topbar,.footer-meta,.terminal-body{grid-template-columns:1fr}.lobby-topbar{justify-items:start}.lobby-nav,.footer-meta>div{flex-wrap:wrap;justify-content:flex-start}.footer-meta{flex-direction:column;align-items:flex-start}.lobby-grid,.stats-row{grid-template-columns:1fr}.lobby-meta{padding-left:0}.hud-corner-top-right,.hud-corner-bottom-right{right:1rem}.hud-corner-top-left,.hud-corner-bottom-left{left:1rem}.hud-top{flex-direction:column}.panel{min-width:0}.hud-side{max-width:none}.prompt-bar{width:100%;min-width:0}}