body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--panel:#fff;--panel-muted:#f9fafb;--border:#e5e7eb;--border-strong:#d1d5db;--text:#1f2937;--text-muted:#6b7280;--accent:#3b82f6;--accent-strong:#2563eb;--accent-hover:#1d4ed8;--indigo:#6366f1;--purple:#9333ea;--danger:#ef4444;--danger-bg:#fef2f2;--success:#22c55e;--focus-ring:#3b82f626;--radius:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #00000014;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #00000014}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111827;--panel:#1f2937;--panel-muted:#374151;--border:#374151;--border-strong:#4b5563;--text:#f3f4f6;--text-muted:#9ca3af;--accent:#60a5fa;--accent-strong:#3b82f6;--accent-hover:#2563eb;--indigo:#818cf8;--purple:#a855f7;--danger:#f87171;--danger-bg:#ef44441f;--success:#4ade80;--focus-ring:#60a5fa40;--shadow-sm:0 1px 3px 0 #00000059;--shadow-md:0 4px 6px -1px #00000059;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000073}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;transition:background .2s,color .2s}#root{justify-content:center;padding:20px 16px 48px;display:flex}h1,h2,h3{margin:0;font-weight:700}p{margin:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.grad-title{background:linear-gradient(to right, var(--accent-strong), var(--purple));color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font:inherit;border-radius:var(--radius);cursor:pointer;color:#fff;background:var(--accent-strong);box-shadow:var(--shadow-sm);border:1px solid #0000;padding:10px 20px;font-weight:500;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}.btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-outline{color:var(--text);border-color:var(--border-strong);box-shadow:none;background:0 0}.btn-outline:hover:not(:disabled){background:var(--panel-muted);box-shadow:none}.btn-ghost{color:var(--text-muted);box-shadow:none;background:0 0;border-color:#0000;padding:6px 12px;font-size:.875rem}.btn-ghost:hover:not(:disabled){background:var(--panel-muted);color:var(--text)}.btn-danger-outline{color:var(--danger);border-color:var(--border-strong);box-shadow:none;background:0 0}.btn-danger-outline:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.btn-full{width:100%}input[type=text],input:not([type]){font:inherit;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);width:100%;padding:10px 14px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.page{width:100%;max-width:72rem}.lobby{flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;max-width:28rem;padding-top:48px;display:flex}.lobby-head{text-align:center;flex-direction:column;gap:6px;display:flex}.lobby-title{letter-spacing:-.5px;font-size:2.5rem}.lobby-subtitle{color:var(--text-muted);font-size:.95rem}.lobby-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:28px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.lobby-actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.room-header{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.room-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px;font-size:.7rem}.room-id-row{align-items:center;gap:8px;display:flex}.room-id{color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;font-weight:600}.table{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:28px 20px}.table-title{text-align:center;margin-bottom:24px;font-size:1.4rem;font-weight:600}.players-grid{flex-wrap:wrap;justify-content:center;gap:20px 16px;padding:4px;display:flex}.player{flex-direction:column;align-items:center;gap:10px;width:84px;display:flex}.player-name{text-align:center;word-break:break-word;color:var(--text);font-size:.875rem;font-weight:500}.player.me .player-name:after{content:" (你)";color:var(--text-muted);font-weight:400}.pcard{aspect-ratio:2.5/3.5;perspective:1000px;width:100%}.pcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.pcard.revealed .pcard-inner{transform:rotateY(180deg)}.pcard-back,.pcard-front{backface-visibility:hidden;border-radius:var(--radius-lg);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.pcard-back{background:linear-gradient(135deg, var(--accent-strong), var(--indigo));color:#fff;box-shadow:var(--shadow-md);border:2px solid #0000;font-size:1.25rem}.pcard-back.waiting{background:var(--panel-muted);border:2px dashed var(--border-strong);color:var(--text-muted);box-shadow:none;font-size:1.5rem}.pcard-front{background:var(--panel);border:2px solid var(--accent);color:var(--accent-strong);box-shadow:var(--shadow-md);font-size:1.8rem;transform:rotateY(180deg)}.stats{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;margin-top:20px;padding:20px 16px 4px;display:flex}.stat-item{text-align:center}.stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;margin-bottom:4px;font-size:.7rem}.stat-value{color:var(--accent-strong);font-size:1.75rem;font-weight:700}.stat-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tag{background:var(--panel-muted);color:var(--text);border-radius:999px;padding:4px 10px;font-size:.8125rem;font-weight:500}.deck{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px 20px}.deck-title{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:.75rem;font-weight:600}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin-bottom:20px;display:grid}.deck-card{aspect-ratio:2.5/3.5;background:var(--panel);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:1.25rem;font-weight:600;transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.deck-card:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.deck-card.selected{background:linear-gradient(135deg, var(--accent-strong), var(--indigo));color:#fff;border-color:var(--accent-strong);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.deck-card:disabled{cursor:not-allowed;opacity:.5}.deck-controls{justify-content:center;gap:12px;display:flex}.theme-toggle{z-index:10;background:var(--panel);color:var(--text-muted);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;font-size:.75rem;font:inherit;border-radius:999px;padding:6px 14px;font-size:.75rem;transition:color .15s,border-color .15s,background .15s;position:fixed;top:14px;right:14px}.theme-toggle:hover:not(:disabled){color:var(--text);border-color:var(--accent);background:var(--panel)}