.bp-page{display:grid;gap:1.5rem}.bp-hero{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#cea85c14,#38495c33);border:1px solid rgba(206,168,92,.2)}.bp-hero-name{font-size:1.75rem;font-weight:700;margin:0}.bp-hero-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.bp-hero-badge{display:inline-flex;padding:.2rem .6rem;border-radius:999px;background:#cea85c33;border:1px solid rgba(206,168,92,.4);font-size:.7rem;font-weight:700;color:#f8e9bde6}.bp-hero-stat{font-size:.8rem;color:var(--color-text-secondary)}.bp-tracks-legend{display:flex;gap:.625rem;flex-wrap:wrap}.bp-track-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:var(--overlay-subtle);font-size:.8rem;font-weight:600}.bp-track-free{border-color:#64c88c66}.bp-track-originium{border-color:#cea85c66}.bp-track-pay{border-color:#b478dc66}.bp-track-bonus{font-size:.7rem;font-weight:700;color:#cea85ce6}.bp-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem}.bp-preview-card{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--overlay-subtle)}.bp-preview-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:4px}.bp-preview-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.bp-preview-name{font-size:.85rem;font-weight:600}.bp-preview-desc{font-size:.7rem;color:var(--color-text-muted)}.bp-level-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.bp-level-table{width:100%;border-collapse:collapse;font-size:.8rem}.bp-level-table thead{position:sticky;top:0;z-index:1}.bp-level-table th{padding:.625rem .5rem;text-align:left;font-weight:700;font-size:.75rem;background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.bp-level-table td{padding:.5rem;border-bottom:1px solid var(--color-border);vertical-align:top}.bp-th-level{width:3.5rem;text-align:center}.bp-th-exp{width:4rem;text-align:center}.bp-td-level{text-align:center;font-weight:700;position:relative}.bp-td-exp{text-align:center;color:var(--color-text-secondary)}.bp-td-reward{min-width:8rem}.bp-row-milestone{background:#cea85c0f}.bp-milestone-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#cea85ccc;margin-right:.25rem;vertical-align:middle}.bp-td-reward .mat-item{display:inline-flex;margin:.125rem 0;font-size:.75rem}.bp-task-groups{display:grid;gap:1rem}.bp-task-group{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.bp-task-group-title{margin:0;padding:.625rem .75rem;font-size:.85rem;font-weight:700;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.bp-task-list{display:grid}.bp-task-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);font-size:.8rem;gap:.5rem}.bp-task-item:last-child{border-bottom:none}.bp-task-name{flex:1;line-height:1.4}.bp-task-exp{flex-shrink:0;font-weight:700;font-size:.75rem;color:#cea85ce6;white-space:nowrap}.bp-other-seasons{display:flex;gap:.625rem;justify-content:center;padding-top:.5rem}.bp-other-season-link{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--color-border);background:var(--overlay-subtle);text-decoration:none;color:var(--color-text-primary);font-size:.8rem;font-weight:600;transition:border-color var(--transition-fast),transform var(--transition-fast)}.bp-other-season-link:hover{border-color:#cea85c66;transform:translateY(-1px);text-decoration:none}[data-theme=light] .bp-hero{background:linear-gradient(135deg,#d8ba761a,#e8edf266);border-color:#ddd4c4}[data-theme=light] .bp-hero-badge{background:#d8ba7633;border-color:#d8ba7680;color:#8b6914}[data-theme=light] .bp-row-milestone{background:#d8ba7614}[data-theme=light] .bp-task-exp{color:#8b6914}@media(max-width:768px){.bp-level-table{font-size:.7rem}.bp-th-exp,.bp-td-exp{display:none}}