/* Semantic conventions from the shared style guide; Palpedia product palette and typography. */
:root{color-scheme:light;--color-bg:#f5f7f4;--color-surface:#fff;--color-surface-soft:#eef2ed;--color-surface-elevated:#fff;--color-text:#23352e;--color-text-secondary:#5f6c65;--color-text-muted:#657168;--color-border:#dce3dc;--color-border-subtle:#e7ece6;--color-accent:#227562;--color-accent-hover:#175e4f;--color-accent-soft:#e2eee7;--color-on-accent:#fff;--color-highlight:#a47136;--color-focus:#248c75;--font-body:'Manrope',system-ui,sans-serif;--font-display:var(--font-body);--font-mono:ui-monospace,SFMono-Regular,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--duration-fast:150ms;--duration-normal:250ms;--z-sticky:200;--z-modal:400;--z-toast:500;--shadow-lg:0 20px 80px #18382c26;--color-art:#f0f3ed}
:root[data-theme=dark]{color-scheme:dark;--color-bg:#151e1a;--color-surface:#1b2721;--color-surface-soft:#243129;--color-surface-elevated:#29382f;--color-text:#e2ebe4;--color-text-secondary:#a3b3a8;--color-text-muted:#8da092;--color-border:#35443a;--color-border-subtle:#2b3a31;--color-accent:#88cfaf;--color-accent-hover:#abdfc5;--color-accent-soft:#2a4336;--color-on-accent:#14271c;--color-highlight:#d4ac70;--color-focus:#91dbb9;--color-art:#25332b;--shadow-lg:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--color-bg:#151e1a;--color-surface:#1b2721;--color-surface-soft:#243129;--color-surface-elevated:#29382f;--color-text:#e2ebe4;--color-text-secondary:#a3b3a8;--color-text-muted:#8da092;--color-border:#35443a;--color-border-subtle:#2b3a31;--color-accent:#88cfaf;--color-accent-hover:#abdfc5;--color-accent-soft:#2a4336;--color-on-accent:#14271c;--color-highlight:#d4ac70;--color-focus:#91dbb9;--color-art:#25332b;--shadow-lg:none}}
*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;background:var(--color-bg);color:var(--color-text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex-shrink:0}button svg{pointer-events:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}input,select{min-width:0;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}input{padding:12px 14px}select{padding:10px 30px 10px 12px}h1,h2,h3,p{margin:0}h1{font-size:var(--text-3xl);font-weight:800;letter-spacing:-1.5px;line-height:1.2}h2{font-size:var(--text-lg);letter-spacing:-.5px;line-height:1.4}h3{font-size:var(--text-base);letter-spacing:-.3px}small,.muted{color:var(--color-text-secondary)}.skip-link{position:fixed;top:-100px;left:16px;background:var(--color-accent);color:var(--color-on-accent);padding:12px;z-index:600}.skip-link:focus{top:10px}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-sticky);padding:30px 20px 20px;overflow:auto}.brand{display:flex;align-items:center;gap:8px;font-size:27px;letter-spacing:-1.2px;font-weight:800}.brand svg{width:35px;height:35px;color:var(--color-accent)}.brand-dot{color:var(--color-accent)}.edition{font-size:8px;letter-spacing:1.5px;margin:6px 0 35px 4px;color:var(--color-text-muted);font-weight:800}.nav-group{margin-bottom:20px}.nav-label{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--color-text-muted);padding:0 12px 7px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:650;margin:2px 0;color:var(--color-text-secondary)}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:var(--color-surface-soft);color:var(--color-text)}.nav-item.active{color:var(--color-accent);background:var(--color-accent-soft)}.nav-count{margin-left:auto;font-family:var(--font-mono);font-size:10px}.nav-inline{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 12px}.nav-inline a{font-size:11px;color:var(--color-text-secondary);padding:6px 0}.nav-inline a.active{color:var(--color-accent);font-weight:800}.sidebar-bottom{margin-top:auto;padding:16px 6px 0;border-top:1px solid var(--color-border-subtle)}.theme-control{display:flex;width:100%;align-items:center;gap:8px;font-size:11px;padding:4px 0 16px}.theme-control svg{width:16px;height:16px}.theme-control span:last-child{margin-left:auto;color:var(--color-text-muted);font-size:10px}.source-status{font-size:9px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.source-status>span{width:5px;height:5px;background:var(--color-accent);border-radius:50%}.source-link{font-size:9px;color:var(--color-text-muted);display:block;margin:6px 0 0 11px}.workspace{margin-left:224px}.topbar{height:73px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--color-surface)}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--color-text-muted)}.breadcrumb strong{color:var(--color-text);font-weight:650}.slash{color:var(--color-border)}.top-actions{display:flex;align-items:center;gap:20px}.unofficial{font-size:10px;color:var(--color-text-muted)}.reference-link{font-size:11px;font-weight:650}.reference-link span{margin-left:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md)}.icon-button:hover{background:var(--color-surface-soft)}.icon-button svg{width:18px;height:18px}main{padding:36px 40px 24px;min-height:calc(100vh - 140px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.title-row{display:flex;align-items:center;gap:14px}.count-tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:3px 9px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.page-intro{font-size:12px;color:var(--color-text-secondary);margin-top:8px}.collection-summary{display:flex;gap:8px;align-items:center;color:var(--color-text-secondary);font-size:11px}.collection-summary svg{width:16px;height:16px;color:var(--color-accent)}.collection-summary strong{color:var(--color-text);font-weight:700}.search-row{display:flex;gap:12px;align-items:center;margin-bottom:20px}.search-box{display:flex;position:relative;flex:1;align-items:center}.search-box svg{position:absolute;left:16px;width:18px;color:var(--color-text-muted)}.search-box input{width:100%;padding:13px 65px 13px 46px;font-size:12px;height:46px}.search-box kbd{position:absolute;right:14px;border:1px solid var(--color-border);border-radius:4px;font-size:10px;padding:0 5px;color:var(--color-text-muted)}.sort-field{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-secondary)}.sort-field select{font-size:11px;height:46px}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:3px}.view-toggle button{width:36px;height:38px;display:grid;place-items:center;border-radius:4px;color:var(--color-text-muted)}.view-toggle button.active{background:var(--color-accent-soft);color:var(--color-accent)}.view-toggle svg{width:16px;height:16px}.collection-tabs{display:flex;gap:24px;border-bottom:1px solid var(--color-border);margin-bottom:18px;overflow:auto}.collection-tabs button{padding:0 0 13px;font-size:12px;font-weight:650;color:var(--color-text-secondary);white-space:nowrap;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px}.collection-tabs button.active{color:var(--color-accent);border-color:var(--color-accent)}.collection-tabs svg{width:15px;height:15px}.collection-tabs .tab-number{font-size:9px;padding:0 5px;background:var(--color-surface-soft);border-radius:3px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-label{font-size:10px;color:var(--color-text-muted);margin-right:4px}.element-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 9px;background:var(--color-surface);font-size:10px;display:flex;align-items:center;gap:6px;min-height:32px}.element-btn.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.element-dot{width:7px;height:7px;background:var(--element-color);border-radius:50%;flex-shrink:0}.filters select{padding:6px 23px 6px 9px;font-size:10px;min-height:32px}.filter-spacer{width:1px;height:20px;background:var(--color-border);margin:0 5px}.reset-btn{font-size:10px;color:var(--color-accent);padding:6px}.results-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:var(--text-xs);color:var(--color-text-secondary)}.results-line strong{color:var(--color-text)}.rank-legend{display:flex;align-items:center;gap:5px}.rank-legend svg{width:12px;height:12px}.pal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.pal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:border-color var(--duration-fast),transform var(--duration-fast)}.pal-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.pal-open{display:block;width:100%;text-align:left;padding:0}.card-topline{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:1}.dex{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.tier-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;border-radius:4px;font-size:11px;width:23px;height:23px;background:var(--tier-bg,#edf0eb);color:var(--tier-color,#566351)}.tier-S{--tier-bg:#f5e8cb;--tier-color:#865b19}.tier-A{--tier-bg:#dcece0;--tier-color:#346a47}.tier-B{--tier-bg:#e0eaf0;--tier-color:#426c83}.tier-C{--tier-bg:#eee5ed;--tier-color:#805d7c}.tier-D{--tier-bg:#ebedeb;--tier-color:#636c65}.card-art{height:170px;margin:0 0 0;background:var(--color-art);display:grid;place-items:center;overflow:hidden;position:relative}.card-art:after{content:'';position:absolute;width:92px;height:10px;bottom:21px;border-radius:50%;background:#294a3611;filter:blur(4px)}.card-art img{width:133px;height:133px;object-fit:contain;filter:drop-shadow(0 8px 4px #213c2812);transition:transform var(--duration-normal);position:relative;z-index:1}.pal-card:hover .card-art img{transform:scale(1.06)}.card-body{padding:14px 14px 10px}.card-name{font-size:13px;font-weight:800;letter-spacing:-.2px;display:block;line-height:1.4;min-height:19px}.card-elements{display:flex;align-items:center;gap:9px;margin-top:7px;flex-wrap:wrap}.element-label{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--color-text-secondary)}.card-bottom{padding:10px 14px;border-top:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:5px}.work-mini{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--color-text-secondary)}.work-mini span{display:inline-flex;align-items:center;gap:3px}.work-mini svg{width:12px;height:12px}.save-button{width:24px;height:24px;display:grid;place-items:center;color:var(--color-text-muted);border-radius:4px}.save-button svg{width:14px;height:14px}.save-button.saved{color:var(--color-accent);background:var(--color-accent-soft)}.page-footer{padding:16px 40px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--color-text-muted)}.load-more{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:700;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.btn svg{width:16px;height:16px}.btn:hover{border-color:var(--color-accent)}.btn.primary{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.btn.primary:hover{background:var(--color-accent-hover)}.btn.small{min-height:34px;padding:6px 12px;font-size:10px}.empty-state{text-align:center;padding:64px 16px;color:var(--color-text-secondary);grid-column:1/-1}.empty-state>svg{width:32px;height:32px;margin-bottom:12px}.empty-state h2{color:var(--color-text);margin-bottom:8px}.empty-state .btn{margin-top:20px}.pal-grid.list-view{display:flex;flex-direction:column;gap:8px}.list-view .pal-card{display:flex}.list-view .pal-open{display:flex;align-items:center;gap:20px}.list-view .card-art{width:100px;height:82px;flex-shrink:0}.list-view .card-art img{width:76px;height:76px}.list-view .card-topline{position:static;padding:0 16px;max-width:110px;gap:12px;order:2}.list-view .card-body{flex:1}.list-view .card-bottom{width:190px;border-left:1px solid var(--color-border-subtle);border-top:0}.loading{display:flex;justify-content:center;align-items:center;gap:12px;padding:80px;color:var(--color-text-secondary)}.spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* The profile is the main decision surface. */
dialog{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);padding:0;box-shadow:var(--shadow-lg);max-width:calc(100vw - 40px)}dialog::backdrop{background:#142b2380;backdrop-filter:blur(4px)}#pal-dialog{width:1060px;max-height:calc(100dvh - 56px);overflow:auto}body:has(dialog[open]){overflow:hidden}.modal-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:680px}.profile-side{padding:26px 24px;background:var(--color-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.profile-eyebrow{display:flex;justify-content:space-between;align-items:center}.rarity-text{font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:1px;color:var(--color-highlight)}.profile-art{height:230px;display:grid;place-items:center;margin:10px -10px 12px;background:var(--color-art);border-radius:var(--radius-lg);position:relative;overflow:hidden}.profile-art img{width:215px;height:215px;object-fit:contain;filter:drop-shadow(0 12px 8px #1a382b20)}.profile-side h1{font-size:28px;letter-spacing:-.8px}.pal-title{font-size:10px;color:var(--color-text-secondary);margin:6px 0 12px}.profile-elements{display:flex;gap:8px}.element-chip{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border:1px solid var(--color-border);background:var(--color-surface);font-size:10px;border-radius:4px}.profile-side>.btn{margin-top:20px}.profile-side>.btn+.btn{margin-top:8px}.side-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border)}.section-caption{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:10px}.work-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:11px}.work-row span:first-child{display:flex;align-items:center;gap:8px}.work-row svg{width:15px;height:15px;color:var(--color-text-secondary)}.work-level{font-family:var(--font-mono);font-size:10px;font-weight:700}.profile-source{margin-top:auto;padding-top:24px;font-size:9px;color:var(--color-text-muted)}.profile-main{padding:24px 28px;min-width:0}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-toolbar>span{font-size:10px;color:var(--color-text-secondary)}.modal-toolbar>div{display:flex;gap:4px}.modal-tabs{display:flex;gap:20px;border-bottom:1px solid var(--color-border);margin-bottom:24px;overflow-x:auto}.modal-tabs button{font-size:11px;font-weight:700;white-space:nowrap;padding:0 0 12px;color:var(--color-text-secondary);border-bottom:2px solid transparent}.modal-tabs button.active{color:var(--color-accent);border-color:var(--color-accent)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{font-size:15px}.section-heading>span,.section-heading>a{font-size:9px;color:var(--color-text-muted)}.section-heading a:hover{color:var(--color-accent)}.role-ranks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:24px}.role-rank{padding:12px 5px;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:5px}.role-rank:hover{border-color:var(--color-accent)}.role-rank .tier-badge{width:28px;height:28px;font-size:15px}.role-rank>span:last-child{font-size:9px;color:var(--color-text-secondary)}.partner-panel{background:var(--color-accent-soft);border:1px solid color-mix(in srgb,var(--color-accent) 20%,var(--color-border));border-radius:var(--radius-md);padding:16px 18px;margin-bottom:24px}.partner-label{display:flex;align-items:center;gap:6px;color:var(--color-accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.partner-label svg{width:14px;height:14px}.partner-panel h3{font-size:14px;margin-bottom:6px}.partner-panel p{font-size:11px;color:var(--color-text-secondary);line-height:1.8}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.stat-row{display:grid;grid-template-columns:78px 1fr 30px;align-items:center;gap:10px;font-size:10px;padding:7px 0}.stat-row>span:first-child{color:var(--color-text-secondary)}.stat-row strong{font-size:11px;text-align:right;font-family:var(--font-mono);font-weight:600}.stat-track{height:4px;background:var(--color-surface-soft);border-radius:2px}.stat-track>span{height:100%;background:var(--color-accent);display:block;border-radius:2px}.passive-list{display:flex;gap:6px;flex-wrap:wrap}.passive-tag{padding:5px 8px;border:1px solid var(--color-border);background:var(--color-bg);border-radius:4px;font-size:10px;font-weight:650}.passive-help{font-size:10px;color:var(--color-text-secondary);margin-top:10px;line-height:1.8}.synergy-section{border-top:1px solid var(--color-border);padding-top:20px}.synergy-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.synergy-pal{display:flex;align-items:center;gap:8px;padding:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left}.synergy-pal:hover{border-color:var(--color-accent)}.synergy-pal img{width:40px;height:40px;object-fit:contain}.synergy-pal strong{font-size:10px;display:block}.synergy-pal small{font-size:8px;display:block;line-height:1.5;margin-top:3px}.profile-note{display:flex;align-items:flex-start;gap:7px;margin-top:20px;font-size:9px;color:var(--color-text-muted)}.profile-note svg{width:12px;height:12px;margin-top:2px}.build-switch{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.build-switch button{font-size:11px;min-height:36px;padding:6px 12px;border:1px solid var(--color-border);border-radius:4px}.build-switch button.active{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.build-description{font-size:12px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.9}.passive-detail{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.passive-detail strong{font-size:12px}.passive-detail span{font-size:10px;color:var(--color-text-secondary);text-align:right}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);font-weight:650;padding:10px 8px;border-bottom:1px solid var(--color-border)}.data-table td{padding:12px 8px;border-bottom:1px solid var(--color-border-subtle)}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table td.number{font-family:var(--font-mono)}.table-wrap{overflow:auto}.breeding-pair{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-subtle)}.mini-pal{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:650}.mini-pal img{width:40px;height:40px;object-fit:contain}.breeding-pair>span{color:var(--color-text-muted);font-size:18px}.toast{position:fixed;bottom:24px;left:calc(50% + 112px);transform:translate(-50%,20px);background:var(--color-text);color:var(--color-bg);padding:12px 20px;border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:all var(--duration-fast);z-index:var(--z-toast);font-size:12px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Supporting tools */
.tool-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px}.tool-panel h2{margin-bottom:16px}.tool-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px}.field label{font-weight:700}.field input,.field select{width:100%}.breed-calculator{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:16px}.parent-slot,.offspring-slot{display:flex;flex-direction:column;align-items:center;min-height:230px;justify-content:center;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);text-align:center}.parent-slot img,.offspring-slot img{width:130px;height:130px;object-fit:contain}.parent-slot select{width:100%;font-size:12px}.offspring-slot button{font-weight:800;font-size:15px}.math-symbol{text-align:center;color:var(--color-text-muted);font-size:24px}.help-note{font-size:11px;color:var(--color-text-secondary);margin-top:20px;max-width:75ch}.help-note a{color:var(--color-accent);text-decoration:underline}.team-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.team-slot{min-width:0;border:1px dashed var(--color-border);border-radius:var(--radius-md);min-height:220px;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;background:var(--color-bg);padding:16px;gap:12px}.team-slot img{width:110px;max-width:100%;height:110px;object-fit:contain}.team-slot>button:not(.remove-pal){min-width:0;max-width:100%;overflow-wrap:anywhere}.team-slot .remove-pal{position:absolute;right:5px;top:5px}.team-slot strong{font-size:13px}.team-slot .add-slot{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;color:var(--color-text-secondary);padding:20px}.team-slot .add-slot svg{width:25px;height:25px}.coverage-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.coverage-row>span{padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:11px}.tier-row{display:flex;gap:20px;align-items:stretch;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px}.tier-row-label{width:70px;display:flex;align-items:center;justify-content:center;background:var(--tier-bg);color:var(--tier-color);font-size:28px;font-weight:800;flex-shrink:0}.tier-pals{display:flex;flex-wrap:wrap;gap:6px;padding:14px 14px 14px 0}.tier-pal{width:80px;display:flex;flex-direction:column;align-items:center;font-size:9px;line-height:1.4;padding:6px;border-radius:4px;text-align:center}.tier-pal img{width:62px;height:62px;object-fit:contain}.tier-pal:hover{background:var(--color-surface-soft)}.database-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.database-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;background:var(--color-surface);text-align:left;display:flex;align-items:center;gap:16px}.database-card:hover{border-color:var(--color-accent)}.database-card img{width:52px;height:52px;object-fit:contain}.database-card strong{font-size:12px;display:block}.database-card small{font-size:10px;display:block;margin-top:6px}.entry-body{padding:28px;max-width:620px}.entry-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.entry-top h2{font-size:22px}.entry-body>p{font-size:12px;color:var(--color-text-secondary);margin-bottom:20px}.entry-icon{width:100px;height:100px;object-fit:contain;display:block;margin:0 auto 20px}.entry-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.entry-stats>div{padding:12px;background:var(--color-bg);border-radius:4px}.entry-stats dt{font-size:10px;color:var(--color-text-secondary)}.entry-stats dd{margin:4px 0 0;font-family:var(--font-mono);font-size:13px}.recipe-list{display:flex;flex-wrap:wrap;gap:8px}.recipe-list span{font-size:11px;padding:8px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px}.map-layout{height:calc(100dvh - 280px);min-height:420px;position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-art)}.map-layout iframe{width:100%;height:100%;border:0}.external-tool{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px}.external-tool p{font-size:11px;color:var(--color-text-secondary)}.capture-result{font-size:36px;font-weight:800;color:var(--color-accent);letter-spacing:-1px}.mobile-only{display:none}
@media(min-width:1600px){main{max-width:1550px;margin:auto}.pal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.card-art{height:185px}}
@media(max-width:1250px){.pal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar{width:200px;padding-left:16px;padding-right:16px}.workspace{margin-left:200px}.topbar{padding:0 28px}main{padding:28px}.page-footer{padding:16px 28px}.brand{font-size:24px}.unofficial{display:none}.filters{gap:6px}.element-btn{font-size:9px;padding:6px 8px}.toast{left:calc(50% + 100px)}}
@media(max-width:1000px){.pal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.database-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-shell{grid-template-columns:235px minmax(0,1fr)}.profile-side{padding:24px 20px}.profile-art{height:205px}.profile-art img{width:190px;height:190px}.profile-main{padding:24px 20px}.modal-tabs{gap:13px}.synergy-list{grid-template-columns:1fr}.synergy-pal small{font-size:9px}.split-section{gap:16px}.role-ranks{gap:5px}.role-rank>span:last-child{font-size:8px}.team-slots{grid-template-columns:repeat(3,1fr)}.breed-calculator{gap:8px}.parent-slot,.offspring-slot{padding:12px}.page-heading .collection-summary{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform var(--duration-fast);width:224px;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-only{display:inline-flex}.topbar{height:60px;padding:0 16px}.breadcrumb{gap:10px}.top-actions{gap:6px}.reference-link{display:none}main{padding:24px 20px}.page-heading{margin-bottom:22px}h1{font-size:32px}.page-intro{font-size:11px;max-width:40ch}.search-row{gap:8px;flex-wrap:wrap}.search-box{min-width:60%}.sort-field>span{display:none}.sort-field select{max-width:130px}.view-toggle{display:none}.collection-tabs{gap:22px;margin-bottom:16px}.filters{gap:7px}.element-btn{font-size:10px}.filter-label{display:none}.filter-spacer{display:none}.pal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card-art{height:150px}.card-art img{width:120px;height:120px}.card-body{padding:12px}.card-bottom{padding:8px 12px}.rank-legend{font-size:9px}.page-footer{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:4px}.toast{left:50%}dialog{max-width:calc(100vw - 24px)}#pal-dialog{max-height:calc(100dvh - 24px)}.modal-shell{display:block}.profile-side{border-right:0;border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:120px 1fr;column-gap:20px;padding:20px;position:relative}.profile-eyebrow{grid-column:1/-1;margin-bottom:12px}.profile-art{grid-row:2/6;grid-column:1;height:130px;margin:0}.profile-art img{width:125px;height:125px}.profile-side h1{font-size:25px;align-self:end}.pal-title{margin:4px 0 8px}.profile-elements{margin-bottom:12px}.profile-side>.btn{margin:0;grid-column:2;min-height:36px;font-size:11px;padding:6px 12px;justify-self:start}.profile-side>.btn+.btn{grid-column:1;margin:12px 0 0;font-size:10px;justify-self:stretch}.side-section{grid-column:2;margin:12px 0 0;padding:0;border:0;grid-row:6/9}.side-section .section-caption{font-size:8px;margin:0}.work-row{padding:2px 0;font-size:10px}.profile-source{grid-column:1/-1;display:none}.profile-main{padding:20px}.modal-toolbar{margin-bottom:14px}.modal-tabs{gap:18px;margin-bottom:20px}.modal-tabs button{font-size:10px}.synergy-list{grid-template-columns:repeat(3,1fr)}.synergy-pal{flex-direction:column;align-items:flex-start;gap:4px}.role-rank>span:last-child{font-size:9px}.tool-panel{padding:20px}.breed-calculator{grid-template-columns:1fr 20px 1fr}.offspring-slot{grid-column:1/-1;min-height:160px}.breed-calculator>.math-symbol:nth-of-type(4){display:none}.offspring-slot img{width:100px;height:100px}.team-slots{grid-template-columns:repeat(3,1fr)}.team-slot{padding:10px;min-height:180px}.team-slot img{width:85px;height:85px}.external-tool{align-items:flex-start;flex-direction:column}.tool-controls{gap:16px}.database-card{padding:16px;gap:12px}.map-layout{height:65vh;min-height:380px}}
@media(max-width:480px){main{padding:20px 16px}.pal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-art{height:155px}.card-art img{width:125px;height:125px}.card-name{font-size:13px}.card-elements{gap:8px}.card-bottom{padding:9px 12px}.search-box{min-width:100%}.sort-field select{max-width:none;height:36px}.search-row{justify-content:space-between}.search-box input{height:44px}.sort-field{margin-left:auto}.collection-tabs{gap:20px}.collection-tabs button{font-size:11px}.filters select{font-size:10px}.results-line{align-items:flex-start;gap:8px}.rank-legend{max-width:125px;font-size:8px;line-height:1.6;text-align:right}.page-heading{gap:12px}.title-row{gap:12px}.profile-main{padding:18px 16px}.modal-tabs{gap:15px}.split-section{grid-template-columns:1fr;gap:20px}.role-rank{padding:9px 3px}.role-rank>span:last-child{font-size:8px}.section-heading h2{font-size:14px}.section-heading>span{font-size:8px}.synergy-list{gap:6px}.synergy-pal{padding:8px 6px}.synergy-pal strong{font-size:9px}.synergy-pal small{font-size:8px}.partner-panel{padding:14px}.profile-side{column-gap:14px;grid-template-columns:105px 1fr}.profile-side h1{font-size:24px}.profile-art{height:125px}.profile-art img{width:110px;height:110px}.tier-row{gap:12px}.tier-row-label{width:45px;font-size:22px}.tier-pal{width:66px}.tier-pal img{width:52px;height:52px}.tier-pals{gap:0;padding:10px 8px 10px 0}.database-grid{grid-template-columns:1fr}.team-slots{grid-template-columns:repeat(2,1fr)}.tool-controls{grid-template-columns:1fr}.parent-slot img{width:95px;height:95px}.parent-slot select{font-size:10px;padding:8px}.math-symbol{font-size:18px}.tool-panel{padding:16px}.entry-body{padding:20px}.entry-top h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pal-card:hover{transform:none}.pal-card:hover .card-art img{transform:none}}
.map-workspace{display:grid;grid-template-columns:205px minmax(0,1fr);height:660px;max-height:calc(100dvh - 240px);min-height:420px;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.map-layer-panel{padding:16px;overflow:auto;border-right:1px solid var(--color-border)}.map-layer-panel h3{font-size:11px;margin-bottom:12px}.layer-label{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:10px}.layer-label input{accent-color:var(--color-accent)}.layer-label span:last-child{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:var(--color-text-muted)}.map-layer-panel select{width:100%;font-size:10px;margin:10px 0;padding:8px}.map-stage{position:relative;overflow:hidden;min-width:0;background:#18343c}.map-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.map-canvas:active{cursor:grabbing}.map-canvas:focus-visible{outline-offset:-4px}.map-zoom{position:absolute;top:12px;right:12px;display:flex;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--color-surface)}.map-zoom button{width:32px;height:32px;display:grid;place-items:center}.map-attribution{position:absolute;bottom:0;right:0;background:#18343cdd;color:#d9e8e8;padding:3px 8px;font-size:8px}.map-popup{position:absolute;left:16px;bottom:24px;max-width:calc(100% - 32px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-lg);min-width:200px}.map-popup-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:800}.map-popup p{font-size:10px;color:var(--color-text-secondary);margin:6px 0 12px}.map-popup .btn{margin-right:8px}.habitat-map{height:300px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;position:relative;margin:16px 0}.map-help{font-size:10px;color:var(--color-text-secondary);margin-top:12px}.pal-lore{font-size:11px;color:var(--color-text-secondary);margin-top:20px}.pal-lore summary{cursor:pointer;font-weight:650}.pal-lore p{padding-top:8px;line-height:1.8}
@media(max-width:760px){.map-workspace{grid-template-columns:1fr;height:700px;max-height:none;grid-template-rows:auto 480px}.map-layer-panel{border-right:0;border-bottom:1px solid var(--color-border);max-height:180px}.map-layer-options{display:flex;gap:6px 16px;flex-wrap:wrap}.layer-label{margin-bottom:6px}.layer-label span:last-child{display:none}.map-layer-panel select{max-width:250px}.map-help{font-size:9px}.habitat-map{height:260px}}
/* Shared roles and builds: the same definitions drive filters, profiles, and team choices. */
.card-roles{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.6;margin-top:8px;min-height:15px}.profile-roles{margin-bottom:22px}.pal-role-chips{display:flex;flex-wrap:wrap;gap:7px}.role-chip{border:1px solid var(--color-border);padding:6px 8px;border-radius:var(--radius-sm);font-size:10px;display:flex;align-items:center;gap:6px;min-height:32px}.role-chip svg{width:13px;height:13px}.role-chip.primary-role{background:var(--color-accent-soft);color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border))}.role-chip>span{font-size:8px;font-weight:800;margin-left:3px;border-left:1px solid var(--color-border);padding-left:7px}.build-switch button{display:inline-flex;align-items:center;gap:6px;font-size:10px}.build-switch svg{width:14px;height:14px}.build-role-summary{padding:16px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:20px}.role-family-label{display:block;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--color-accent);margin-bottom:4px}.build-role-summary h3{font-size:18px;margin-bottom:4px}.build-role-summary>p{font-size:11px;color:var(--color-text-secondary)}.role-evidence{display:flex;align-items:center;gap:6px;font-size:10px;margin-top:10px;color:var(--color-text-secondary)}.role-evidence svg{width:13px;height:13px;color:var(--color-accent)}.build-variants{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.build-variants button{padding:6px 10px;border:1px solid var(--color-border);border-radius:4px;font-size:10px;min-height:34px}.build-variants button.active{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.build-context{font-size:10px;color:var(--color-text-secondary);margin:16px 0;line-height:1.8}.build-alternatives{font-size:11px;margin:16px 0;color:var(--color-text-secondary)}.build-alternatives summary{font-weight:700;cursor:pointer;color:var(--color-text)}.apply-build{margin-top:12px}.build-partner{width:100%;margin-bottom:10px;align-items:center}.build-partner>span{flex:1}.build-partner>svg{width:16px;height:16px}.role-guide-note{font-size:12px;color:var(--color-text-secondary);max-width:85ch;margin-bottom:24px;line-height:1.9}.role-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.role-definition{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column}.role-definition-head{display:flex;align-items:center;gap:12px}.role-definition-head h2{font-size:18px}.role-definition-head .count-tag{margin-left:auto;font-size:var(--text-xs);white-space:nowrap}.role-icon{width:38px;height:38px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.role-goal{font-size:12px;margin:16px 0 10px}.role-requirement{font-size:10px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:16px}.role-requirement strong{display:block;font-size:9px;color:var(--color-text-muted);font-weight:700}.role-definition-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px}.role-definition-footer>span{font-size:9px;color:var(--color-text-muted)}.team-role-select{max-width:100%;font-size:10px;padding:6px}.team-slot{min-height:260px}.team-slot .reset-btn{font-size:9px}.passive-detail>span{white-space:pre-line}
@media(max-width:1000px){.role-catalogue{grid-template-columns:1fr}.role-definition-footer{flex-wrap:wrap}.build-switch{gap:6px}.profile-roles .section-heading{margin-bottom:10px}}
@media(max-width:480px){.role-definition{padding:18px}.role-definition-head h2{font-size:16px}.role-chip{font-size:9px;padding:5px 7px}.role-chip>span{font-size:7px}.card-roles{font-size:var(--text-xs)}.build-partner{flex-direction:row;align-items:flex-start}.build-partner img{width:38px;height:38px}.build-partner small{font-size:9px}.build-switch button{min-height:34px}.team-slot{min-height:240px}.role-catalogue{gap:14px}.role-definition-footer .btn{width:100%}}
/* Mount travel range: shared model outputs in profiles and comparisons. */
.mount-summary{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:18px 0;margin-bottom:24px}.range-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:12px;flex-wrap:wrap}.range-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.range-mode-label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:6px}.range-value{display:block;font-size:22px;font-family:var(--font-mono);font-weight:650;letter-spacing:-.8px;color:var(--color-text);line-height:1.4;font-variant-numeric:tabular-nums}.range-value.range-small{font-size:16px;letter-spacing:-.4px}.range-value.range-status{font-family:var(--font-body);font-size:14px;font-weight:750;letter-spacing:-.2px;line-height:1.5}.range-unit{font-size:var(--text-xs);font-family:var(--font-body);font-weight:500;letter-spacing:0;color:var(--color-text-secondary)}.range-detail{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:5px}.mount-note{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.8;margin-top:12px;max-width:95ch}.mount-note a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.mount-note .mobile-only{font-size:var(--text-xs)}.range-metrics-large{padding:16px 0 22px}.mount-travel-modes{display:flex;gap:8px;margin-bottom:20px}.mount-travel-modes .selected{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.mount-method{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin:20px 0}.mount-method>summary{padding:12px 16px;cursor:pointer;font-size:var(--text-xs);font-weight:700}.mount-method>summary .count-tag{margin-left:12px;font-size:var(--text-xs)}.mount-method-body{padding:0 16px 18px;border-top:1px solid var(--color-border-subtle)}.range-equation{font-family:var(--font-mono);font-size:12px;padding-top:16px;line-height:1.8}.range-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 12px}.range-setting-grid>label{font-size:var(--text-xs);font-weight:650;display:flex;flex-direction:column;gap:7px}.range-input-unit{display:flex;align-items:center;gap:8px}.range-input-unit input{width:100%;padding:9px 10px;font-size:12px;min-height:40px}.range-input-unit>span{font-size:var(--text-xs);color:var(--color-text-secondary);min-width:28px}.mount-error{color:var(--color-error,#a83d36);font-size:var(--text-xs);margin:10px 0;min-height:0}.mount-error:empty{display:none}.mount-inputs-scroll,.mount-table-scroll{overflow-x:auto;max-width:100%;border-radius:var(--radius-sm)}.range-input-table{min-width:450px}.range-input-table caption{text-align:left;font-size:var(--text-xs);font-weight:750;padding:0 0 10px}.range-input-table td:last-child{font-size:var(--text-xs);color:var(--color-text-secondary)}.mount-range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mount-range-toolbar .sort-field select{height:40px}.mount-range-toolbar .mount-note{margin:0}.mount-range-table{min-width:980px;background:var(--color-surface);border:1px solid var(--color-border)}.mount-range-table th,.mount-range-table td{padding:12px}.mount-range-table th:first-child,.mount-range-table td:first-child{padding-left:12px}.mount-range-table th{white-space:nowrap}.mount-range-table td:nth-child(2),.mount-range-table th:nth-child(2){position:sticky;left:0;background:var(--color-surface);z-index:1;min-width:185px;border-right:1px solid var(--color-border-subtle)}.mount-range-table td:nth-child(4),.mount-range-table td:nth-child(5){min-width:165px}.mount-range-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);margin:4px}.mount-range-table .mini-pal{text-align:left;line-height:1.4}.mount-range-table .mini-pal img{width:38px;height:38px}.mount-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.mount-comparison-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.mount-comparison-head{display:flex;align-items:center;gap:8px;margin-bottom:16px}.mount-comparison-head>img{width:44px;height:44px;object-fit:contain}.mount-comparison-head>div{flex:1;min-width:0}.mount-comparison-head strong{font-size:12px;display:block}.mount-comparison-head small{display:block;font-size:var(--text-xs);margin-top:3px}.mount-comparison-head .icon-button{width:30px;height:30px;flex-shrink:0}.mount-comparison-item .range-value.range-small{font-size:14px}.mount-comparison-item .range-value.range-status{font-size:var(--text-xs)}.mount-comparison-item .range-metrics{gap:12px}.mount-comparison-item .range-unit{font-size:var(--text-xs)}.mount-comparison-item .range-detail{font-size:var(--text-xs)}#mount-range-comparison:empty{display:none}
@media(max-width:1100px){.mount-comparison-grid{grid-template-columns:1fr}.mount-comparison-item{display:grid;grid-template-columns:1fr 1.5fr;gap:12px 24px}.mount-comparison-head{margin:0}.mount-comparison-item .mount-note{grid-column:1/-1;margin:0}.mount-comparison-item .range-value.range-small{font-size:16px}}
@media(max-width:480px){.range-setting-grid{grid-template-columns:1fr;gap:12px}.range-value{font-size:19px}.range-value.range-small{font-size:15px}.range-value.range-status{font-size:12px}.range-summary-head{font-size:var(--text-xs)}.mount-range-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.mount-range-toolbar .sort-field{margin-left:0}.mount-range-toolbar .sort-field>span{display:inline}.range-equation{font-size:var(--text-xs)}.mount-method>summary{font-size:var(--text-xs)}.mount-comparison-item{display:block}.mount-comparison-head{margin-bottom:14px}.mount-comparison-item .mount-note{margin-top:12px}.mount-summary{padding:16px 0}.range-metrics{gap:12px}}
:root{--color-error:#9d302d}:root[data-theme=dark]{--color-error:#f1a49c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-error:#f1a49c}}
.mount-mobile-list{display:none}@media(max-width:760px){.mount-table-scroll{display:none}.mount-mobile-list{display:flex;flex-direction:column;gap:12px}.mount-mobile-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px}.mount-mobile-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mount-mobile-head>input{width:18px;height:18px;accent-color:var(--color-accent);margin:4px;flex-shrink:0}.mount-mobile-head .mini-pal{flex:1;text-align:left;font-size:12px}.mount-mobile-head .mini-pal img{width:38px;height:38px}.mount-mobile-rank{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.mount-mobile-item .range-metrics{gap:16px}.mount-mobile-inputs{border-top:1px solid var(--color-border-subtle);margin-top:14px;padding-top:10px;font-size:var(--text-xs)}.mount-mobile-inputs summary{cursor:pointer;font-weight:650;color:var(--color-text-secondary)}.mount-mobile-inputs dl{margin:10px 0 0}.mount-mobile-inputs dl>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0}.mount-mobile-inputs dt{color:var(--color-text-secondary)}.mount-mobile-inputs dd{margin:0;font-family:var(--font-mono)}}
/* Weapon rarity colors are semantic game cues; text uses the theme's AA foreground. */
.weapon-rarity{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);white-space:nowrap;color:var(--color-text-secondary)}.weapon-rarity i{width:7px;height:7px;background:var(--rarity-color,var(--color-text-muted));border-radius:2px;flex-shrink:0}.rarity-common{--rarity-color:#84918b}.rarity-uncommon{--rarity-color:#4a9873}.rarity-rare{--rarity-color:#598abe}.rarity-epic{--rarity-color:#a378b7}.rarity-legendary{--rarity-color:#bd903f}.weapon-search>select{max-width:210px;height:46px;font-size:12px}.weapon-rarity-picker{border:0;padding:0;margin:0 0 16px;display:flex;gap:8px;flex-wrap:wrap}.weapon-rarity-picker legend{font-size:var(--text-xs);color:var(--color-text-secondary);padding:0 0 8px}.weapon-rarity-picker>button{min-height:38px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-xs)}.weapon-rarity-picker>button.active{background:var(--color-accent-soft);border-color:var(--color-accent);box-shadow:inset 0 -2px var(--color-accent);color:var(--color-accent)}.weapon-rarity-picker>button.active .weapon-rarity{color:var(--color-text);font-weight:800}.weapon-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.weapon-toolbar label{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--color-text-secondary)}.weapon-toolbar select{font-size:var(--text-xs);min-height:38px;padding:8px 30px 8px 10px}.weapon-model-note{font-size:var(--text-xs);color:var(--color-text-secondary);margin:12px 0 20px}.weapon-method{margin:24px 0;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md)}.weapon-method summary{padding:14px 16px;font-size:12px;font-weight:700;cursor:pointer}.weapon-method>div{padding:0 16px 16px;max-width:900px}.weapon-method p{font-size:var(--text-xs);margin:12px 0;line-height:1.8;color:var(--color-text-secondary)}.weapon-method a,.weapon-detail a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.weapon-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:auto}.weapon-ranking-table{width:100%;border-collapse:collapse;text-align:left;min-width:790px;font-size:var(--text-xs)}.weapon-ranking-table th,.weapon-ranking-table td{padding:14px 12px;border-bottom:1px solid var(--color-border-subtle)}.weapon-ranking-table thead th{font-size:var(--text-xs);font-weight:700;white-space:nowrap;color:var(--color-text-secondary);background:var(--color-surface-soft)}.weapon-ranking-table tr:last-child>*{border-bottom:0}.weapon-ranking-table tbody tr:hover{background:color-mix(in oklch,var(--color-accent-soft) 35%,var(--color-surface))}.weapon-ranking-table th:nth-child(2){width:27%}.weapon-name{display:flex;align-items:center;gap:12px;text-align:left;padding:0;line-height:1.4}.weapon-name img{width:46px;height:46px;object-fit:contain;background:var(--color-art);border-radius:var(--radius-sm);flex-shrink:0}.weapon-name strong{font-size:12px;font-weight:750;display:block;color:var(--color-text)}.weapon-name small{font-size:var(--text-xs);font-weight:500;display:block;margin-top:4px;color:var(--color-text-secondary)}.weapon-name:hover strong{color:var(--color-accent)}.weapon-rank{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.weapon-number{font-variant-numeric:tabular-nums;text-align:right}.weapon-dps-cell{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.weapon-bar{display:block;width:100%;height:3px;border-radius:3px;background:var(--color-surface-soft);margin-top:7px;overflow:hidden}.weapon-bar:after{content:'';display:block;width:var(--weapon-bar);height:100%;background:var(--color-accent);opacity:.6}.weapon-unknown{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500}.weapon-selected{background:var(--color-accent-soft)!important;border-color:var(--color-accent)!important;color:var(--color-accent)}.weapon-mobile-list{display:none}#weapon-comparison:not(:empty){margin:24px 0 28px;scroll-margin-top:16px}#weapon-comparison .section-heading{margin:0 0 12px}.weapon-compare-scroll{position:relative;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.weapon-comparison-table{width:100%;min-width:calc(116px + var(--weapon-count)*180px);table-layout:fixed;border-collapse:collapse}.weapon-comparison-table th,.weapon-comparison-table td{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);padding:12px 16px;vertical-align:top;text-align:left;font-size:12px;font-variant-numeric:tabular-nums}.weapon-comparison-table tr>*:last-child{border-right:0}.weapon-comparison-table tr:last-child>*{border-bottom:0}.weapon-comparison-table tr>th:first-child{width:116px;font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);position:sticky;left:0;background:var(--color-surface);z-index:1}.weapon-comparison-table thead tr>th:first-child{vertical-align:bottom;background:var(--color-surface-soft)}.weapon-comparison-table thead th{background:var(--color-surface-soft)}.weapon-compare-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.weapon-compare-head>img{height:56px;width:64px;object-fit:contain}.weapon-compare-head .icon-button{height:30px;width:30px}.weapon-comparison-table select{display:block;width:100%;font-size:var(--text-xs);margin:8px 0;padding:8px 20px 8px 8px;min-height:36px}.weapon-comparison-table .weapon-rarity{margin-top:4px}.weapon-primary-row td{font-size:21px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.5px}.weapon-comparison-table td small{display:block;margin-top:4px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);letter-spacing:0}.weapon-best{background:var(--color-accent-soft);color:var(--color-accent)}.weapon-compare-tray{position:sticky;bottom:12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;margin-top:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-lg);z-index:2}.weapon-compare-tray>span{font-size:var(--text-xs);white-space:nowrap;color:var(--color-text-secondary)}.weapon-compare-tray>div{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.weapon-compare-tray>div>button{font-size:var(--text-xs);display:flex;align-items:center;gap:5px;border:1px solid var(--color-border);background:var(--color-surface);padding:6px;border-radius:var(--radius-sm);min-height:32px}.weapon-compare-tray small{font-size:var(--text-xs)}.weapon-compare-tray svg{height:12px;width:12px}.weapon-detail-top{display:flex;gap:20px;align-items:center;margin:24px 0}.weapon-detail-top>img{width:100px;height:100px;object-fit:contain;background:var(--color-art);border-radius:var(--radius-md)}.weapon-detail-top label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin:12px 0 4px}.weapon-detail-top select{font-size:12px}.weapon-detail-dps{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:20px 0;margin-bottom:20px}.weapon-detail-dps span,.weapon-detail-dps small{display:block;font-size:var(--text-xs);color:var(--color-text-secondary)}.weapon-detail-dps strong{display:block;font-family:var(--font-mono);font-size:26px;color:var(--color-accent);line-height:1.6}.weapon-detail-note{font-size:var(--text-xs);color:var(--color-text-secondary);padding:12px;background:var(--color-surface-soft);border-radius:var(--radius-sm);margin-bottom:20px}.weapon-detail>h3{margin:24px 0 12px}.weapon-detail>.btn{margin:4px 0 8px}.weapon-detail .profile-note{line-height:1.8}
@media(max-width:1100px){.weapon-ranking-table{min-width:720px}.weapon-ranking-table th,.weapon-ranking-table td{padding:12px 9px}.weapon-name{gap:8px}.weapon-compare-tray>div{display:none}.weapon-compare-tray{justify-content:space-between}.weapon-catalogue-link{white-space:nowrap}}
@media(max-width:760px){.weapon-table-wrap{display:none}.weapon-mobile-list{display:flex;flex-direction:column;gap:12px}.weapon-mobile-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.weapon-mobile-head{display:flex;gap:10px;align-items:center}.weapon-mobile-head .weapon-name{flex:1;min-width:0}.weapon-mobile-head>.weapon-rarity{font-size:var(--text-xs)}.weapon-mobile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}.weapon-mobile-metrics span{font-size:var(--text-xs);color:var(--color-text-secondary);display:block}.weapon-mobile-metrics strong{font-family:var(--font-mono);font-size:20px;font-weight:750;display:block}.weapon-mobile-metrics>div:first-child strong{color:var(--color-accent)}.weapon-mobile-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-subtle);padding-top:12px}.weapon-mobile-bottom>span{font-size:var(--text-xs);color:var(--color-text-secondary)}.weapon-search{flex-wrap:wrap}.weapon-search>select{max-width:none;flex:0 0 150px}.weapon-search .search-box{min-width:170px}.weapon-toolbar{gap:10px;align-items:stretch}.weapon-toolbar label{display:block;flex:1}.weapon-toolbar select{display:block;width:100%;margin-top:4px}.weapon-catalogue-link{display:none}.weapon-comparison-table{min-width:calc(96px + var(--weapon-count)*134px)}.weapon-comparison-table tr>th:first-child{width:96px;font-size:var(--text-xs)}.weapon-comparison-table th,.weapon-comparison-table td{padding:10px;font-size:var(--text-xs)}.weapon-primary-row td{font-size:18px}.weapon-comparison-table select{font-size:var(--text-xs)}.weapon-compare-head>img{height:44px;width:44px}.weapon-comparison-table .weapon-rarity{font-size:var(--text-xs)}.weapon-comparison-table .weapon-unknown{font-size:var(--text-xs)}.weapon-comparison-table .reset-btn{padding:0;text-align:left}.weapon-rarity-picker>button{flex:1 0 28%;padding:6px 8px}.weapon-rarity-picker>button .weapon-rarity{font-size:var(--text-xs)}.weapon-search>select{font-size:var(--text-xs)}.weapon-method summary{font-size:var(--text-xs)}}
@media(max-width:400px){.weapon-search>select{flex-basis:120px}.weapon-search .search-box{min-width:150px}.weapon-search input{padding-right:12px}.weapon-mobile-item{padding:12px}.weapon-mobile-head{gap:8px}.weapon-mobile-head .weapon-name img{width:38px;height:38px}.weapon-mobile-head .weapon-name strong{font-size:var(--text-xs)}.weapon-detail-dps strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){#weapon-comparison{scroll-behavior:auto}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#weapon-compare-tray{position:sticky;bottom:12px;z-index:2}.weapon-compare-tray{position:static}
.weapon-compare-title{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere;min-height:34px}@media(max-width:760px){.weapon-comparison-table{min-width:calc(96px + var(--weapon-count)*122px)}.weapon-compare-title{font-size:var(--text-xs);min-height:30px}.weapon-search>select{flex-basis:148px}}@media(max-width:360px){.weapon-search .search-box{flex-basis:100%}.weapon-search>select{flex:1}}
/* Keep comparison scrolling inside its region, including sticky-column overflow in Chromium. */
html:has(#weapon-results){overflow-x:clip}
/* Base scouting keeps guide reports separate from measured map proximity. */
.base-purpose{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.base-purpose button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:8px 12px;font-size:11px;min-height:38px}.base-purpose button.active,.base-selected{background:var(--color-accent-soft)!important;border-color:var(--color-accent)!important;color:var(--color-accent)}.base-purpose button.active{box-shadow:inset 0 -2px var(--color-accent);font-weight:750}.base-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.base-filters label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--color-text-secondary);flex:1;min-width:130px}.base-filters select{font-size:11px;padding:9px 28px 9px 10px;min-height:38px}.base-filters>.reset-btn{min-height:38px}.base-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.base-map-panel{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;scroll-margin-top:12px}.base-map-tools{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--color-border)}.base-map-tools label{display:flex;flex-direction:column;gap:4px;font-size:9px;color:var(--color-text-secondary);flex:1;min-width:0}.base-map-tools select{font-size:10px;min-height:36px;padding:8px 24px 8px 8px;width:100%}.base-map-stage{height:460px;position:relative;background:#18343c;overflow:hidden}.base-map-stage .map-zoom button{width:36px;height:36px}.base-focus-map{position:absolute;bottom:24px;left:12px;box-shadow:var(--shadow-lg)}.base-map-caption{font-size:9px;line-height:1.6;color:var(--color-text-secondary);padding:10px 12px}.base-error{font-size:11px;color:var(--color-error);padding:0 12px 12px}.base-error:empty{display:none}.base-location-list{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-height:600px;overflow:auto;overscroll-behavior:contain}.base-location{padding:16px;border-bottom:1px solid var(--color-border-subtle);position:relative;border-left:3px solid transparent}.base-location:last-child{border-bottom:0}.base-location.active{background:color-mix(in oklch,var(--color-accent-soft) 45%,var(--color-surface));border-left-color:var(--color-accent)}.base-location-open{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:0;line-height:1.4}.base-location-open>span:last-child{min-width:0}.base-location-open strong{font-size:12px;font-weight:750;display:block;color:var(--color-text)}.base-location-open:hover strong{color:var(--color-accent)}.base-location-open small{font-size:9px;display:block;margin:5px 0;color:var(--color-text-secondary)}.base-pin-number{font-family:var(--font-mono);font-size:10px;border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:var(--radius-sm);min-width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.base-location.active .base-pin-number{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.base-coordinates{font-family:var(--font-mono);font-size:11px;letter-spacing:0;white-space:nowrap}.base-location-resources{font-size:10px;color:var(--color-text-secondary);margin:12px 0 12px 36px;line-height:1.7}.base-location-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.base-location-actions>span{font-size:9px;color:var(--color-text-secondary)}.base-location-actions .btn svg{height:14px;width:14px}.base-detail{margin-top:24px;border-top:1px solid var(--color-border);padding:24px 0}.base-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.base-detail-heading p{font-size:11px;margin-top:6px;color:var(--color-text-secondary)}.base-detail-heading>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.base-detail-heading .icon-button{width:34px;height:34px;border:1px solid var(--color-border)}.base-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;margin:24px 0;padding:0 0 24px;border-bottom:1px solid var(--color-border-subtle)}.base-detail-facts dt{font-size:10px;color:var(--color-text-secondary);margin-bottom:5px}.base-detail-facts dd{margin:0;font-size:12px;font-weight:650}.base-detail-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px}.base-detail-notes h3{font-size:12px;margin:0 0 6px}.base-detail-notes p{font-size:11px;color:var(--color-text-secondary);line-height:1.8;margin:0 0 16px}.base-detail-notes a{font-size:10px;color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.base-detail-notes .base-scan-summary{font-weight:650;font-size:13px;color:var(--color-text);line-height:1.8}.base-detail-notes .base-note,.base-note{font-size:10px;color:var(--color-text-secondary);line-height:1.7;margin:12px 0}.base-method{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);margin:24px 0}.base-method summary{font-size:12px;font-weight:700;cursor:pointer;padding:14px 16px}.base-method>div{max-width:900px;padding:0 16px 16px}.base-method p{font-size:11px;line-height:1.8;margin:12px 0;color:var(--color-text-secondary)}.base-method a,.base-comparison-table a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}#base-comparison:not(:empty){margin:24px 0;scroll-margin-top:12px}#base-comparison>.section-heading{margin-bottom:12px}.base-comparison-scroll{position:relative;max-width:100%;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overscroll-behavior:contain}.base-comparison-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:calc(124px + var(--base-count)*180px)}.base-comparison-table th,.base-comparison-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;font-size:11px;line-height:1.7;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.base-comparison-table tr>*:last-child{border-right:0}.base-comparison-table tr:last-child>*{border-bottom:0}.base-comparison-table tr>th:first-child{position:sticky;left:0;background:var(--color-surface);width:124px;font-weight:500;font-size:10px;color:var(--color-text-secondary);z-index:1}.base-comparison-table thead th{background:var(--color-surface-soft)}.base-comparison-table thead tr>th:first-child{background:var(--color-surface-soft);vertical-align:bottom}.base-comparison-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:54px}.base-comparison-heading strong{font-size:12px;line-height:1.5;font-weight:750}.base-comparison-heading .icon-button{width:28px;height:28px;flex-shrink:0}.base-comparison-heading svg{width:14px;height:14px}.base-comparison-table select{display:block;width:100%;font-size:10px;min-height:36px;padding:8px 24px 8px 8px;margin:10px 0}.base-comparison-table .reset-btn{padding:0;text-align:left}.base-comparison-table .base-node-row>td{font-family:var(--font-mono);font-size:14px;font-weight:700}.base-comparison-tray{display:flex;align-items:center;gap:16px;border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-lg);margin-top:24px}#base-tray{position:sticky;bottom:12px;z-index:2}.base-comparison-tray>span{font-size:10px;color:var(--color-text-secondary);white-space:nowrap}.base-comparison-tray>div{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.base-comparison-tray>div>button{display:flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:9px;padding:6px;min-height:32px}.base-comparison-tray svg{height:12px;width:12px}
@media(max-width:1100px){.base-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.base-detail-heading{flex-direction:column;gap:16px}.base-detail-heading>div:last-child{justify-content:flex-start}.base-comparison-tray>div{display:none}.base-comparison-tray{justify-content:space-between}.base-detail-facts{gap:16px}}
@media(max-width:900px){.base-workspace{grid-template-columns:1fr}.base-map-stage{height:360px}.base-location-list{max-height:450px}.base-map-panel{scroll-margin-top:12px}.base-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.base-map-stage{height:300px}.base-purpose{gap:6px}.base-purpose button{padding:6px 9px;font-size:10px;min-height:34px}.base-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.base-filters label{min-width:0;font-size:9px}.base-filters select{width:100%;font-size:10px;padding:8px 22px 8px 8px;min-height:36px}.base-filters>.reset-btn{grid-column:1/-1;justify-self:end;min-height:24px;padding:0}.base-map-tools{gap:8px}.base-map-tools label{font-size:9px}.base-map-caption{font-size:9px}.base-location-list{max-height:none;overflow:visible}.base-detail-notes{grid-template-columns:1fr;gap:20px}.base-detail-facts{gap:16px 12px}.base-detail-heading h2{font-size:19px}.base-detail-heading>div:last-child{gap:6px}.base-detail-heading .btn{font-size:9px;padding:6px 8px}.base-detail-heading .icon-button{width:34px}.base-detail-facts dd{font-size:11px}.base-comparison-table{min-width:calc(96px + var(--base-count)*122px)}.base-comparison-table tr>th:first-child{width:96px;font-size:9px}.base-comparison-table th,.base-comparison-table td{padding:10px;font-size:10px}.base-comparison-heading{min-height:65px;flex-direction:column-reverse;gap:4px}.base-comparison-heading .icon-button{align-self:flex-end}.base-comparison-heading strong{font-size:10px;min-height:30px}.base-comparison-table select{font-size:10px}.base-comparison-tray{padding:10px 12px;gap:8px}.base-comparison-tray>.btn{font-size:10px}.base-method summary{font-size:11px}.base-workspace{gap:16px}#base-comparison>.section-heading{gap:10px;align-items:flex-start}#base-comparison h2{font-size:16px}.base-note{font-size:9px}.base-filters .reset-btn{font-size:10px}.base-location{padding:16px}.base-location-open strong{font-size:13px}}
@media(max-width:360px){.base-map-stage{height:270px}.base-detail-heading>div:last-child .btn:last-child{width:100%}.base-detail-heading>div:last-child{width:100%}.base-detail-facts{grid-template-columns:1fr 1fr}.base-purpose button{font-size:9px}.base-comparison-tray>.btn{font-size:9px}}
@media(prefers-reduced-motion:reduce){#base-comparison,.base-map-panel{scroll-behavior:auto}}
.base-filter-toggle{display:none}@media(max-width:600px){.base-filter-toggle{display:inline-flex;min-height:38px;margin-bottom:12px;font-size:11px}.base-filter-toggle span{font-size:9px;color:var(--color-text-secondary)}.base-filters:not(.expanded){display:none}.base-filter-toggle svg{height:14px;width:14px}}
.base-page-heading .count-tag{white-space:nowrap}.base-search-row{flex-wrap:nowrap}.base-search-row .search-box{min-width:0;flex:1}@media(max-width:600px){.base-page-heading>a{display:none}.base-page-heading h1{white-space:nowrap}.base-search-row .search-box{flex-basis:0}.base-search-row>.btn{padding:10px 12px;flex-shrink:0}}
/* Recommended mount builds share the modal's quiet, structured field-guide style. */
.mount-build-intro{margin:0 0 20px}.mount-build-config{border-block:1px solid var(--color-border);padding:16px 0;margin-bottom:22px}.mount-build-top{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mount-build-top label,.mount-party-config>label{display:flex;flex-direction:column;gap:8px;font-size:var(--text-xs);font-weight:700}.mount-build-top select,.mount-party-config select{min-height:44px;width:100%;font-size:12px;padding:10px}.mount-trait-picker{border:0;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mount-trait-picker legend{padding:0;margin-bottom:10px;font-size:var(--text-xs);font-weight:700}.mount-trait-picker legend span{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;margin-left:8px}.mount-trait-picker label{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-surface)}.mount-trait-picker label:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}.mount-trait-picker input,.mount-condition input{width:17px;height:17px;flex-shrink:0;accent-color:var(--color-accent)}.mount-trait-picker strong{display:block;font-size:var(--text-xs)}.mount-trait-picker small{display:block;font-size:var(--text-xs);line-height:1.6;color:var(--color-text-secondary);margin-top:3px}.mount-party-config{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:18px}.mount-party-config .btn{min-height:44px}.mount-party-config .mount-note{grid-column:1/-1;margin:0}.mount-condition{display:flex;gap:10px;align-items:center;font-size:var(--text-xs);margin-top:18px;min-height:44px;flex-wrap:wrap}.mount-condition span{color:var(--color-text-secondary);margin-left:auto;font-size:var(--text-xs)}.mount-effective-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mount-effective-stats>div{display:flex;flex-direction:column;gap:7px}.mount-effective-stats span{font-size:var(--text-xs);color:var(--color-text-secondary)}.mount-effective-stats strong{font-size:20px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.mount-effective-stats small{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.mount-gain{display:block;color:var(--color-accent);font-size:var(--text-xs);line-height:1.7;margin-top:8px}.mount-bonus-breakdown{border-top:1px solid var(--color-border);padding-top:14px}.mount-bonus-breakdown>summary{font-size:var(--text-xs);font-weight:700;cursor:pointer;min-height:36px}.range-bonus-table{margin:8px 0 22px;min-width:320px}.range-bonus-table td:first-child{font-size:var(--text-xs)}.range-bonus-table td,.range-bonus-table th{padding:10px 8px}.range-bonus-table th.number{text-align:right}@media(max-width:480px){.mount-build-top{gap:10px}.mount-trait-picker{grid-template-columns:1fr}.mount-trait-picker label{min-height:54px}.mount-trait-picker small{font-size:var(--text-xs)}.mount-party-config{grid-template-columns:1fr}.mount-effective-stats strong{font-size:19px}.mount-build-top select{font-size:var(--text-xs);padding:10px 6px}.mount-condition span{margin-left:27px}.mount-effective-stats{gap:12px}}
.mount-traits-details{margin-top:16px}.mount-traits-details>summary{cursor:pointer;font-size:var(--text-xs);line-height:1.8;min-height:44px}.mount-traits-details>summary>span{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);padding-left:14px}.mount-traits-details .mount-trait-picker{margin-top:12px}.mount-traits-details .mount-trait-picker legend{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}
.mount-comparison-scope{font-size:var(--text-xs);color:var(--color-text-secondary)}.mount-range-toolbar{flex-wrap:wrap}.range-setting-grid input:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.mount-range-toolbar{display:grid;grid-template-columns:1fr;gap:8px}.mount-ranking-basis{margin:0 0 16px}.mount-range-toolbar .mount-note{font-size:var(--text-xs)}.mount-comparison-scope{display:none}}
/* Shared preset selection and custom four-slot travel calculator. */
.mount-ranking-build-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.mount-ranking-build-field{display:flex;flex-direction:column;gap:6px;font-size:var(--text-xs);font-weight:650}.mount-ranking-build-field select{min-height:44px;min-width:160px;padding:10px 12px;font-size:12px}.mount-ranking-custom{border-block:1px solid var(--color-border);padding:18px 0;margin-bottom:20px}.mount-ranking-custom .section-heading{margin-bottom:12px}.mount-ranking-custom h2{font-size:13px}.mount-ranking-trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.mount-ranking-trait-grid label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--text-xs);font-weight:650}.mount-ranking-trait-grid select{width:100%;min-width:0;min-height:44px;padding:10px;font-size:12px}.mount-ranking-custom-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:14px}.mount-ranking-custom-footer>div{display:flex;gap:14px;flex-wrap:wrap}.mount-ranking-custom-footer .reset-btn{min-height:36px}.mount-ranking-bonus-total{font-size:var(--text-xs);font-weight:700;color:var(--color-accent)}.mount-comparison-traits{font-size:var(--text-xs);line-height:1.8;color:var(--color-text-secondary);margin-top:12px}.mount-ranking-basis{margin-top:4px}@media(max-width:1100px){.mount-comparison-traits{grid-column:1/-1;margin-top:0}}@media(max-width:480px){.mount-ranking-build-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.mount-ranking-build-field select{min-width:0;width:100%;font-size:var(--text-xs);padding:10px 6px}.mount-ranking-trait-grid{grid-template-columns:1fr;gap:10px}.mount-ranking-custom-footer{align-items:flex-start}.mount-ranking-custom-footer>div{gap:8px 14px}.mount-comparison-traits{margin-top:12px}}
/* Independent, repeatable comparison setups. */
.mount-comparison-item.mount-slot{display:flex;flex-direction:column;gap:0;min-width:0}.mount-slot .mount-comparison-head{margin:0 0 16px}.mount-slot-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:18px}.mount-slot-controls label,.mount-slot-traits label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-xs);font-weight:650;min-width:0}.mount-slot-controls select,.mount-slot-traits select{width:100%;min-width:0;min-height:44px;padding:9px 6px;font-size:var(--text-xs)}.mount-slot-stats{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);margin:14px 0 0}.mount-slot .mount-comparison-traits{margin:10px 0 14px;min-height:36px}.mount-slot-traits{border:0;border-top:1px solid var(--color-border);padding:14px 0 0;margin:0 0 14px;display:flex;flex-direction:column;gap:10px;min-width:0}.mount-slot-traits legend{font-size:var(--text-xs);font-weight:700;padding:0 6px 0 0}.mount-slot-traits .mount-note{margin:0}.mount-slot-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid var(--color-border)}.mount-slot-actions button{min-height:38px;font-size:var(--text-xs)}.mount-slots-note{margin:0 0 16px}.mount-add-comparison{white-space:nowrap;min-height:38px;font-size:var(--text-xs)}.mount-range-table td:first-child{min-width:100px}.mount-mobile-head .mount-add-comparison{order:3;margin-left:auto;flex-shrink:0}.mount-mobile-head .mini-pal{flex:1;min-width:0}.mount-slot .mount-note{font-size:var(--text-xs)}@media(min-width:761px) and (max-width:1100px){.mount-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.mount-slots-grid{grid-template-columns:1fr}.mount-slot-controls select,.mount-slot-traits select{font-size:12px}.mount-mobile-head{flex-wrap:wrap}}
.mount-slots-grid{align-items:start}
/* Per-setup environment and party conditions, with applied bonuses kept visible. */
.mount-slot-condition-summary{font-size:var(--text-xs);line-height:1.7;color:var(--color-text-secondary);margin:0 0 12px}.mount-slot-conditions{border-top:1px solid var(--color-border);padding-top:12px;margin-bottom:16px;min-width:0}.mount-slot-conditions>summary{cursor:pointer;font-size:var(--text-xs);font-weight:700;line-height:1.8;min-height:38px}.mount-slot-conditions>summary>span{display:block;color:var(--color-accent);font-size:var(--text-xs);font-weight:600;margin-left:14px}.mount-slot-condition-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px}.mount-slot-condition-fields label,.mount-slot-party label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--text-xs);font-weight:650}.mount-slot-condition-fields select,.mount-slot-party select{width:100%;min-width:0;min-height:44px;padding:9px 6px;font-size:var(--text-xs)}.mount-slot-party{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}.mount-slot-party legend{font-size:var(--text-xs);font-weight:700;margin-bottom:10px;padding:0}.mount-slot-condition-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.mount-slot-condition-actions button{min-height:36px;font-size:var(--text-xs)}.mount-slot-partner-effects{border-top:1px solid var(--color-border-subtle);margin-top:14px;padding-top:12px;font-size:var(--text-xs);line-height:1.7}.mount-slot-partner-effects>strong{display:block;margin-bottom:8px}.mount-slot-partner-effects>div{display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:var(--color-text-secondary)}.mount-slot-partner-effects>div>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.mount-slot-condition-source{font-size:var(--text-xs);color:var(--color-accent);display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.mount-slot-condition-fields select,.mount-slot-party select{font-size:12px}}

