/* Shared neutral reference direction, used by every route. */
:root{--bg:#0e0f11;--surface:#16171d;--raised:#212228;--line:#2b2c33;--text:#e8e7e4;--muted:#a8a8b2;--gold:#d0af68;--green:#9dc7b0;--danger:#e8a797;--radius:9px;--canvas:var(--bg);--panel:var(--surface);--stroke:var(--line);--ink:var(--text);--subtle:var(--muted);--accent-soft:#d0af6814}
body{font-weight:400}h1{font-size:clamp(28px,2.4vw,36px);font-weight:400;letter-spacing:.015em}h2{font-size:23px;font-weight:500;letter-spacing:0}h3{font-weight:500;letter-spacing:0}.lead{font-size:14px;line-height:1.65}.eyebrow{font-weight:500}.brand-name{font-family:inherit;font-weight:500;font-size:17px;letter-spacing:.04em}.brand small{font-weight:400}.brand img{width:32px;height:40px}
#header{background:#15161bea;backdrop-filter:blur(14px)}#platform-sidebar{background:#101114}.sidebar-group h2{font-weight:400;letter-spacing:.1em;font-size:10px}.sidebar-group a{font-weight:400;font-size:13px}.sidebar-group a[aria-current]{border-color:#d0af6830;background:#d0af6810}.sidebar-bottom{font-weight:400}.platform-tag{display:none}
#content,#breadcrumbs,#footer{width:min(1400px,calc(100% - var(--sidebar-width)));max-width:1400px;margin-left:calc(var(--sidebar-width) + max(0px,(100% - var(--sidebar-width) - 1400px)/2));margin-right:auto}#content{padding:32px 32px 56px}#breadcrumbs{padding:24px 32px 0}#footer{padding:24px 32px}#collection-notice{width:min(1336px,calc(100% - var(--sidebar-width) - 64px));margin-left:calc(var(--sidebar-width) + 32px + max(0px,(100% - var(--sidebar-width) - 1400px)/2));margin-right:auto}
.home-page .header-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}.home-page .brand{justify-self:start}.home-page .home-nav{margin:0;justify-self:center;gap:28px}.home-page .language{margin:0;justify-self:end}.home-page #content,.home-page #breadcrumbs,.home-page #footer{width:min(1400px,100%);margin-left:auto;margin-right:auto}.home-nav a{font-weight:400}.portal-hero{border-radius:12px}.portal-copy h1{font-size:clamp(32px,3.1vw,46px);font-weight:500;letter-spacing:-.02em}.tool-card{background:var(--surface);border-color:var(--line);border-radius:9px}.tool-card h3,.tool-card h2{font-weight:500;font-size:21px}.tool-card p{font-weight:400}.tool-symbol{font-size:25px}.catalog-entry p:not(.eyebrow){max-width:none}.section-heading h2,.catalog-entry h2{font-weight:400;font-size:25px}.database-directory>a{background:var(--surface)}
.panel,.toolbar,.table-wrap,.db-panel,.db-skill,.catalog-card{background:var(--surface)}.catalog-card:hover{background:#1c1d23}.catalog-image{background:radial-gradient(ellipse at bottom,#63503445,transparent),#1b1c22}.catalog-card.epic .catalog-image{background:radial-gradient(ellipse at bottom,#7157a135,transparent),#1b1c22}.catalog-card p{font-weight:400}.db-portrait{background:radial-gradient(ellipse at bottom,#67523a50,#18191e)}.db-detail-heading h1{font-weight:400}.db-values dd{font-weight:500}
th{background:#1c1d22;font-size:10px;font-weight:400;letter-spacing:.07em}td,th{border-bottom-color:var(--line)}tbody tr:hover{background:#1b1c22}.data-table td .server-link{font-weight:500}.stat strong{font-weight:500}.toolbar{padding:18px}.source-selection .metric-category legend{background:var(--raised);border-left:1px solid var(--gold)}.metric-category .metric-check{font-weight:400}.metric-help-popover{background:#22232a;border-color:#55545b}.connection-form,.collector-actions{font-weight:400}
.field input,.field select,textarea,.server-scope textarea,.choice-button{background:#101115;border-color:#635333;color:var(--text);font-weight:400}.field input::placeholder{color:#95959e}.field input:focus,.field input:focus-visible,textarea:focus,textarea:focus-visible,.choice-button:focus,.choice-button:focus-visible{background:#15161b;border:1px solid var(--gold);outline:0;box-shadow:none}.choice-menu{background:#1a1b21;border-color:#4b4434}.choice-option:hover,.choice-option:focus-visible{background:#27282f}.choice-option[aria-selected=true]{background:#d0af6812}.button,button.primary{color:#141414;font-weight:500}.button:hover,button.primary:hover{color:#141414}.button.secondary,button.secondary{color:var(--text);border-color:#62563a;font-weight:400}.language{border-color:var(--line)}.language button[aria-pressed=true]{background:var(--raised)}
.hero-heading{margin-bottom:28px}.hero-heading h1{font-size:30px;line-height:1.3;margin:0 0 8px;letter-spacing:.02em}.hero-heading .lead{font-size:14px;margin:0;max-width:none}.hero-filters{display:flex;flex-direction:column;gap:12px;margin-top:36px}.hero-search{position:relative;width:100%;display:block}.hero-search svg{position:absolute;left:13px;top:12px;width:20px;height:20px;stroke:var(--muted);stroke-width:1.5;pointer-events:none}.hero-search input{width:100%;height:44px;padding:10px 38px 10px 42px;background:#101115;border:1px solid #635333;border-radius:7px;color:var(--text);font-size:14px;font-weight:400}.hero-search input::placeholder{color:#8f8f99}.hero-search input:focus,.hero-search input:focus-visible{border-color:var(--gold);outline:0;box-shadow:none;background:#15161b}.hero-filter-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hero-filter-options>.field{grid-column:auto;gap:0}.hero-filter-options .choice-button{font-size:13px;font-weight:400;padding:10px 12px;border-radius:7px;min-height:44px}.hero-filter-options .choice-menu{font-size:13px}.hero-list-meta{margin:10px 0 10px}.hero-list-meta p,.hero-list-meta button{font-size:12px;font-weight:400}.hero-list{background:var(--surface);border-color:var(--line);border-radius:10px}.hero-columns,.hero-row{grid-template-columns:minmax(180px,1fr) minmax(260px,1.45fr) 220px 78px 82px 74px 54px;gap:12px;padding:12px 16px}.hero-columns{background:#1d1d22;border-color:var(--line);font-size:10px;letter-spacing:.06em;text-transform:uppercase;min-height:48px}.hero-columns>span:nth-child(n+4){text-align:center}.hero-row{min-height:82px;border-bottom:1px solid #2b2c3380}.hero-row:hover{background:#1a1b20}.hero-identity{gap:12px}.hero-identity h2{font-size:14px;font-weight:400;letter-spacing:0;margin:0 0 3px}.hero-identity small{font-size:12px;font-weight:400}.hero-avatar{width:42px;height:48px;background:#16171d}.hero-open-avatar{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:48px;flex-shrink:0}.hero-identity h2>a{display:inline-flex;align-items:center;min-height:30px}.hero-identity a:hover{text-decoration:underline}.hero-branches{gap:4px}.hero-branch{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:5px;height:44px;min-height:44px;border:0;border-radius:0;padding:0 8px;background:transparent;font-weight:400;font-size:11px;line-height:1.3;color:var(--text);white-space:nowrap}.hero-branch::before{content:'';position:absolute;inset:9px 0;border:1px solid #73505270;background:#73505222;border-radius:20px;z-index:-1}.hero-branch.scenario,.hero-branch.combatStyle{background:transparent;border:0}.hero-branch.scenario::before{border-color:#a1804455;background:#a1804420}.hero-branch.combatStyle::before{border-color:#4b8aa655;background:#4b8aa622}.hero-branch:hover::before,.hero-branch[aria-pressed=true]::before{border-color:var(--gold);background:#d0af6826}.hero-branch img{width:14px;height:14px}.hero-skills{gap:0}.hero-generation{font-size:13px;text-align:center;grid-row:auto;grid-column:auto;margin:0;display:block}.hero-troop,.hero-movement{font-size:12px;color:var(--muted);text-align:center}.hero-movement.air{color:var(--gold)}.hero-details{text-align:center}.hero-view{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:44px;height:44px;border:1px solid #635333;border-radius:7px;color:var(--muted)}.hero-view:hover{border-color:var(--gold);color:var(--gold);background:var(--accent-soft)}.hero-view svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4}.hero-mobile-label{display:none}.hero-list-note{max-width:none;line-height:1.7;font-weight:400;margin-top:18px}.hero-skill-popover{background:#1b1c22;border-color:#5b5340;width:min(470px,calc(100vw - 20px));box-shadow:0 12px 35px #0006;padding:18px}.hero-popover-heading h3{font-weight:500;font-size:16px}.hero-skill-popover p{font-weight:400;font-size:13px;line-height:1.7}.hero-range{display:block;margin:10px 0 0;font-size:11px;color:var(--muted)}.hero-upgrades{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.hero-upgrades p{font-size:12px;margin:7px 0;line-height:1.7}.hero-upgrades strong{font-weight:400;color:var(--gold)}.hero-upgrades strong span{white-space:nowrap}
@media(max-width:1350px) and (min-width:1001px){.hero-columns,.hero-row{grid-template-columns:minmax(180px,1fr) minmax(240px,1.3fr) 220px;gap:8px 12px;padding:12px 14px}.hero-columns>span:nth-child(n+4){display:none}.hero-generation{grid-column:1;grid-row:2;margin:0 0 0 56px;display:flex;align-items:center;gap:6px;text-align:left}.hero-generation .hero-mobile-label{display:inline}.hero-troop{grid-column:2;grid-row:2;text-align:left}.hero-movement{grid-column:3;grid-row:2;text-align:left}.hero-details{grid-column:3;grid-row:2;justify-self:end}.hero-view{width:44px;height:44px}.hero-filter-options{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-filter-options .filter-talent{grid-column:span 2}}
@media(max-width:1000px){#content{padding:28px}#breadcrumbs{padding:22px 28px 0}#footer{padding:24px 28px}#collection-notice{width:calc(100% - 56px);margin:20px 28px}.hero-identity{grid-column:1;grid-row:1/3}.hero-generation{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:end;gap:6px;margin:0}.hero-generation .hero-mobile-label{display:inline;font-size:10px}.hero-movement{grid-column:2;grid-row:2;text-align:right}.hero-branches{grid-column:1/-1;grid-row:3}.hero-skills{grid-column:1;grid-row:4;margin-left:-4px}.hero-troop{grid-column:1;text-align:left;font-size:11px}.hero-details{grid-column:2;grid-row:4/6;align-self:center}.hero-view{width:44px}.hero-filter-options{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-filter-options .filter-talent{grid-column:span 2}}
@media(max-width:700px){#content{padding:24px 18px 44px}#breadcrumbs{padding:20px 18px 0}#footer{padding:24px 18px}#collection-notice{width:calc(100% - 36px);margin:18px}.home-page .header-inner{grid-template-columns:1fr auto;gap:5px 10px}.home-page .home-nav{grid-row:2;grid-column:1/-1;width:100%;justify-content:center;gap:22px;padding-top:5px}.home-nav a{font-size:12px}.home-page .language{grid-row:1;grid-column:2}.home-page #content{padding-top:22px}.portal-copy h1{font-size:33px}.hero-heading h1{font-size:28px}.hero-heading .lead{font-size:13px}.hero-filters{margin-top:24px;gap:10px}.hero-filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-filter-options .filter-talent{grid-column:span 1}.hero-filter-options .filter-movement{grid-column:span 2}.hero-filter-options .choice-button{font-size:12px;padding:10px;min-height:44px}.hero-row{padding:14px 12px}.hero-identity small{font-size:11px}.hero-branches{gap:4px}.hero-branch{font-size:10px}.hero-skills{grid-column:1/-1;grid-row:4}.hero-troop{grid-column:1;grid-row:5}.hero-details{grid-column:2;grid-row:5}.hero-view{width:auto;padding:0 10px;font-size:11px}.hero-view .hero-mobile-label{display:inline}.hero-skill-popover{padding:16px}.hero-upgrades p{font-size:12px}.page-heading h1{font-size:30px;font-weight:400}.tool-card h3{font-size:21px}.database-directory h2{font-size:22px}}
@media(max-width:360px){#content{padding:22px 14px 40px}#breadcrumbs{padding:20px 14px 0}#footer{padding:22px 14px}.home-page .home-nav{gap:18px}.portal-copy h1{font-size:29px}.hero-filter-options .choice-button{font-size:11px;padding:9px 8px}.hero-row{padding:13px 10px}.hero-skill-popover{padding:14px}.hero-branches{gap:3px}.hero-branch{padding:0 7px}}
/* Hero index completion and hero pages — iteration 29 */
.hero-columns,.hero-row{grid-template-columns:minmax(165px,1fr) minmax(250px,1.4fr) 220px 74px 76px 68px 48px 66px;gap:8px;padding:10px 12px}.hero-branches,.hero-skills{justify-content:center}.hero-builds{text-align:center}.hero-builds button{padding:4px;background:none;border:0;font-size:11px;color:var(--muted);opacity:.65;cursor:default;min-height:44px}.hero-row{min-height:76px}
.hero-detail{max-width:none}.hero-profile-card,.hero-section{border:1px solid var(--line);border-radius:9px;background:var(--surface);overflow:hidden}.hero-profile-top{display:flex;gap:18px;padding:22px;background:linear-gradient(115deg,#24212666,#1b1d22)}.hero-profile-avatar{width:76px;height:86px;object-fit:contain}.hero-profile-name h1{font-size:30px;line-height:1.3;margin:0;color:var(--gold);font-weight:400}.hero-profile-name>p{color:var(--muted);margin:3px 0 8px;font-size:13px}.hero-profile-tags{display:flex;flex-wrap:wrap;gap:5px}.hero-profile-tags>span,.hero-profile-branch{display:inline-flex;align-items:center;gap:5px;border:1px solid #57535a;border-radius:18px;font-size:11px;padding:4px 8px;font-weight:400;color:var(--text)}.hero-profile-branch{background:#73505222;border-color:#73505270}.hero-profile-branch.scenario{background:#a1804420;border-color:#a1804455}.hero-profile-branch.combatStyle{background:#4b8aa622;border-color:#4b8aa655}.hero-profile-branch img{height:14px;width:14px}.hero-profile-tags>span{border-radius:5px;background:#101115}.hero-profile-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.hero-profile-actions button{font-size:12px;min-height:44px;padding:10px 16px}.hero-profile-actions button:disabled{opacity:.5;cursor:default}.hero-profile-bio{padding:20px 22px;border-top:1px solid var(--line)}.hero-prose{font-size:14px;font-weight:400;line-height:1.75;max-width:78ch;white-space:normal;overflow-wrap:break-word;margin:0 0 12px}.hero-profile-bio>p{max-width:78ch}.hero-profile-bio dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:22px 0 0}.hero-profile-bio dt{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.hero-profile-bio dd{font-size:12px;margin:0;line-height:1.6}.hero-collection-status{font-size:12px;color:var(--gold);margin:14px 0}.hero-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:28px;margin-top:24px;align-items:start}.hero-detail-sections{min-width:0;display:flex;flex-direction:column;gap:22px}.hero-section{scroll-margin-top:100px}.hero-section-title{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;align-items:center}.hero-section-title h2{font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin:0}.hero-section-title small{font-size:11px;color:var(--muted)}.hero-detail-skill+details{border-top:1px solid var(--line)}.hero-detail-skill summary{display:flex;align-items:center;gap:12px;list-style:none;padding:14px 18px;cursor:pointer;min-height:70px}.hero-detail-skill summary::-webkit-details-marker,.hero-story-chapter summary::-webkit-details-marker{display:none}.hero-detail-skill summary>img{width:40px;height:40px;object-fit:contain}.hero-detail-skill h3{font-size:15px;font-weight:400;margin:0;flex:1;min-width:0;overflow-wrap:break-word}.hero-skill-kind{font-size:10px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;color:var(--muted);white-space:nowrap}.hero-skill-kind.active{border-color:#73505270;background:#73505222;color:#d5a491}.hero-skill-kind.awakening{border-color:#a1804455;background:#a1804420;color:var(--gold)}.hero-accordion-arrow{color:var(--muted);font-size:18px;flex-shrink:0}.hero-detail-skill[open] .hero-accordion-arrow{transform:rotate(180deg)}.hero-skill-body{padding:0 20px 20px 70px}.hero-skill-range{font-size:11px;color:var(--muted);margin:0 0 10px}.hero-skill-body .hero-upgrades{padding-top:10px;margin-top:16px}.hero-original-label{font-size:11px;color:var(--muted);display:block;margin:0 0 8px}.hero-page-nav{position:sticky;top:100px;font-size:12px;padding-top:16px}.hero-page-nav p{margin:0 0 10px;color:var(--text)}.hero-page-nav a{display:block;color:var(--muted);border-left:1px solid var(--line);padding:8px 12px;font-weight:400}.hero-page-nav a:hover{color:var(--gold);border-color:var(--gold)}.hero-timeline{list-style:none;padding:18px 24px;margin:0}.hero-timeline li{border-left:1px solid #79633b;padding:0 0 20px 20px;position:relative}.hero-timeline li:before{content:'';position:absolute;left:-4px;top:7px;background:var(--gold);width:7px;height:7px;border-radius:50%}.hero-timeline li:last-child{padding-bottom:0}.hero-timeline li>span{font-size:12px;color:var(--gold)}.hero-timeline p{margin-top:4px;margin-bottom:0}.hero-story-chapter+details{border-top:1px solid var(--line)}.hero-story-chapter summary{display:flex;gap:12px;align-items:center;padding:16px 20px;list-style:none;cursor:pointer;font-size:13px}.hero-story-chapter summary small{margin-left:auto;color:var(--muted);font-size:11px}.hero-story-chapter>div{padding:0 20px 20px}.hero-traits{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.hero-traits h3{font-size:12px;color:var(--muted);font-weight:400;margin:0 0 10px}.hero-traits ul{padding-left:18px;margin:0;font-size:13px;line-height:1.8}.hero-emoji-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px}.hero-emoji-grid>div{display:flex;align-items:center;text-align:center;flex-direction:column;gap:9px;min-width:0}.hero-emoji-grid img{width:90px;height:90px;object-fit:contain}.hero-emoji-grid span{font-size:12px}.hero-emoji-grid small{font-size:11px;color:var(--muted)}.hero-emoji-placeholder{display:flex;align-items:center;justify-content:center;width:90px;height:90px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}
.hero-profile-dialog{color:var(--text);background:var(--surface);border:1px solid #635333;border-radius:10px;max-width:min(510px,calc(100vw - 24px));width:510px;max-height:calc(100dvh - 24px);padding:24px;overflow-y:auto}.hero-profile-dialog::backdrop{background:#000b}.hero-profile-dialog form{margin:0}.hero-dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.hero-dialog-heading small{font-size:12px;color:var(--gold)}.hero-dialog-heading h2{font-size:23px;font-weight:400;margin:4px 0 0}.hero-dialog-close{width:44px;height:44px;min-height:44px;border:0;background:none;color:var(--muted);font-size:24px;padding:0}.hero-profile-dialog p{font-size:12px;line-height:1.75;color:var(--muted);margin:16px 0}.hero-profile-levels{display:flex;flex-direction:column;gap:8px}.hero-profile-levels label{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-profile-levels label>span{display:flex;align-items:center;gap:12px;font-size:13px;min-width:0}.hero-profile-levels img{width:36px;height:36px;flex-shrink:0}.hero-profile-levels .choice{width:90px;flex-shrink:0}.hero-profile-levels .choice-button{font-size:13px;min-height:44px}.hero-profile-levels select{width:80px}.hero-awakening-preview{color:var(--gold)!important}.hero-profile-error{color:#edb1aa!important}.hero-dialog-actions{gap:10px;margin-top:20px}.hero-dialog-actions button{min-height:44px;font-size:13px}
@media(max-width:1390px) and (min-width:1001px){.hero-columns,.hero-row{grid-template-columns:minmax(165px,1fr) minmax(260px,1.4fr) 220px;gap:8px;padding:10px 12px}.hero-columns>span:nth-child(n+4){display:none}.hero-generation{grid-column:1;grid-row:2;display:flex;gap:6px;margin-left:56px}.hero-generation .hero-mobile-label{display:inline}.hero-troop{grid-column:2;grid-row:2;text-align:left}.hero-movement{grid-column:3;grid-row:2;justify-self:start}.hero-builds{grid-column:3;grid-row:2;justify-self:center}.hero-details{grid-column:3;grid-row:2;justify-self:end}.hero-branches{justify-content:start}}
@media(max-width:1150px){.hero-profile-actions{flex-direction:row;padding-left:94px}.hero-profile-bio dl{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-detail-layout{grid-template-columns:minmax(0,1fr) 135px;gap:20px}}
@media(max-width:1000px){.hero-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:15px 16px}.hero-builds{grid-column:1;grid-row:6;text-align:left}.hero-builds button{padding:0}.hero-troop{grid-row:5}.hero-details{grid-row:5/7}.hero-detail-layout{display:flex;flex-direction:column-reverse;gap:16px}.hero-page-nav{position:static;display:flex;flex-wrap:wrap;gap:4px 12px;padding:0}.hero-page-nav p{display:none}.hero-page-nav a{border:0;padding:8px 0}.hero-detail-sections{width:100%}}
@media(max-width:700px){.hero-profile-top{padding:18px;gap:12px}.hero-profile-avatar{width:56px;height:66px}.hero-profile-name h1{font-size:26px}.hero-profile-name>p{font-size:12px}.hero-profile-tags{margin-top:10px;gap:4px}.hero-profile-branch{font-size:10px;padding:4px 6px}.hero-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-profile-actions button{font-size:11px;padding:10px 8px}.hero-profile-bio{padding:18px}.hero-prose{font-size:13px}.hero-profile-bio dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-profile-bio dd{font-size:12px}.hero-profile-bio dt{font-size:9px}.hero-section-title{padding:14px}.hero-detail-skill summary{padding:14px 12px;gap:10px;flex-wrap:wrap}.hero-detail-skill summary>img{width:34px;height:34px}.hero-detail-skill h3{font-size:13px;flex-basis:calc(100% - 80px)}.hero-skill-kind{margin-left:44px;margin-top:-4px}.hero-accordion-arrow{margin-left:auto}.hero-skill-body .hero-upgrades p{font-size:11px}.hero-timeline{padding:18px}.hero-story-chapter summary{padding:15px 14px}.hero-story-chapter>div{padding:0 14px 16px}.hero-traits{gap:15px;padding:18px}.hero-traits ul{font-size:12px}.hero-emoji-grid{gap:14px;padding:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-emoji-grid img{width:82px;height:82px}.hero-profile-dialog{padding:18px}.hero-dialog-heading h2{font-size:21px}.hero-profile-levels label>span{font-size:12px}.hero-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.hero-dialog-actions button{font-size:12px;padding:10px 8px}.hero-collection-status{line-height:1.7}.hero-builds{grid-row:6}.hero-details{grid-row:5/7}}
/* Hero page refinements — iteration 30 */
.hero-detail-layout{display:block}.hero-detail .hero-prose,.hero-profile-bio>p{max-width:none;width:auto}.hero-detail .hero-page-nav{display:none}
.hero-profile-tags>span.hero-profile-branch{border-radius:18px;background:#73505222;border-color:#73505270;padding:5px 9px;gap:7px}.hero-profile-tags>span.hero-profile-branch.scenario{background:#a1804420;border-color:#a1804455}.hero-profile-tags>span.hero-profile-branch.combatStyle{background:#4b8aa622;border-color:#4b8aa655}.hero-profile-branch img{width:24px;height:24px}
.hero-profile-actions{padding:0;width:auto;display:block}.hero-reference-actions{flex-wrap:wrap;padding:0 22px 20px;background:#1b1d22}.hero-reference-actions button{font-size:12px;padding:10px 16px}.hero-reference-actions button:disabled{opacity:.5;cursor:default}
.hero-detail-skill summary{flex-wrap:nowrap;gap:14px}.hero-detail-skill summary>img{width:52px;height:52px}.hero-skill-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:start;gap:4px}.hero-skill-title h3{font-size:16px;flex:unset;line-height:1.5}.hero-skill-title .hero-skill-kind{border:0;background:none;padding:0;font-size:11px;margin:0;white-space:normal}.hero-accordion-arrow{margin-left:auto;width:20px;text-align:center}.hero-skill-body{padding:0 20px 22px}.hero-guides-empty{padding:20px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.hero-dialog-heading h2{font-size:26px;color:var(--gold);margin:0;line-height:1.35}.hero-dialog-heading p{font-size:14px;margin:4px 0 0}.hero-dialog-actions{display:flex;justify-content:flex-end}.hero-dialog-actions button{min-width:150px}
@media(max-width:1150px){.hero-profile-top{flex-wrap:wrap}.hero-profile-actions{width:100%;padding:0 0 0 94px}}
@media(max-width:700px){.hero-profile-actions{padding:0;width:100%}.hero-profile-actions button{width:100%;font-size:12px}.hero-reference-actions button{font-size:11px}.hero-profile-tags>span.hero-profile-branch{padding:4px 7px}.hero-detail-skill summary{gap:12px;padding:14px}.hero-detail-skill summary>img{width:44px;height:44px}.hero-skill-title h3{font-size:14px;flex-basis:auto}.hero-skill-title .hero-skill-kind{font-size:10px}.hero-skill-body{padding:0 14px 18px}.hero-dialog-heading h2{font-size:24px}.hero-dialog-actions button{width:100%}}
/* Shared catalog hierarchy — iteration 31 */
:root{--catalog-title:#ddd9d1;--catalog-body:#bbbcc4;--catalog-meta:#9698a5}
.hero-profile-card{background:var(--surface);overflow:hidden}.hero-profile-top{background:radial-gradient(ellipse at 26% 0%,#92703a35,transparent 68%),linear-gradient(115deg,#26221e,#1a1b20 75%);padding:26px;gap:22px;align-items:center;flex-wrap:nowrap}.hero-profile-avatar{width:86px;height:100px;flex-shrink:0}.hero-profile-name{flex:1;min-width:0}.hero-profile-name h1{color:#d2b675;font-size:34px;font-weight:500}.hero-profile-name>p{color:var(--catalog-body);font-size:15px}.hero-profile-tags{gap:8px;align-items:center}.hero-profile-tags>span.hero-profile-branch{font-size:12px;padding:3px 10px;min-height:34px}.hero-profile-branch img{width:26px;height:26px}.hero-profile-tags>span.hero-profile-meta{background:transparent;border:0;padding:0 5px;color:var(--catalog-meta);font-size:12px;border-radius:0}.hero-reference-actions{display:flex;padding:0 26px 24px;gap:10px;background:linear-gradient(115deg,#25221f,#1a1b20 75%)}.hero-reference-actions button{min-height:44px;min-width:150px;font-size:13px;padding:10px 18px}.hero-reference-actions #hero-add-profile{margin-left:auto}.future-action:disabled,.hero-reference-actions .future-action:disabled{opacity:1;border:1px solid #75613e;background:#ba955e12;color:#ceb579;cursor:default}.hero-profile-bio dd{color:var(--catalog-body)}.hero-profile-bio dt{color:var(--catalog-meta)}.hero-skill-title h3{color:var(--catalog-title);font-weight:500}.hero-skill-title .hero-skill-kind{color:var(--catalog-meta);font-size:12px}.hero-prose{color:var(--catalog-body)}
.catalog-sort{border:0;background:none;color:inherit;padding:0;min-height:28px;font:inherit;letter-spacing:inherit;text-transform:inherit;display:inline-flex;gap:5px;align-items:center;justify-content:center}.catalog-sort span{color:#b7a174;font-size:13px}.catalog-sort:hover{color:var(--gold)}.hero-columns>span{text-align:center}.hero-builds button{border:1px solid #75613e;color:#ceb579;background:#ba955e12;opacity:1;border-radius:6px;padding:6px 10px;min-height:36px;font-size:12px}
@media(min-width:1391px){.hero-columns,.hero-row{grid-template-columns:minmax(130px,1.15fr) minmax(260px,1.55fr) 200px 96px 105px 85px 76px 72px;gap:10px;padding:10px 16px}.hero-branches{gap:3px}.hero-branch{padding:0 7px}}
@media(min-width:1001px) and (max-width:1390px){.hero-columns,.hero-row{grid-template-columns:minmax(145px,1fr) minmax(245px,1.6fr) 210px;gap:10px}.hero-troop,.hero-movement,.hero-builds,.hero-details{padding-top:5px}.hero-movement{justify-self:start}.hero-builds{justify-self:center}.hero-details{justify-self:end}}
@media(max-width:1000px){.hero-branches,.hero-skills{justify-content:start}.hero-columns{display:none}.hero-builds button{padding:8px 12px;min-height:44px}}
@media(max-width:700px){.hero-profile-top{padding:20px 18px;gap:14px;align-items:start}.hero-profile-avatar{width:58px;height:72px}.hero-profile-name h1{font-size:27px}.hero-profile-name>p{font-size:13px}.hero-profile-tags{margin-top:12px;gap:6px}.hero-profile-tags>span.hero-profile-branch{font-size:11px;padding:3px 7px}.hero-profile-branch img{width:22px;height:22px}.hero-reference-actions{padding:0 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-reference-actions button{min-width:0;font-size:12px;padding:10px 6px}.hero-reference-actions #hero-add-profile{grid-column:1/-1;margin:0;width:100%}.hero-profile-tags>span.hero-profile-meta{padding:4px 0;font-size:11px}.hero-skill-title .hero-skill-kind{font-size:11px}}
/* Hero detail: actions beside the title and compact, consistent accordions. */
.hero-detail .hero-profile-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name actions" "avatar tags tags";gap:12px 22px;align-items:start}
.hero-detail .hero-profile-avatar{grid-area:avatar;align-self:center}
.hero-detail .hero-profile-name{grid-area:name}
.hero-detail .hero-profile-name>p{margin-bottom:0}
.hero-detail .hero-profile-tags{grid-area:tags;margin-top:0}
.hero-detail .hero-reference-actions{grid-area:actions;display:flex;flex-wrap:nowrap;gap:8px;padding:0;background:none;align-self:start}
.hero-detail .hero-reference-actions button{min-width:0;white-space:nowrap;padding:10px 16px}
.hero-detail .hero-reference-actions #hero-add-profile{margin:0;width:auto}
.hero-detail :is(.hero-detail-skill,.hero-story-chapter){margin:0;border-top:0;border-bottom:1px solid var(--line)}
.hero-detail :is(.hero-detail-skill,.hero-story-chapter):last-child{border-bottom:0}
.hero-detail .hero-detail-skill>summary{padding:8px 18px;min-height:64px}
.hero-detail .hero-detail-skill>summary>img{width:44px;height:44px;flex-shrink:0}
.hero-detail .hero-story-chapter>summary{padding:8px 18px;min-height:44px;line-height:20px}
@media(max-width:1390px){
 .hero-detail .hero-profile-top{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar name" "avatar tags" "actions actions"}
 .hero-detail .hero-reference-actions{justify-self:start;margin-top:4px}
}
@media(max-width:700px){
 .hero-detail .hero-profile-top{grid-template-areas:"avatar name" "tags tags" "actions actions";gap:12px 14px}
 .hero-detail .hero-reference-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .hero-detail .hero-reference-actions button{white-space:normal;padding:10px 6px}
 .hero-detail .hero-reference-actions #hero-add-profile{grid-column:1/-1;width:100%}
 .hero-detail .hero-detail-skill>summary,.hero-detail .hero-story-chapter>summary{padding:8px 14px}
}
/* Artifact catalog and detail */
.artifact-filter-options{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:10px}.artifact-filter-options .field{grid-column:auto}.artifact-filter-options .choice-button{min-height:44px;font-size:13px;font-weight:400}.artifact-list{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.artifact-columns,.artifact-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(210px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) 85px 76px;gap:14px;align-items:center;padding:12px 16px}.artifact-columns{background:#1d1d22;font-size:10px;letter-spacing:.06em;text-transform:uppercase;min-height:48px;color:var(--muted);text-align:center}.artifact-row{min-height:78px;border-bottom:1px solid #2b2c3380}.artifact-row:last-child{border-bottom:0}.artifact-row:hover{background:#1a1b20}.artifact-identity{display:flex;gap:12px;align-items:center;min-width:0}.artifact-identity>div{min-width:0}.artifact-avatar{width:44px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #725e38;border-radius:7px;background:radial-gradient(#6d553633,#15161a)}.artifact-avatar.epic{border-color:#755785}.artifact-avatar.elite{border-color:#467184}.artifact-avatar.uncommon{border-color:#517359}.artifact-avatar img{width:40px;height:44px;object-fit:contain}.artifact-identity h2{font-size:14px;font-weight:400;line-height:1.5;margin:0 0 3px}.artifact-identity small{font-size:12px;color:var(--catalog-meta)}.artifact-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}.artifact-tag{display:inline-flex;align-items:center;gap:5px;min-height:30px;border:1px solid #74604360;background:#78633c18;border-radius:18px;padding:4px 9px;color:var(--catalog-body);font-size:11px;font-weight:400;white-space:nowrap}.artifact-tag img{width:18px;height:18px}.artifact-tags button{min-height:44px}.artifact-tags button:hover{border-color:var(--gold);color:var(--gold)}.artifact-stat{display:flex;flex-direction:column;gap:5px;text-align:center;font-size:13px;color:var(--catalog-body)}.artifact-stat small{font-size:12px;color:var(--catalog-meta);line-height:1.5}.artifact-stat span{white-space:nowrap;color:#c6b78e}.artifact-generation{text-align:center;font-size:13px}.artifact-details{text-align:center}.artifact-view{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #635333;border-radius:7px;font-size:20px;color:var(--catalog-body)}.artifact-view:hover{color:var(--gold);border-color:var(--gold)}.artifact-mobile-label{display:none}
.artifact-profile-card{border:1px solid var(--line);border-radius:10px;margin:18px 0 24px;background:radial-gradient(ellipse at 28% 0%,#a5783033,transparent 70%),linear-gradient(115deg,#29241e,#1a1b20 75%);overflow:hidden}.artifact-profile-card.epic{background:radial-gradient(ellipse at 28% 0%,#8e639135,transparent 70%),linear-gradient(115deg,#27212c,#1a1b20 75%)}.artifact-profile-card.elite{background:radial-gradient(ellipse at 28% 0%,#477da635,transparent 70%),linear-gradient(115deg,#202730,#1a1b20 75%)}.artifact-profile-top{display:flex;align-items:center;gap:22px;padding:26px}.artifact-profile-image{width:90px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.artifact-profile-image img{width:100%;height:100%;object-fit:contain}.artifact-profile-name{flex:1;min-width:0}.artifact-profile-name h1{color:#d2b675;font-size:34px;font-weight:500;margin:0 0 12px;line-height:1.35}.artifact-profile-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--catalog-meta);font-size:12px}.artifact-profile-meta .artifact-tags{justify-content:start}.artifact-profile-meta .artifact-tag{min-height:34px;font-size:12px}.artifact-profile-meta .artifact-tag img{width:24px;height:24px}.artifact-mode{display:flex;align-items:center;padding:4px;border:1px solid #5b4c35;border-radius:7px;background:#111216}.artifact-mode button{background:transparent;border:0;color:var(--catalog-meta);font-weight:400;min-height:38px;font-size:13px;padding:8px 13px;border-radius:4px}.artifact-mode button[aria-pressed=true]{background:#92754028;color:var(--gold)}.artifact-mode button:disabled{opacity:.5;cursor:default}.artifact-header-actions{display:flex;gap:10px;padding:0 26px 24px}.artifact-header-actions button{min-height:44px;min-width:150px;font-size:13px}.artifact-progression{margin-bottom:24px}.artifact-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px}.artifact-controls .field{grid-column:auto}.artifact-controls .field>span{font-size:13px;color:var(--catalog-meta)}.artifact-controls .choice-button{min-height:44px;font-size:14px;font-weight:400}.artifact-detail-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:24px}.artifact-detail-grid .hero-section{margin:0 0 24px}.artifact-stats dl{padding:0 22px;margin:0}.artifact-stats dl>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.artifact-stats dl>div:last-child{border:0}.artifact-stats dt{color:var(--catalog-body);font-size:14px;line-height:1.5}.artifact-stats dt small{display:block;color:var(--catalog-meta);margin-top:5px}.artifact-stats dd{font-size:15px;color:#9cbb9c;white-space:nowrap;margin:0}.artifact-tiers{border-top:1px solid var(--line)}.artifact-tiers summary,.artifact-comparison details summary{padding:18px 22px;cursor:pointer;color:var(--catalog-body);font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:10px}.artifact-tier-content{padding:0 22px 22px}.artifact-tier-content h3{color:var(--catalog-body);font-size:13px;font-weight:500;margin:20px 0 12px}.artifact-tier-content p{font-size:12px;color:var(--catalog-meta)}.artifact-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.artifact-tier-grid>div{display:flex;flex-direction:column;gap:5px}.artifact-tier-grid small{font-size:11px;color:var(--catalog-meta)}.artifact-tier-grid strong{font-weight:400;font-size:13px;color:#c6b78e}.artifact-chain{color:#c6b78e!important;line-height:1.8}.artifact-ability #artifact-ability-content{padding:22px}.artifact-ability h3{font-size:22px;font-weight:400;color:var(--catalog-title);margin:0 0 15px;line-height:1.4}.artifact-ability-meta{gap:20px;flex-wrap:wrap;font-size:12px;color:var(--catalog-meta);margin-bottom:22px}.artifact-ability-meta strong{font-weight:400;color:var(--catalog-body)}.artifact-ability h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c3ae80;font-weight:500;margin:22px 0 10px}.artifact-ability .hero-prose{max-width:none;line-height:1.8}.artifact-ability .hero-upgrades strong{white-space:normal}.artifact-comparison-body{padding:22px}.artifact-comparison-body>p{margin:0 0 20px;line-height:1.8;font-size:14px;color:var(--catalog-body)}.artifact-comparison table{width:100%;font-size:13px;min-width:450px}.artifact-comparison th{font-weight:400;color:var(--catalog-body)}.artifact-comparison td{color:#c6b78e;text-align:center}.artifact-comparison details{border-top:1px solid var(--line);margin-top:20px}.artifact-comparison details summary{padding:20px 0 0}.artifact-comparison details h3{font-size:14px;color:#c3ae80;font-weight:500;margin:22px 0 10px}.artifact-review-note{font-size:13px;color:#bba777;margin:0 0 22px;line-height:1.7}
@media(min-width:1001px) and (max-width:1390px){.artifact-columns,.artifact-row{grid-template-columns:minmax(175px,1.2fr) minmax(180px,1.3fr) minmax(150px,1fr);gap:12px}.artifact-columns>span:nth-child(n+4){display:none}.artifact-row .artifact-stat:nth-child(4){grid-column:2;grid-row:2}.artifact-generation{grid-column:1;grid-row:2;text-align:left;padding-left:56px}.artifact-generation .artifact-mobile-label{display:inline;margin-right:6px;color:var(--catalog-meta);font-size:11px}.artifact-details{justify-self:end}.artifact-profile-top{flex-wrap:wrap}.artifact-mode{margin-left:112px}.artifact-detail-grid{grid-template-columns:minmax(220px,.7fr) minmax(0,1fr)}}
@media(max-width:1000px){.artifact-columns{display:none}.artifact-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.artifact-identity{grid-column:1;grid-row:1}.artifact-generation{grid-column:2;grid-row:1}.artifact-generation .artifact-mobile-label{display:block;font-size:10px;color:var(--catalog-meta);margin-bottom:5px}.artifact-tags{grid-column:1/-1;grid-row:2;justify-content:start}.artifact-stat{grid-row:3;text-align:left}.artifact-stat:nth-child(3){grid-column:1}.artifact-stat:nth-child(4){grid-column:2;text-align:right}.artifact-details{grid-column:2;grid-row:4;text-align:right}.artifact-view{width:auto;padding:0 12px;font-size:14px}.artifact-details .artifact-mobile-label{display:inline}.artifact-profile-top{flex-wrap:wrap}.artifact-mode{margin-left:112px}.artifact-detail-grid{grid-template-columns:minmax(220px,.7fr) minmax(0,1fr)}}
@media(max-width:700px){.artifact-filter-options{grid-template-columns:1fr 1fr}.artifact-filter-options .field:last-child{grid-column:1/-1}.artifact-filter-options .choice-button{font-size:12px}.artifact-profile-top{padding:20px 18px;align-items:start}.artifact-profile-image{height:72px}.artifact-profile-meta{gap:8px}.artifact-profile-meta>span{font-size:11px}.artifact-profile-meta .artifact-tag{font-size:11px;padding:3px 7px}.artifact-profile-meta .artifact-tag img{width:20px;height:20px}.artifact-mode{margin:0;width:100%;justify-content:center}.artifact-mode button{flex:1;min-height:44px}.artifact-header-actions{padding:0 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.artifact-header-actions button{min-width:0;padding:10px 6px;font-size:12px}.artifact-controls{gap:12px;grid-template-columns:1fr 1fr}.artifact-controls .field:nth-child(2){grid-column:1/-1;grid-row:2}.artifact-controls .field>span{font-size:12px}.artifact-detail-grid{display:block}.artifact-stats dt{font-size:13px}.artifact-stats dd{font-size:14px}.artifact-ability #artifact-ability-content,.artifact-comparison-body{padding:18px}.artifact-ability h3{font-size:20px}.artifact-ability-meta{gap:10px 15px}.artifact-row{padding:14px 12px;column-gap:10px}.artifact-identity h2{font-size:13px}.artifact-identity small{font-size:11px}.artifact-stat small{font-size:11px}.artifact-stat{font-size:12px}.artifact-tag{font-size:10px;padding:4px 7px}.artifact-comparison .db-table-scroll{margin:0 -4px}}
.artifact-tile{position:relative;display:block;width:100%;height:100%;background:center/cover no-repeat url('/assets/media/artifacts/tile-bg-legendary.webp');overflow:hidden;border-radius:4px}.artifact-tile.epic{background-image:url('/assets/media/artifacts/tile-bg-epic.avif')}.artifact-tile.elite{background-image:url('/assets/media/artifacts/tile-bg-elite.avif')}.artifact-tile.uncommon{background-image:url('/assets/media/artifacts/tile-bg-uncommon.avif')}.artifact-tile.exemplar{background-image:url('/assets/media/artifacts/tile-bg-exemplar.avif')}.artifact-avatar .artifact-tile{width:44px;height:44px}.artifact-avatar .artifact-tile>img,.artifact-profile-image .artifact-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.artifact-avatar{border:0;background:none}.artifact-profile-image{width:86px;height:86px}
@media(min-width:1391px){.artifact-columns,.artifact-row{grid-template-columns:minmax(190px,1.3fr) minmax(272px,1.5fr) minmax(135px,1fr) minmax(135px,1fr) 85px 72px;gap:12px}.artifact-tag{padding:4px 7px}.artifact-tags{gap:4px}}
.artifact-row>.artifact-tags button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;min-height:44px;padding:0 7px}.artifact-row>.artifact-tags button:before{content:'';position:absolute;inset:8px 0;border:1px solid #74604360;background:#78633c18;border-radius:18px;z-index:-1}.artifact-row>.artifact-tags button:hover:before{border-color:var(--gold)}

.artifact-identity h2 a{color:#cab076}.artifact-identity:has(.epic) h2 a{color:#baa1d3}.artifact-identity:has(.elite) h2 a{color:#83b1bb}.artifact-identity:has(.uncommon) h2 a{color:#8fab91}
/* Artifact progression: direct star selection and continuous level controls. */
.artifact-header-actions{align-items:center;justify-content:space-between;border-top:1px solid #8a70452b;padding-top:18px}.artifact-header-actions p{margin:0;font-size:12px;color:var(--catalog-meta)}
.artifact-controls{grid-template-columns:264px minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.artifact-star-field>span,.artifact-range-field>span{font-size:13px;color:var(--catalog-body)}.artifact-stars{display:flex;margin-top:7px}.artifact-stars button{background:none;border:0;padding:10px;width:44px;height:44px;min-width:44px;border-radius:5px;color:#62636d}.artifact-stars svg{width:24px;height:24px;fill:transparent;stroke:currentColor;stroke-width:1.3}.artifact-stars button[data-lit=true]{color:#c9ab6c}.artifact-stars button[data-lit=true] svg{fill:currentColor}.artifact-stars button:hover{background:#c9ab6c12}.artifact-stars button[aria-checked=true]:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}
.artifact-range-field{display:flex;flex-direction:column;min-width:0}.artifact-range-field>span{display:flex;justify-content:space-between;gap:12px;align-items:center}.artifact-range-field output{font-size:13px;color:#d0c6ae;white-space:nowrap;font-variant-numeric:tabular-nums}.artifact-range-field input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:44px;padding:0;margin:6px 0 0;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;cursor:pointer}.artifact-range-field input[type=range]:focus{outline:0;border-color:#74603e;box-shadow:none}.artifact-range-field input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(to right,#c5a362 var(--range-progress),#404149 var(--range-progress))}.artifact-range-field input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7.5px;border-radius:50%;border:2px solid #c5a362;background:#191a20}.artifact-range-field input[type=range]::-moz-range-track{height:5px;background:#404149}.artifact-range-field input[type=range]::-moz-range-progress{height:5px;background:#c5a362}.artifact-range-field input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:1px solid #c5a362;background:#191a20}.artifact-range-field>small{display:flex;justify-content:space-between;color:var(--catalog-meta);font-size:10px;margin-top:-2px}
.artifact-stats dt{display:flex;gap:12px;align-items:center}.artifact-stat-icon{width:23px;height:23px;flex-shrink:0;color:#a8a1a1}.artifact-comparison table{min-width:0;table-layout:fixed}.artifact-comparison th:first-child{width:40%;text-align:left}.artifact-comparison th,.artifact-comparison td{padding:16px 12px;line-height:1.65;overflow-wrap:break-word}.artifact-comparison tbody tr[data-change-kind=effect] td{color:var(--catalog-body)}.artifact-comparison tbody tr[data-change-kind=effect] td:last-child{color:#c8b789}
@media(min-width:1391px){.artifact-columns,.artifact-row{grid-template-columns:minmax(190px,1.35fr) minmax(272px,1.5fr) minmax(135px,1fr) minmax(135px,1fr) 85px 72px}}
@media(min-width:1001px) and (max-width:1390px){.artifact-controls{grid-template-columns:1fr 1fr;gap:20px}.artifact-star-field{grid-column:1/-1}.artifact-details{grid-column:3;grid-row:2}}
@media(max-width:1000px){.artifact-controls{grid-template-columns:1fr 1fr;gap:20px}.artifact-star-field{grid-column:1/-1}}
@media(max-width:700px){.artifact-header-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.artifact-header-actions button{font-size:13px}.artifact-controls{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px}.artifact-star-field{grid-column:auto}.artifact-range-field>span{font-size:12px}.artifact-comparison-body{padding:12px}.artifact-comparison th,.artifact-comparison td{padding:12px 5px;font-size:12px}.artifact-comparison th:first-child{width:38%}.artifact-stats dl{padding:0 18px}.artifact-stat-icon{width:20px;height:20px}.artifact-stars{justify-content:start}.artifact-profile-meta .artifact-tags{gap:5px}}
@media(max-width:360px){.artifact-controls{padding:12px}.artifact-stars{width:264px}}
.artifact-comparison tbody th{text-transform:none;letter-spacing:normal;font-size:13px;overflow-wrap:normal}
@media(max-width:700px){.artifact-comparison table,.artifact-comparison thead,.artifact-comparison tbody{display:block}.artifact-comparison tr{display:grid;grid-template-columns:1fr 1fr}.artifact-comparison thead th:first-child{display:none}.artifact-comparison th:first-child{width:auto}.artifact-comparison tbody th{grid-column:1/-1;padding:16px 5px 5px;font-size:13px;border-bottom:0}.artifact-comparison tbody td{padding:6px 5px 16px;font-size:13px;overflow-wrap:normal}.artifact-comparison thead th{font-size:11px;text-align:center}.artifact-comparison tbody tr{border-bottom:1px solid var(--line)}.artifact-comparison tbody td{border-bottom:0}.artifact-comparison tbody tr:last-child{border-bottom:0}}
.artifact-comparison thead th:not(:first-child){text-align:center}
/* Artifact detail: compact header, stats and upgrade ranks at left, ability at right. */
.artifact-detail,.profile-goals{--artifact-exemplar:#ef9b8b}.artifact-profile-top{padding:20px 24px;gap:18px}.artifact-profile-image{width:68px;height:68px}.artifact-profile-name h1{font-size:30px;margin-bottom:9px}.artifact-profile-toolbar{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.artifact-profile-toolbar .artifact-mode{margin:0;width:auto}.artifact-profile-toolbar .primary{min-height:44px;font-size:12px;padding:8px 14px}.artifact-save-status{padding:0 24px 18px;font-size:12px;color:var(--catalog-body);max-width:none}.artifact-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.artifact-detail-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.artifact-detail-grid .hero-section{margin:0}.artifact-stats dl>div{padding:14px 0}.artifact-stats dt{font-size:13px}.artifact-stats dd{font-size:14px}.artifact-stat-changed dd{color:var(--artifact-exemplar)}.artifact-stat-changed dt small{color:#c3ac7c}.artifact-stats dt small{font-size:11px}.artifact-upgrade-preview #artifact-upgrade-content{padding:8px 22px}.artifact-upgrade-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 16px;padding:16px 0;border-bottom:1px solid var(--line)}.artifact-upgrade-row:last-child{border:0}.artifact-upgrade-label{flex:1 1 auto;min-width:0;max-width:100%;font-size:13px;color:var(--catalog-body);line-height:1.8}.artifact-upgrade-values{flex:0 1 auto;min-width:0;max-width:100%;font-size:13px;text-align:right;line-height:1.8;color:var(--catalog-meta)}.artifact-upgrade-values small{display:block;margin-top:3px;font-size:11px;color:var(--catalog-meta)}.artifact-rank{white-space:nowrap;display:inline-block}.artifact-rank[data-rank-current=true]{font-weight:600;color:var(--catalog-title);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.artifact-exemplar-value,.artifact-rank.artifact-exemplar-value{color:var(--artifact-exemplar)}.artifact-ability-value{color:#a9c7aa;white-space:nowrap}.artifact-ability-value.artifact-exemplar-value{color:var(--artifact-exemplar);font-weight:500}.artifact-ability-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.artifact-ability-heading h3{margin:0;font-size:23px}.artifact-exemplar-badge{color:var(--artifact-exemplar);border:1px solid #a9584a70;background:#803b3025;padding:3px 7px;border-radius:4px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.artifact-exemplar-callout{border:1px solid #9d534a70;border-radius:9px;background:#66332926;padding:16px;margin-bottom:22px}.artifact-exemplar-callout p{font-size:13px;color:var(--catalog-body);line-height:1.7;max-width:none}.artifact-exemplar-callout .artifact-callout-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--artifact-exemplar);margin-bottom:7px}.artifact-skill-delta{display:flex;gap:16px;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--catalog-body);line-height:1.6}.artifact-skill-delta>span:last-child{white-space:nowrap}.artifact-skill-delta del{color:var(--catalog-meta);font-size:12px}.artifact-skill-delta strong{font-weight:500}.artifact-ability-meta{display:flex;flex-direction:column;gap:5px;margin:0 0 24px;color:#98bdc8}.artifact-ability h4{font-size:12px;color:var(--catalog-title);letter-spacing:.03em}.artifact-ability .hero-prose{font-size:14px;line-height:1.75;color:var(--catalog-body)}.artifact-skill-status{text-align:center;font-size:11px;color:var(--catalog-meta);margin:28px 0 0;max-width:none}.artifact-progression{margin-bottom:16px}.artifact-profile-card{margin-bottom:16px}
@media(min-width:1391px){.artifact-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media(min-width:851px) and (max-width:1390px){.artifact-profile-toolbar{margin-left:86px;flex-direction:row;align-items:center}}
@media(max-width:850px){.artifact-detail-grid{grid-template-columns:minmax(0,1fr)}.artifact-profile-toolbar{width:100%;align-items:stretch}.artifact-profile-toolbar .artifact-mode{width:100%}.artifact-profile-toolbar .primary{font-size:13px}}
@media(max-width:700px){.artifact-profile-top{padding:18px;gap:14px}.artifact-profile-image{width:58px;height:58px}.artifact-profile-name h1{font-size:26px}.artifact-profile-toolbar{gap:12px}.artifact-profile-toolbar .artifact-mode button{flex:1}.artifact-save-status{padding:0 18px 18px}.artifact-upgrade-preview #artifact-upgrade-content{padding:4px 18px}.artifact-upgrade-row{gap:5px 16px;padding:14px 0}.artifact-ability-heading h3{font-size:21px}.artifact-exemplar-callout{padding:12px}.artifact-ability .hero-prose{font-size:13px}.artifact-skill-delta{flex-wrap:wrap;gap:4px 12px}.artifact-skill-status{margin-top:24px}.artifact-stats dl>div{padding:16px 0}}
.artifact-profile-name h1{max-width:none}
.artifact-detail .hero-section-title h2{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:450;letter-spacing:.045em}.artifact-section-icon{width:28px;height:28px;flex-shrink:0;padding:6px;border-radius:50%;color:#c9ae73;background:#b8955512}.artifact-profile-name h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.01em}.artifact-ability-heading h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.01em}
@media(min-width:851px) and (max-width:1390px){.artifact-profile-toolbar{flex-basis:calc(100% - 86px)}}

/* Shared intrinsic sizing: labels use available space, values retain their natural width. */
.hero-upgrades p,.hero-skill-range{max-width:none}
.artifact-stats dt{flex:1;min-width:0}.artifact-stats dd{flex:0 0 auto}
.artifact-skill-delta{flex-wrap:wrap;gap:4px 16px}.artifact-skill-delta>span:first-child{flex:1 1 auto;min-width:0;max-width:100%}.artifact-skill-delta>span:last-child{flex:0 0 auto}
.artifact-profile-meta .artifact-tag,.hero-profile-tags>span.hero-profile-branch{padding:4px 12px;gap:8px}
.artifact-profile-meta .artifact-tag img,.hero-profile-branch img,.hero-branch img,.artifact-tag img{flex-shrink:0}
.artifact-row>.artifact-tags button,.hero-branch{padding:0 10px;gap:7px}

/* Decorations: catalog and paired level/cost tables follow the CoD Fan reference. */
.decoration-filters{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.decoration-filters .hero-search{width:min(440px,100%)}.decoration-filters>.field{width:210px;margin-left:auto}.decoration-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--catalog-surface,#17181f)}.decoration-columns,.decoration-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(120px,.7fr) minmax(165px,1fr) minmax(215px,1.35fr) 72px;align-items:center;gap:18px;padding:18px 20px}.decoration-columns{color:var(--catalog-meta);font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}.decoration-row{border-bottom:1px solid var(--line);min-height:84px}.decoration-row:last-child{border-bottom:0}.decoration-row>div{min-width:0}.decoration-identity{display:flex;align-items:center;gap:12px}.decoration-image{width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:5px}.decoration-identity>a{flex-shrink:0}.decoration-identity h2{font-size:14px;font-weight:500;line-height:1.5;margin:0 0 3px;color:var(--gold)}.decoration-identity h2 a{color:inherit}.decoration-identity small{display:block;color:var(--catalog-meta);font-size:11px;line-height:1.6;max-width:none}.decoration-type{display:inline-block;padding:4px 7px;border:1px solid var(--line);border-radius:5px;font-size:11px;line-height:1.5;color:var(--catalog-body)}.decoration-type.attack{color:#e1b3aa;background:#713c3628}.decoration-type.defense{color:#abc8e0;background:#29466038}.decoration-type.gathering{color:#adc5a8;background:#38533828}.decoration-type.opportunist{color:#d3ba85;background:#60532e30}.decoration-buffs{margin:0}.decoration-buffs>div{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;margin:5px 0;line-height:1.7;font-size:12px}.decoration-buffs dt{flex:0 1 auto;min-width:0;color:var(--catalog-body)}.decoration-buffs dd{margin:0;white-space:nowrap;color:var(--gold);font-size:12px}.decoration-buffs dd.decoration-penalty{color:#e6a49a}.decoration-view{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;border:1px solid var(--line);border-radius:7px;color:var(--catalog-meta);gap:8px}.decoration-view:hover{color:var(--gold);border-color:var(--gold)}.decoration-view svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}.decoration-mobile-label{display:none}.decoration-profile{background:var(--catalog-surface,#17181f);border:1px solid var(--line);border-radius:12px;margin:18px 0}.decoration-profile-top{display:flex;align-items:center;gap:22px;padding:24px}.decoration-profile-top>.decoration-image{width:100px;height:100px}.decoration-profile-copy{flex:1;min-width:0}.decoration-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.decoration-title h1{font-family:Georgia,serif;font-size:30px;line-height:1.3;color:var(--gold);margin:0}.decoration-rarity{border:1px solid var(--line);font-size:10px;padding:3px 7px;border-radius:5px}.decoration-rarity.legendary{color:var(--gold);background:#715c2020}.decoration-rarity.epic{color:#b3a8cc;background:#4e376022}.decoration-profile-copy>p{margin:14px 0;max-width:68ch;font-size:13px;line-height:1.8;color:var(--catalog-body)}.decoration-meta{display:flex;flex-wrap:wrap;gap:7px 20px;margin:0;font-size:11px;line-height:1.7}.decoration-meta>div{display:flex;flex-wrap:wrap;gap:3px 5px}.decoration-meta dt{color:var(--catalog-meta)}.decoration-meta dd{margin:0;color:var(--catalog-body)}.decoration-profile-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex-shrink:0}.decoration-profile-actions .field>span{font-size:11px;color:var(--catalog-meta)}.decoration-profile-actions .primary{min-height:44px;font-size:12px;padding:10px 14px}.decoration-save-status{padding:0 24px 20px;font-size:12px;color:var(--catalog-body);margin:0;max-width:none}.decoration-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.decoration-detail-grid .hero-section{margin:0;min-width:0}.decoration-section-body{padding:20px}.decoration-note{font-size:12px;line-height:1.7;color:var(--catalog-meta);max-width:68ch;margin:0 0 16px}.decoration-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;font-size:12px}.decoration-table thead th{font-size:10px;line-height:1.6;letter-spacing:.02em;color:var(--catalog-meta);font-weight:400;background:#ffffff02;text-align:left;padding:13px 12px}.decoration-table tbody th,.decoration-table td{border-top:1px solid var(--line);padding:12px;line-height:1.6;text-align:left;font-weight:400;color:var(--catalog-body)}.decoration-table tbody th{white-space:nowrap}.decoration-buff-table tbody th{width:105px}.decoration-table tr[data-current=true]{background:#8c762519}.decoration-table tr[data-current=true]>th{color:var(--gold)}.decoration-star-row>th{color:var(--gold)!important;font-size:11px}.decoration-total{margin-top:20px;border:1px solid var(--line);border-radius:9px;padding:18px}.decoration-total h3{font-size:12px;line-height:1.6;font-weight:500;margin:0 0 12px;color:var(--gold)}.decoration-total dl{margin:0 0 14px}.decoration-total dl>div{display:flex;flex-wrap:wrap;gap:4px 14px;margin:9px 0;align-items:baseline;justify-content:space-between;font-size:12px;line-height:1.7}.decoration-total dt{flex:1 1 auto;min-width:0;color:var(--catalog-body)}.decoration-total dd{flex:0 0 auto;margin:0;color:var(--gold)}.decoration-total p{margin-bottom:0}
@media(max-width:1390px){.decoration-columns,.decoration-row{gap:14px;padding:16px;grid-template-columns:minmax(170px,1.1fr) minmax(110px,.6fr) minmax(160px,1fr) minmax(210px,1.3fr) 72px}.decoration-profile-top{flex-wrap:wrap}.decoration-profile-actions{flex-direction:row;align-items:flex-end;width:100%;justify-content:flex-end}.decoration-profile-actions .field{width:210px}.decoration-cost-table thead th,.decoration-cost-table td,.decoration-cost-table tbody th{padding:12px 8px}.decoration-section-body{padding:16px}.decoration-detail-grid{gap:16px}}
@media(max-width:1100px){.decoration-columns{display:none}.decoration-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 24px}.decoration-identity{grid-column:1/-1}.decoration-type-cell{grid-column:1/-1}.decoration-details{grid-column:1/-1;justify-self:end}.decoration-view{width:auto;padding:0 12px}.decoration-mobile-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--catalog-meta);margin-bottom:6px}.decoration-view .decoration-mobile-label{margin:0;text-transform:none;font-size:12px}.decoration-detail-grid{grid-template-columns:1fr}.decoration-table thead th,.decoration-table tbody th,.decoration-table td{padding:14px 16px}.decoration-profile-actions{width:100%;margin-left:0}.decoration-buff-table tbody th{width:125px}.decoration-buffs>div{font-size:13px}.decoration-profile-copy>p{font-size:14px}}
@media(max-width:620px){.decoration-filters{flex-direction:column;align-items:stretch}.decoration-filters .hero-search,.decoration-filters>.field{width:100%;margin:0}.decoration-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 14px}.decoration-level-cell{grid-column:1/-1}.decoration-identity h2{font-size:15px}.decoration-profile-top{padding:18px;gap:16px}.decoration-profile-top>.decoration-image{width:72px;height:72px}.decoration-profile-copy{flex:1 1 calc(100% - 88px)}.decoration-title h1{font-size:25px}.decoration-title{gap:8px}.decoration-profile-copy>p,.decoration-meta{margin-top:12px}.decoration-profile-actions{width:100%;margin:0;flex-direction:column;align-items:stretch}.decoration-profile-actions .field{width:100%}.decoration-save-status{padding:0 18px 18px}.decoration-section-body{padding:14px}.decoration-buff-table tbody th{width:83px;font-size:11px}.decoration-buff-table thead th,.decoration-buff-table tbody th,.decoration-buff-table td{padding:12px 9px}.decoration-cost-table thead{display:none}.decoration-cost-table,.decoration-cost-table tbody,.decoration-cost-table tr{display:block}.decoration-cost-table tbody th{display:block;border-top:1px solid var(--line);padding:12px 14px 4px;font-weight:500}.decoration-cost-table tbody tr:first-child>th{border-top:0}.decoration-cost-table td{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;border:0;padding:5px 14px;font-size:13px}.decoration-cost-table td::before{content:attr(data-label);color:var(--catalog-meta);font-size:12px;flex:1 1 auto;min-width:0}.decoration-cost-table td:last-child{padding-bottom:12px}.decoration-total{padding:14px}.decoration-note{font-size:12px}}

@media(max-width:620px){.decoration-profile-top{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start}.decoration-profile-top>.decoration-image{grid-column:1;grid-row:1;align-self:center}.decoration-profile-copy{display:contents}.decoration-title{grid-column:2;grid-row:1}.decoration-profile-copy>p,.decoration-meta,.decoration-profile-actions{grid-column:1/-1}.decoration-profile-copy>p{margin:0}.decoration-meta{margin:0}.decoration-profile-actions{display:flex}}
@media(max-width:360px){.decoration-profile-top{grid-template-columns:60px minmax(0,1fr);gap:14px}.decoration-profile-top>.decoration-image{width:60px;height:60px}.decoration-title h1{font-size:24px;max-width:100%}}

/* Shared rarity glow matches the existing artifact profile card. */
.decoration-profile.legendary{background:radial-gradient(ellipse at 28% 0%,#a5783033,transparent 70%),linear-gradient(115deg,#29241e,#1a1b20 75%)}
.decoration-profile.epic{background:radial-gradient(ellipse at 28% 0%,#8e639135,transparent 70%),linear-gradient(115deg,#27212c,#1a1b20 75%)}
.decoration-delta{font-size:11px;color:var(--catalog-meta);font-weight:400;white-space:nowrap}

/* Pet reference catalog: the shared database surfaces, fields and type scale. */
.pet-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.pet-filters .hero-search{grid-column:1/-1}
.pet-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pet-columns,.pet-row{display:grid;grid-template-columns:minmax(240px,1fr) 110px 110px 95px 130px 90px;gap:16px;align-items:center;padding:16px 20px}
.pet-columns{background:var(--panel);font-size:12px;color:var(--catalog-meta)}
.pet-row{border-top:1px solid var(--line);min-height:100px}
.pet-identity{display:flex;align-items:center;gap:14px;min-width:0}
.pet-avatar{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#26232b;flex-shrink:0}
.pet-identity>a{flex-shrink:0}
.pet-identity h2{font-size:17px;line-height:1.4;margin:0;font-weight:600;min-width:0}
.pet-identity a{color:var(--ink)}
.pet-classification{font-size:13px;color:var(--catalog-meta)}
.pet-classification small{display:none}
.pet-talents{display:flex;flex-direction:column;gap:8px;min-width:0}
.pet-talents a{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;line-height:1.4;min-height:44px}
.pet-talents img{width:32px;height:32px;object-fit:cover;border-radius:6px;flex-shrink:0}
.pet-profile{border:1px solid var(--line);border-radius:14px;padding:28px;background:radial-gradient(ellipse at 28% 0%,#a5783033,transparent 70%),linear-gradient(115deg,#29241e,#1a1b20 75%)}
.pet-profile-top{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:start;gap:24px}
.pet-profile-avatar{width:112px;height:112px;object-fit:cover;border-radius:14px;background:#28242c}
.pet-profile h1{font-size:clamp(24px,2.5vw,34px);line-height:1.2;margin:0 0 14px;letter-spacing:-.03em}
.pet-profile-copy{min-width:0}
.pet-detail .hero-prose,.pet-detail p{max-width:none}
.pet-summary{margin:20px 0 0;line-height:1.8}
.pet-tags{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--catalog-meta);font-size:13px}
.pet-tags span{white-space:nowrap}
.pet-profile-actions{display:flex;flex-direction:column;gap:14px;min-width:200px}
.pet-profile-actions .field{margin:0}
.pet-save-status{color:var(--catalog-meta);font-size:13px;margin:20px 0 0}
.pet-attributes,.pet-skills,.pet-builds{margin-top:24px}
.pet-section-body{padding:20px 24px}
.pet-note{color:var(--catalog-meta);font-size:13px;line-height:1.7;max-width:none;margin:0 0 12px}
.pet-note:last-child{margin-bottom:0}
.pet-attributes dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin:20px 0}
.pet-attributes dl>div{display:grid;grid-template-columns:24px 1fr;gap:6px 8px;align-items:center}
.pet-attributes dl img{width:24px;height:24px;object-fit:contain}
.pet-attributes dt{font-size:12px;color:var(--catalog-meta)}
.pet-attributes dd{grid-column:2;margin:0;font-size:19px;font-weight:600}
.pet-attribute-primary dd{color:var(--gold)}
.pet-skill{border-top:1px solid var(--line);scroll-margin-top:24px}
.pet-skill-heading{display:flex;align-items:center;gap:16px;padding:24px 24px 12px}
.pet-skill-icon{width:52px;height:52px;object-fit:cover;border-radius:10px;flex-shrink:0}
.pet-skill-title{min-width:0;flex:1}
.pet-skill-heading h3{font-size:19px;line-height:1.4;margin:0 0 4px}
.pet-skill-heading p{font-size:12px;color:var(--catalog-meta);margin:0;line-height:1.6}
.pet-upgrade-stars{min-width:135px;margin:0}
.pet-skill-body{padding:0 24px 24px}
.pet-description{max-width:none;margin:8px 0 20px;line-height:1.8}
.pet-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.pet-parameter h4{font-size:13px;font-weight:500;line-height:1.5;margin:0 0 10px;color:var(--catalog-meta)}
.pet-parameter table{width:100%;border-collapse:collapse;font-size:13px}
.pet-parameter th,.pet-parameter td{text-align:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.pet-parameter th{font-weight:500}
.pet-parameter thead{color:var(--catalog-meta);font-size:11px}
.pet-parameter [data-current=true]{background:#a5783014}
.pet-parameter [data-current=true] th{color:var(--gold)}
.pet-number{white-space:nowrap}
.pet-data-note{font-size:13px;line-height:1.7;color:var(--catalog-meta);max-width:65ch}
@media(max-width:1200px){
 .pet-columns,.pet-row{grid-template-columns:minmax(220px,1fr) 90px 95px 80px 120px 80px;gap:12px;padding:16px}
 .pet-profile-top{grid-template-columns:96px minmax(0,1fr);gap:20px}
 .pet-profile-avatar{width:96px;height:96px}
 .pet-profile-actions{grid-column:1/-1;flex-direction:row;align-items:end;min-width:0}
 .pet-profile-actions .field{width:180px}
 .pet-attributes dl{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
 .pet-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pet-filters .hero-search{grid-column:1/-1}
 .pet-columns{display:none}
 .pet-row{gap:14px;padding:20px}
 .pet-identity{grid-column:1/-1}
 .pet-classification small{display:block;color:var(--catalog-meta);font-size:11px;margin-bottom:6px}
 .pet-talents{padding-top:8px}
 .pet-identity h2{font-size:19px}
}
@media(max-width:600px){
 .pet-profile{padding:20px}
 .pet-profile-top{grid-template-columns:1fr;gap:18px}
 .pet-profile-avatar{width:80px;height:80px}
 .pet-profile h1{font-size:26px;letter-spacing:-.025em}
 .pet-profile-actions{flex-direction:column;align-items:stretch}
 .pet-profile-actions .field{width:100%}
 .pet-attributes dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .pet-section-body{padding:18px}
 .pet-skill-heading{padding:20px 18px 12px;flex-wrap:wrap;gap:12px}
 .pet-skill-heading h3{font-size:17px}
 .pet-skill-icon{width:44px;height:44px}
 .pet-upgrade-stars{width:100%;flex-basis:100%}
 .pet-skill-body{padding:0 18px 20px}
 .pet-levels{grid-template-columns:minmax(0,1fr);gap:18px}
 .pet-row{padding:16px;gap:12px}
 .pet-avatar{width:48px;height:48px}
 .pet-identity{gap:12px}
 .pet-identity h2{font-size:16px}
 .pet-classification{font-size:12px}
 .pet-parameter th,.pet-parameter td{padding:10px 8px}
}

.pet-star-control{display:flex;flex-direction:column;gap:2px;width:240px;flex:0 0 240px;color:var(--catalog-meta);font-size:12px;min-width:0}
.pet-star-label{display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.6}
.pet-star-label output{color:var(--gold);white-space:nowrap}
.pet-star-control input[type=range]{appearance:none;width:100%;height:44px;margin:0;padding:0;border:1px solid transparent;outline:0;box-shadow:none;background:transparent;cursor:pointer;accent-color:var(--gold)}
.pet-star-control input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--line);border-radius:4px}
.pet-star-control input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border:1px solid var(--gold);background:var(--gold);border-radius:50%;box-shadow:none}
.pet-star-control input[type=range]:focus{border-color:var(--gold);background:#a578300a}
.pet-star-control input[type=range]::-moz-range-track{height:4px;background:var(--line);border-radius:4px}
.pet-star-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border:1px solid var(--gold);background:var(--gold);border-radius:50%}
.pet-star-ticks{display:flex;justify-content:space-between;color:var(--catalog-meta);font-size:11px;margin-top:-4px}
.pet-amber{display:flex;align-items:center;justify-content:end;flex-wrap:wrap;gap:8px 12px;max-width:260px;font-size:12px;color:var(--catalog-meta)}
.pet-amber strong{color:var(--gold);font-weight:500;white-space:nowrap}
.pet-amber-cost{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pet-amber img{width:22px;height:22px;object-fit:contain}
@media(max-width:900px){.pet-skill-heading{flex-wrap:wrap}.pet-star-control,.pet-amber{flex-basis:100%;width:100%;max-width:none}.pet-amber{justify-content:start}.pet-star-control{margin-top:8px}}
@media(max-width:600px){.pet-filters{grid-template-columns:1fr}.pet-star-control{flex-basis:100%;width:100%}}
/* Shared database controls: column sorting, details and metadata badges. */
.catalog-sort{min-height:44px;text-align:left;justify-content:start;line-height:1.5}
.catalog-sort-controls{display:none;grid-template-columns:minmax(0,240px) auto;align-items:center;justify-content:start;gap:12px;margin:0 0 16px}
.catalog-sort-controls .field{margin:0;min-width:0}
.catalog-sort-direction{font-size:12px!important;min-height:44px!important;padding:8px 12px!important;white-space:nowrap}
.catalog-view,.hero-view.catalog-view,.artifact-view.catalog-view,.decoration-view.catalog-view{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:44px;height:44px;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:0;color:var(--catalog-meta);background:transparent;font-size:12px;flex-shrink:0}
.catalog-view svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.catalog-view:hover{color:var(--gold);border-color:var(--gold);background:var(--accent-soft)}
.catalog-view-label{display:none}
.catalog-badge,.hero-profile-tags>span.catalog-badge,.artifact-profile-meta .catalog-badge,.pet-tags .catalog-badge,.decoration-title .catalog-badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 12px;border:1px solid var(--line);border-radius:18px;font-size:12px;font-weight:400;line-height:1.5;white-space:nowrap;color:var(--catalog-body);background:#ffffff04}
.catalog-badge img,.hero-profile-tags .catalog-badge img,.artifact-profile-meta .catalog-badge img,.pet-tags .catalog-badge img{width:24px;height:24px;object-fit:contain;flex-shrink:0}
.catalog-badge.troop{background:#73505222;border-color:#73505270}
.catalog-badge.role{background:#4b8aa622;border-color:#4b8aa655}
.catalog-badge.context{background:#a1804420;border-color:#a1804455}
.catalog-badge.damage{background:#745f9422;border-color:#745f9455}
.pet-tags{gap:8px}
.pet-columns,.pet-row{grid-template-columns:minmax(240px,1fr) 110px 110px 95px 130px 90px 72px}
.pet-details{display:flex;justify-content:end}
@media(max-width:1390px){
 .catalog-sort-controls{display:grid}

}
@media(max-width:1200px) and (min-width:1101px){.pet-columns,.pet-row{grid-template-columns:minmax(220px,1fr) 90px 95px 80px 120px 80px 72px}.pet-details .catalog-view{width:44px;padding:0}.pet-details .catalog-view-label{display:none}}
@media(max-width:1100px){.pet-row{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-details{grid-column:1/-1}}
@media(max-width:700px){
 .catalog-sort-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .catalog-sort-controls .choice-button{font-size:12px;padding:10px 9px}
 .catalog-badge,.hero-profile-tags>span.catalog-badge,.artifact-profile-meta .catalog-badge,.pet-tags .catalog-badge,.decoration-title .catalog-badge{font-size:11px;padding:4px 9px;gap:7px}
 .catalog-badge img,.hero-profile-tags .catalog-badge img,.artifact-profile-meta .catalog-badge img,.pet-tags .catalog-badge img{width:22px;height:22px}
}
@media(max-width:600px){.pet-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:1100px){.catalog-view,.hero-view.catalog-view,.artifact-view.catalog-view,.decoration-view.catalog-view{width:auto;padding:0 12px}.catalog-view-label{display:inline}}

.catalog-card-view{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:7px;color:var(--catalog-meta)}.catalog-card-view svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4;fill:none}

.hero-columns,.artifact-columns,.pet-columns,.decoration-columns{background:#1d1d22;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.pet-identity h2{font-size:14px;font-weight:500}.pet-identity h2 a{color:var(--gold)}

.db-tags .catalog-badge{min-height:34px;padding:4px 12px;border-radius:18px;font-size:12px;line-height:1.5;background:#ffffff04}

/* Long artifact names keep the whole card width on phones. */
@media(max-width:600px){
 .artifact-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .artifact-identity{grid-column:1/-1;grid-row:1}
 .artifact-generation{grid-column:1/-1;grid-row:2;justify-self:start;display:flex;align-items:center;gap:8px}
 .artifact-generation .artifact-mobile-label{margin:0}
 .artifact-tags{grid-column:1/-1;grid-row:3}
 .artifact-stat{grid-row:4}
 .artifact-details{grid-column:1/-1;grid-row:5;justify-self:end}
 .artifact-profile-name{flex-basis:100%}
}

@media(max-width:360px){.artifact-profile-name h1{font-size:24px}}

.hero-list,.artifact-list,.pet-list,.decoration-list{background:var(--surface);border:1px solid var(--line);border-radius:10px}
.hero-row:hover,.artifact-row:hover,.pet-row:hover,.decoration-row:hover{background:#1a1b20}
.pet-profile h1{color:var(--gold)}

/* Column headings share centered alignment across catalogs and tables. */
.catalog-column-heading{justify-content:center;text-align:center;min-width:0}
.catalog-column-heading .catalog-sort{display:flex;width:100%;align-items:center;justify-content:center;text-align:center}
#content thead th{text-align:center}
/* Compact catalog labels retain the same centered heading alignment. */
:is(.hero-mobile-label,.artifact-mobile-label,.pet-mobile-label,.decoration-mobile-label,.city-theme-mobile-label){text-align:center}