:root{--mi-bg: #0a0a0c;--mi-bg-lift: #1a1a20;--mi-ink: #f5f5f0;--mi-ink-dim: #8a8a88;--mi-border: #0a0a0c;--mi-neon: #c6fb50;--mi-hot: #ff3d8a;--mi-violet: #7c5cff;--mi-cyan: #00e5ff;--mi-gold: #ffd83d;--mi-correct: var(--mi-neon);--mi-wrong: var(--mi-hot);--mi-warn: #fcab10;--mi-connected: #44af69;--mi-disconnected: #f8333c;--mi-font-sans: "Space Grotesk", system-ui, sans-serif;--mi-font-mono: "JetBrains Mono", ui-monospace, monospace;--mi-tv-display: 160px;--mi-tv-h1: 120px;--mi-tv-h2: 92px;--mi-tv-h3: 60px;--mi-tv-body: 36px;--mi-tv-caption: 24px;--mi-ph-h1: 56px;--mi-ph-h2: 36px;--mi-ph-body: 18px;--mi-ph-caption: 14px;--mi-ph-mono: 10px;--mi-ph-tap: 44px;--mi-border-w: 4px;--mi-border-w-ph: 2.5px;--mi-shadow-sm: 4px 4px 0 var(--mi-border);--mi-shadow-md: 8px 8px 0 var(--mi-border);--mi-shadow-lg: 10px 10px 0 var(--mi-border);--mi-shadow-xl: 14px 14px 0 var(--mi-border);--mi-shadow-neon: 8px 8px 0 var(--mi-neon);--mi-shadow-hot: 8px 8px 0 var(--mi-hot);--mi-radius-phone: 48px;--mi-radius-pill: 999px;--mi-ease-out: cubic-bezier(.16,.84,.44,1);--mi-ease-in: cubic-bezier(.7,0,.84,0);--mi-ease-spring: cubic-bezier(.34,1.56,.64,1);--mi-dur-quick: .12s;--mi-dur-base: .22s;--mi-dur-slow: .42s;--mi-dur-hero: .82s;--mi-grid-tv: 56px;--mi-grid-phone: 24px;--mi-grid-line: rgba(10,10,12,.2);--mi-scanline: rgba(255,255,255,.1)}.rm *,.rm *:before,.rm *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.mi-bg-grid{background-color:var(--mi-bg);background-image:linear-gradient(var(--mi-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--mi-grid-line) 1px,transparent 1px);background-size:var(--mi-grid-tv) var(--mi-grid-tv)}.mi-bg-grid-phone{background-size:var(--mi-grid-phone) var(--mi-grid-phone)}.mi-bg-scan:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background-image:repeating-linear-gradient(0deg,var(--mi-scanline) 0 1px,transparent 1px 3px)}@keyframes mi-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes mi-pulse-border{0%,to{box-shadow:var(--mi-shadow-md)}50%{box-shadow:var(--mi-shadow-lg)}}@keyframes mi-glitch-x{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes mi-timer-flash{0%,to{color:var(--mi-ink)}50%{color:var(--mi-hot)}}@keyframes mi-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.mi-cursor:after{content:"_";animation:mi-cursor .9s steps(1) infinite}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--mi-font-sans);background-color:var(--mi-bg);color:var(--mi-ink)}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.container{max-width:1200px;width:100%;text-align:center}.room-code{font-size:6rem;font-weight:700;letter-spacing:1rem;margin:2rem 0}.join-url{font-size:1.5rem;opacity:.9;margin-bottom:3rem}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem}.player-card{background:var(--mi-bg-lift);border:var(--mi-border-w) solid var(--mi-border);box-shadow:var(--mi-shadow-md);padding:1.5rem;transition:transform var(--mi-dur-base) var(--mi-ease-out)}.player-card:hover{transform:translate(-2px,-2px)}.player-name{font-size:1.25rem;font-weight:600}.player-score{font-size:2rem;font-weight:700;margin-top:.5rem}.btn{background:var(--mi-neon);color:var(--mi-bg);border:var(--mi-border-w) solid var(--mi-border);box-shadow:var(--mi-shadow-md);padding:1rem 3rem;font-family:var(--mi-font-sans);font-size:1.25rem;font-weight:600;cursor:pointer;transition:transform var(--mi-dur-quick) var(--mi-ease-out),box-shadow var(--mi-dur-quick) var(--mi-ease-out);margin-top:2rem}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--mi-shadow-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--mi-shadow-md)}.status{font-size:1.25rem;margin-top:1rem;opacity:.8}:focus-visible{outline:2px solid var(--mi-neon);outline-offset:2px}