@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{color-scheme:dark;--bg:#101113;--panel:#151618;--panel2:#1b1c1f;--line:#2a2b2e;--text:#eeede9;--muted:#919196;--gold:#ddbc86;--gold-dim:#2f2921;--green:#8fae91;--blue:#86a9cc;--purple:#b4a0d4;--font:'DM Sans','Segoe UI',sans-serif;--heading:'Manrope','Segoe UI',sans-serif}
.site-footer{border-top:1px solid var(--line);padding:20px 24px;background:#131416;color:var(--muted);font-size:11px;line-height:1.8;text-align:center}
.site-footer p{max-width:960px;margin:0 auto}
.brand-logo{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0}
@media(max-width:680px){.brand-logo{width:44px;height:44px}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0}button,input,select{border-radius:6px}::selection{background:#786344;color:white}.topbar{height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#131416;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;font:700 13px var(--heading);letter-spacing:2.1px;white-space:nowrap}.brand b{color:var(--gold);font-weight:500}.brand-mark{font:42px/1 Georgia,serif;color:var(--gold);display:inline-block}.brand-divider{color:#5b5b5c;margin:0 12px;font-weight:400}.topbar-right{display:flex;align-items:center;gap:30px}.edition{font-size:10px;color:#696a70;letter-spacing:2.1px;font-weight:600}.source-button{background:#1a1b1e;border:1px solid #333335;padding:8px 13px;font-size:11px;color:#bcbcb9;display:flex;align-items:center;gap:9px}.source-button:hover{border-color:#786344}.live-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:#a9b995;box-shadow:0 0 8px #a9b99524;flex-shrink:0}.app-shell{display:grid;grid-template-columns:298px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{height:calc(100vh - 76px);position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#131416;padding:30px 18px 0}.directory-heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:600}.count-badge{background:#222325;border:1px solid #303133;color:#a4a4a4;min-width:28px;text-align:center;font-size:10px;line-height:20px;border-radius:4px;padding:0 5px}.sidebar-title{font:600 20px var(--heading);letter-spacing:-.7px;padding:0 7px;margin:14px 0 23px}.search-wrap{display:flex;align-items:center;background:#1a1b1e;border:1px solid #2c2d31;border-radius:6px;gap:10px;padding:0 11px}.search-icon{width:12px;height:12px;border:1.5px solid #77787c;border-radius:50%;position:relative;flex-shrink:0;margin-right:2px}.search-icon:after{content:'';position:absolute;width:5px;height:1.5px;background:#77787c;transform:rotate(45deg);bottom:-3px;right:-3px}.search-wrap input{height:40px;width:100%;min-width:0;background:transparent;border:0;color:var(--text);outline:none;font-size:12px}.search-wrap:focus-within{border-color:var(--gold)}input::placeholder{color:#72737a}kbd{font:10px var(--font);border:1px solid #38393c;color:#8e8e91;border-radius:3px;padding:1px 5px}.type-filters{display:flex;gap:3px;padding:4px;background:#1b1c1f;border:1px solid #2a2b2e;border-radius:7px;margin:16px 0 18px}.type-filters button{flex:1;font-size:11px;font-weight:500;padding:6px 5px;background:transparent;color:#8e8e94;white-space:nowrap}.type-filters button[aria-pressed=true]{background:#33302a;color:var(--gold);box-shadow:0 1px 4px #0002}.type-filters button:hover{color:var(--text)}.type-filters button span{font-size:9px;opacity:.65;margin-left:3px}.roster-options{display:flex;align-items:center;justify-content:space-between;margin:0 7px 12px;font-size:10px;color:#75767b}.boss-toggle{display:flex;align-items:center;gap:5px;cursor:pointer}.boss-toggle input{accent-color:var(--gold);height:11px;width:11px;margin:0}.roster-list{flex:1;overflow:auto;margin:0 -8px;padding:0 8px 16px;scrollbar-width:thin;scrollbar-color:#3b3c3e transparent}.letter-heading{position:sticky;top:0;z-index:1;background:#131416eF;padding:12px 10px 7px;font-size:10px;color:#6f7075;display:flex;align-items:center;gap:12px;font-weight:600}.letter-heading:after{content:'';height:1px;background:#252629;flex:1}.roster-entry{position:relative;width:100%;display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid transparent;background:transparent;border-radius:5px;min-height:58px;text-align:left;margin:2px 0}.roster-entry:hover{background:#1d1e21}.roster-entry[aria-current=true]{background:linear-gradient(90deg,#30291f,#25221d);border-color:#544432}.roster-entry[aria-current=true]:before{content:'';position:absolute;left:-1px;top:14px;bottom:14px;width:2px;background:var(--gold);border-radius:2px}.roster-entry .portrait{width:42px;height:42px;background:#202124;border:1px solid #333438;border-radius:5px;flex-shrink:0;display:grid;place-items:center;overflow:hidden}.roster-entry[aria-current=true] .portrait{background:#322b22;border-color:#514332}.portrait img{width:60px;height:60px;image-rendering:pixelated;object-fit:contain;flex-shrink:0}.entry-copy{min-width:0;flex:1}.entry-name{display:block;font-size:12px;font-weight:500;line-height:1.4}.entry-type{display:block;font-size:9px;color:#77787e;margin-top:3px;text-transform:uppercase;letter-spacing:1.1px}.entry-type.champion{color:#a28a63}.entry-type.boss{color:#c28d8d}.entry-arrow{color:var(--gold);font-size:16px}.sidebar-foot{margin:0 -18px;display:flex;align-items:center;gap:8px;font-size:9px;color:#77787b;border-top:1px solid var(--line);padding:17px 21px;white-space:nowrap}.sidebar-foot .live-dot{width:4px;height:4px}.foot-symbol{font-size:21px;color:#62605b;margin-left:auto}.loading{color:var(--muted);text-align:center;padding:35px 0;font-size:12px}.empty-roster{padding:36px 16px;text-align:center;color:var(--muted);font-size:12px}.empty-roster strong{display:block;color:var(--text);font-size:14px;margin-bottom:6px}main{padding:31px clamp(25px,4vw,64px) 60px;min-width:0;max-width:1570px;width:100%;margin:0 auto;outline:0}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#73747a}.breadcrumb .crumb-current{color:#c8c4bb}.breadcrumb span:nth-child(2n){color:#47494d}.hero{position:relative;display:flex;min-height:230px;align-items:center;gap:25px;margin:18px 0 22px;border-bottom:1px solid var(--line);padding-bottom:30px}.hero-copy{max-width:710px;flex:1;position:relative;z-index:1}.hero-topline{display:flex;align-items:center;gap:10px;margin-bottom:11px}.kind-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;color:var(--gold);border:1px solid #51432e;background:#2a251d;border-radius:4px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}.hero-title{font:600 clamp(30px,3.5vw,49px)/1.15 var(--heading);letter-spacing:-1.8px;margin:10px 0 17px}.hero-description{font-size:12px;line-height:1.9;color:#a5a5aa;max-width:650px;margin:0}.hero-description .description-more{background:transparent;color:#d3b885;padding:0 0 0 5px;font-size:11px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tag{font-size:9px;letter-spacing:.5px;text-transform:capitalize;background:#202124;border:1px solid #2d2e31;color:#939499;padding:2px 8px;border-radius:3px}.hero-art{width:205px;height:205px;position:relative;display:grid;place-items:center;flex-shrink:0;isolation:isolate;margin-right:10px}.hero-art:before,.hero-art:after{content:'';position:absolute;inset:8px;border:1px solid #68543135;border-radius:50%;z-index:-1}.hero-art:after{inset:27px;border-style:dashed;border-color:#68543125;transform:rotate(14deg)}.hero-art .diamond{width:128px;height:128px;border:1px solid #68543140;position:absolute;transform:rotate(45deg);z-index:-1;background:radial-gradient(#d6ae5c0b,transparent 75%)}.hero-art .axis:before,.hero-art .axis:after{content:'';position:absolute;z-index:-1;background:linear-gradient(90deg,transparent,#8e72474d,transparent);height:1px;left:0;right:0;top:50%}.hero-art .axis:after{transform:rotate(90deg)}.hero-art img{height:192px;width:192px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 15px 12px #0007);transform:translateY(-5px)}.hero-art .art-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:var(--bg);padding:1px 10px;color:#766c5d;font-size:8px;letter-spacing:1.8px;white-space:nowrap}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.section-label{font-size:10px;letter-spacing:1.6px;color:#b7b6b4;font-weight:500;margin:0}.level-note{font-size:9px;letter-spacing:.3px;color:#73747a;display:flex;align-items:center;gap:6px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.stat{border:1px solid #2b2c2f;background:linear-gradient(130deg,#1c1d20,#18191b);border-radius:7px;padding:15px 15px 13px;position:relative;overflow:hidden;min-height:103px}.stat-label{color:#8a8b91;font-size:9px;display:flex;align-items:center;gap:7px;white-space:nowrap}.stat-icon{width:12px;height:12px;opacity:.8}.stat-value{display:block;margin-top:8px;font:600 25px/1.3 var(--heading);letter-spacing:-.6px}.stat-unit{font:10px var(--font);color:#707178;margin-left:4px;letter-spacing:0}.stat:nth-child(1){border-top-color:#59443e}.stat:nth-child(1) .stat-icon{color:#d59b8c}.stat:nth-child(2){border-top-color:#574d39}.stat:nth-child(2) .stat-icon{color:var(--gold)}.stat:nth-child(3){border-top-color:#3e4c59}.stat:nth-child(3) .stat-icon{color:var(--blue)}.stat:nth-child(4){border-top-color:#485341}.stat:nth-child(4) .stat-icon{color:var(--green)}.stat:nth-child(5) .stat-icon{color:#b7b88b}.stat:nth-child(6) .stat-icon{color:var(--purple)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-top:31px}.tab-button{position:relative;background:transparent;color:#818289;padding:0 1px 15px;border-radius:0;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px}.tab-button[aria-selected=true]{color:var(--gold)}.tab-button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.tab-count{font-size:9px;background:#29251e;border:1px solid #413828;border-radius:4px;line-height:16px;padding:0 5px}.ability-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 26px}.ability-toolbar .section-label{color:#d3d1cb}.ability-controls{display:flex;align-items:center;gap:10px}.ability-controls input{background:#18191c;border:1px solid #2d2e32;padding:8px 11px;color:var(--text);font-size:11px;width:195px}.ability-controls select{background:#1a1b1e;border:1px solid #303135;padding:8px 10px;color:#a9a9ae;font-size:11px;max-width:165px}.ability-group{margin-bottom:27px}.group-heading{display:flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#aaa69c;margin:0 0 13px}.group-heading:after{content:'';height:1px;flex:1;background:#26272a}.group-heading small{font-size:9px;color:#5e6066}.group-heading .group-number{font-size:9px;letter-spacing:0;color:#66676c}.ability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}.skill-card{background:linear-gradient(120deg,#1a1b1e,#17181b);border:1px solid #2d2e31;border-radius:8px;overflow:hidden;transition:border-color .18s,background .18s;min-width:0}.skill-card:hover{border-color:#5c503e}.skill-summary{list-style:none;cursor:pointer;padding:19px 19px 0;outline-offset:-4px}.skill-summary::-webkit-details-marker{display:none}.skill-head{display:flex;gap:12px;align-items:center}.skill-icon{height:43px;width:43px;border-radius:8px;border:1px solid #514536;background:#28241f;object-fit:cover;flex-shrink:0}.skill-title{font:600 14px/1.35 var(--heading);letter-spacing:-.2px;margin:0;display:inline-block}.skill-type{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:#9c8b6e;display:flex;align-items:center;gap:6px;margin-top:4px}.tier-pill{font-size:8px;background:#28292c;color:#a1a1a7;padding:1px 5px;border-radius:3px;letter-spacing:.4px}.skill-expand-icon{color:#828186;font:18px/1 var(--font);margin-left:auto;transition:transform .2s;flex-shrink:0}.skill-card[open] .skill-expand-icon{transform:rotate(45deg);color:var(--gold)}.skill-description{font-size:11px;line-height:1.8;color:#9a9ba1;margin:14px 0 17px;min-height:39px}.skill-metrics{display:flex;border-top:1px solid #2c2d30;padding:11px 0 12px;gap:18px;flex-wrap:wrap}.skill-metric{font-size:10px;color:#b9b7b2;display:flex;gap:5px;align-items:baseline}.metric-symbol{color:#70727a;font-size:10px}.skill-metric.mana{color:#a69cc9}.skill-metric.stamina{color:#b3b893}.skill-metric .unit{color:#6c6e75;font-size:9px}.skill-expanded{border-top:1px solid #38332b;padding:20px 19px;background:#141517}.mini-heading{font-size:9px;color:var(--gold);letter-spacing:1.1px;text-transform:uppercase;font-weight:500;margin:0 0 10px}.effect-block{border-left:2px solid #4e4637;padding:0 0 0 12px;margin:14px 0 20px}.effect-block h4{font-size:11px;font-weight:500;margin:0 0 7px;color:#c8c3b8}.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.property{display:flex;justify-content:space-between;gap:10px;line-height:1.5;font-size:10px;border-bottom:1px solid #28292b;padding:5px 0}.property dt{color:#878990;overflow-wrap:anywhere}.property dd{margin:0;text-align:right;color:#c6c5c1;overflow-wrap:anywhere;max-width:65%}.effect-block .property-grid{grid-template-columns:1fr}.evolution{background:#20201e;border:1px solid #373329;border-radius:5px;padding:11px 12px;margin:9px 0}.evolution-title{font-size:11px;color:#d5bb8f;font-weight:500}.evolution p{font-size:10px;line-height:1.7;color:#999996;margin:5px 0 0}.status-list{margin:12px 0}.status-pill{color:#aca4bf;font-size:10px;border:1px solid #3c3548;background:#232028;border-radius:4px;padding:4px 7px;display:inline-block;margin:0 5px 6px 0}.skill-stats-text{font-size:11px;line-height:1.8;color:#b5b2aa;margin:12px 0 18px;white-space:pre-line}.skill-quote{font:italic 11px/1.7 Georgia,serif;color:#7f7a6f;margin:17px 0 8px}.raw-details{border-top:1px solid #2d2e30;margin-top:16px;padding-top:11px}.raw-details summary{font-size:10px;color:#8c8b88;cursor:pointer}.raw-details pre{white-space:pre-wrap;word-break:break-word;font:10px/1.7 Consolas,monospace;max-height:360px;overflow:auto;color:#929795;background:#101113;padding:12px;border-radius:4px}.mechanic-box{background:linear-gradient(100deg,#26231c,#1b1b19);border:1px solid #423a2c;border-radius:6px;margin:24px 0;padding:17px 20px;color:#aaa494;font-size:12px;line-height:1.9}.mechanic-box p{margin:7px 0 0}.overview-panel{margin:26px 0}.overview-panel h3{font:500 18px var(--heading);margin-bottom:18px}.overview-panel .property-grid{gap:8px 35px}.overview-panel .property{font-size:12px;padding:9px 0}.note{color:#777980;font-size:10px;line-height:1.8}.page-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:32px;color:#62646b;font-size:9px}.page-foot .foot-brand{letter-spacing:1.5px;color:#8b806c;font-size:9px}.initial-state{min-height:60vh;display:grid;align-content:center;justify-items:center;color:var(--muted)}.initial-state p{font-size:12px}.initial-state .brand-mark{font-size:60px}.empty-abilities{padding:35px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);text-align:center;font-size:12px}.mobile-directory{display:none}.icon-button{font-size:24px;background:transparent;color:var(--muted);line-height:1;padding:4px 8px}.muted{color:var(--muted)}.small{font-size:11px}dialog{background:#1a1b1e;color:var(--text);border:1px solid #4d4437;border-radius:12px;width:min(510px,calc(100% - 32px));padding:26px 30px;box-shadow:0 25px 150px #0009}dialog::backdrop{background:#07090ccf;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog h2{font:600 27px var(--heading);letter-spacing:-1px;margin:20px 0 14px}dialog>p{color:#adaeb1;font-size:12px;line-height:1.8}.source-stats{display:flex;gap:24px;padding:16px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.source-stats strong{display:block;font:500 24px var(--heading);color:var(--gold)}.source-stats span{font-size:10px;color:var(--muted)}.source-date{font-size:11px;color:#bab8b2}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);background:#333028;border:1px solid #69583c;color:#d9c39d;padding:9px 18px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.visible{opacity:1;transform:translate(-50%,0)}.clear-filters{color:var(--gold);background:transparent;border:1px solid #54442f;padding:7px 12px;font-size:11px;margin-top:16px}.portrait-fallback{font:500 24px var(--heading);color:#a98e60}button:hover{filter:brightness(1.06)}
@media(min-width:1700px){.app-shell{grid-template-columns:320px 1fr}.sidebar{padding-left:25px;padding-right:25px}.sidebar-foot{margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}main{padding-top:35px}}
@media(max-width:1200px){.app-shell{grid-template-columns:265px 1fr}.sidebar{padding-left:13px;padding-right:13px}.sidebar-foot{margin-left:-13px;margin-right:-13px;padding-left:16px;padding-right:16px}.topbar{padding:0 25px}.hero-art{width:150px;height:170px;margin-right:0}.hero-art img{width:165px;height:165px}.hero-art .diamond{width:105px;height:105px}.hero-title{font-size:39px}.stats-grid{gap:7px}.stat{padding:13px 10px;min-height:95px}.stat-label{font-size:8px;gap:4px}.stat-value{font-size:23px}.stat-unit{font-size:8px}.skill-summary{padding:16px 15px 0}.skill-expanded{padding:16px 15px}.skill-metrics{gap:11px}.skill-title{font-size:13px}.edition{display:none}.ability-controls input{width:160px}}
@media(max-width:960px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:230px;align-items:flex-start}.hero-art{position:absolute;right:0;top:0;width:120px;height:140px;opacity:.8}.hero-art img{width:130px;height:130px}.hero-art .diamond{width:85px;height:85px}.hero-title{max-width:calc(100% - 95px);font-size:34px;min-height:65px;display:flex;align-items:center}.hero-description{position:relative;padding-right:0;background:linear-gradient(90deg,var(--bg) 80%,transparent)}.hero-topline{margin-top:3px}.hero-art .art-label{display:none}.ability-grid{grid-template-columns:1fr}.ability-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.ability-controls{width:100%}.ability-controls input{flex:1}.ability-controls select{flex:1}.hero-copy{width:100%}.hero-title{letter-spacing:-1px}.property-grid{grid-template-columns:1fr}.tabs{gap:22px}}
@media(max-width:680px){.topbar{height:64px;padding:0 17px}.brand{font-size:10px;letter-spacing:1.5px;gap:8px}.brand-mark{font-size:32px}.brand-divider{margin:0 6px}.topbar-right{gap:0}.source-button{font-size:9px;padding:6px 9px;gap:6px}.source-button>span:last-child{display:none}.app-shell{display:flex;flex-direction:column;min-height:calc(100vh - 64px)}.sidebar{position:relative;top:0;width:100%;height:auto;padding:21px 17px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar-title{font-size:18px;margin:6px 0 15px}.directory-heading{padding:0}.sidebar-title{padding:0}.search-wrap{height:39px}.type-filters{margin:12px 0}.type-filters button{font-size:11px}.roster-options{margin:0 0 9px}.roster-list{max-height:185px;display:flex;overflow-x:auto;overflow-y:hidden;gap:7px;padding:0 0 14px;margin:0;scrollbar-width:thin;min-height:89px}.letter-heading{display:none}.roster-entry{flex-shrink:0;width:125px;min-height:82px;padding:10px;gap:5px;display:grid;grid-template-columns:32px 1fr;align-content:center;margin:0;align-self:flex-start;border-color:#292a2d;background:#191a1d}.roster-entry .portrait{height:32px;width:32px;grid-row:1/3}.portrait img{height:48px;width:48px}.entry-name{font-size:10px}.entry-type{font-size:7px;letter-spacing:.6px}.entry-arrow{display:none}.sidebar-foot{display:none}.empty-roster{padding:12px 0;width:100%}main{padding:23px 20px 40px}.hero{margin-top:18px;min-height:220px;padding-bottom:24px}.hero-title{font-size:37px;margin-bottom:20px;max-width:calc(100% - 90px)}.hero-art{right:-3px;top:5px}.hero-description{font-size:11px;line-height:1.85}.hero-topline{margin-bottom:7px}.hero-title{min-height:58px}.hero-art{height:130px}.breadcrumb{font-size:8px}.stats-grid{gap:8px}.stat{min-height:88px;padding:11px 12px}.stat-label{font-size:8px}.stat-value{font-size:23px}.tabs{margin-top:27px;gap:28px}.tab-button{font-size:11px}.ability-toolbar{margin-top:20px}.skill-summary{padding:17px 17px 0}.skill-title{font-size:14px}.skill-description{font-size:11px}.skill-metrics{gap:20px}.overview-panel .property-grid{grid-template-columns:1fr}.page-foot{align-items:flex-start;flex-direction:column;gap:7px}.source-stats{gap:22px}.source-stats strong{font-size:21px}dialog{padding:22px}.group-heading{font-size:9px}.hero .tags{max-width:100%}.skill-expanded .property-grid{grid-template-columns:1fr}.hero-art img{height:125px;width:125px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.topbar{position:sticky;top:0}.sidebar{top:76px}.hero-description{font-size:13px}.skill-description{font-size:12px}.skill-metric{font-size:11px}.combo-note{font-size:10px;color:#c8b08a;border:1px solid #4b402e;background:#29241c;border-radius:4px;padding:7px 10px;margin:12px 0}.skill-description{min-height:43px}@media(max-width:680px){.sidebar{top:0}.hero-description{font-size:12px}.skill-description{font-size:12px}}

/* Roster overview and shared search/sorting controls. */
.portrait{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.roster-home .app-shell{display:block}
.roster-home .sidebar{display:none}
.roster-home main{max-width:1560px;padding:38px clamp(20px,4vw,62px) 32px}
.directory-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px}
.directory-hero h1{font:600 clamp(30px,3.4vw,44px)/1.2 var(--heading);letter-spacing:-1.6px;margin:13px 0 12px}
.directory-hero p{color:#909198;font-size:13px;margin:0}
.directory-summary{display:grid;grid-template-columns:auto 40px;column-gap:20px;align-items:center;position:relative;flex-shrink:0;padding-left:26px;border-left:1px solid #36332c}
.directory-summary strong{font:500 32px/1.4 var(--heading);color:var(--gold);letter-spacing:-1px}
.directory-summary>span:not(.summary-flourish){grid-column:1;font-size:8px;letter-spacing:1.4px;color:#7e7e80}
.summary-flourish{grid-column:2;grid-row:1/3;font:46px Georgia,serif;color:#78684b}
.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);background:#17181b;border-radius:8px;padding:14px 16px}
.directory-toolbar>.search-wrap{flex:1;width:100%;min-width:0;background:#111214}
.directory-toolbar .search-wrap input{height:43px;font-size:12px}
.directory-list-options{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0 21px;border-bottom:1px solid var(--line)}
.stat-mode-toggle{display:inline-flex;flex-shrink:0;gap:3px;padding:3px;border:1px solid #343539;border-radius:7px;background:#191a1d}
.stat-mode-toggle button{padding:7px 12px;background:transparent;color:#999ba3;font-size:11px;white-space:nowrap}
.stat-mode-toggle button[aria-pressed=true]{background:#3a3022;color:#edcf9f;box-shadow:0 1px 4px #0003}
.stat-mode-toggle button:hover{color:var(--text)}
.unit-stat-heading{flex-wrap:wrap;gap:12px}
.unit-stat-heading .section-label{margin:0 0 4px}
.unit-stat-heading .level-note{font-size:10px}
.list-visibility{display:flex;align-items:center;gap:7px}
.list-visibility button{display:flex;align-items:center;gap:6px;background:#1a1b1e;border:1px solid #2d2e31;color:#777980;padding:5px 11px;font-size:10px}
.list-visibility button[aria-pressed=true]{color:#d7c8ae;border-color:#514535;background:#25221d}
.visibility-check{font-size:9px;width:9px;visibility:hidden}
.list-visibility button[aria-pressed=true] .visibility-check{visibility:visible;color:var(--gold)}
.directory-search-help{font-size:10px;color:#72747b}
.directory-results-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 1px 16px;font-size:11px;color:#c1bfb9}
.directory-results-row>span:last-child{font-size:8px;color:#707279;letter-spacing:1px}
.directory-groups{display:grid;grid-template-columns:repeat(var(--list-count,3),minmax(0,1fr));gap:18px;align-items:start}
.directory-panel{min-width:0;border:1px solid #303135;border-radius:9px;background:linear-gradient(140deg,#1a1b1e,#151618);overflow:hidden}
.directory-panel-head{padding:21px 19px 18px}
.panel-title-line{display:flex;align-items:center;gap:10px}
.panel-title-line h2{font:600 19px/1.4 var(--heading);letter-spacing:-.5px;margin:0}
.panel-symbol{font-size:19px;color:#9db2a1;line-height:1}
.champion .panel-symbol{color:var(--gold)}
.boss .panel-symbol{color:#bc9090}
.panel-title-line .count-badge{margin-left:auto;font-size:10px;line-height:23px;min-width:31px}
.directory-panel-head p{color:#7e8087;font-size:11px;margin:9px 0 0}
.list-column-label{display:flex;justify-content:space-between;padding:8px 23px 8px 19px;font-size:8px;letter-spacing:1.2px;color:#777980;border-top:1px solid #2a2b2e;border-bottom:1px solid #2a2b2e;background:#141517}
.list-column-label>span:last-child{color:#ae9d7f}
.directory-list{max-height:min(62vh,660px);min-height:124px;overflow:auto;scrollbar-width:thin;scrollbar-color:#474239 transparent;padding:0 5px 5px;scroll-padding:5px}
.directory-entry{width:100%;display:flex;padding:11px 10px;min-height:77px;border:0;border-bottom:1px solid #28292c;border-radius:0;margin:0;gap:12px;background:transparent}
.directory-entry:last-child{border-bottom:0}
.directory-entry:hover{background:#27231d}
.directory-entry .portrait{height:44px;width:44px;border-radius:6px}
.directory-entry .entry-name{font:550 13px/1.5 var(--font);overflow-wrap:anywhere}
.directory-entry .entry-type{font-size:9px;text-transform:none;letter-spacing:.1px;color:#7b7d84}
.entry-matches{display:block;font-size:9px;line-height:1.6;color:#cbb58e;margin-top:4px;overflow-wrap:anywhere}
.entry-stat{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:41px;margin-left:auto;flex-shrink:0}
.entry-stat strong{font:550 17px/1.3 var(--heading);letter-spacing:-.4px;color:#d2cbbb}
.entry-stat small{font-size:7px;color:#7f7d76;letter-spacing:.6px;line-height:1.5}
.directory-entry .entry-arrow{display:block;font-size:16px;color:#5b5a55}
.directory-entry:hover .entry-arrow{color:var(--gold)}
.roster-group{margin-bottom:18px}
.roster-group-title{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;margin:0;padding:10px 8px;background:#131416f7;color:#aaa28f;font-size:10px;font-weight:500;letter-spacing:.6px;border-bottom:1px solid #292a2d}
.roster-group-title>span{margin-left:auto;font-size:9px;color:#76777e}
.sidebar .roster-entry{gap:8px;padding:6px 7px}
.sidebar .entry-stat strong{font-size:13px}
.sidebar .entry-stat{min-width:29px}
.sidebar .entry-stat small{font-size:7px}
.sidebar .entry-arrow{display:none}
.sidebar .entry-type{text-transform:none;font-size:8px;letter-spacing:.2px}
.group-empty{font-size:10px;padding:13px 8px;color:#777980}
.directory-link{font-size:10px;color:var(--gold);background:transparent;padding:0}
.back-directory{font-size:10px;color:#bca780;display:block;background:transparent;border:1px solid #3d3528;padding:5px 9px;margin-bottom:20px}
.show-all-abilities{display:block;margin:-11px 0 21px;font-size:10px;color:var(--gold);background:transparent;padding:0}

/* Each roster is a stat table with its own sortable column headers. */
.roster-table-scroll{max-height:min(62vh,660px);min-height:124px;overflow:auto;scrollbar-width:thin;scrollbar-color:#474239 transparent;scroll-padding-top:40px}
.roster-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.unit-name-col{width:42%}
.unit-stat-col{width:14.5%}
.roster-table thead{position:sticky;top:0;z-index:3;background:#141517}
.roster-table th{font-weight:500;border-top:1px solid #2a2b2e;border-bottom:1px solid #303135;padding:0;vertical-align:middle}
.column-sort{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:100%;height:39px;padding:8px 7px;border-radius:0;background:transparent;color:#85858c;font-size:10px;font-weight:600;letter-spacing:.4px;white-space:nowrap}
.roster-table th:first-child .column-sort{justify-content:flex-start;padding-left:12px;text-transform:uppercase}
.column-sort:hover{background:#252119;color:#dfc69f}
.column-sort:focus-visible{outline-offset:-3px}
.sort-indicator{font-size:10px;width:7px;color:#58595d;flex-shrink:0}
.roster-table th[aria-sort=ascending] .column-sort,.roster-table th[aria-sort=descending] .column-sort{color:var(--gold);background:#29231b}
.roster-table th[aria-sort=ascending] .sort-indicator,.roster-table th[aria-sort=descending] .sort-indicator{color:var(--gold)}
.unit-row{height:70px;cursor:pointer}
.unit-row td{vertical-align:middle;border-bottom:1px solid #292a2d;transition:background .15s}
.unit-row:last-child td{border-bottom:0}
.unit-row .sorted-column{background:#ddbc8606}
.unit-row:hover td{background:#28231b}
.unit-row[aria-current=true] td{background:#30291f;border-bottom-color:#514331}
.unit-name-cell{padding:0}
.unit-label{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:11px 8px 11px 10px;width:100%;min-height:70px}
.unit-label .portrait{display:grid;place-items:center;width:32px;height:40px;border:1px solid #343437;border-radius:5px;background:#202124;overflow:hidden}
.unit-label .portrait img{width:47px;height:47px}
.unit-label .entry-name{font:550 12px/1.5 var(--font);overflow-wrap:anywhere;color:#deddd9}
.unit-label .entry-type{font-size:8px;text-transform:none;letter-spacing:.1px;color:#777981;margin-top:4px}
.unit-label .entry-matches{font-size:8px;line-height:1.6}
.unit-stat-cell{text-align:right;padding:10px 7px;color:#c2c0b9;font:500 13px/1.4 var(--heading);font-variant-numeric:tabular-nums;letter-spacing:-.3px;white-space:nowrap}
.unit-stat-cell.sorted-column{color:#e1c391}
.table-empty{padding:30px 16px;font-size:11px;line-height:1.8;color:#898b92;text-align:center}
.compact-scroll{overflow:visible;max-height:none;min-height:0}
.compact-table .unit-name-col{width:46%}
.compact-table .unit-stat-col{width:13.5%}
.compact-table thead{top:36px}
.compact-table .column-sort{height:30px;padding:5px 3px;font-size:8px;gap:2px;letter-spacing:0}
.compact-table th:first-child .column-sort{padding-left:8px}
.compact-table .sort-indicator{width:5px;font-size:8px}
.compact-table .unit-label{grid-template-columns:22px minmax(0,1fr);gap:6px;min-height:56px;padding:8px 4px}
.compact-table .unit-label .portrait{width:22px;height:30px}
.compact-table .unit-label .portrait img{width:35px;height:35px}
.compact-table .unit-label .entry-name{font-size:10px;line-height:1.5}
.compact-table .unit-label .entry-type,.compact-table .unit-label .entry-matches{font-size:7px}
.compact-table .unit-stat-cell{font-size:9px;padding:8px 3px;letter-spacing:-.3px}
.compact-table .unit-row{height:56px}
.roster-options{margin-top:16px}
@media(max-width:1150px){.directory-groups{grid-template-columns:1fr}.roster-table-scroll:not(.compact-scroll){max-height:390px}.unit-label .entry-name{font-size:14px}.unit-stat-cell{font-size:14px}}
@media(max-width:680px){.roster-table .column-sort{font-size:9px;padding:7px 4px;gap:3px}.roster-table th:first-child .column-sort{padding-left:9px}.unit-name-col{width:42%}.unit-stat-col{width:14.5%}.unit-label{grid-template-columns:27px minmax(0,1fr);gap:6px;padding:10px 4px 10px 8px}.unit-label .portrait{width:27px;height:35px}.unit-label .portrait img{width:42px;height:42px}.unit-label .entry-name{font-size:11px}.unit-stat-cell{font-size:11px;padding:10px 4px;letter-spacing:-.35px}.roster-table-scroll:not(.compact-scroll){max-height:360px}.compact-table .column-sort{font-size:8px;padding:5px 3px;gap:1px}.compact-table .unit-stat-cell{font-size:9px}.compact-table .unit-label{padding:8px 4px}.compact-table .unit-label .entry-name{font-size:10px}}
@media(min-width:1800px){.directory-entry .entry-name{font-size:14px}.directory-entry{min-height:82px}.directory-list{max-height:660px}}
@media(max-width:1150px){.directory-toolbar{align-items:stretch;gap:12px;flex-direction:column}.directory-order{justify-content:flex-end}.directory-order select{width:190px}.directory-search-row>select{width:165px}.directory-entry{gap:8px}.directory-panel-head{padding:18px 15px}.directory-entry .entry-name{font-size:12px}.directory-entry .portrait{height:37px;width:37px}.directory-entry .entry-stat strong{font-size:16px}.directory-groups{gap:12px}.directory-summary{padding-left:20px}.directory-search-help{font-size:9px}}
@media(max-width:860px){.directory-summary{display:none}.directory-groups{grid-template-columns:1fr}.directory-list{max-height:360px}.directory-panel-head{padding:18px 20px}.directory-entry{padding:12px 15px;gap:12px;min-height:76px}.directory-entry .entry-name{font-size:14px}.directory-entry .portrait{width:44px;height:44px}.directory-entry .entry-stat{min-width:47px}.directory-entry .entry-stat strong{font-size:19px}.directory-list-options{flex-wrap:wrap;gap:10px}.directory-search-help{font-size:10px}.directory-results-row>span:last-child{font-size:7px}.directory-hero{margin-bottom:25px}.directory-hero h1{font-size:37px}.directory-list{scrollbar-width:auto}}
@media(max-width:680px){.roster-home main{padding:27px 17px}.directory-hero h1{font-size:32px;letter-spacing:-1.1px}.directory-hero p{font-size:12px;line-height:1.8;max-width:300px}.directory-toolbar{padding:12px;gap:12px}.directory-search-row{flex-wrap:wrap;gap:8px}.directory-search-row .search-wrap{flex-basis:100%}.directory-search-row .search-wrap input{font-size:11px}.directory-search-row>select{width:100%;padding:8px 10px}.directory-order{justify-content:space-between;gap:7px}.directory-order label{font-size:7px;letter-spacing:.7px}.directory-order select{flex:1;width:auto;max-width:180px;font-size:10px;padding:8px}.directory-order .sort-direction{min-width:79px;font-size:9px;padding:8px}.directory-results-row{align-items:flex-start;flex-direction:column;gap:4px;padding:17px 1px 13px}.directory-list-options{padding:14px 0 16px}.list-visibility{gap:6px;flex-wrap:wrap}.list-visibility button{font-size:9px;padding:5px 10px}.directory-search-help{font-size:9px;line-height:1.7}.directory-panel-head p{font-size:11px}.directory-panel-head h2{font-size:18px}.roster-home .page-foot{font-size:9px}.sidebar .roster-list{display:block;overflow:auto;max-height:200px}.sidebar .roster-entry{width:100%;display:flex;min-height:58px;border-color:transparent;background:transparent}.sidebar .roster-entry[aria-current=true]{background:#30291f;border-color:#544432}.sidebar .entry-copy{flex:1}.sidebar .entry-name{font-size:12px}.sidebar .entry-stat{margin-left:auto}.sidebar .roster-group-items{display:block}.sidebar .roster-group{margin-bottom:10px}.sidebar-sort{margin:11px 0 13px}.back-directory{margin-bottom:16px}}
:root{--rarity-uncommon:#63b878;--rarity-rare:#b276dc;--rarity-legendary:#ee9945}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.roster-home main{padding-top:24px}
.directory-panel-head{padding:15px 18px}
.directory-list-options{padding:13px 0}
.directory-results-row{padding-top:17px}
.directory-heading{margin-bottom:20px}
.directory-heading .sidebar-title{margin:0;padding:0;font-size:18px}
.hero-art:before,.hero-art:after{display:none}
.skill-icon-frame{display:grid;place-items:center;box-sizing:border-box;width:47px;height:47px;padding:2px;border:0;border-radius:8px;flex-shrink:0;background:transparent}
.skill-icon-frame .skill-icon{width:100%;height:100%;object-fit:cover;border:0;box-shadow:none;border-radius:5px;background:transparent}
.skill-icon-frame.rarity-uncommon{border:2px solid var(--rarity-uncommon);padding:0}
.skill-icon-frame.rarity-rare{border:2px solid var(--rarity-rare);padding:0}
.skill-icon-frame.rarity-legendary{border:2px solid var(--rarity-legendary);padding:0}
.rarity-label{font-size:8px;letter-spacing:.4px;line-height:1.6;text-transform:none;color:#a1a1a7}
.rarity-label.rarity-uncommon{color:var(--rarity-uncommon)}
.rarity-label.rarity-rare{color:var(--rarity-rare)}
.rarity-label.rarity-legendary{color:var(--rarity-legendary)}
.dialog-head h2{margin:0}
.roster-home #relics-page{max-width:1440px}
.relic-list-heading{display:flex;align-items:center;gap:12px;margin:5px 0 22px}
.relic-list-heading h1,.relic-detail-heading h1{font:600 28px/1.3 var(--heading);letter-spacing:-.7px;margin:0}
.relic-list-heading .muted{font-size:12px}
#relic-results-count{font-size:12px;color:#b4b4ba;margin:20px 0 24px}
.relic-group{margin:0 0 32px}
.relic-group-heading{display:flex;align-items:center;gap:10px;font:550 20px/1.5 var(--heading);margin:0 0 13px}
.relic-group-heading.rarity-rare{color:var(--rarity-rare)}
.relic-group-heading.rarity-legendary{color:var(--rarity-legendary)}
.relic-group-heading .count-badge{font:400 10px var(--font);line-height:23px}
.relic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.relic-card{display:block;background:linear-gradient(120deg,#1a1b1e,#17181b);border:1px solid #2d2e31;border-radius:8px;padding:19px;min-width:0;transition:border-color .15s}
.relic-card:hover{border-color:#726044;background:#211f1b}
.relic-card h3{font:550 14px/1.4 var(--heading);margin:0 0 4px;color:#dfddd6}
.relic-card p{font-size:11px;line-height:1.9;color:#a1a1a7;margin:15px 0 0}
.relic-open{margin-left:auto;color:#75664f;align-self:flex-start}
.relic-back{display:inline-block}
.relic-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 20px}
.relic-detail-heading .rarity-label{font-size:11px}
.relic-detail-heading h1{margin-top:6px}
.relic-hero-icon{width:66px;height:66px}
.relic-value{text-align:right;display:flex;flex-direction:column;gap:7px;flex-shrink:0}
.relic-value strong{font:500 18px var(--heading);color:var(--gold)}
.relic-value span{font-size:10px;color:#8b8b91}
.relic-description{font-size:13px;line-height:1.9;color:#b0b0b6;max-width:950px;margin:0 0 16px}
.relic-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start;margin-top:27px}
.relic-panel{padding:21px;background:#17181b;border:1px solid #2f3033;border-radius:8px;min-width:0}
.relic-panel h2{font:550 17px/1.5 var(--heading);margin:0 0 18px;color:#d8d4cc}
.relic-panel h3{font:500 12px var(--heading);color:#b6a181;margin:0 0 13px}
.relic-panel .property{font-size:11px;padding:8px 0}
.relic-panel .property-grid{grid-template-columns:1fr;gap:0}
.relic-panel .property dd{max-width:62%}
.relic-availability .property{padding:11px 0}
.relic-roll-scroll{overflow:auto}
.relic-roll-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed}
.relic-roll-table th,.relic-roll-table td{padding:12px 7px;border-bottom:1px solid #2c2d30;text-align:right;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.relic-roll-table th:first-child{width:31%;text-align:left;padding-left:0}
.relic-roll-table thead th{font-weight:400;color:#929298;font-size:10px}
.relic-roll-table tbody th{font-weight:400;color:#c4c1b9}
.relic-roll-table td:last-child{color:var(--gold);padding-right:0}
.relic-rolls .note{margin:15px 0 0}
.relic-prose{font-size:12px;line-height:1.9;color:#aaaab0;overflow-wrap:anywhere;margin:0}
.relic-ability .skill-head{margin-bottom:15px}
.relic-ability .skill-head h2{margin:0 0 4px}
.relic-ability .skill-head .muted{font-size:10px}
.relic-ability .property-grid{margin-top:15px}
.relic-ability .effect-block .property-grid{margin-top:0}
.relic-ability-details{margin-top:17px;padding-top:14px;border-top:1px solid #2d2e30}
.relic-ability-details>summary,.relic-nested>summary{font-size:11px;cursor:pointer;color:#c7b18c;line-height:1.7}
.relic-nested{margin-top:12px}
#relics-page>.raw-details{margin-top:26px}
@media(max-width:1100px){.relic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.relic-detail-grid{grid-template-columns:1fr}}
@media(max-width:680px){.relic-grid{grid-template-columns:1fr}.relic-card{padding:17px}.relic-detail-heading{align-items:flex-start;flex-direction:column;gap:15px}.relic-list-heading h1,.relic-detail-heading h1{font-size:25px}.relic-value{text-align:left;flex-direction:row;align-items:center;gap:11px}.relic-value strong{font-size:16px}.relic-description{font-size:12px}.relic-panel{padding:17px}.relic-roll-table th,.relic-roll-table td{padding:11px 5px;font-size:10px}.relic-roll-table thead th{font-size:9px}.relic-group-heading{font-size:18px}.relic-hero-icon{width:57px;height:57px}}
.topbar{gap:16px}
#guides-page{max-width:960px}
.guides-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.guide-list-entry{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(120deg,#1a1b1e,#17181b);border:1px solid var(--line);border-radius:8px;min-height:81px}
.guide-list-entry:hover{border-color:#685431;background:#211f1b}
.guide-list-entry>img{flex:none;width:56px;height:56px;object-fit:contain;image-rendering:pixelated}
.guide-list-name{font:600 17px/1.4 var(--heading);overflow-wrap:anywhere}
.guide-list-open{margin-left:auto;flex:none;font-size:11px;color:var(--gold)}
@media(max-width:680px){.guide-list-entry{padding:10px 12px;gap:10px}.guide-list-name{font-size:14px}.guide-list-open{font-size:10px}.guide-list-entry>img{width:44px;height:48px}}
.top-nav{display:flex;align-items:center;gap:20px;margin-left:auto;flex-shrink:0}
.top-nav a{font-size:12px;color:#9a9ba1;padding:7px 0;border-bottom:1px solid transparent}
.top-nav a[aria-current=page]{color:var(--gold);border-color:var(--gold)}
.top-nav a:hover{color:#eee0c9}
.roster-home #changes-page{max-width:1240px}
.changes-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 14px}
.changes-heading h1{font:600 28px/1.3 var(--heading);letter-spacing:-.7px;margin:0}
.changes-heading p{display:flex;align-items:center;gap:12px;font-size:12px;color:#c5b69c;margin:0;font-variant-numeric:tabular-nums}
.changes-heading p>span{color:#777980}
.patch-tabs{display:flex;gap:9px;overflow-x:auto;padding:9px 0 15px;margin:15px 0 5px;border-bottom:1px solid var(--line);scrollbar-width:thin}
.patch-tab{display:flex;align-items:center;gap:10px;flex-shrink:0;background:#191a1d;color:#a4a4aa;border:1px solid #343539;padding:10px 14px;font-size:12px;white-space:nowrap}
.patch-tab[aria-selected=true]{background:#2c261e;border-color:#78613e;color:#edcf9f}
.patch-tab:hover{border-color:#8b714b}
.patch-tab>span{font-size:9px;border:1px solid #635035;border-radius:4px;padding:1px 5px;color:var(--gold)}
.changes-note{font-size:11px;line-height:1.8;color:#90929a;margin:0 0 22px}
.changes-tabs{margin:19px 0 18px;gap:28px}
.ability-change-list{display:grid;gap:12px}
.ability-change-card{background:#17181b;border:1px solid #303135;border-radius:8px;overflow:hidden}
.ability-change-card>summary{display:flex;align-items:center;gap:13px;padding:16px 18px;cursor:pointer;list-style:none}
.ability-change-card>summary::-webkit-details-marker{display:none}
.ability-change-card>summary:hover{background:#ddbc8606}
.ability-change-title{min-width:0;flex:1}
.ability-change-title h3{font:550 15px/1.5 var(--heading);margin:0 0 4px;overflow-wrap:anywhere}
.ability-change-title>span{font-size:10px;color:#929298}
.ability-change-count{font-size:10px;color:#b8aa90;text-align:right;max-width:230px;line-height:1.7}
.ability-change-card[open] .skill-expand-icon{transform:rotate(45deg);color:var(--gold)}
.ability-change-body{border-top:1px solid #2d2e31;padding:19px;background:#141517}
.ability-description-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:19px}
.ability-change-body h4{font-size:10px;color:#c6b18d;font-weight:500;margin:0 0 9px}
.ability-description-diff p,.ability-current-description{font-size:12px;line-height:1.9;color:#a7a7ad;margin:0;overflow-wrap:anywhere}
.ability-current-description{margin-bottom:17px}
.ability-description-diff section:first-child p{color:#8f9097}
.ability-diff-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.ability-diff-table th,.ability-diff-table td{padding:12px 11px;border-bottom:1px solid #2a2b2e;text-align:right;vertical-align:top;line-height:1.7;overflow-wrap:anywhere}
.ability-diff-table th:first-child{width:56%;text-align:left;padding-left:0;font-weight:400}
.ability-diff-table thead th{font-size:10px;color:#82838b;font-weight:400}
.ability-diff-table tbody th{color:#b5b3ad}
.ability-diff-table td:nth-child(2){color:#92939b}
.ability-diff-table td:last-child{color:#dfc496;padding-right:0}
.ability-change-users{margin-top:20px}
.ability-change-users>div{display:flex;gap:7px;flex-wrap:wrap}
.ability-change-users a{font-size:10px;color:#c7b28e;background:#24211d;border:1px solid #42392b;border-radius:4px;padding:5px 8px}
.ability-change-users a:hover{background:#332b20;border-color:#75613f}
.ability-added-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0}
.ability-added-metrics dt{font-size:10px;color:#86878f}
.ability-added-metrics dd{font-size:12px;margin:6px 0 0;color:#d0c6b4}
@media(max-width:680px){.ability-change-card>summary{flex-wrap:wrap;gap:9px;padding:13px}.ability-change-title h3{font-size:14px}.ability-change-count{flex-basis:100%;max-width:none;text-align:left;padding-left:56px;margin-top:-5px}.ability-change-card>summary>.skill-expand-icon{position:absolute;right:29px}.ability-change-card>summary{position:relative;padding-right:34px}.ability-change-body{padding:14px}.ability-description-diff{grid-template-columns:1fr;gap:14px}.ability-diff-table{font-size:11px}.ability-diff-table th,.ability-diff-table td{padding:11px 6px}.ability-diff-table th:first-child{width:50%;font-size:10px}.ability-added-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.changes-toolbar{display:flex;gap:12px;padding:14px;background:#17181b;border:1px solid var(--line);border-radius:8px}
.changes-toolbar .search-wrap{flex:1;min-width:0}
.changes-toolbar select{min-width:155px;max-width:230px;font-size:11px;color:#bdb9b0;background:#1b1c1f;border:1px solid #36373b;border-radius:5px;padding:9px 12px}
#changes-results-count{font-size:12px;color:#b4b4ba;margin:21px 0 25px}
.changes-section{margin:0 0 30px}
.changes-section h2{display:flex;align-items:center;gap:10px;font:550 18px/1.5 var(--heading);margin:0 0 12px}
.changes-section .count-badge{font-size:10px;letter-spacing:0}
.changes-table-scroll{overflow:auto;border:1px solid #303135;border-radius:8px;scrollbar-width:thin}
.changes-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;min-width:610px;font-size:12px;font-variant-numeric:tabular-nums}
.changes-table th,.changes-table td{padding:13px 16px;text-align:right;border-bottom:1px solid #292a2d;vertical-align:middle}
.changes-table th:first-child{width:28%;text-align:left}
.changes-table thead th{background:#1b1c1f;color:#aaa8a0;font-size:10px;font-weight:600;letter-spacing:.4px}
.changes-table tbody{background:linear-gradient(120deg,#191a1d,#151618)}
.changes-table tbody th{font-weight:500}
.changes-table tr:last-child>td,.changes-table tr:last-child>th{border-bottom:0}
.change-row:hover>td,.change-row:hover>th{background:#ddbc8606}
.change-unit{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;color:#e1dfd9;line-height:1.5;overflow-wrap:anywhere;text-align:left}
a.change-unit:hover{color:var(--gold)}
.change-unit small{text-transform:capitalize;font-size:9px;font-weight:400;color:#777980}
.stat-comparison{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap;font-size:12px}
.stat-comparison .old-value{color:#8c8d94}
.stat-comparison strong{font-weight:550}
.change-arrow{color:#62646c;font-size:11px}
.stat-comparison.increase strong,.stat-delta.increase{color:var(--rarity-uncommon)}
.stat-comparison.decrease strong,.stat-delta.decrease{color:#e69a91}
.stat-delta{display:block;font-size:9px;margin-top:4px;line-height:1.5}
.unchanged{color:#4d4f56}
.changes-table .extra-changes td{text-align:left;padding-top:8px;padding-bottom:12px;background:#17181a}
.extra-change{display:inline-flex;align-items:center;gap:10px;font-size:10px;margin-right:20px;flex-wrap:wrap}
.extra-change>span:first-child{color:#93949c}
.extra-change .stat-delta{display:inline;margin:0}
@media(max-width:680px){.top-nav{gap:12px}.top-nav a{font-size:10px}.topbar{gap:10px}.changes-heading{align-items:flex-start;flex-direction:column;gap:10px}.changes-heading h1{font-size:25px}.changes-heading p{font-size:11px}.changes-toolbar{flex-wrap:wrap;gap:9px;padding:11px}.changes-toolbar .search-wrap{flex-basis:100%}.changes-toolbar select{min-width:0;max-width:none;flex:1;width:0}.changes-table{min-width:0;font-size:11px}.changes-table th,.changes-table td{padding:12px 6px}.changes-table th:first-child{width:31%;padding-left:10px}.changes-table thead th{font-size:9px}.changes-table .stat-comparison{display:grid;grid-template-columns:1fr 8px;justify-items:end;gap:3px;font-size:10px}.changes-table .stat-comparison strong{grid-column:1/-1}.changes-table .stat-delta{font-size:8px}.changes-table .extra-change .stat-comparison{display:inline-flex}.changes-section h2{font-size:16px}}
@media(max-width:680px){.brand{letter-spacing:1px;font-size:9px;gap:7px}.directory-panel-head{padding:14px 17px}.directory-heading{margin-bottom:15px}.directory-results-row{padding-top:14px}}

.roster-home #abilities-page{max-width:1440px}
.library-toolbar{display:flex;gap:16px;align-items:stretch}
.library-toolbar>.search-wrap{flex:1;min-width:0}
.library-tag-label{display:flex;align-items:center;gap:12px;color:#a6a5a1;font-size:12px}
.library-tag-label select{width:230px;max-width:100%;background:#1a1b1e;color:#d1c9ba;border:1px solid #36373b;padding:10px 12px;font-size:12px}
.library-filter-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px}
.library-filter-row .list-visibility{flex-wrap:wrap}
.library-filter-row button[hidden]{display:none}
#library-results-count{font-size:12px;color:#b4b4ba;margin:22px 0;scroll-margin-top:20px}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.library-card{display:flex;flex-direction:column}
.library-card-main{display:flex;flex-direction:column;flex:1;padding:19px;min-width:0}
.library-card-main:hover{background:#ddbc8605}
.library-card .skill-title{font-size:15px;overflow-wrap:anywhere;margin:0}
.library-card .skill-head>div{min-width:0}
.library-card .skill-type{flex-wrap:wrap;gap:6px;line-height:1.7}
.library-card .skill-description{margin:15px 0;line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.library-card .skill-metrics{margin-top:auto;padding-top:8px}
.library-unit-count{font-size:10px;color:#83848c;margin-top:12px}
.library-tags{gap:6px;flex-wrap:wrap}
.library-tags a:hover{border-color:#8e754e;color:#ecce9e;background:#30281e}
.library-card>.library-tags{padding:0 19px 17px;margin:0}
.library-tags .tag{font-size:9px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.library-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px 0 6px;color:#919198;font-size:12px}
.library-pagination button:disabled{opacity:.35}
.library-users .ability-change-users{margin:0}
.library-users .ability-change-users a{line-height:1.7}
.library-effects .effect-block{margin-bottom:24px}
.library-effects .effect-block:last-child{margin-bottom:0}
.library-effects .property dd{overflow-wrap:anywhere}
.library-stats-text{margin-top:21px;max-width:900px}
#abilities-page>.skill-metrics{margin:0 0 18px}
#abilities-page>.raw-details{margin-top:26px}
.class-view-tabs{margin:0 0 27px;gap:28px}
.class-view-button{font-size:14px;padding:0 2px 14px}
#information-content[hidden],#guide-content[hidden]{display:none}
.class-guide{max-width:900px}
.guide-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:5px 0 20px}
.guide-status{border:1px solid #494032;background:#28231d;color:var(--gold);border-radius:4px;padding:3px 9px;font-size:10px;white-space:nowrap}
.guide-author{font-size:12px;color:var(--muted);margin:0}
.guide-author a{color:var(--gold);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.guide-author a:hover{color:var(--text);text-decoration-style:solid}
.guide-sections{display:grid;gap:16px}
.guide-section{padding:25px 29px;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}
.guide-section h4{font:550 17px/1.5 var(--heading);color:#e1d6c4;margin:0 0 15px}
.guide-section p{font-size:14px;line-height:1.95;color:#c0bfb9;margin:0 0 18px;overflow-wrap:anywhere;max-width:75ch}
.guide-section p:last-child{margin-bottom:0}
.guide-section-empty{padding:20px 29px}
.guide-section-empty h4{margin-bottom:7px}
.guide-section .guide-placeholder{color:var(--muted);font-size:12px}
.guide-message{padding:25px 0;color:var(--muted)}
.guide-reference{display:inline-flex;align-items:baseline;gap:.32em;max-width:100%;color:var(--guide-reference-color,var(--text));text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;text-decoration-color:currentColor;cursor:help;border-radius:2px}
.guide-reference.rarity-common{--guide-reference-color:#fff}
.guide-reference.rarity-uncommon{--guide-reference-color:var(--rarity-uncommon)}
.guide-reference.rarity-rare{--guide-reference-color:var(--rarity-rare)}
.guide-reference.rarity-legendary{--guide-reference-color:var(--rarity-legendary)}
.guide-reference.rarity-unknown{--guide-reference-color:var(--muted)}
.guide-reference.rarity-unit{--guide-reference-color:var(--gold)}
.guide-reference:hover,.guide-reference[aria-expanded=true]{text-decoration-style:solid;background:#ffffff0c}
.guide-reference-icon{width:1.15em;height:1.15em;object-fit:contain;border-radius:2px;align-self:center;flex:none}
.guide-reference-name{min-width:0;overflow-wrap:anywhere}
.guide-reference .portrait-fallback{font-size:1em;line-height:1;align-self:center;flex:none;color:currentColor}
.guide-tooltip{position:fixed;z-index:100;width:min(680px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 24px));display:flex;flex-direction:column;background:#151618;border:1px solid #6b5940;border-radius:10px;box-shadow:0 18px 70px #000b;overflow:hidden;color:var(--text)}
.guide-tooltip[hidden]{display:none}
.guide-tooltip[data-kind=unit]{width:min(420px,calc(100vw - 24px))}
.unit-tooltip{z-index:110}
.unit-preview-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.unit-preview-heading>img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;flex:none;background:radial-gradient(ellipse,#65503230,transparent 75%)}
.unit-preview-heading>div{min-width:0}
.unit-preview-kind{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.unit-preview-heading h2{font:600 22px/1.35 var(--heading);margin:4px 0 0;overflow-wrap:anywhere}
.unit-preview-description{color:#c2c0ba;font-size:12px;line-height:1.85;margin:0;overflow-wrap:anywhere}
.guide-tooltip-bar{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid #3c352a;background:#201e19;flex-shrink:0;min-height:46px}
.guide-tooltip-kind{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1px}
.guide-tooltip-open{font-size:11px;color:#d0bd9e;margin-left:auto;white-space:nowrap}
.guide-tooltip-close{background:transparent;color:#c6bda9;width:32px;height:32px;font-size:24px;line-height:1;flex-shrink:0}
.guide-tooltip-content{overflow:auto;overscroll-behavior:contain;padding:20px;min-height:0;scrollbar-width:thin}
.guide-tooltip .relic-detail-heading{margin:0 0 17px;gap:15px;flex-wrap:wrap}
.guide-tooltip .relic-detail-heading .skill-head{min-width:0;align-items:flex-start}
.guide-tooltip .relic-detail-heading .skill-head>div{min-width:0}
.guide-tooltip .relic-detail-heading h2{font:600 23px/1.3 var(--heading);margin:5px 0 0;overflow-wrap:anywhere}
.guide-tooltip .relic-detail-grid{grid-template-columns:minmax(0,1fr);gap:13px;margin-top:18px}
.guide-tooltip .relic-panel{padding:16px}
.guide-tooltip .relic-panel h2{font-size:15px;margin:0 0 12px}
.guide-tooltip .skill-metrics{margin:10px 0}
.guide-tooltip .relic-description{font-size:12px;line-height:1.85}
.guide-tooltip .tags{margin-top:9px}
.guide-tooltip .raw-details pre{max-height:230px}
.guide-tooltip .property-grid{margin:0}
.guide-tooltip .relic-value{text-align:left}
.guide-tooltip-variant{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.guide-tooltip-variant select{background:#191a1c;border:1px solid #494133;color:#d4c5ab;min-width:0;width:100%;max-width:310px;padding:6px;font-size:11px}
@media(max-width:680px){.guide-tooltip-content{padding:16px}.guide-tooltip .relic-detail-heading h2{font-size:21px}.guide-tooltip .relic-hero-icon{width:48px;height:48px}.guide-tooltip-bar{gap:6px}.guide-tooltip-open{font-size:10px}.guide-tooltip .relic-panel{padding:14px}.guide-tooltip .skill-metrics{gap:13px}}
/* Team planner and the shared guide build cards. */
#planner-page{max-width:1640px;padding:34px clamp(16px,3vw,44px) 60px}
.planner-heading,.planner-heading-actions,.planner-toolbar,.planner-bank-heading,.planner-bank-controls,.planner-dialog-heading,.guide-team-heading{display:flex;align-items:center;gap:14px}
.planner-heading{justify-content:space-between;margin-bottom:25px;flex-wrap:wrap}
.planner-heading h1{font:650 30px/1.3 var(--heading);letter-spacing:-1px;margin:0 0 7px}
.planner-bank-heading p{margin:0;color:var(--muted);font-size:12px}
.planner-primary,.planner-secondary{padding:10px 16px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid #5b4b32;background:#ddbc86;color:#211e18}
.planner-secondary{background:#1c1d20;border-color:#38393d;color:#c5c4bf}
.planner-toolbar{flex-wrap:wrap;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:9px}
.planner-title-label{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px;flex:1;min-width:230px}
.planner-title-label input{width:min(350px,100%);min-width:0;padding:8px 10px;background:#101113;border:1px solid #343539;color:var(--text);font-size:13px}
#team-filled,#planner-unit-count{font-size:11px;color:var(--muted);white-space:nowrap}
.planner-board-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:10px;margin:17px 0 10px}
.planner-mobile-note{display:none}
.planner-notice{color:#ddbc86;background:#29231b;border:1px solid #51432e;padding:12px 16px;border-radius:6px;font-size:12px}
.team-board-viewport{overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:#504638 transparent;overscroll-behavior-x:contain}
.team-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;align-items:stretch}
.team-card{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #343334;border-radius:9px;background:linear-gradient(150deg,#202022,#151618 65%);transition:border-color .15s,box-shadow .15s}
.team-card-active{border-color:#9c7d4d;box-shadow:0 0 0 1px #9c7d4d22}
.team-card-drop{border-color:#ddbc86;box-shadow:inset 0 0 25px #ddbc8625,0 0 0 2px #ddbc8655}
.team-card-empty{border-style:dashed;min-height:310px;display:flex;flex-direction:column;background:#151618}
.team-position{font:500 11px var(--heading);color:#a7977a;background:#28251f;border:1px solid #4a4031;border-radius:4px;width:24px;height:24px;display:inline-grid;place-items:center;flex:none}
.team-add-unit{background:none;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:100%;padding:30px 0;color:#bbb3a6}
.team-add-unit>span{font-size:36px;font-weight:400;color:#9c835f;line-height:1.6}
.team-add-unit strong{font-weight:500;font-size:13px}.team-add-unit small{color:#75767d;font-size:11px}
.team-card-top{display:flex;align-items:center;gap:7px;min-width:0}
.team-class-tag{color:#b4a180;font-size:9px;letter-spacing:.6px;text-transform:uppercase}
.team-champion-type{position:relative;min-width:0}
.team-champion-type select{max-width:100%;width:91px;min-width:0;background:#25231f;color:#d9bd8d;border:1px solid #4e422f;border-radius:4px;padding:3px 4px;font-size:10px}
.team-champion-name{display:block;max-width:100%;width:100%;min-width:0;padding:5px 6px;background:#171719;color:var(--text);border:1px solid #514432;font-size:12px}
.team-base-class{display:block;font:10px/1.5 var(--font);color:var(--muted);margin-top:4px;letter-spacing:0}
.team-champion-summary{font-size:9px;color:#b39e7b;margin:0 0 7px;line-height:1.5}
.team-guaranteed-dot,.team-skill-warning{position:absolute;top:1px;left:1px;font:700 9px/13px var(--font);background:#554629;color:#ffe4a8;border-radius:2px;min-width:13px;text-align:center}
.team-skill-warning{left:auto;right:1px;background:#6e4c21;color:#ffda7e}
.planner-choice-origin{display:block;font-size:9px;color:#ae9c81;margin:4px 0}
.planner-skill-warning{display:block;font-size:10px;color:#dfb25c;margin-top:6px}
.planner-champion-rule{padding:10px 12px;border:1px solid #51422c;border-radius:5px;background:#282219;color:#d8bf97;font-size:11px;line-height:1.7}
.planner-guaranteed-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#dcc69f;margin:14px 0}
.planner-guaranteed-toggle input{accent-color:var(--gold)}
.planner-picker-filters[hidden]{display:none}
.team-card-actions{display:flex;margin-left:auto;gap:2px}
.team-card-actions button{background:#2b2b2c;color:#b6b2a8;font-size:18px;width:24px;height:24px;padding:0;line-height:1}
.team-card-actions button:disabled{opacity:.2}.team-card-actions button:last-child{margin-left:3px}
.team-unit-hero{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:10px;padding:12px 0;min-height:90px}
.team-unit-hero>a,.team-unit-replace{display:inline-flex;width:62px;height:62px;align-items:center;justify-content:center;background:radial-gradient(ellipse,#65503230,transparent 75%);border-radius:50%}
.team-unit-hero img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 4px #0008)}
.team-unit-hero h3{font:600 14px/1.4 var(--heading);margin:0;letter-spacing:-.3px;overflow-wrap:anywhere}
.team-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:10px 0;border-top:1px solid #353334;border-bottom:1px solid #353334;text-align:center}
.team-card-stats span{display:block;font-size:9px;color:#8d8b87;letter-spacing:.5px}
.team-card-stats strong{display:block;font:600 15px/1.6 var(--heading);color:#e0d9cc;letter-spacing:-.2px}
.team-card-stats>div:first-child strong{color:#dbb0a4}
.team-loadout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,.95fr);align-items:stretch;gap:9px;margin-top:auto;padding-top:14px}
.team-card-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:5px}
.team-card-items{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,1fr);align-items:center;gap:5px;border-left:1px solid #4c4030;padding-left:8px}
.team-skill-cell,.team-item-cell{position:relative;min-width:0;aspect-ratio:1}
.team-loadout-icon{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;padding:3px;background:#101113;border:1px solid transparent;border-radius:4px;color:#d3c5ac}
.team-loadout-icon img{display:block;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0;border-radius:2px}
.team-loadout-icon.rarity-uncommon{border-color:var(--rarity-uncommon)}
.team-loadout-icon.rarity-rare{border-color:var(--rarity-rare)}
.team-loadout-icon.rarity-legendary{border-color:var(--rarity-legendary)}
.team-loadout-empty{border:1px dashed #45403a;color:#9b8869;background:#161618;font-size:22px;font-weight:400}
a.team-loadout-icon:hover,button.team-loadout-icon:hover,.team-loadout-icon[aria-expanded=true]{box-shadow:0 0 0 2px #ddbc8655;background:#25221b}
a.team-loadout-icon{cursor:help}
.planner-current-skill{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding:10px 12px;border:1px solid #40382c;border-radius:5px;background:#25211a;font-size:11px;color:#b9ab93}
.planner-current-skill strong{color:var(--text);font-weight:500}.planner-current-skill label{display:flex;align-items:center;gap:8px}
.planner-current-skill select{max-width:260px;font-size:11px;border:1px solid #5a4c35;color:#dfc7a2;background:#181715;padding:5px 8px}
.planner-unit-section{margin-top:28px;padding-top:25px;border-top:1px solid var(--line);scroll-margin-top:20px}
.planner-bank-heading{margin-bottom:17px}.planner-bank-heading h2{font:600 20px var(--heading);margin:0 0 4px}.planner-bank-heading>div:first-child{flex:1}
.planner-bank-controls .search-wrap{flex:1}.planner-picker-filters select{padding:9px 10px;background:#1a1b1e;border:1px solid #343539;color:#c1bcb2;font-size:12px}
.planner-bank-help{font-size:11px;color:#7e7e85;margin:12px 0 18px}
.planner-unit-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.planner-unit-group{min-width:0;padding:14px 11px 11px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.planner-unit-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 3px 13px}
.planner-unit-group h3{margin:0;font:600 13px var(--heading);color:#d7c6a9}
.planner-unit-bank{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));max-height:510px;overflow-y:auto;scrollbar-width:thin;padding:3px}
.planner-unit{display:flex;align-items:center;gap:10px;padding:10px;text-align:left;min-width:0;background:#191a1d;border:1px solid #2e2f32;border-radius:6px;cursor:grab}
.planner-unit:hover{background:#24221e;border-color:#786344}.planner-unit:active{cursor:grabbing}
.planner-unit>img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;background:#202123;border-radius:4px;flex:none}
.planner-unit>span:not(.planner-unit-add){min-width:0}.planner-unit strong{display:block;font-size:11px;line-height:1.4;font-weight:550;overflow-wrap:anywhere}
.planner-unit small{display:block;color:#85828a;font-size:9px;margin-top:3px}.planner-unit-add{margin-left:auto;font-size:20px;color:#ab9471}
.planner-empty-results{color:var(--muted);padding:25px 0;font-size:12px;grid-column:1/-1}
.planner-picker{width:min(880px,calc(100% - 32px));padding:22px;max-height:calc(100dvh - 40px);overflow:hidden}
.planner-dialog-heading{justify-content:space-between;margin-bottom:17px}.planner-dialog-heading h2{font:600 20px/1.4 var(--heading);letter-spacing:-.4px;margin:0;min-width:0}
.planner-close{background:#2d2b28;color:#c4b79d;font-size:24px;line-height:1;width:30px;height:30px;padding:0;flex:none}
.planner-picker-filters{display:flex;gap:10px;flex-wrap:wrap}.planner-picker-filters input{min-width:140px;flex:1;background:#111214;border:1px solid #37383b;color:var(--text);padding:9px 11px;font-size:12px}
.planner-text-button{font-size:11px;color:var(--gold);background:none;padding:5px 7px}
#planner-picker-count{font-size:10px;color:var(--muted);margin:14px 0 10px}
#planner-picker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:calc(100dvh - 260px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px}
.planner-choice{padding:12px;display:flex;gap:12px;align-items:flex-start;background:#141518;border:1px solid #343437;text-align:left;min-width:0}
.planner-choice:hover{border-color:#9a7e51}.planner-choice:disabled{opacity:.35}.planner-choice-copy{display:block;min-width:0}
.planner-choice strong{font:600 12px/1.5 var(--heading);display:block}.planner-choice small{display:block;font-size:9px;margin:3px 0 7px}
.planner-choice-description{display:block;font-size:10px;line-height:1.7;color:#adaba7;white-space:pre-line}
.planner-choice-metrics{display:block;font-size:9px;color:#b0a18c;margin-top:9px}.planner-choice .skill-icon-frame{flex:none}
.planner-share label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
#planner-share-url{display:block;width:100%;padding:10px;border:1px solid #494133;background:#101113;color:#d1c1a6;font-size:11px;margin:0 0 14px}
#planner-share-status{color:var(--gold)}
.guide-create-team{display:inline-block;color:var(--gold);font-size:11px;margin-top:16px;border-bottom:1px dotted #8b724b}
.guide-team-build{margin:22px 0;padding:14px 0 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-team-heading{justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.guide-team-heading h5{font:600 15px var(--heading);margin:0 0 4px;color:var(--text)}
.guide-team-heading span{font-size:9px;color:var(--muted)}.guide-team-heading>a{font-size:10px;color:var(--gold);white-space:nowrap}
.team-board-compact{grid-template-columns:repeat(5,minmax(155px,1fr));gap:7px}.team-board-compact .team-card{padding:8px}
.team-board-compact .team-card-empty{min-height:235px}.team-empty-label{margin:auto;color:var(--muted);font-size:11px}
.team-board-compact .team-position{width:20px;height:20px;font-size:9px}.team-board-compact .team-class-tag{font-size:8px}
.team-board-compact .team-unit-hero{grid-template-columns:45px minmax(0,1fr);gap:5px;padding:8px 0;min-height:70px}.team-board-compact .team-unit-hero>a{width:45px;height:45px}
.team-board-compact .team-unit-hero h3{font-size:11px}.team-board-compact .team-card-stats{gap:1px;padding:7px 0}
.team-board-compact .team-card-stats span{font-size:7px}.team-board-compact .team-card-stats strong{font-size:10px}
.team-board-compact .team-loadout{gap:6px;padding-top:11px}.team-board-compact .team-card-skills{gap:3px}.team-board-compact .team-card-items{gap:3px;padding-left:5px}
.team-board-compact .team-loadout-icon{padding:2px}.team-board-compact .team-loadout-empty{font-size:16px}
.team-evolution-dot{position:absolute;bottom:0;right:0;pointer-events:none;background:#4a3b25;color:#f4d69e;border-radius:3px;font-size:9px;line-height:15px;padding:0 4px}
@media(max-width:1240px){.planner-mobile-note{display:inline}}
@media(max-width:1100px){.planner-unit-groups{grid-template-columns:1fr}.planner-unit-bank{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));max-height:380px}}
@media(max-width:680px){#planner-page{padding-top:25px}.planner-heading h1{font-size:25px}.planner-heading-actions{gap:8px}.planner-primary,.planner-secondary{font-size:11px;padding:9px 12px}.planner-toolbar{padding:14px;gap:14px}.planner-title-label{width:100%;flex:none;min-width:0}.planner-title-label input{flex:1;width:0}.planner-toolbar .stat-mode-toggle{margin-left:auto}.planner-toolbar .stat-mode-toggle button{padding:7px 9px;font-size:10px}.planner-board-meta{font-size:9px;gap:7px}.team-board{grid-template-columns:repeat(5,230px)}.team-board-compact{grid-template-columns:repeat(5,155px)}.planner-unit-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-unit{gap:6px;padding:8px}.planner-unit>img{width:36px;height:36px}.planner-unit small{font-size:8px}.planner-unit strong{font-size:10px}.planner-unit-add{display:none}.planner-bank-controls{gap:8px}.planner-picker{padding:16px}.planner-dialog-heading h2{font-size:17px}.planner-picker-filters{gap:8px}.planner-picker-filters input{width:100%;flex:none}.planner-picker-filters select{flex:1}.planner-choice{padding:10px}.planner-choice-description{font-size:10px}#planner-picker-results{grid-template-columns:1fr;max-height:calc(100dvh - 290px)}.planner-bank-heading{gap:10px}.planner-bank-heading h2{font-size:18px}.planner-bank-heading p{font-size:10px}#planner-unit-count{font-size:9px}.top-nav{gap:8px}}
@media(max-width:680px){.class-view-tabs{margin-top:0;margin-bottom:24px}.class-view-button{font-size:13px}.guide-heading{gap:11px}.guide-section{padding:20px}.guide-section p{font-size:13px}.guide-section h4{font-size:16px}.guide-section-empty{padding:17px 20px}}
@media(max-width:1100px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.topbar{height:auto;min-height:76px;padding:14px 20px;flex-wrap:wrap;gap:10px}.top-nav{width:100%;margin-left:0;justify-content:space-between;gap:8px}.top-nav a{font-size:12px}.library-toolbar{flex-direction:column;gap:12px}.library-tag-label select{flex:1;width:0}.library-filter-row{gap:8px;margin-top:14px}.library-filter-row .list-visibility{gap:5px}.library-filter-row .list-visibility button{font-size:10px;padding:7px 9px}.library-grid{grid-template-columns:1fr}.library-card-main{padding:17px}.library-card>.library-tags{padding:0 17px 16px}.library-pagination{gap:15px;font-size:11px}.library-pagination button{font-size:11px}}