.live-hero{text-align:center;padding:var(--spacing-md) var(--spacing-xl) 0}.live-hero-description{color:var(--text-secondary);font-size:1.1rem;margin:0 0 var(--spacing-sm);opacity:.7}.live-hero .live-online-count{display:inline-flex;font-size:1.1rem}.live-main{margin:var(--spacing-xl) 0 0;padding:0 var(--spacing-xl) var(--spacing-xl)}.live-panels{display:grid;grid-template-columns:2fr 3fr;gap:var(--spacing-lg)}.live-feed,.live-players,.live-heatmap,.live-leaderboard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--surface);margin-bottom:0}.live-section-title{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.live-feed-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:70vh;overflow-y:auto}.live-feed-item{padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--border);border-radius:var(--radius-md);background:var(--background);font-size:.92rem;line-height:1.5;transition:opacity var(--transition-fast)}.live-feed-item--started{border-left-color:var(--primary)}.live-feed-item--solved{border-left-color:var(--success)}.live-feed-item--failed{border-left-color:var(--error)}.live-feed-item--quit{border-left-color:var(--border);opacity:.6}.live-feed-item--new{animation:liveFadeIn .4s ease}.live-feed-link,.live-feed-name{color:var(--text);font-weight:600}.live-feed-link:hover{color:var(--primary)}.live-feed-time{margin-left:var(--spacing-sm);color:var(--text-secondary);font-size:.8rem}.live-player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.live-player-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-left:3px solid var(--primary);border-radius:var(--radius-lg);background:var(--background)}.live-player-link,.live-player-name{color:var(--text);font-size:1rem;font-weight:600}.live-player-link:hover{color:var(--primary)}.live-player-challenge{color:var(--primary);font-size:.88rem}.live-player-stats{color:var(--text-secondary);font-size:.82rem}.live-heatmap{margin-top:var(--spacing-md)}.live-heatmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.live-heatmap-card{--glow: 0;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-lg);background:var(--background);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 0 calc(var(--glow) * 20px) calc(var(--glow) * 8px) rgba(59,130,246,calc(var(--glow) * .3));border-color:rgba(59,130,246,calc(var(--glow) * .5))}.live-heatmap-thumb{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.live-heatmap-card:hover{transform:translateY(-2px);border-color:var(--primary)}.live-heatmap-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.live-heatmap-concept{color:var(--text);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-heatmap-badges{display:flex;flex-wrap:wrap;gap:4px}.live-heatmap-badge{font-size:.68rem;font-weight:700;padding:1px 5px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;line-height:1.4}.live-heatmap-badge--legendary,.live-heatmap-badge--legendary-exclusive{background:#fbbf2426;color:#fbbf24}.live-heatmap-badge--hard{background:#ef444426;color:#ef4444}.live-heatmap-badge--medium{background:#3b82f626;color:#3b82f6}.live-heatmap-badge--easy,.live-heatmap-badge--fresh{background:#22c55e26;color:#22c55e}.live-heatmap-badge--prize{background:#fbbf2426;color:#fbbf24}.live-heatmap-badge--noods{background:#ec489926;color:#ec4899}.live-heatmap-count{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full, 50%);background:var(--primary);color:#fff;font-size:.82rem;font-weight:700}.live-dot{display:inline-block;width:8px;height:8px;margin-right:var(--spacing-xs);border-radius:50%;background:var(--success);animation:livePulse 2s ease-in-out infinite}.live-online-count{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.88rem}.live-empty-state{padding:var(--spacing-2xl);color:var(--text-secondary);font-size:.92rem;opacity:.6;text-align:center;grid-column:1 / -1}.live-leaderboard{margin-top:var(--spacing-md)}.live-lb-col-header,.live-lb-row{align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:40px 1fr 72px 52px 52px;padding:var(--spacing-xs) var(--spacing-md)}.live-lb-col-header{margin-bottom:var(--spacing-xs)}.live-sort-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.68rem;letter-spacing:.04em;padding:3px 0;text-align:center;text-transform:uppercase;transition:all var(--transition-fast)}.live-sort-btn:hover{border-color:var(--primary);color:var(--text)}.live-sort-btn.active{background:#3b82f626;border-color:var(--primary);color:var(--primary)}.live-leaderboard-list{display:flex;flex-direction:column;gap:2px}.live-lb-row{background:var(--background);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast)}.live-lb-row:hover{background:#3b82f60f}.live-lb-rank-1{background:#ffd7000f;border-left:2px solid rgba(255,215,0,.4)}.live-lb-rank-2{background:#c0c0c00f;border-left:2px solid rgba(192,192,192,.3)}.live-lb-rank-3{background:#cd7f320f;border-left:2px solid rgba(205,127,50,.3)}.live-lb-rank{font-size:1.1rem;text-align:center}.live-lb-rank-num{color:var(--text-secondary);font-size:.8rem}.live-lb-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-lb-cell{font-size:.78rem;text-align:center}.live-lb-wins{color:var(--success);font-weight:600}.live-lb-rate{color:var(--text-secondary)}.live-lb-streak{font-weight:600}.live-lb-streak--hot{color:#f59e0b}.live-lb-streak--cold{color:var(--text-secondary);opacity:.6}.live-lb-streak--none{color:var(--text-secondary);opacity:.4}@keyframes liveFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:1023px){.live-panels{grid-template-columns:1fr}.live-feed-list{max-height:40vh}.live-heatmap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:479px){.live-main{padding:var(--spacing-md)}.live-player-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.live-heatmap-grid{grid-template-columns:repeat(2,1fr)}}.powered-by-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:16px auto 0;padding:8px 16px;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid rgba(59,130,246,.3);border-radius:20px;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.powered-by-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633;background:linear-gradient(135deg,#3b82f626,#9333ea26);border-color:#3b82f680}.powered-by-text{color:var(--text-secondary);font-size:13px}.same-energy-link{color:var(--primary);text-decoration:none;transition:color .3s ease}.same-energy-link:hover{color:#3b82f6;text-decoration:underline}.same-energy-link strong{font-weight:600;background:linear-gradient(135deg,#3b82f6,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}