.zone-atlas-row{border:none;border-bottom:var(--border-hairline);background:0 0;transition:background-color .1s;position:relative}.zone-atlas-row:hover{background:var(--bg-hover)}.zone-atlas-row-highlight{background:var(--bg-hover);border-left:2px solid var(--gold-ink)}.zone-row-main-bar{grid-template-columns:240px 180px 1fr auto;align-items:center;gap:20px;padding:12px 18px;display:grid}.zone-col-identity{flex-direction:column;gap:4px;display:flex}.zone-title-wrap{align-items:center;gap:8px;display:flex}.zone-name-link{text-decoration:none}.zone-name{font-family:var(--font-heading);color:#fff;font-size:1.15rem;font-weight:600;transition:color .15s}.zone-name:hover{color:var(--color-gold)}.zone-optimal-badge{color:#2ecc71;text-transform:uppercase;letter-spacing:.04em;background:#2ecc7126;border:1px solid #2ecc7159;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-flex}.zone-sub-identity{align-items:center;gap:8px;display:flex}.territory-pill{border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.72rem;font-weight:600;display:inline-flex}.territory-alliance{color:#69b4ff;background:#0078ff1f}.territory-horde{color:#ff7878;background:#c41e3a1f}.territory-contested{color:var(--color-gold);background:#c89b3c1f}.zone-continent-tag{color:var(--text-muted);font-size:.72rem}.zone-col-progression{flex-direction:column;gap:4px;display:flex}.zone-level-badge{font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;color:var(--color-gold);font-size:.82rem;font-weight:700}.zone-gauge-container{flex-direction:column;gap:2px;width:140px;display:flex}.zone-gauge-track{background:#ffffff14;border-radius:3px;width:100%;height:5px;position:relative}.zone-gauge-fill{background:var(--gold-ink);box-shadow:none;border-radius:3px;position:absolute;top:0;bottom:0}.zone-gauge-fill-active{background:linear-gradient(90deg,#2ecc71,#f1c40f);box-shadow:0 0 8px #2ecc7180}.zone-gauge-pin{color:#fff;pointer-events:none;font-size:8px;line-height:1;position:absolute;top:-8px;transform:translate(-50%)}.zone-gauge-axis{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.62rem;display:flex}.zone-col-intel{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.intel-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff08;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:.76rem;text-decoration:none;display:inline-flex}.intel-quests strong{color:#fff}.intel-dungeon{color:#f96;background:#ff996614;border-color:#ff996640;transition:all .15s}.intel-dungeon:hover{color:#fff;background:#ff99662e}.zone-col-actions{align-items:center;gap:8px;display:flex}.zone-btn-quick-intel{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex;border-radius:0!important}.zone-btn-quick-intel:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff4d}.zone-btn-companion-shortcut{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);background:0 0;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;border-radius:0!important}.zone-btn-companion-shortcut:hover{color:#fff;box-shadow:none;background:#ffffff0a;border-color:#fff3}.zone-btn-view-guide{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;box-shadow:none;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;color:var(--text-primary)!important;border:1px solid var(--border-subtle)!important;background:0 0!important;border-radius:0!important}.zone-btn-view-guide *{color:inherit!important}.zone-btn-view-guide:hover{transform:none;color:#fff!important;background:#ffffff14!important;border-color:#ffffff4d!important}.zone-quick-intel-panel{padding:16px 20px;animation:.2s ease-out expandPanel;border-top:1px solid var(--border-hairline)!important;background:0 0!important}@keyframes expandPanel{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quick-intel-grid{grid-template-columns:1fr 1fr 1.2fr;gap:20px;display:grid}.intel-block-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:600;display:flex}.intel-block-list{flex-direction:column;gap:6px;list-style:none;display:flex}.intel-list-item{color:var(--text-primary);align-items:center;gap:6px;font-size:.8125rem;display:flex}.intel-icon-muted{color:var(--text-muted)}.intel-fp-name{font-weight:500}.intel-fp-faction{color:var(--text-muted);font-size:.72rem}.intel-coords{font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;color:var(--text-muted);background:#ffffff0d;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:.72rem}.intel-empty-note{color:var(--text-muted);font-size:.8rem;font-style:italic}.intel-dungeon-link{color:#f96;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.intel-dungeon-link:hover{color:#fff;text-decoration:underline}.intel-pacing-desc{color:var(--text-secondary);margin-bottom:12px;font-size:.8125rem;line-height:1.5}.intel-cta-row{flex-wrap:wrap;gap:8px;display:flex}.intel-btn-primary{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;background:0 0!important;border-radius:0!important}.intel-btn-primary:hover{color:#fff!important;background:#ffffff14!important;border-color:#ffffff4d!important}.intel-btn-secondary{font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;background:0 0!important;border-radius:0!important}.intel-btn-secondary:hover{color:var(--text-primary)!important;background:#ffffff0a!important;border-color:#ffffff4d!important}.zone-empty-state-card{text-align:center;background:var(--bg-surface-card);border:1px dashed var(--border-medium);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:60px 24px;display:flex}.empty-state-crest{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.empty-crest-icon{color:var(--text-muted)}.empty-state-title{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:1.4rem}.empty-state-desc{max-width:520px;color:var(--text-secondary);margin-bottom:24px;font-size:.88rem;line-height:1.6}.empty-state-reset-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.empty-state-reset-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff59;transform:translateY(-1px)}.zones-atlas-skeleton{flex-direction:column;gap:20px;padding:20px 0;display:flex}.skeleton-helper-bar,.skeleton-stepper-bar,.skeleton-filter-bar{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d 50%,#ffffff05 75%) 0 0/200% 100%;border-radius:8px;height:52px;animation:1.5s infinite skeletonShimmer}.skeleton-zones-list{flex-direction:column;gap:12px;display:flex}.skeleton-zone-row{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d 50%,#ffffff05 75%) 0 0/200% 100%;border-radius:8px;height:64px;animation:1.5s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.zone-row-main-bar{grid-template-columns:200px 160px 1fr auto;gap:14px}.quick-intel-grid{grid-template-columns:1fr 1fr}.intel-block-actions{grid-column:1/-1}}@media (max-width:860px){.helper-controls-and-results{grid-template-columns:1fr;gap:16px}.helper-stepper-box{border-right:none;border-bottom:1px solid var(--border-subtle);padding-bottom:16px;padding-right:0}.desktop-filters-group{display:none}.mobile-filter-trigger-bar{display:flex}}@media (max-width:768px){.zone-row-main-bar{grid-template-columns:1fr;gap:12px;padding:14px}.zone-col-progression{flex-direction:row;justify-content:space-between;align-items:center}.zone-col-intel{border-top:1px solid #ffffff0a;padding-top:4px}.zone-col-actions{border-top:1px solid #ffffff0a;justify-content:flex-end;padding-top:6px}.quick-intel-grid{grid-template-columns:1fr}.desktop-only-inline{display:none}.atlas-continent-block{padding:0}.timeline-bracket-tier{grid-template-columns:14px 1fr;gap:12px}}@media (max-width:480px){.zone-btn-view-guide,.zone-btn-companion-shortcut,.zone-btn-quick-intel{min-height:40px;padding:8px 12px}}.zones-atlas-client-wrapper{flex-direction:column;gap:clamp(1.25rem,2.5vw,1.75rem);display:flex}.progression-helper-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px 24px;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000004d}.progression-helper-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-runic-gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.helper-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.helper-title-group{align-items:center;gap:12px;display:flex}.helper-icon-crest{background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.helper-heading{font-family:var(--font-heading);color:#fff;letter-spacing:.01em;font-size:1.25rem;font-weight:700}.helper-subheading{color:var(--text-secondary);font-size:.8125rem}.helper-char-sync-btn{border-radius:var(--radius-sm);background:var(--bg-surface-card);border:1px solid var(--border-hairline);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.helper-char-sync-btn:hover{background:var(--bg-surface-elevated);box-shadow:none}.helper-controls-and-results{grid-template-columns:280px 1fr;align-items:center;gap:24px;display:grid}.helper-stepper-box{border-right:1px solid var(--border-subtle);flex-direction:column;gap:10px;padding-right:20px;display:flex}.stepper-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem;font-weight:600}.stepper-input-group{align-items:center;gap:6px;display:flex}.stepper-btn{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.stepper-btn:hover:not(:disabled){background:var(--bg-surface-elevated);border-color:var(--border-hairline);color:var(--text-primary)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-number-input{background:var(--bg-surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);text-align:center;width:72px;height:34px;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "cv05" 1, "zero" 1;color:var(--text-primary);font-size:1.1rem;font-weight:600}.stepper-number-input:focus{border-color:var(--text-primary);box-shadow:none;outline:none}.helper-quick-presets{flex-wrap:wrap;gap:6px;display:flex}.preset-pill{border-radius:var(--radius-sm);font-size:.72rem;font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "cv05" 1, "zero" 1;background:var(--bg-surface-elevated);border:1px solid var(--border-hairline);color:var(--text-secondary);cursor:pointer;padding:3px 8px;font-weight:500;transition:all .15s}.preset-pill:hover{color:var(--text-primary);background:#ffffff14}.preset-pill.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-canvas)}.helper-reset-level-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:2px;font-size:.75rem;transition:color .15s;display:inline-flex}.helper-reset-level-btn:hover{color:#ff7878}.helper-recommendations-box{flex-direction:column;gap:12px;display:flex}.helper-status-line{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:.84rem;display:flex}.helper-status-badge{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.helper-status-text strong{color:#fff}.helper-bracket-jump-link{color:var(--color-gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;font-size:.78rem;font-weight:600;text-decoration:underline;display:inline-flex}.helper-bracket-jump-link:hover{color:#fff}.helper-zone-chips-list{flex-wrap:wrap;gap:10px;display:flex}.helper-zone-chip{border:1px solid var(--border-medium);background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:all .2s;display:flex}.helper-zone-chip:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-1px)}.chip-zone-link{color:#fff;align-items:center;gap:6px;text-decoration:none;display:flex}.chip-zone-name{font-family:var(--font-heading);font-size:.95rem;font-weight:600}.chip-zone-level{font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;color:var(--color-gold);font-size:.75rem;font-weight:600}.chip-territory-tag{border-radius:3px;padding:2px 6px;font-size:.68rem;font-weight:600}.chip-alliance{color:#69b4ff;background:#0078ff26}.chip-horde{color:#ff7878;background:#c41e3a26}.chip-contested{color:var(--color-gold);background:#c89b3c26}.chip-companion-shortcut{color:var(--text-muted);align-items:center;transition:color .15s;display:flex}.chip-companion-shortcut:hover{color:var(--color-arcane)}.level-progression-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.level-progression-nav::-webkit-scrollbar{display:none}.level-progression-track{align-items:center;gap:8px;min-width:max-content;padding:4px 2px;display:flex}.progression-bracket-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;align-items:flex-start;min-width:90px;padding:8px 14px;transition:all .2s;display:flex}.progression-bracket-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:#ffffff12}.progression-bracket-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-canvas);box-shadow:none}.bracket-btn-label{font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;color:inherit;font-size:.92rem;font-weight:700}.progression-bracket-btn.active .bracket-btn-label{color:var(--color-gold)}.bracket-btn-sub{color:var(--text-muted);font-variant:all-small-caps;letter-spacing:.05em;margin-top:2px;font-size:.68rem}.progression-bracket-btn.active .bracket-btn-sub{color:#f3d179}.bracket-btn-icon{margin-bottom:2px}.progression-arrow{color:var(--text-muted);opacity:.4;-webkit-user-select:none;user-select:none;font-size:.9rem}.progression-divider{background:var(--border-subtle);width:1px;height:28px;margin:0 4px}.zone-filter-bar-container{border:none;border-bottom:1px solid var(--border-hairline);background:0 0;border-radius:0;flex-direction:column;gap:12px;padding:16px 0;display:flex}.filter-search-wrapper{width:100%;position:relative}.search-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.zone-search-input{border:1px solid var(--border-subtle);width:100%;height:40px;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border-radius:0;padding:0 44px 0 40px;font-size:.88rem;transition:all .2s}.zone-search-input:focus{border-color:var(--gold-line);box-shadow:none;outline:none}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-primary)}.search-kbd-shortcut{border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.72rem;font-family:var(--font-sans);pointer-events:none;background:#ffffff12;border-radius:4px;padding:2px 6px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.desktop-filters-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-pill-cluster{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cluster-label{color:var(--text-muted);margin-right:2px;font-size:.78rem;font-weight:600}.atlas-filter-pill{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;background:0 0;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex;border-radius:0!important}.atlas-filter-pill:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff4d}.atlas-filter-pill.active{border-color:var(--gold-line);color:var(--color-gold);background:#d4af371f}.atlas-filter-pill.pill-alliance.active{border-color:var(--color-alliance);color:#69b4ff;background:#0078ff1f}.atlas-filter-pill.pill-horde.active{border-color:var(--color-horde);color:#ff7878;background:#c41e3a1f}.atlas-filter-pill.pill-contested.active{border-color:var(--gold-line);color:var(--color-gold);background:#d4af371f}.pill-count-badge{color:inherit;background:#ffffff14;border-radius:10px;padding:1px 5px;font-size:.7rem}.filter-divider{background:var(--border-subtle);width:1px;height:20px}.atlas-btn-clear-all{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;font-size:.78rem;font-weight:500;transition:color .15s;display:inline-flex}.atlas-btn-clear-all:hover{color:var(--color-gold)}.atlas-filter-actions-group{align-items:center;gap:12px;margin-left:auto;display:flex}.atlas-results-count-text{color:var(--text-muted);font-size:.8125rem}.mobile-filter-trigger-bar{justify-content:space-between;align-items:center;gap:10px;display:none}.mobile-filter-btn{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:600;display:inline-flex}.mobile-filter-badge{background:var(--border-runic-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;font-weight:700;display:flex}.mobile-results-counter{color:var(--text-secondary);font-size:.8rem}.mobile-clear-btn{color:var(--color-gold);cursor:pointer;background:0 0;border:none;font-size:.8rem}.mobile-filter-drawer-backdrop{-webkit-backdrop-filter:var(--backdrop-blur);z-index:999;background:#000000bf;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-filter-drawer{background:var(--bg-surface-elevated);border-left:1px solid var(--border-runic-gold);flex-direction:column;width:100%;max-width:380px;height:100%;animation:.25s ease-out slideDrawer;display:flex}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-title-group{align-items:center;gap:8px;display:flex}.drawer-title{font-family:var(--font-heading);color:#fff;font-size:1.2rem}.drawer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.drawer-content{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.drawer-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:10px;font-size:.78rem}.drawer-buttons-grid{flex-direction:column;gap:8px;display:flex}.drawer-option-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);text-align:left;cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.drawer-option-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.drawer-footer{border-top:1px solid var(--border-subtle);gap:12px;padding:16px 20px;display:flex}.drawer-btn-reset{border:1px solid var(--border-subtle);height:42px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;flex:1;font-weight:600}.drawer-btn-apply{border-radius:var(--radius-md);background:var(--text-primary);height:44px;color:var(--bg-canvas);cursor:pointer;border:none;flex:2;font-weight:600;transition:all .15s}.drawer-btn-apply:hover{background:#fff}.atlas-continents-container{gap:var(--space-section-major,clamp(2.5rem, 4vw, 3.5rem));flex-direction:column;margin-top:0;display:flex}.atlas-continent-block{background:0 0;border:none;border-radius:0;padding:0;position:relative}.continent-header-banner{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:clamp(1.5rem,3vw,2.25rem);padding-bottom:20px;display:flex}.continent-title-group{align-items:center;gap:14px;display:flex}.continent-crest-icon{border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--color-gold);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;display:flex}.continent-eyebrow{font-variant:all-small-caps;letter-spacing:.12em;color:var(--text-gold);font-size:.72rem;font-weight:600;display:block}.continent-title{font-family:var(--font-heading);color:#fff;letter-spacing:.01em;font-size:1.75rem;font-weight:700}.continent-stats-badge{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;display:inline-flex}.progression-timeline-spine{flex-direction:column;gap:clamp(2.5rem,4.5vw,4rem);display:flex}.timeline-bracket-tier{grid-template-columns:24px 1fr;gap:24px;padding-bottom:8px;display:grid;position:relative}.spine-gutter{flex-direction:column;align-items:center;display:flex;position:relative}.spine-node-glyph{border:2px solid var(--border-subtle);z-index:2;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-top:6px;transition:all .25s;display:flex}.spine-node-glyph .node-dot{background:0 0;border-radius:50%;width:4px;height:4px;transition:all .25s}.spine-node-glyph.active-node{background:var(--text-primary);border-color:var(--text-primary);box-shadow:none}.spine-node-glyph.active-node .node-dot{background:var(--bg-canvas)}.spine-conduit-line{background:var(--border-hairline);flex:1;width:2px;margin-top:6px}.timeline-bracket-active .spine-conduit-line{background:var(--border-hairline)}.bracket-content-column{flex-direction:column;gap:16px;display:flex}.bracket-header-row{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.bracket-title-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bracket-tier-title{font-family:var(--font-heading);font-size:clamp(1.3rem,2.5vw,1.55rem);font-weight:700;line-height:var(--leading-snug,1.22);letter-spacing:-.012em;color:#fff;margin:0}.timeline-bracket-active .bracket-tier-title{color:var(--text-gold)}.bracket-milestone-tag{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:3px 10px;font-size:.75rem;font-weight:600}.bracket-zone-count{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.bracket-zone-rows-list{flex-direction:column;gap:12px;display:flex}@media (max-width:960px){.zone-row-main-bar{grid-template-columns:1fr auto;gap:12px;padding:12px 14px}.zone-col-identity{grid-column:1/2}.zone-col-actions{grid-column:2/3;align-self:flex-start}.zone-col-progression{grid-column:1/-1}}@media (max-width:640px){.zone-row-main-bar{grid-template-columns:1fr;gap:10px;padding:12px 10px}.zone-col-actions{border-top:1px solid #ffffff0a;grid-column:1/-1;justify-content:flex-start;padding-top:6px}.zone-icon-btn{min-width:44px;min-height:44px}.zone-name{font-size:1.05rem;line-height:1.3}}