.battle-arena-container{padding-top:2rem;padding-bottom:5rem}.breadcrumb{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.5rem}.breadcrumb a{color:var(--color-primary);text-decoration:none}.page-title{font-size:2.2rem;font-weight:900;margin-bottom:.5rem}.page-sub{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:2rem}.selectors-wrap{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-card);border:3px solid var(--color-border);margin-bottom:3rem}.fighter-select-card{display:flex;flex-direction:column;align-items:center;gap:1rem;width:240px}.fighter-tag{font-size:.85rem;font-weight:900;padding:.25rem 1rem;border-radius:9999px}.tag-a{background:#ffe5d9;color:#d00000}.tag-b{background:#e0e7ff;color:#3730a3}.fighter-preview{width:200px;aspect-ratio:3 / 4;background:#222;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-border)}.preview-img{width:100%;height:100%;object-fit:cover}.preview-placeholder{font-size:4rem;color:#666;font-weight:900}.fighter-select{width:100%;padding:.6rem .8rem;border-radius:var(--radius-sm);border:2px solid var(--color-border);font-size:1rem;font-weight:700;background:#fff;color:var(--color-text-main)}.vs-center{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.vs-badge{font-size:2.2rem;font-weight:900;color:#d00000;text-shadow:0 2px 8px rgba(208,0,0,.2)}.btn-start{background:linear-gradient(180deg,#f48c06,#e85d04);color:#fff;border:none;padding:1.2rem 1.8rem;border-radius:9999px;font-size:1.25rem;font-weight:900;cursor:pointer;box-shadow:0 6px 20px #e85d0466;transition:transform .15s,box-shadow .15s;line-height:1.3}.btn-start:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:0 8px 25px #e85d0499}.btn-start:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-sound{background:none;border:1px solid var(--color-border);padding:.3rem .8rem;border-radius:9999px;font-size:.8rem;cursor:pointer;color:var(--color-text-muted)}.result-section{margin-bottom:3rem}.result-box{background:#fff;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-card);border:3px solid var(--color-primary)}.overall-banner{text-align:center;padding:1.5rem;border-radius:var(--radius-md);margin-bottom:2rem;transition:background .3s}.overall-banner.thinking{background:#f3f4f6;color:#4b5563}.overall-banner.win-a{background:linear-gradient(135deg,#ffe5d9,#ffd7ba);border:2px solid #E85D04;color:#9d0208}.overall-banner.win-b{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #4F46E5;color:#312e81}.overall-banner.draw{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #D97706;color:#92400e}.overall-badge{display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:.5rem;padding:.2rem .8rem;background:#ffffffb3;border-radius:9999px}.overall-title{font-size:2.2rem;font-weight:900;margin-bottom:.5rem}.overall-sub{font-size:1.1rem;font-weight:700}.comparison-table{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.comp-row{display:grid;grid-template-columns:1fr 120px 1fr;gap:1rem;align-items:center;background:#fafafa;padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.animate-in{animation:popIn .35s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.comp-col{display:flex;flex-direction:column;gap:.2rem}.comp-col.col-left{align-items:flex-start}.comp-col.col-right{align-items:flex-end}.comp-col.winner{background:#fff8f0;border:2px solid var(--color-primary);padding:.5rem .8rem;border-radius:var(--radius-sm)}.comp-center{text-align:center}.comp-stat-name{display:inline-block;background:var(--color-primary);color:#fff;font-weight:900;padding:.35rem .8rem;border-radius:9999px;font-size:.95rem}.comp-val{font-size:1.1rem;font-weight:900}.comp-score{font-size:.8rem;color:var(--color-text-muted)}.win-tag{font-size:.85rem;font-weight:900;color:#d00000;margin-top:.2rem}.result-actions{display:flex;justify-content:center;gap:1.5rem}.btn-retry{background:var(--color-primary);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:9999px;font-size:1.05rem;font-weight:700;cursor:pointer}.btn-reset{background:#eee;color:var(--color-text-main);padding:.8rem 1.8rem;border-radius:9999px;font-size:1.05rem;font-weight:700;text-decoration:none}.featured-section{background:#fff;border-radius:var(--radius-md);padding:1.5rem 2rem;border:2px solid var(--color-border)}.featured-title{font-size:1.15rem;font-weight:900;margin-bottom:1rem}.featured-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.featured-mini-card{display:flex;flex-direction:column;gap:.2rem;background:#fffbf5;padding:.75rem 1rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-main);border:1px solid var(--color-border);transition:border-color .15s}.featured-mini-card:hover{border-color:var(--color-primary)}.f-cat{font-size:.7rem;color:var(--color-primary);font-weight:700}.f-title{font-size:.95rem;font-weight:900}@media(max-width:768px){.selectors-wrap{flex-direction:column}.fighter-select-card{width:100%;max-width:240px}.comp-row{grid-template-columns:1fr;gap:.5rem;text-align:center}.comp-col.col-left,.comp-col.col-right{align-items:center}}