.mount-ranking-conditions{border-block:1px solid var(--color-border);margin:12px 0;min-width:0}.mount-ranking-conditions>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:var(--text-xs);line-height:1.6}.mount-ranking-conditions>summary::before{content:'▸';color:var(--color-text-secondary)}.mount-ranking-conditions[open]>summary::before{content:'▾'}.mount-ranking-conditions>summary>strong{font-weight:600;white-space:nowrap}.mount-ranking-conditions>summary>span{color:var(--color-text-secondary);overflow-wrap:anywhere}.mount-ranking-conditions-body{padding:4px 0 12px}.mount-ranking-conditions .mount-slot-condition-fields{max-width:384px;margin:0 0 12px;gap:12px}.mount-ranking-party{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mount-ranking-party legend{margin-bottom:8px}.mount-condition-coverage{margin-top:8px;font-size:var(--text-xs);line-height:1.8}.mount-condition-coverage>summary{min-height:36px;display:list-item;align-content:center;cursor:pointer;color:var(--color-text-secondary)}.mount-condition-coverage a{text-decoration:underline;text-underline-offset:3px}.mount-ranking-condition-badge{display:block;margin-top:4px;font-size:var(--text-xs);color:var(--color-accent)}.mount-slot-conditions>summary{font-weight:600}.mount-slot-conditions>summary>span{display:inline;margin-left:6px;color:var(--color-text-secondary);font-weight:400}@media(max-width:1100px){.mount-ranking-party{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.mount-ranking-conditions>summary{padding:8px 0;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.mount-ranking-conditions>summary>span{flex-basis:100%;padding-left:14px}.mount-ranking-conditions-body{padding-top:8px}.mount-ranking-condition-badge{font-size:var(--text-xs)}}

.mount-saved-setups{border-bottom:1px solid var(--color-border);margin:8px 0 12px;min-width:0}.mount-saved-setups>summary{min-height:40px;align-content:center;cursor:pointer;font-size:var(--text-xs);font-weight:600;overflow-wrap:anywhere}.mount-saved-setups>summary>span{font-weight:400;color:var(--color-text-secondary);margin-left:6px}.mount-saved-body{padding:8px 0 12px}.mount-saved-load{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.mount-saved-body label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-xs);font-weight:650;min-width:0}.mount-saved-load>label{flex:1 1 240px;max-width:400px}.mount-saved-body select,.mount-saved-body input{width:100%;min-width:0;min-height:44px;padding:10px;font-size:12px}.mount-saved-actions{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap}.mount-saved-actions .reset-btn,.mount-saved-name-row .reset-btn{min-height:36px}.mount-saved-name-row{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:12px}.mount-saved-name-row>label{flex:1 1 180px;max-width:320px}.mount-saved-body .mount-note{margin-bottom:0}.mount-slot .mount-saved-load>label{flex-basis:100%;max-width:none}.mount-slot .mount-saved-actions{gap:8px 12px}.mount-slot .mount-saved-name-row>label{flex-basis:100%;max-width:none}.mount-slot .mount-saved-actions button{font-size:var(--text-xs)}@media(max-width:480px){.mount-saved-name-row>label,.mount-saved-load>label{flex-basis:100%;max-width:none}.mount-saved-actions{gap:8px 12px}}