: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;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100vh;min-height:100dvh;overscroll-behavior:none}body{font-family:var(--mi-font-sans);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-phone) var(--mi-grid-phone);color:var(--mi-ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.container{width:100%;max-width:400px;text-align:center;padding:1.5rem}h1{font-size:2.5rem;margin-bottom:.5rem}.subtitle{font-size:1rem;opacity:.8;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.875rem;margin-bottom:.5rem;opacity:.8}input{width:100%;padding:1rem;font-family:var(--mi-font-sans);font-size:1.25rem;border:var(--mi-border-w-ph) solid var(--mi-border);background:var(--mi-ink);color:var(--mi-bg);text-align:center}input::placeholder{color:var(--mi-ink-dim)}input,textarea{-webkit-user-select:text;user-select:text}input.room-code-input{font-family:var(--mi-font-mono);font-size:2rem;letter-spacing:.5rem;text-transform:uppercase;font-weight:700}.btn{width:100%;background:var(--mi-neon);color:var(--mi-bg);border:var(--mi-border-w-ph) solid var(--mi-border);box-shadow:var(--mi-shadow-sm);padding:1rem 2rem;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)}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.status{font-size:.875rem;margin-top:1rem;opacity:.7}.error{color:var(--mi-hot);margin-top:1rem}.waiting-room{text-align:center}.player-avatar{width:120px;height:120px;background:var(--mi-bg-lift);border:var(--mi-border-w-ph) solid var(--mi-border);box-shadow:var(--mi-shadow-sm);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:3rem}.waiting-text{font-size:1.25rem;opacity:.8}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.game-controller{display:flex;flex-direction:column;height:100%;justify-content:center;gap:1rem}.answer-btn{padding:2rem;font-family:var(--mi-font-sans);font-size:1.5rem;font-weight:700;border:var(--mi-border-w-ph) solid var(--mi-border);box-shadow:var(--mi-shadow-sm);cursor:pointer;transition:transform var(--mi-dur-quick) var(--mi-ease-out)}.answer-btn:active{transform:scale(.95)}:focus-visible{outline:2px solid var(--mi-neon);outline-offset:2px}.mi-safe-fixed-top{padding-top:calc(env(safe-area-inset-top) + 6px);padding-right:max(env(safe-area-inset-right),12px);padding-bottom:6px;padding-left:max(env(safe-area-inset-left),12px)}.mi-safe-fixed-fill{padding-top:max(env(safe-area-inset-top),24px);padding-right:max(env(safe-area-inset-right),24px);padding-bottom:max(env(safe-area-inset-bottom),24px);padding-left:max(env(safe-area-inset-left),24px)}@media (orientation: landscape){body:before{content:"// ROTATE_TO_PORTRAIT";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mi-bg);color:var(--mi-neon);font-family:var(--mi-font-mono);display:flex;align-items:center;justify-content:center;font-size:1.5rem;letter-spacing:.08em;text-align:center;padding:max(env(safe-area-inset-top),2rem) max(env(safe-area-inset-right),2rem) max(env(safe-area-inset-bottom),2rem) max(env(safe-area-inset-left),2rem);z-index:99999}}