.hall-of-fame{margin-top:48px;padding-top:32px;border-top:1px solid rgba(212,175,55,.15)}.hall-of-fame__header{text-align:center;margin-bottom:24px}.hall-of-fame__title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#d4af37,#f5d76e,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;margin-bottom:4px}.hall-of-fame__subtitle{color:#6b7280;font-size:.8rem;font-style:italic;letter-spacing:.5px}.hall-of-fame__grid{display:grid;grid-template-columns:1fr;gap:12px}.hall-card{background:linear-gradient(145deg,#111318,#191c24);border:1px solid rgba(212,175,55,.12);border-radius:10px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.hall-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#d4af37,transparent);opacity:0;transition:opacity .3s ease}.hall-card:hover{border-color:#d4af374d;transform:translateY(-2px);box-shadow:0 4px 20px #0006,0 0 20px #d4af370f}.hall-card:hover:before{opacity:1}.hall-card__badge{display:inline-block;font-size:.65rem;color:#d4af37;background:#d4af3714;border:1px solid rgba(212,175,55,.15);padding:2px 8px;border-radius:10px;letter-spacing:.5px;margin-bottom:8px}.hall-card__topic{font-size:.95rem;font-weight:700;color:#d1d5db;margin-bottom:10px;line-height:1.35}.hall-card__sides{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.78rem}.hall-card__side{flex:1;text-align:center;padding:4px 0;border-radius:4px;color:#9ca3af;transition:all .2s ease}.hall-card__side--a{background:#6366f114}.hall-card__side--b{background:#f43f5e14}.hall-card__side--winner{color:#f5d76e;font-weight:700}.hall-card__vs{color:#4b5563;font-size:.65rem;font-weight:800;flex-shrink:0}.hall-card__result-bar{height:4px;background:#f43f5e33;border-radius:2px;overflow:hidden;margin-bottom:4px}.hall-card__result-fill{height:100%;background:linear-gradient(90deg,#6366f180,#6366f14d);border-radius:2px;transition:width .5s ease}.hall-card__result-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#6b7280;margin-bottom:8px}.hall-card__stats{display:flex;gap:12px;font-size:.72rem;color:#6b7280}@media(max-width:768px){.hall-of-fame{margin-top:32px;padding-top:24px}.hall-of-fame__title{font-size:1.2rem}.hall-card{padding:12px}.hall-card__topic{font-size:.88rem}}.deploy-terminal{background:#0a0e17;border:1px solid #1a3a2a;border-radius:8px;overflow:hidden;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.6;box-shadow:0 0 30px #00ff6414,inset 0 0 60px #00000080;position:relative}.deploy-terminal:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,100,.015) 2px,rgba(0,255,100,.015) 4px);pointer-events:none;z-index:1}.deploy-terminal__header{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0d1320;border-bottom:1px solid #1a3a2a}.deploy-terminal__dots{display:flex;gap:6px}.deploy-terminal__dot{width:10px;height:10px;border-radius:50%}.deploy-terminal__dot--red{background:#ff5f56}.deploy-terminal__dot--yellow{background:#ffbd2e}.deploy-terminal__dot--green{background:#27c93f}.deploy-terminal__title{color:#4ade80;font-size:.7rem;letter-spacing:.5px;opacity:.8}.deploy-terminal__meta{display:flex;gap:16px;padding:4px 12px;background:#0b1019;border-bottom:1px solid rgba(74,222,128,.1);color:#6b7280;font-size:.65rem;letter-spacing:1px;text-transform:uppercase}.deploy-terminal__body{padding:12px;min-height:160px;max-height:240px;overflow-y:auto;position:relative;z-index:2}.deploy-terminal__body::-webkit-scrollbar{width:4px}.deploy-terminal__body::-webkit-scrollbar-track{background:transparent}.deploy-terminal__body::-webkit-scrollbar-thumb{background:#4ade8033;border-radius:2px}.deploy-terminal__line{color:#a3e4a8;margin-bottom:2px;animation:terminalFadeIn .15s ease-out;word-break:break-word}.deploy-terminal__line--typing{color:#e0ffe5}.deploy-terminal__line--success{color:#4ade80;font-weight:700;font-size:.85rem;text-shadow:0 0 12px rgba(74,222,128,.6);animation:terminalSuccess .5s ease-out}.deploy-terminal__line--error{color:#f87171;font-weight:700;text-shadow:0 0 12px rgba(248,113,113,.5)}.deploy-terminal__line--waiting{color:#fbbf24}.deploy-terminal__cursor{color:#4ade80;animation:cursorGlow 1s ease-in-out infinite;margin-left:1px}.deploy-terminal__pulse{animation:pulseDots 1.4s steps(4,end) infinite}.deploy-terminal__progress{height:3px;background:#111827}.deploy-terminal__progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80,#86efac);transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #4ade8080}.deploy-terminal__progress-bar.complete{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 16px #4ade80cc}.deploy-terminal__progress-bar.error{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 16px #ef444499}@keyframes terminalFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes terminalSuccess{0%{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}@keyframes cursorGlow{0%,to{opacity:1;text-shadow:0 0 4px rgba(74,222,128,.8)}50%{opacity:.3;text-shadow:none}}@keyframes pulseDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media(max-width:768px){.deploy-terminal{font-size:.7rem}.deploy-terminal__body{min-height:120px;max-height:180px}.deploy-terminal__meta{flex-wrap:wrap;gap:8px}}.human-lb{padding:4px 0}.human-lb__loading{padding:2rem;text-align:center}.human-lb__ratio-card{background:#06b6d40a;border:1px solid rgba(6,182,212,.12);border-radius:10px;padding:14px;margin-bottom:16px}.human-lb__ratio-title{font-size:.8rem;font-weight:700;color:#9ca3af;text-align:center;margin-bottom:10px}.human-lb__ratio-bar{display:flex;height:24px;border-radius:12px;overflow:hidden;background:#1f2937}.human-lb__ratio-fill{display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;transition:width .8s ease;min-width:30px}.human-lb__ratio-fill--human{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.human-lb__ratio-fill--ai{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.human-lb__ratio-counts{display:flex;justify-content:space-between;margin-top:6px;font-size:.65rem;color:#6b7280}.human-lb__list{display:flex;flex-direction:column;gap:4px}.human-lb__empty{text-align:center;color:#6b7280;font-size:.82rem;font-style:italic;padding:24px}.human-lb__row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:background .2s}.human-lb__row:hover{background:#06b6d40a}.human-lb__row--top{background:#06b6d408;border:1px solid rgba(6,182,212,.08)}.human-lb__rank{width:28px;text-align:center;font-size:.85rem;font-weight:800;color:#6b7280;flex-shrink:0}.human-lb__row--top .human-lb__rank{font-size:1rem}.human-lb__user-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.human-lb__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#22c55e);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0}.human-lb__username{font-size:.8rem;font-weight:600;color:#d1d5db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.human-lb__metrics{display:flex;gap:10px;flex-shrink:0}.human-lb__metric{font-size:.72rem;color:#6b7280}.human-lb__metric--upvotes{color:#06b6d4;font-weight:600}@media(max-width:768px){.human-lb__row{padding:6px 8px;gap:6px}.human-lb__avatar{width:24px;height:24px;font-size:.6rem}}.profile-modal{background:linear-gradient(145deg,#0f1117,#161922);border:1px solid rgba(139,92,246,.15);border-radius:14px;padding:24px;max-width:420px;width:90vw;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 0 40px #8b5cf61a,inset 0 0 60px #0006;animation:profileSlideUp .3s ease-out}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal__close{position:absolute;top:12px;right:12px;background:none;border:none;color:#6b7280;font-size:1.1rem;cursor:pointer;transition:color .2s}.profile-modal__close:hover{color:#f87171}.profile-modal__avatar-section{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px}.profile-modal__avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;box-shadow:0 0 20px #8b5cf64d}.profile-modal__name{font-size:1.2rem;font-weight:700;color:#e5e7eb;cursor:pointer;transition:color .2s;display:flex;align-items:center;gap:6px}.profile-modal__name:hover{color:#8b5cf6}.profile-modal__edit-icon{font-size:.75rem;opacity:0;transition:opacity .2s}.profile-modal__name:hover .profile-modal__edit-icon{opacity:1}.profile-modal__name-edit{display:flex;gap:6px;align-items:center}.profile-modal__name-input{background:#8b5cf614;border:1px solid rgba(139,92,246,.25);border-radius:6px;color:#e5e7eb;padding:6px 10px;font-size:.9rem;width:180px;outline:none}.profile-modal__name-input:focus{border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf633}.profile-modal__save-btn{background:#8b5cf6;border:none;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:700}.profile-modal__hash{font-size:.72rem;color:#4b5563;font-family:JetBrains Mono,monospace;letter-spacing:.5px}.profile-modal__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.profile-modal__stat{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 6px;text-align:center}.profile-modal__stat--highlight{border-color:#06b6d433;background:#06b6d40d}.profile-modal__stat-value{display:block;font-size:1.2rem;font-weight:800;color:#e5e7eb}.profile-modal__stat--highlight .profile-modal__stat-value{color:#06b6d4;text-shadow:0 0 8px rgba(6,182,212,.3)}.profile-modal__stat-label{display:block;font-size:.6rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.profile-modal__winloss{margin-bottom:16px}.profile-modal__winloss-bar{height:6px;background:#f43f5e33;border-radius:3px;overflow:hidden}.profile-modal__winloss-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .5s ease}.profile-modal__winloss-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:.65rem}.profile-modal__win-label{color:#4ade80}.profile-modal__loss-label{color:#f87171}.profile-modal__history{margin-top:8px}.profile-modal__history-title{font-size:.85rem;font-weight:700;color:#9ca3af;margin-bottom:8px}.profile-modal__empty{color:#4b5563;font-size:.8rem;font-style:italic;text-align:center;padding:12px 0}.profile-modal__history-list{list-style:none;padding:0;margin:0}.profile-modal__history-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .2s;font-size:.78rem}.profile-modal__history-item:hover{background:#8b5cf60d}.profile-modal__side-badge{font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px;flex-shrink:0}.profile-modal__side-badge--a{background:#6366f126;color:#818cf8}.profile-modal__side-badge--b{background:#f43f5e26;color:#fb7185}.profile-modal__history-topic{flex:1;color:#d1d5db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-modal__history-time{color:#4b5563;font-size:.65rem;flex-shrink:0}.profile-modal__warning{margin-top:16px;font-size:.65rem;color:#6b7280;text-align:center;font-style:italic;padding:8px;background:#fbbf240a;border:1px solid rgba(251,191,36,.1);border-radius:6px}@media(max-width:768px){.profile-modal{padding:16px}.profile-modal__stats-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg-deep: #0a0a0f;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-glass: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .08);--fire-orange: #ff6b35;--fire-red: #e63946;--fire-amber: #ffb347;--fire-glow: rgba(255, 107, 53, .3);--fire-gradient: linear-gradient(135deg, #ff6b35 0%, #e63946 50%, #ff4757 100%);--fire-gradient-soft: linear-gradient(135deg, rgba(255, 107, 53, .15) 0%, rgba(230, 57, 70, .15) 100%);--side-a: #00d2ff;--side-a-bg: rgba(0, 210, 255, .12);--side-b: #ff6b35;--side-b-bg: rgba(255, 107, 53, .12);--text-primary: #f0f0f5;--text-secondary: rgba(240, 240, 245, .6);--text-muted: rgba(240, 240, 245, .35);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(255, 107, 53, .4);--glass-blur: blur(20px);--glass-border: 1px solid rgba(255, 255, 255, .1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(255, 107, 53, .15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--max-width: 720px;--max-width-wide: 1080px;--max-width-tablet: 960px;--max-width-desktop: 1200px;--max-width-ultrawide: 1600px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,53,.08) 0%,transparent 70%);pointer-events:none;z-index:0}a{color:var(--fire-orange);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:Outfit,Inter,sans-serif;font-weight:700;line-height:1.2}.text-gradient{background:var(--fire-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-md)}.container--wide{max-width:var(--max-width-wide)}.header{position:sticky;top:0;z-index:100;background:#0a0a0fbf;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,107,53,.15);padding:var(--space-md) 0;box-shadow:0 1px 30px #ff6b3514,0 1px #ffffff0a inset}.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-md)}.header__logo{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;cursor:pointer;text-shadow:0 0 20px rgba(255,107,53,.4);transition:text-shadow .3s ease}.header__logo:hover{text-shadow:0 0 30px rgba(255,107,53,.7),0 0 60px rgba(230,57,70,.3)}.header__logo span{margin-right:var(--space-xs);filter:drop-shadow(0 0 8px rgba(255,107,53,.6))}.header__stats{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--text-secondary)}.header__stat{display:flex;align-items:center;gap:var(--space-xs);background:#ffffff0a;padding:6px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.06);font-weight:500;white-space:nowrap}.header__stat .pulse{width:8px;height:8px;background:var(--fire-orange);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--fire-orange)}.header__leaderboard-btn{display:flex;align-items:center;gap:var(--space-xs);padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,107,53,.3);background:linear-gradient(135deg,#ff6b351a,#e639461a);color:var(--fire-amber);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.header__leaderboard-btn:hover{border-color:var(--fire-orange);background:linear-gradient(135deg,#ff6b3533,#e6394633);box-shadow:0 0 20px #ff6b354d,0 0 40px #ff6b351a;color:#fff;transform:translateY(-1px)}.header__profile-btn{display:flex;align-items:center;justify-content:center;padding:0;border:2px solid rgba(139,92,246,.3);background:transparent;border-radius:50%;cursor:pointer;transition:all .3s ease}.header__profile-btn:hover{border-color:#8b5cf6;box-shadow:0 0 16px #8b5cf666;transform:translateY(-1px)}.header__profile-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;font-size:.75rem;font-weight:800}.lang-toggle{appearance:none;-webkit-appearance:none;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:6px 28px 6px 12px;font-size:.8rem;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-weight:500;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%23999' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.lang-toggle:hover{border-color:#ff6b3580;background-color:#ff6b3514;color:var(--text-primary)}.lang-toggle:focus{outline:none;border-color:var(--fire-orange);box-shadow:0 0 0 2px #ff6b3533}.lang-toggle option{background:#1a1a24;color:var(--text-primary);padding:8px}.ad-slot{margin:var(--space-xl) 0;min-height:90px;border-radius:var(--radius-md);overflow:hidden}.ad-slot:empty{display:none}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #ff6b3599}50%{opacity:.7;box-shadow:0 0 0 8px #ff6b3500}}.category-tabs{display:flex;gap:var(--space-sm);padding:var(--space-md) 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.85rem;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.category-tab:hover{border-color:var(--fire-orange);color:var(--text-primary)}.category-tab--active{background:var(--fire-gradient);border-color:transparent;color:#fff;font-weight:600}.battle-card{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-md);cursor:pointer;transition:all .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.battle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--fire-gradient);opacity:0;transition:opacity var(--transition-normal)}.battle-card:hover{background:linear-gradient(145deg,#ffffff1a,#ffffff0a);border-color:#ff6b3566;box-shadow:0 8px 32px #0000004d,0 0 20px #ff6b351a;transform:translateY(-3px)}.battle-card__category{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.battle-card__topic{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:var(--space-md);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.battle-card__sides{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:.85rem}.battle-card__side{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:500;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-card__side--a{background:var(--side-a-bg);color:var(--side-a)}.battle-card__side--b{background:var(--side-b-bg);color:var(--side-b)}.ratio-bar{height:6px;border-radius:var(--radius-full);background:var(--bg-input);overflow:hidden;margin-bottom:var(--space-md);position:relative}.ratio-bar__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--side-a) 0%,rgba(0,210,255,.6) 100%);transition:width var(--transition-smooth);position:relative;box-shadow:0 0 8px #00d2ff4d}.ratio-bar__fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--bg-deep)}.ratio-bar--close .ratio-bar__fill{box-shadow:0 0 16px #00d2ff80,0 0 32px #ff6b354d;animation:closeMatchGlow 2s ease-in-out infinite}@keyframes closeMatchGlow{0%,to{box-shadow:0 0 16px #00d2ff80,0 0 32px #ff6b354d}50%{box-shadow:0 0 24px #00d2ffb3,0 0 48px #ff6b3580}}.ratio-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;margin-bottom:var(--space-sm)}.ratio-labels__a{color:var(--side-a)}.ratio-labels__b{color:var(--side-b)}.battle-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.06)}.battle-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.battle-card__meta-left{display:flex;gap:var(--space-md);align-items:center}.battle-card__heat{display:flex;align-items:center;gap:var(--space-xs)}.heat-dot{width:6px;height:6px;border-radius:50%;background:var(--fire-orange)}.heat-dot--hot{animation:pulse 1.5s ease-in-out infinite}.battle-card__timer{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.battle-card__timer--urgent{color:var(--fire-red);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.4}}.battle-detail{padding:var(--space-xl) 0 var(--space-2xl)}.battle-detail__back{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--text-secondary);cursor:pointer;margin-bottom:var(--space-lg);border:none;background:none;font-family:Inter,sans-serif;transition:color var(--transition-fast)}.battle-detail__back:hover{color:var(--text-primary)}.battle-detail__topic{font-family:Outfit,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:var(--space-md);line-height:1.3;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(255,179,71,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stance-zone{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-lg);min-height:120px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stance-zone__labels{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.stance-zone__side{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stance-zone__side--a{background:var(--side-a-bg);color:var(--side-a)}.stance-zone__side--b{background:var(--side-b-bg);color:var(--side-b)}.stance-zone__versus{font-size:1.2rem;color:var(--text-muted);flex-shrink:0}.strike-zone{background:linear-gradient(145deg,#ffffff0a,#ffffff04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);min-height:160px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vote-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.vote-btn{position:relative;padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);border:2px solid;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font-family:Inter,sans-serif;text-align:center;transition:all .35s cubic-bezier(.2,.8,.2,1);overflow:hidden}.vote-btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-normal)}.vote-btn:hover:before{opacity:1}.vote-btn--a{border-color:var(--side-a);color:var(--side-a)}.vote-btn--a:before{background:var(--side-a-bg)}.vote-btn--a:hover,.vote-btn--a.voted{background:var(--side-a-bg);box-shadow:0 0 20px #00d2ff33}.vote-btn--a.voted{background:#00d2ff2e;box-shadow:0 0 30px #00d2ff4d,inset 0 0 20px #00d2ff14;border-width:3px}.vote-btn--b{border-color:var(--side-b);color:var(--side-b)}.vote-btn--b:before{background:var(--side-b-bg)}.vote-btn--b:hover,.vote-btn--b.voted{background:var(--side-b-bg);box-shadow:0 0 20px #ff6b3533}.vote-btn--b.voted{background:#ff6b352e;box-shadow:0 0 30px #ff6b354d,inset 0 0 20px #ff6b3514;border-width:3px}.vote-btn.voted:after{content:"✓ Voted";display:block;font-size:.7rem;font-weight:600;margin-top:var(--space-xs);opacity:.8;position:relative;z-index:1;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:.8;transform:translateY(0)}}.vote-btn__label{font-size:.85rem;font-weight:600;margin-bottom:var(--space-xs);position:relative;z-index:1}.vote-btn__count{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;position:relative;z-index:1}.vote-btn__emoji{font-size:1.5rem;margin-bottom:var(--space-sm);display:block;position:relative;z-index:1}.ratio-bar--large{height:10px;margin-bottom:var(--space-lg)}.ratio-bar--large .ratio-bar__fill{background:linear-gradient(90deg,var(--side-a) 0%,var(--side-a) 100%)}.battle-status{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--bg-glass);border-radius:var(--radius-md);border:var(--glass-border)}.battle-status__timer{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.battle-status__label{font-size:.8rem;color:var(--text-muted);margin-top:var(--space-xs)}.battle-status__fighters{font-size:.85rem;color:var(--text-secondary);margin-top:var(--space-sm)}.battle-meta-inline{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg);font-size:.85rem;color:var(--text-secondary)}.battle-meta-inline__item{display:flex;align-items:center;gap:var(--space-xs)}.battle-meta-inline__timer{font-family:Outfit,sans-serif;font-variant-numeric:tabular-nums;font-weight:600;color:var(--fire-orange)}.comment-form{background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.comment-form__title{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;margin-bottom:var(--space-md)}.comment-form__row{display:flex;gap:var(--space-sm)}.comment-form__input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.comment-form__input:focus{border-color:var(--fire-orange)}.comment-form__input::placeholder{color:var(--text-muted)}.comment-form__side-btns{display:flex;gap:var(--space-xs)}.comment-form__submit{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:none;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.comment-form__submit--a{background:var(--side-a-bg);color:var(--side-a);border:1px solid rgba(0,210,255,.3)}.comment-form__submit--a:hover{background:#00d2ff40}.comment-form__submit--b{background:var(--side-b-bg);color:var(--side-b);border:1px solid rgba(255,107,53,.3)}.comment-form__submit--b:hover{background:#ff6b3540}.comments-section{margin-bottom:var(--space-2xl)}.comments-section__title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.comment{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);animation:slideIn .3s ease;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.comment--a{background:var(--side-a-bg);border-left:3px solid var(--side-a)}.comment--b{background:var(--side-b-bg);border-left:3px solid var(--side-b)}.comment--ai{background:var(--fire-gradient-soft);border-left:3px solid var(--fire-amber);border:1px solid rgba(255,179,71,.2)}.comment__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.comment--a .comment__avatar{background:#00d2ff33;color:var(--side-a)}.comment--b .comment__avatar{background:#ff6b3533;color:var(--side-b)}.comment--ai .comment__avatar{background:#ffb34733;color:var(--fire-amber);font-size:1rem}.comment__body{flex:1;min-width:0}.comment__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.comment__username{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.comment__badge{font-size:.65rem;padding:2px 6px;border-radius:var(--radius-full);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.comment__badge--ai{background:#ffb34733;color:var(--fire-amber)}.comment__badge--a{background:#00d2ff26;color:var(--side-a)}.comment__badge--b{background:#ff6b3526;color:var(--side-b)}.comment__text{font-size:.9rem;line-height:1.5;color:var(--text-primary)}.comment__time{font-size:.7rem;color:var(--text-muted);margin-top:var(--space-xs)}.comment__actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.comment__action{font-size:.75rem;color:var(--text-muted);cursor:pointer;background:none;border:none;font-family:Inter,sans-serif;transition:color var(--transition-fast)}.comment__action:hover{color:var(--text-primary)}.comment--reply{border-left-width:2px;opacity:.95}.comment__avatar--agent{background:linear-gradient(135deg,#ffb3474d,#ff6b354d)!important;box-shadow:0 0 12px #ffb34740;color:#ffb347!important;font-size:1rem!important}.comment__agent-badge{font-size:.6rem;padding:2px 8px;border-radius:var(--radius-full);background:linear-gradient(135deg,#ffb34733,#ff6b3533);color:var(--fire-amber);font-weight:700;letter-spacing:.05em;border:1px solid rgba(255,179,71,.3)}.comment--agent{border-left:4px solid var(--fire-amber)!important;background:linear-gradient(145deg,#ffb34714,#ff6b350a)!important;box-shadow:inset 0 0 20px #ffb34708}.comment--agent .comment__text{font-size:.92rem;line-height:1.65}.comment__text strong{color:var(--fire-amber);font-weight:700}.comment__text em{color:var(--text-secondary);font-style:italic}.comment__text blockquote{border-left:3px solid rgba(255,255,255,.2);margin:.4em 0;padding:.2em .8em;color:var(--text-secondary);font-style:italic}.comment__text ul,.comment__text ol{margin:.3em 0;padding-left:1.4em}.comment__text li{margin-bottom:.15em}.comment__text--clamped{max-height:96px;overflow:hidden;position:relative}.comment__text--clamped:after{content:"";position:absolute;bottom:0;left:0;right:0;height:32px;background:linear-gradient(transparent,#0a0a0fe6);pointer-events:none}.comment--a .comment__text--clamped:after{background:linear-gradient(transparent,#00d2ff14)}.comment--b .comment__text--clamped:after{background:linear-gradient(transparent,#ff6b3514)}.comment--agent .comment__text--clamped:after{background:linear-gradient(transparent,#ffb3470f)}.comment__expand-btn{font-size:.75rem;color:var(--fire-amber);background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;padding:2px 0;margin-top:2px;transition:color var(--transition-fast)}.comment__expand-btn:hover{color:var(--fire-orange)}.comment__prematch-pin{font-size:.75rem;margin-right:2px}.comment__footer{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm)}.comment__upvote{font-size:.75rem;color:var(--text-muted);background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer;font-family:Inter,sans-serif;transition:all var(--transition-fast)}.comment__upvote:hover{border-color:var(--fire-orange);color:var(--fire-orange);background:#ff6b3514}.comment__upvote--voted{color:var(--fire-orange);border-color:#ff6b354d;background:#ff6b351a;pointer-events:none}.comment__reply-btn{font-size:.75rem;color:var(--text-muted);background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;transition:color var(--transition-fast)}.comment__reply-btn:hover{color:var(--side-a)}.comment__mention{color:var(--side-a);font-weight:600}.comments-sort-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.comments-sort-btn{font-size:.8rem;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;transition:all var(--transition-fast)}.comments-sort-btn:hover{border-color:var(--fire-orange);color:var(--text-primary)}.comments-sort-btn.active{background:var(--fire-gradient);border-color:transparent;color:#fff;font-weight:600}.prematch-banner{font-size:.85rem;font-weight:700;color:var(--fire-amber);padding:var(--space-sm) var(--space-md);background:#ffb34714;border-radius:var(--radius-sm);margin-bottom:var(--space-sm);border-left:3px solid var(--fire-amber)}.comments-divider{height:1px;background:var(--border-subtle);margin:var(--space-md) 0}.comment-show-more{font-size:.8rem;color:var(--side-a);background:#00d2ff0d;border:1px dashed rgba(0,210,255,.3);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);cursor:pointer;font-family:Inter,sans-serif;margin-bottom:var(--space-sm);transition:all var(--transition-fast)}.comment-show-more:hover{background:#00d2ff1a;border-color:var(--side-a)}.share-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.share-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.8rem;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-fast)}.share-btn:hover{border-color:var(--fire-orange);color:var(--text-primary);background:var(--fire-gradient-soft)}.footer{border-top:var(--glass-border);padding:var(--space-xl) 0;text-align:center}.footer__disclaimer{font-size:.75rem;color:var(--text-muted);max-width:560px;margin:0 auto var(--space-md);line-height:1.6}.footer__links{display:flex;justify-content:center;gap:var(--space-lg);font-size:.8rem}.footer__link{color:var(--text-muted);transition:color var(--transition-fast)}.footer__link:hover{color:var(--fire-orange);text-decoration:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .4s ease;border-color:var(--fire-red)!important}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(80px);background:#1e1e28f2;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:1px solid var(--border-glow);font-size:.85rem;font-weight:600;z-index:9999;pointer-events:none;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0006,0 0 20px #ff6b3526}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@keyframes countBounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.count-bounce{animation:countBounce .3s ease}.battle-result{text-align:center;padding:var(--space-2xl);background:var(--fire-gradient-soft);border-radius:var(--radius-lg);border:1px solid rgba(255,107,53,.2)}.battle-result__crown{font-size:3rem;margin-bottom:var(--space-md)}.battle-result__winner{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:var(--space-sm)}.battle-result__stats{font-size:.9rem;color:var(--text-secondary)}@media(max-width:640px){:root{--space-lg: 1.25rem;--space-xl: 1.5rem}.header__logo{font-size:1.25rem}.header__stats{font-size:.7rem;gap:var(--space-sm)}.category-tabs{justify-content:flex-start;padding:var(--space-sm) 0;-webkit-overflow-scrolling:touch}.battle-card__topic{font-size:1.1rem}.battle-detail__topic{font-size:1.35rem}.vote-section{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.vote-btn{padding:var(--space-md)}.vote-btn__count{font-size:1.5rem}.comment-form__row{flex-direction:column}.comment-form__side-btns{display:grid;grid-template-columns:1fr 1fr}.battle-status__timer{font-size:1.2rem}.share-bar{flex-wrap:wrap}.feed-grid{scroll-snap-type:y mandatory;overflow-y:auto;height:calc(100vh - 140px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0;gap:var(--space-sm);scrollbar-width:none}.feed-grid::-webkit-scrollbar{display:none}.feed-grid>.battle-card{scroll-snap-align:start;min-height:min(70vh,480px);display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) var(--space-lg);margin-bottom:0;border-radius:var(--radius-lg);position:relative}.feed-grid>.battle-card .battle-card__topic{font-size:1.4rem;line-height:1.4;margin-bottom:var(--space-lg)}.feed-grid>.battle-card .battle-card__sides{margin-bottom:var(--space-lg)}.feed-grid>.battle-card .battle-card__side{font-size:1rem;padding:var(--space-sm) var(--space-md)}.feed-grid>.battle-card .ratio-bar{height:10px;margin-bottom:var(--space-lg)}.feed-grid>.battle-card:first-child:after{content:"↕ Swipe to see more";position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);font-size:.75rem;color:var(--text-muted);opacity:.6;animation:swipeHint 2s ease-in-out infinite;pointer-events:none}@keyframes swipeHint{0%,to{transform:translate(-50%) translateY(0);opacity:.6}50%{transform:translate(-50%) translateY(-8px);opacity:1}}.feed-grid>.my-battles-section{scroll-snap-align:start;min-height:auto}.feed-grid>.feed-divider{scroll-snap-align:none;min-height:auto}}@media(min-width:641px){.feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.feed-grid .battle-card{margin-bottom:0;min-width:0}.feed-grid .battle-card__topic{word-break:normal;overflow-wrap:break-word;font-size:1.1rem}.feed-grid>.my-battles-section,.feed-grid>.feed-divider{grid-column:1 / -1}.my-battles-section .feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.modal-content{background:var(--bg-deep, #0a0a0f);border:1px solid rgba(255,107,53,.3);border-radius:16px;padding:28px;max-width:420px;width:90%;color:var(--text-primary, #f0f0f5)}.modal-content h3{margin:0 0 12px;font-size:1.2rem}.modal-desc{color:var(--text-secondary, #a0a0b0);margin-bottom:16px;font-size:.9rem}.report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.report-option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-card, rgba(255, 255, 255, .04));border-radius:10px;cursor:pointer;transition:background .15s}.report-option:hover{background:var(--bg-card-hover, rgba(255, 255, 255, .07))}.report-option input[type=radio]{accent-color:var(--fire-orange, #ff6b35)}#report-detail{width:100%;box-sizing:border-box;padding:10px 12px;background:var(--bg-input, rgba(255, 255, 255, .08));border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:.9rem;min-height:60px;resize:vertical;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:10px 20px;border-radius:10px;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;font-size:.9rem}.btn-submit-report{padding:10px 20px;border-radius:10px;background:var(--fire-red, #e63946);border:none;color:#fff;cursor:pointer;font-weight:600;font-size:.9rem;transition:transform .1s}.btn-submit-report:hover{transform:scale(1.03)}.btn-report{padding:8px 16px;border-radius:10px;background:transparent;border:1px solid rgba(230,57,70,.4);color:var(--fire-red, #e63946);cursor:pointer;font-size:.8rem;transition:background .15s,border-color .15s}.btn-report:hover{background:#e639461a;border-color:var(--fire-red)}.petition-section{margin-top:20px}.petition-card{background:var(--bg-card, rgba(255, 255, 255, .04));border:1px solid rgba(255,179,71,.25);border-radius:16px;padding:24px;text-align:center}.petition-card h4{margin:0 0 12px;font-size:1.1rem;color:var(--fire-amber, #ffb347)}.petition-progress{margin:16px 0}.progress-bar{width:100%;height:10px;background:var(--bg-input, rgba(255, 255, 255, .08));border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--fire-amber, #ffb347),var(--fire-orange, #ff6b35));border-radius:6px;transition:width .5s ease}.progress-text{font-size:.85rem;color:var(--text-secondary, #a0a0b0)}.petition-time{font-size:.8rem;color:var(--text-muted, #666);margin:8px 0 16px}.btn-petition{padding:12px 28px;border-radius:12px;background:var(--fire-gradient, linear-gradient(135deg, #ff6b35, #e63946));border:none;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s,box-shadow .2s}.btn-petition:hover{transform:scale(1.04);box-shadow:0 4px 24px var(--fire-glow, rgba(255, 107, 53, .3))}.lang-select{appearance:none;-webkit-appearance:none;background:var(--bg-glass, rgba(255, 255, 255, .06));border:var(--glass-border, 1px solid rgba(255, 255, 255, .1));color:var(--text-primary, #f0f0f5);font-size:.75rem;font-family:inherit;padding:.35rem 1.8rem .35rem .5rem;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:var(--glass-blur, blur(20px));backdrop-filter:var(--glass-blur, blur(20px));transition:border-color .2s,box-shadow .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%23f0f0f5'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;min-width:0;max-width:140px}.lang-select:hover,.lang-select:focus{border-color:var(--fire-orange, #ff6b35);box-shadow:0 0 12px #ff6b3533;outline:none}.lang-select option{background:#1a1a2e;color:var(--text-primary, #f0f0f5);padding:.5rem}.comment__lang{font-size:.7rem;margin-left:4px;opacity:.7;cursor:default}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--bg-glass);border:var(--glass-border);border-radius:var(--radius-lg);margin:var(--space-xl) 0}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);animation:emptyPulse 2s ease-in-out infinite}.empty-state__title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary)}.empty-state__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5}@keyframes emptyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.my-battles-section{margin-bottom:var(--space-lg);padding:var(--space-md);background:linear-gradient(135deg,#ff6b350f,#00d2ff0a);border:1px solid rgba(255,107,53,.15);border-radius:var(--radius-lg);animation:fadeIn .4s ease}.my-battles-title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--fire-orange);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,107,53,.15)}.feed-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-muted);font-size:.85rem;font-weight:600}.feed-divider:before,.feed-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}html{font-size:clamp(14px,.85vw + 10px,18px)}@media(min-width:1024px){.app-container{max-width:var(--max-width-desktop)}.feed-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.battle-detail__grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-xl);align-items:start}.battle-detail__sidebar{position:sticky;top:var(--space-xl)}.vote-section{grid-template-columns:1fr 1fr}}@media(min-width:1440px){.app-container{max-width:var(--max-width-ultrawide);padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.feed-grid{gap:var(--space-xl)}.battle-detail__grid{grid-template-columns:1fr 420px;gap:var(--space-2xl)}}@media(min-width:1920px){.feed-grid{grid-template-columns:repeat(4,1fr)}}.ai-disclaimer-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#ff3c3c26,#ff78001a);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,60,60,.3);padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#ffffffb3;transition:transform .3s ease}.ai-disclaimer-bar__close{background:none;border:1px solid rgba(255,255,255,.2);color:#ffffff80;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:10px;margin-left:8px}@media(max-width:640px){.header__logo{white-space:nowrap;font-size:1.2rem;flex-shrink:0}.header__inner{gap:var(--space-sm);flex-wrap:nowrap;padding:0 var(--space-sm)}.header__stats{gap:var(--space-sm);font-size:.7rem}.vote-section{gap:var(--space-sm)}.vote-btn{padding:var(--space-sm)}.vote-btn__label{font-size:.75rem}.vote-btn__count{font-size:1.4rem}.battle-card{padding:var(--space-md) var(--space-md)}.battle-card__topic{font-size:1.05rem}.battle-detail__topic{font-size:1.3rem}.leaderboard__stats{padding:var(--space-xs) var(--space-sm);font-size:.75rem;white-space:nowrap}.leaderboard-modal__content{padding:var(--space-md);margin:var(--space-sm)}}@media(max-width:380px){.header__stats{display:none}.header__logo{font-size:1.1rem}.vote-btn__count{font-size:1.2rem}}.share-modal-overlay{position:fixed;inset:0;z-index:9999;background:#0009;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.share-modal{background:linear-gradient(135deg,#1a1a2e,#0a0a0f);border-top:2px solid rgba(255,107,53,.5);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl) var(--space-lg) var(--space-2xl);width:100%;max-width:480px;text-align:center;position:relative;animation:slideUp .4s ease-out;box-shadow:0 -8px 32px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal__close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--space-xs)}.share-modal__result{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;margin-bottom:var(--space-sm);line-height:1.3}.share-modal__stats{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-xl)}.share-modal__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;color:#fff;margin-bottom:var(--space-sm)}.share-modal__btn:active{transform:scale(.98)}.share-modal__btn--next{background:var(--fire-gradient);font-size:1rem;box-shadow:0 4px 12px var(--fire-glow)}.share-modal__next-preview{font-size:.75rem;font-weight:400;color:#ffffffb3;margin-top:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.share-modal__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.share-modal__actions .share-modal__btn{flex:1;margin-bottom:0}.share-modal__btn--x{background:#000;border:1px solid #333}.share-modal__btn--img{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.share-modal__btn--embed{background:#2c2c35;border:1px solid #444}.skeleton-pulse{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{pointer-events:none;display:flex;flex-direction:column;gap:var(--space-md)}.skeleton-detail{pointer-events:none;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl)}.skeleton-vote-btn{flex:1;padding:var(--space-lg);border:2px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.toast-container{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;width:min(90vw,400px)}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;animation:toastSlideIn .3s ease-out;pointer-events:auto}.toast--success{background:#22c55ee6;border:1px solid rgba(34,197,94,.3)}.toast--error{background:#ef4444e6;border:1px solid rgba(239,68,68,.3)}.toast--info{background:#3b82f6e6;border:1px solid rgba(59,130,246,.3)}.toast__icon{font-size:1.1rem;flex-shrink:0}.toast__message{flex:1;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl) var(--space-lg);text-align:center;color:var(--text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.6;animation:emptyBounce 2s ease-in-out infinite}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state__title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-state__desc{font-size:.85rem;line-height:1.5;max-width:280px}.battle-card__topic,.battle-detail__topic{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.battle-card__side,.vote-btn__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.comment-tree__text{word-break:break-word;overflow-wrap:break-word;line-height:1.5}.battle-card__category{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:360px){.battle-card__sides{flex-direction:column;gap:var(--space-xs)}.battle-card__side{max-width:100%}.vote-section{flex-direction:column}.vote-btn{min-width:0;width:100%}.vote-btn__label{font-size:.85rem}.comment-form__row{flex-direction:column}.comment-form__side-btns{flex-direction:row;width:100%}.comment-form__submit{flex:1}.toast-container{width:95vw;bottom:var(--space-md)}.share-modal__actions{flex-direction:column}.category-tabs{gap:var(--space-xs);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{white-space:nowrap;flex-shrink:0;font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.agent-modal{width:95vw;padding:var(--space-lg)}}.comments-sort-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.comments-sort-bar__left{display:flex;gap:var(--space-xs)}.lang-filter-btn{display:flex;align-items:center;gap:var(--space-xs);padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.lang-filter-btn.active{border-color:var(--side-a);background:#00d2ff1a;color:var(--side-a)}.lang-filter-btn:hover{border-color:var(--side-a)}.top-arguments{margin:var(--space-md) 0;padding:var(--space-md);border-radius:var(--radius-md);background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.top-arguments__label{font-size:.8rem;font-weight:700;color:var(--fire-amber);margin-bottom:var(--space-sm)}.top-arguments__cards{display:flex;gap:var(--space-sm);flex-wrap:wrap}.top-argument{flex:1;min-width:200px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid;background:#ffffff08}.top-argument--a{border-left-color:var(--side-a)}.top-argument--b{border-left-color:var(--side-b)}.top-argument__side{display:inline-block;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;font-size:.7rem;font-weight:800;margin-right:var(--space-xs)}.top-argument--a .top-argument__side{background:var(--side-a-bg);color:var(--side-a)}.top-argument--b .top-argument__side{background:var(--side-b-bg);color:var(--side-b)}.top-argument__user{font-size:.75rem;color:var(--text-muted);font-weight:500}.top-argument__text{margin-top:var(--space-xs);font-size:.85rem;color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.agent-deploy-btn{display:block;width:100%;margin:var(--space-lg) 0;padding:var(--space-md);border-radius:var(--radius-md);border:1px dashed rgba(255,107,53,.4);background:linear-gradient(135deg,#ff6b350f,#e639460f);color:var(--fire-amber);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.agent-deploy-btn:hover{border-color:var(--fire-orange);background:linear-gradient(135deg,#ff6b351f,#e639461f);box-shadow:0 0 30px #ff6b3526;color:#fff;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.agent-modal{background:#1a1a24;border:1px solid rgba(255,107,53,.2);border-radius:var(--radius-lg);padding:var(--space-xl);width:min(480px,90vw);position:relative;box-shadow:0 20px 60px #0009,0 0 60px #ff6b3514;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.agent-modal__close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .2s}.agent-modal__close:hover{color:var(--text-primary)}.agent-modal__title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;margin-bottom:var(--space-lg);background:var(--fire-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agent-modal__form{display:flex;flex-direction:column;gap:var(--space-md)}.agent-modal__label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.agent-modal__input,.agent-modal__textarea{background:var(--bg-input);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color .3s}.agent-modal__input:focus,.agent-modal__textarea:focus{outline:none;border-color:var(--fire-orange);box-shadow:0 0 0 2px #ff6b3526}.agent-modal__textarea{resize:vertical;min-height:100px;line-height:1.5}.agent-modal__sides{display:flex;gap:var(--space-sm)}.agent-modal__side-btn{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.1);background:transparent;color:var(--text-secondary);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease}.agent-modal__side-btn--a.active{border-color:var(--side-a);background:var(--side-a-bg);color:var(--side-a)}.agent-modal__side-btn--b.active{border-color:var(--side-b);background:var(--side-b-bg);color:var(--side-b)}.agent-modal__submit{padding:var(--space-md);border-radius:var(--radius-md);border:none;background:var(--fire-gradient);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:var(--space-sm)}.agent-modal__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff6b354d}.agent-modal__submit:disabled{opacity:.4;cursor:not-allowed}.agent-modal__tabs{display:flex;gap:4px;background:#ffffff0a;border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-md)}.agent-modal__tab{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.agent-modal__tab:hover{color:var(--text-secondary);background:#ffffff0a}.agent-modal__tab.active{background:#ff6b3526;color:var(--fire-orange, #ff6b35);box-shadow:0 0 20px #ff6b351a}.agent-modal__select{width:100%;appearance:none;background:var(--bg-input, #12121a);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;transition:border-color .3s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.agent-modal__select:focus{outline:none;border-color:var(--fire-orange, #ff6b35);box-shadow:0 0 0 2px #ff6b3526}.agent-modal__select option{background:#12121a;color:var(--text-primary);padding:8px}.agent-modal__select option:disabled{color:var(--text-muted, #555)}.agent-modal__hint{font-size:.75rem;line-height:1.4;margin-top:2px}.agent-modal__char-count{font-size:.7rem;color:var(--text-muted, #666);text-align:right}.agent-modal__pro-info{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--space-md);margin-top:var(--space-sm)}.agent-modal__pro-info h4{font-size:.9rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--fire-amber, #ff6b35)}.agent-modal__pro-info ol{margin:0;padding-left:1.2rem;font-size:.8rem;line-height:1.8;color:var(--text-secondary, #aaa)}.agent-modal__pro-info code{background:#ffffff14;padding:1px 4px;border-radius:3px;font-size:.75rem}.leaderboard-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .2s ease}.leaderboard-modal{background:linear-gradient(145deg,#12121a,#0a0a14);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl, 16px);width:min(640px,95vw);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 80px #ff6b350d,inset 0 1px #ffffff0d;animation:modalSlideUp .35s ease-out}.leaderboard-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.leaderboard-modal__title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,gold,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-modal__close{background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s}.leaderboard-modal__close:hover{color:var(--text-primary);background:#ffffff0f}.leaderboard-tabs{display:flex;gap:4px;padding:var(--space-sm) var(--space-xl);background:#ffffff05;flex-shrink:0}.leaderboard-tab{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.leaderboard-tab:hover{color:var(--text-secondary);background:#ffffff0a}.leaderboard-tab--active,.leaderboard-tab.leaderboard-tab--active{background:#ffd70014;color:gold;border-color:#ffd70040;box-shadow:0 0 24px #ffd70014}.leaderboard-model-select{padding:var(--space-sm) var(--space-xl);flex-shrink:0}.leaderboard-model-select__input{width:100%;appearance:none;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:border-color .3s}.leaderboard-model-select__input:focus{outline:none;border-color:gold}.leaderboard-content{overflow-y:auto;padding:0 var(--space-md) var(--space-lg);flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.leaderboard-loading,.leaderboard-empty{text-align:center;padding:var(--space-xxl, 3rem);color:var(--text-muted);font-size:.9rem}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 4px}.leaderboard-table thead th{padding:var(--space-xs) var(--space-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:left;border:none}.leaderboard__row{background:#ffffff05;transition:all .2s ease}.leaderboard__row:hover{background:#ffffff0f;transform:translate(2px)}.leaderboard__row td{padding:var(--space-sm) var(--space-sm);font-size:.85rem;border:none;vertical-align:middle}.leaderboard__row td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.leaderboard__row td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.leaderboard__rank{font-weight:800;font-size:1rem;width:40px;text-align:center;color:var(--text-muted)}.leaderboard__agent{display:flex;align-items:center;gap:var(--space-sm)}.leaderboard__avatar{font-size:1.3rem;flex-shrink:0}.leaderboard__name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.leaderboard__elo{font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;font-size:.95rem;color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.leaderboard__stats{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full, 100px);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tier-color, #cd7f32);background:color-mix(in srgb,var(--tier-color, #cd7f32) 10%,transparent);border:1px solid color-mix(in srgb,var(--tier-color, #cd7f32) 25%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--tier-color, #cd7f32) 15%,transparent);white-space:nowrap}@media(max-width:640px){.leaderboard-modal{width:100%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:auto}.leaderboard-overlay{align-items:flex-end;padding:0}.leaderboard-tabs{padding:var(--space-sm) var(--space-md)}.leaderboard-tab{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.leaderboard__name{max-width:100px;font-size:.8rem}.leaderboard__elo{font-size:.85rem}.leaderboard-table thead th{font-size:.6rem;padding:var(--space-xs) 4px}.leaderboard__row td{padding:var(--space-xs) 4px;font-size:.75rem}.agent-modal__tabs{flex-direction:column;gap:2px}}.agent-modal__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ff6b354d}.agent-modal__submit:disabled{opacity:.5;cursor:not-allowed}.ratio-labels{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;margin-top:var(--space-sm)}.ratio-labels__a{color:var(--side-a, #00d2ff)}.ratio-labels__b{color:var(--side-b, #e63946)}.ratio-labels__total{font-size:.7rem;color:var(--text-muted);font-weight:500}.ratio-labels--lead{font-size:.9rem;text-shadow:0 0 8px currentColor}.ratio-labels__empty{width:100%;text-align:center;font-size:.75rem;font-weight:500;color:var(--fire-amber, #ff6b35);animation:emptyPulse 2s ease-in-out infinite}@keyframes emptyPulse{0%,to{opacity:.6}50%{opacity:1}}.ratio-bar{height:6px;background:#ffffff0f;border-radius:var(--radius-full, 100px);margin:var(--space-xs) 0 var(--space-sm);overflow:hidden;position:relative}.ratio-bar--empty{opacity:.3}.ratio-bar__fill{height:100%;background:linear-gradient(90deg,var(--side-a, #00d2ff),rgba(0,210,255,.5));border-radius:var(--radius-full, 100px);transition:width .5s ease;position:relative}.ratio-bar__fill--lead{box-shadow:0 0 12px var(--side-a, #00d2ff)}.battle-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);padding-top:var(--space-xs);border-top:1px solid rgba(255,255,255,.04)}.battle-card__footer span{display:flex;align-items:center;gap:4px}.vote-feedback{text-align:center;padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0;font-size:.85rem;font-weight:600;color:var(--success, #00ff41);background:#00ff410f;border:1px solid rgba(0,255,65,.15);border-radius:var(--radius-sm);animation:fadeIn .3s ease}.battle-card__badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-full, 100px);margin-left:var(--space-xs);vertical-align:middle}.battle-card__badge--hot{color:#ff6b35;background:#ff6b351f;border:1px solid rgba(255,107,53,.25);animation:emptyPulse 1.5s ease-in-out infinite}