: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:860px;padding:var(--pc-space-lg) var(--pc-space-md) var(--pc-space-xxl);margin:0 auto}.pc-card{background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:var(--pc-radius-lg);padding:var(--pc-space-lg)}.pc-label{font-size:var(--pc-font-sm);color:var(--pc-text-secondary);margin-bottom:var(--pc-space-xs);display:block}.pc-input,.pc-select,.pc-textarea{background:var(--pc-bg);width:100%;color:var(--pc-text);border:1px solid var(--pc-border);border-radius:var(--pc-radius-md);font-size:var(--pc-font-md);padding:10px 12px;font-family:inherit}.pc-input:focus-visible,.pc-select:focus-visible,.pc-textarea:focus-visible,.pc-btn:focus-visible{outline:2px solid var(--pc-primary);outline-offset:2px}.pc-textarea{resize:vertical;min-height:96px}.pc-btn{justify-content:center;align-items:center;gap:var(--pc-space-sm);background:var(--pc-primary);width:100%;color:var(--pc-text-inverse);border-radius:var(--pc-radius-md);font-size:var(--pc-font-md);cursor:pointer;border:none;padding:12px 16px;font-family:inherit;font-weight:700;display:inline-flex}.pc-btn:hover{background:var(--pc-primary-dark)}.pc-btn-secondary{color:var(--pc-text);border:1px solid var(--pc-border);background:0 0}.pc-btn-secondary:hover{background:var(--pc-surface-light)}.pc-btn-link{width:auto;color:var(--pc-text-secondary);font-weight:600;font-size:var(--pc-font-sm);cursor:pointer;background:0 0;border:none;padding:0}.pc-error{border:1px solid var(--pc-error);border-radius:var(--pc-radius-md);color:var(--pc-error);padding:var(--pc-space-sm) var(--pc-space-md);font-size:var(--pc-font-sm);background:#f871711a}.pc-note{color:var(--pc-text-muted);font-size:var(--pc-font-xs);margin:var(--pc-space-xs) 0 0}.pc-divider{align-items:center;gap:var(--pc-space-md);color:var(--pc-text-muted);font-size:var(--pc-font-sm);margin:var(--pc-space-md) 0;display:flex}.pc-divider:before,.pc-divider:after{content:"";background:var(--pc-border);flex:1;height:1px}.pc-stack{gap:var(--pc-space-md);flex-direction:column;display:flex}.pc-grid{gap:var(--pc-space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}