:root{--bg-dark:#07090e;--bg-panel:#0d121cc7;--bg-panel-hover:#161e2ed9;--border-subtle:#ffffff14;--border-bright:#38bdf866;--holo-cyan:#00e5ff;--holo-cyan-glow:#00e5ff40;--holo-coral:#f43f5e;--holo-coral-glow:#f43f5e40;--holo-gold:#fbbf24;--holo-purple:#c084fc;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);min-height:100vh;color:var(--text-main);background-image:radial-gradient(circle at 15% 15%,#00e5ff12 0%,#0000 45%),radial-gradient(circle at 85% 85%,#f43f5e0f 0%,#0000 45%),linear-gradient(#07090e 0%,#0b0f19 100%);background-attachment:fixed;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:14px;transition:all .2s ease-in-out;box-shadow:0 8px 32px #0000005e}.glass-panel-interactive:hover{background:var(--bg-panel-hover);border-color:#38bdf84d;box-shadow:0 10px 40px #00e5ff14}.btn-primary{color:#030712;background:linear-gradient(135deg,#0284c7 0%,#00e5ff 100%);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 14px #00e5ff4d}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px #00e5ff80}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#f43f5e40;border-color:#f43f5e}.status-pill{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pulse-dot{border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.7;transform:scale(.95)}}.lobby-input{border:1px solid var(--border-subtle);color:var(--text-main);background:#00000059;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.lobby-input:focus{border-color:var(--holo-cyan);box-shadow:0 0 0 2px var(--holo-cyan-glow)}.preset-card{border:1px solid var(--border-subtle);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.preset-card:hover{background:#ffffff12;border-color:#38bdf866}.preset-card.active{border-color:var(--holo-cyan);background:#38bdf81a;box-shadow:0 0 16px #00e5ff26}.tab-btn{color:var(--text-muted);background:0 0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--text-main);background:#ffffff1a}.arena-mat{flex-direction:column;gap:16px;width:100%;display:flex}.player-side-panel{-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);background:#0d121cb3;border-radius:12px;padding:16px;position:relative;overflow:hidden}.player-side-panel.active-turn{border-color:#00e5ff66;box-shadow:0 0 24px #00e5ff14}.side-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.stage-zones-row{grid-template-columns:140px 140px 1fr 180px;align-items:stretch;gap:14px;display:grid}@media (width<=900px){.stage-zones-row{grid-template-columns:1fr 1fr}}.stage-zone-box{background:#00000040;border:1px dashed #ffffff1f;border-radius:10px;flex-direction:column;min-height:180px;padding:10px;transition:all .2s;display:flex}.stage-zone-box.center-zone{background:radial-gradient(circle at 50% 0,#f43f5e0f 0%,#00000040 80%);border-color:#f43f5e59}.stage-zone-box.collab-zone{background:radial-gradient(circle at 50% 0,#c084fc0f 0%,#00000040 80%);border-color:#c084fc59}.stage-zone-box.back-zone{border-color:#ffffff1a}.zone-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.holo-card-node{border:1px solid var(--border-subtle);background:#121926e6;border-radius:8px;flex-direction:column;gap:6px;padding:10px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #0006}.holo-card-node:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0009}.holo-card-node.rested{opacity:.65;filter:grayscale(.5);transform:rotate(3deg)}.hand-tray-container{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:14px}.hand-cards-list{gap:8px;padding:8px 4px 14px;display:flex;overflow-x:auto}.hand-card-chip{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.hand-card-chip:hover{background:#00e5ff1f;border-color:#00e5ff66;transform:translateY(-2px)}.hand-card-chip.selected{border-color:var(--holo-cyan);color:#fff;background:#00e5ff33;box-shadow:0 0 12px #00e5ff4d}