:root{--bruno-accent-cyan: #00eeff;--bruno-accent-magenta: #ff00cc;--bruno-accent-lime: #aaff00;--bruno-accent-amber: #ffaa00;--bruno-accent-gold: #ffcc00;--bruno-card-red: #e0001e;--bruno-card-blue: #0044dd;--bruno-card-green: #00bb44;--bruno-card-yellow: #ffcc00;--bruno-tier-silver: #c8dce8;--bruno-tier-gold: #ffd040;--bruno-tier-diamond: #d8f0ff;--bruno-bg-base: #080810;--bruno-bg-panel: #0b0b12;--bruno-bg-panel-2: #0e0e1a;--bruno-bg-overlay: rgba(5, 5, 9, .72);--bruno-line: rgba(0, 238, 255, .12);--bruno-text-hi: #c8d8f0;--bruno-text-lo: rgba(200, 216, 240, .45);--bruno-text-micro: rgba(200, 216, 240, .3);--bruno-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--bruno-font-ui: "Rajdhani", "Arial Narrow", "Segoe UI", sans-serif;--bruno-text-hero: clamp(88px, 11vw, 152px);--bruno-text-display-xl: 84px;--bruno-text-display-m: 28px;--bruno-text-h3: 22px;--bruno-text-body-m: 14px;--bruno-text-label: 12px;--bruno-text-caption-s: 10px;--bruno-text-nano: 9px;--bruno-space-1: 4px;--bruno-space-2: 8px;--bruno-space-3: 12px;--bruno-space-4: 16px;--bruno-space-5: 24px;--bruno-space-6: 32px;--bruno-space-7: 48px;--bruno-radius-card: 14px;--bruno-radius-panel: 10px;--bruno-radius-button: 8px;--bruno-radius-badge: 4px;--bruno-glow-cyan: 0 0 12px rgba(0, 238, 255, .5);--bruno-glow-magenta: 0 0 12px rgba(255, 0, 204, .5);--bruno-glow-lime: 0 0 12px rgba(170, 255, 0, .5);--bruno-glow-amber: 0 0 12px rgba(255, 170, 0, .5);--bruno-duration: .15s;--bruno-ease: ease-out}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;background:#080810;color:#c8d8f0;font-family:var(--bruno-font-ui);-webkit-font-smoothing:antialiased}::placeholder{color:#b4c8e647}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#07090f}::-webkit-scrollbar-thumb{background:#1a2540;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00eeff4d}@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes card-float{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-14px) rotate(var(--r, 0deg))}}@keyframes reveal-in{0%{transform:scale(.6) rotateY(90deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}@keyframes draw-fly{0%{transform:translate(0) scale(.9);opacity:1}70%{transform:translate(var(--mx),var(--my)) scale(1)}86%{transform:translate(var(--dx),var(--dy)) scale(.98);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.55);opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--bruno-font-display);font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:var(--bruno-radius-button);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:hover:not(:disabled){transform:scale(1.04)}.btn-primary{background:linear-gradient(90deg,#0ef,#06f);color:#050810;box-shadow:0 0 28px #00eeff80,0 0 56px #0066ff38,0 6px 20px #0009}.btn-primary:hover:not(:disabled){box-shadow:0 0 42px #00eeffb3,0 0 80px #0066ff59,0 6px 20px #0009}.btn-cta{background:linear-gradient(90deg,#af0,#0ef);color:#050810;box-shadow:0 0 24px #aaff006b,0 6px 18px #0009}.btn-cta:hover:not(:disabled){box-shadow:0 0 38px #aaff00a6,0 6px 18px #0009}.btn-outline{background:transparent;color:var(--bruno-accent-cyan);border:1px solid rgba(0,238,255,.35);box-shadow:0 0 10px #00eeff1f}.btn-outline:hover:not(:disabled){background:#00eeff1a;box-shadow:0 0 18px #00eeff40}.btn-ghost{background:transparent;color:#c8d8f080;border:1px solid rgba(200,216,240,.15)}.btn-ghost:hover:not(:disabled){background:#c8d8f00f;color:#c8d8f0d1}.btn-sm{padding:7px 18px;font-size:14px}.btn-md{padding:10px 24px;font-size:17px}.btn-lg{padding:14px 44px;font-size:20px}.badge{display:inline-block;padding:2px 8px;border-radius:var(--bruno-radius-badge);font-size:var(--bruno-text-caption-s);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-host{background:#ff00cc26;color:#f0c}.badge-member{background:#00eeff1a;color:#0ef}.badge-count{background:var(--bruno-bg-panel-2);color:var(--bruno-accent-cyan);border:1px solid var(--bruno-line)}.badge-default{background:var(--bruno-bg-panel-2);color:var(--bruno-text-hi)}.badge-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge-status{font-size:10px;font-weight:700;letter-spacing:.14em;border-radius:3px;padding:2px 6px}.badge-role{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:3px;padding:2px 8px}.seat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;background:#09090eeb;border:2px solid rgba(0,238,255,.04);border-radius:12px;min-width:130px;position:relative;transition:all .2s}.seat-compact{gap:6px;padding:10px 12px;min-width:108px}.seat-active{background:#00eeff0d;border:2px solid #00eeff;box-shadow:0 0 0 1px #0ef3,0 0 16px #00eeff1f}.seat-self{border-color:#f0c6}.seat-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%}.seat-avatar span{font-family:var(--bruno-font-display);font-weight:900}.seat-active-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #00eeff;box-shadow:0 0 7px #00eeff80;animation:neon-pulse 1.2s ease-in-out infinite;pointer-events:none}.seat-name{font-family:var(--bruno-font-display);font-weight:700;font-size:14px;color:#a8bcd8;letter-spacing:.06em;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-name-active{color:#0ef}.seat-fan{position:relative;display:flex;align-items:flex-end;justify-content:center}.seat-count-row{display:flex;align-items:center;gap:4px}.seat-count{font-family:var(--bruno-font-display);font-weight:800;font-size:18px;color:#c8d8f0;line-height:1}.seat-count-active{color:#0ef}.seat-count-label{font-size:10px;color:#c8d8f066;font-weight:600}.turn-timer{display:flex;flex-direction:column;align-items:center;gap:8px}.turn-timer-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--bruno-font-display);font-weight:900;font-size:22px;z-index:1}.turn-timer-caption{text-align:center}.turn-timer-label{margin:0;font-size:10px;font-weight:700;color:#00eeff80;letter-spacing:.2em;text-transform:uppercase}.turn-timer-sub{margin:3px 0 0;font-size:11px;color:#c8d8f059;font-weight:600}.your-turn-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#00eeff1f,#00eeff0d 45%,#0ef0 75%);animation:your-turn-glow 2s ease-in-out infinite}@keyframes your-turn-glow{0%,to{opacity:.55}50%{opacity:1}}.table-status{display:flex;align-items:stretch;overflow:hidden;border-radius:999px;background:#07070cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(0,238,255,.14);box-shadow:0 6px 28px #00000073;white-space:nowrap}.status-segment{display:flex;align-items:center;gap:9px;padding:8px 20px}.status-segment+.status-segment{border-left:1px solid rgba(0,238,255,.14)}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-color-name{font-family:var(--bruno-font-display);font-weight:800;font-size:17px;letter-spacing:.16em}.status-draw-plus{font-family:var(--bruno-font-display);font-weight:900;font-size:24px;line-height:1;color:#fa0;text-shadow:0 0 10px rgba(255,170,0,.8)}.status-draw-label{font-size:10px;font-weight:700;color:#ffbe50bf;letter-spacing:.18em;text-transform:uppercase}.status-turn-label{font-family:var(--bruno-font-display);font-weight:900;font-size:18px;letter-spacing:.24em;color:#0ef;text-shadow:0 0 8px rgba(0,238,255,.9),0 0 24px rgba(0,238,255,.5)}.status-turn{animation:your-turn-banner 1.2s ease-in-out infinite}.status-waiting .status-turn-label{color:#c8d8f059;text-shadow:none}@keyframes your-turn-banner{0%,to{opacity:.65}50%{opacity:1}}.event-history{position:fixed;right:16px;bottom:16px;width:26vw;min-width:240px;max-width:380px;max-height:30vh;z-index:5;display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;background:#07070cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(0,238,255,.12);border-radius:12px;font-family:var(--bruno-font-ui);box-shadow:0 8px 32px #00000080}.event-history-title{margin:0;font-family:var(--bruno-font-display);font-weight:800;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#00eeffb3;flex-shrink:0}.event-history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.event-history-line{margin:0;font-size:12.5px;line-height:1.5;color:#d2def5c7}.event-history-empty{margin:0;font-size:12px;color:#c8d8f059}