.page-banner{background:linear-gradient(90deg,#b91c1c,#dc2626,#ef4444,#dc2626,#b91c1c);border-radius:4px;height:6px;margin-bottom:1.5rem}.breadcrumb{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-primary)}.bc-sep{margin:0 .4rem}.page-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.page-desc{color:var(--text-secondary);max-width:700px;margin-bottom:2rem;font-size:.9rem;line-height:1.6}.controls-row{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.act-tabs{gap:.35rem;display:flex}.act-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.5rem 1.25rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .15s}.act-tab:hover{border-color:var(--accent);color:var(--text-primary)}.act-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.diff-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;appearance:auto;border-radius:6px;min-width:140px;padding:.5rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600}.diff-select:hover,.diff-select:focus{border-color:var(--accent);outline:none}.stages-panel{align-items:flex-start;gap:1.5rem;display:flex}.stage-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex-shrink:0;gap:.3rem;width:280px;max-height:600px;padding:.5rem;display:flex;overflow-y:auto}.stage-btn{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.8rem;transition:all .15s;display:flex}.stage-btn:hover{background:var(--bg-tertiary);border-color:var(--border)}.stage-btn.active{background:var(--accent-glow);border-color:var(--accent);color:var(--text-primary)}.stage-btn.stage-hidden{display:none}.stage-num{color:var(--accent);min-width:38px;font-weight:700}.stage-name-btn{flex:1;font-weight:500}.stage-lv{color:var(--text-muted);font-size:.7rem}.stage-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex:1;padding:1.5rem}.detail-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.detail-act-lv{color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:700}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.detail-name{margin-bottom:1rem;font-size:1.5rem;font-weight:800}.detail-stats{gap:.5rem;margin-bottom:1rem;display:flex}.dstat{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;flex:1;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.dstat-label{color:var(--text-secondary);font-size:.8rem}.dstat-val{color:var(--text-primary);font-size:1rem;font-weight:800}.detail-rewards{gap:.5rem;margin-bottom:1.25rem;display:flex}.dreward{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;flex:1;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.dreward-label{color:var(--text-secondary);font-size:.8rem}.dreward-val{font-size:1rem;font-weight:800}.dreward-val.gold{color:#ffd43b}.dreward-val.xp{color:#51cf66}.detail-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.boss-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.boss-portrait-box{background:var(--bg-card);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.boss-portrait-box img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.boss-portrait-fallback{font-size:1.5rem}.boss-name-detail{color:#ff6b6b;margin-bottom:.25rem;font-size:.95rem;font-weight:700;display:block}.boss-stats-row{color:var(--text-secondary);gap:1rem;font-size:.8rem;display:flex}.boss-stats-row strong{color:var(--text-primary)}.boss-stats-row .gold{color:#ffd43b}.boss-stats-row .xp{color:#51cf66}@media (width<=900px){.stages-panel{flex-direction:column}.stage-list{width:100%;max-height:300px}}