.container{max-width:1200px}@media screen and (max-width:1024px){.container{margin-top:20px!important}}.section-title{display:flex;align-items:left}.battles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:40px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-sub,#999)}.empty-state-icon{font-size:64px;margin-bottom:20px}.empty-state-text{font-size:16px}@media (max-width:768px){.battles-grid{grid-template-columns:1fr}}.bl-card{background:linear-gradient(165deg,rgba(255,107,53,.06),hsla(0,0%,8%,.95) 40%,var(--bg-card,#1a1a1a));border:1px solid var(--border,#2a2a2a);border-radius:var(--radius-lg,16px);padding:24px 20px;margin-bottom:16px;transition:border-color .2s,transform .15s,box-shadow .2s;overflow:hidden;position:relative}.bl-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:var(--primary,#34c759);filter:blur(50px);opacity:.08;z-index:0;pointer-events:none}.bl-card>*{position:relative;z-index:1}.bl-card:hover{border-color:var(--primary,#34c759);transform:translateY(-2px);box-shadow:0 4px 20px rgba(52,199,89,.08)}.bl-card--ended{opacity:.8;background:var(--bg-card,#1a1a1a)}.bl-card--ended:after{display:none}.bl-card--ended:hover{border-color:var(--border,#3a3a3a);transform:none;box-shadow:none}.bl-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bl-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}.bl-badge--brand,.bl-badge--place{background:rgba(52,199,89,.1);color:#34c759}.bl-badge--location{background:rgba(10,132,255,.1);color:#0a84ff}.bl-badge--concept{background:rgba(255,159,10,.1);color:#ff9f0a}.bl-badge--ended{background:hsla(0,0%,100%,.07);color:var(--text-sub,#888)}.bl-deadline{font-size:12px;color:var(--text-sub,#888)}.bl-title{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--text-main,#fff);line-height:1.45;word-break:keep-all}.bl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.bl-tag{font-size:11px;background:rgba(52,199,89,.1);color:#34c759;padding:3px 9px;border-radius:20px;font-weight:600}.bl-desc{margin:0 0 14px;font-size:13px;color:var(--text-sub,#999);line-height:1.6;word-break:keep-all;padding-left:10px;border-left:2px solid var(--border,#2a2a2a)}.bl-vs-wrap{display:flex;gap:10px;position:relative;align-items:stretch;margin-bottom:14px}.bl-vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000;border:3px solid var(--bg-body,#1a1a1a);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;font-style:italic;color:var(--text-sub,#888);z-index:2;box-shadow:0 4px 15px rgba(0,0,0,.5)}.bl-option{flex:1;border-radius:12px;padding:16px 10px;text-align:center;background:var(--bg-hover,#222);border:1.5px solid var(--border,#2a2a2a);transition:all .2s ease;user-select:none}.bl-option--a{border-color:rgba(52,199,89,.3)}.bl-option--a:hover{background:rgba(52,199,89,.08);transform:scale(1.02)}.bl-option--b{border-color:rgba(255,59,48,.3)}.bl-option--b:hover{background:rgba(255,59,48,.08);transform:scale(1.02)}.bl-option--ended{flex:1;border-radius:12px;padding:14px 10px;text-align:center;background:var(--bg-hover,#222);border:1.5px solid var(--border,#2a2a2a);transition:border-color .2s}.bl-option-img{width:64px;height:64px;border-radius:50%;overflow:hidden;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--bg-hover,#222)}.bl-option-img--a{border:2px solid rgba(52,199,89,.4)}.bl-option-img--b{border:2px solid rgba(255,59,48,.4)}.bl-option-img img{width:100%;height:100%;object-fit:cover;display:block}.bl-winner-crown{position:absolute;top:-6px;right:-6px;font-size:14px;filter:drop-shadow(0 0 4px rgba(255,200,0,.6))}.bl-option-name{font-size:13px;font-weight:700;color:var(--text-main,#fff);line-height:1.3;min-height:34px;display:flex;align-items:center;justify-content:center;word-break:keep-all}.bl-option-pct{margin-top:6px;font-size:15px;font-weight:900}.bl-option-pct--a{color:#34c759}.bl-option-pct--b{color:#ff3b30}.bl-progress-wrap{margin-top:12px}.bl-progress-bar{height:4px;border-radius:2px;overflow:hidden;margin-bottom:6px;background:hsla(0,0%,100%,.06)}.bl-progress-fill{height:100%;border-radius:2px;transition:width .6s ease}.bl-progress-meta{display:flex;justify-content:center;align-items:baseline;gap:4px}.bl-progress-pct{font-size:22px;font-weight:900;letter-spacing:-.5px}.bl-progress-votes{font-size:11px;color:var(--text-sub,#888)}@media (max-width:768px){.battles-grid{grid-template-columns:1fr}.bl-card{padding:20px 16px}.bl-title{font-size:15px}.bl-vs-badge{width:30px;height:30px;font-size:10px}.bl-option-img{width:56px;height:56px}}.bl-sources{padding:12px;background:hsla(0,0%,100%,.03);border:1px solid var(--border,#2a2a2a);border-radius:10px;margin-bottom:14px}.bl-sources-label{display:block;font-size:11px;color:var(--text-sub,#888);font-weight:700;margin-bottom:8px}.bl-source-link{display:flex;align-items:flex-start;gap:6px;text-decoration:none;margin-bottom:6px}.bl-source-link:last-child{margin-bottom:0}.bl-source-dot{color:var(--primary,#34c759);font-size:14px;line-height:1;flex-shrink:0}.bl-source-link span:last-child{font-size:12px;color:var(--text-main,#fff);line-height:1.4}.bl-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:12px;border-top:1px solid var(--border,#2a2a2a)}.bl-votes{font-size:12px;color:var(--text-sub,#888)}.bl-cta{font-size:12px;font-weight:700;color:var(--primary,#34c759)}.bl-result-label{font-size:12px;font-weight:600;color:var(--text-sub,#888)}.bl-card-link{display:block;text-decoration:none;color:inherit;height:100%}.bl-owner-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,200,0,.05);border:1px solid rgba(255,200,0,.15);border-radius:10px;margin-bottom:12px}.bl-owner-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,200,0,.3);flex-shrink:0}.bl-owner-text{display:flex;flex-direction:column}.bl-owner-place{font-size:13px;font-weight:700;color:var(--text-main)}.bl-owner-label{font-size:11px;color:#fc0;margin-top:1px}