:root{--pc-bg:#0a0a0b;--pc-bg-secondary:#16213e;--pc-bg-tertiary:#0f3460;--pc-surface:#1a1a1d;--pc-surface-light:#2a2a2d;--pc-surface-elevated:#2d2d4a;--pc-border:#3a3a5c;--pc-primary:#10b981;--pc-primary-dark:#059669;--pc-secondary:#00d9ff;--pc-success:#4ade80;--pc-error:#f87171;--pc-warning:#fbbf24;--pc-text:#fff;--pc-text-secondary:#9ca3af;--pc-text-muted:#6b7280;--pc-text-inverse:#0a0a0b;--pc-score-player:#4ade80;--pc-score-opponent:#f87171;--pc-server:#f4d03f;--pc-space-xs:4px;--pc-space-sm:8px;--pc-space-md:16px;--pc-space-lg:24px;--pc-space-xl:32px;--pc-space-xxl:48px;--pc-radius-sm:4px;--pc-radius-md:8px;--pc-radius-lg:12px;--pc-radius-xl:16px;--pc-radius-full:9999px;--pc-font-xs:12px;--pc-font-sm:14px;--pc-font-md:17px;--pc-font-lg:19px;--pc-font-xl:22px;--pc-font-xxl:29px;--pc-font-xxxl:38px;--pc-font-display:58px;--pc-font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--pc-bg);color:var(--pc-text);font-family:var(--pc-font-sans);font-size:var(--pc-font-md);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--pc-primary)}.pc-shell{max-width:720px;padding:var(--pc-space-lg) var(--pc-space-md) var(--pc-space-xxl);margin:0 auto}.pc-remote{max-width:560px;padding:var(--pc-space-lg) var(--pc-space-md) var(--pc-space-xxl);gap:var(--pc-space-md);flex-direction:column;margin:0 auto;display:flex}.pc-remote-head{justify-content:space-between;align-items:center;display:flex}.pc-code{letter-spacing:.5rem;text-align:center;padding:var(--pc-space-md);border:1px solid var(--pc-border);background:var(--pc-surface);color:var(--pc-text);text-transform:uppercase;border-radius:12px;font-size:2rem;font-weight:800}.pc-preview{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.pc-preview img,.pc-preview svg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pc-lock-on{text-align:center;font-size:var(--pc-font-md);color:#22c55e;margin:var(--pc-space-xs) 0 0;font-weight:900}.pc-lock-searching{text-align:center;font-size:var(--pc-font-sm);color:var(--pc-text-secondary);margin:var(--pc-space-xs) 0 0;font-weight:700}.pc-preview-foot{color:var(--pc-text-secondary);justify-content:space-between;align-items:center;gap:8px;padding-top:6px;font-size:12px;display:flex}.pc-preview-wait{text-align:center;color:var(--pc-text-secondary);font-size:var(--pc-font-sm);position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.pc-preview-wait span{background:#0a0a0bd1;border-radius:999px;padding:4px 10px}.pc-remote-status{color:var(--pc-text-secondary);font-weight:700;font-size:var(--pc-font-sm);justify-content:space-between;display:flex}button,input,select,textarea{font:inherit}.pc-opts{gap:var(--pc-space-sm);flex-direction:column;display:flex}.pc-opt{text-align:left;padding:var(--pc-space-md);border:1px solid var(--pc-border);background:var(--pc-surface);color:var(--pc-text);font-size:var(--pc-font-md);cursor:pointer;border-radius:12px;font-weight:800}.pc-opt-on{border-color:var(--pc-primary);color:var(--pc-primary)}.pc-btn,.pc-btn-start,.pc-btn-stop,.pc-btn-secondary{padding:var(--pc-space-md);font-size:var(--pc-font-md);cursor:pointer;border:none;border-radius:12px;font-weight:800}.pc-btn,.pc-btn-start{background:var(--pc-primary);color:var(--pc-text-inverse)}.pc-btn-start,.pc-btn-stop{padding:var(--pc-space-lg);font-size:1.25rem}.pc-btn-stop{background:var(--pc-error);color:var(--pc-text)}.pc-btn-secondary{background:var(--pc-surface);color:var(--pc-text-secondary)}.pc-btn:disabled,.pc-btn-start:disabled{opacity:.4;cursor:not-allowed}.pc-btn-link{color:var(--pc-primary);font-size:var(--pc-font-md);cursor:pointer;padding:var(--pc-space-xs);background:0 0;border:none;font-weight:700}.pc-remote h2{font-size:var(--pc-font-lg);margin:var(--pc-space-lg) 0 var(--pc-space-sm)}.pc-error{color:var(--pc-error)}