@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Roboto:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#c5a362;--cream:#e4d6b1;--muted:#8f9a9f;--edge:#514b39;--bg:#0a1118;--node:clamp(28px,4.3vh,42px)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 30%,#1c333b66,transparent 65%),#0a1118;color:#dbdedd;font:12px Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:#dcd7c6;background:linear-gradient(#24313a,#152029);border:1px solid #625a43;border-radius:3px;padding:8px 12px}button:hover{border-color:#d3b578;background:linear-gradient(#35434a,#1d2d36)}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #dfc487;outline-offset:3px}button:disabled{opacity:.4;cursor:default}input{background:#0b151e;border:1px solid #4b5960;color:#e3e1d2;border-radius:2px;padding:8px;min-width:0}h1,h2,h3{margin:0;font-family:Cinzel,Georgia,serif;font-weight:600}h2{font-size:15px;color:var(--gold)}h3{font-size:11px;color:var(--cream)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.site-header{display:flex;gap:22px;align-items:center;justify-content:space-between;height:51px;background:#08120ff2;border:1px solid #4d4a32;margin:0 15px;padding:7px 16px}.brand{white-space:nowrap;font-size:12px;font-family:Georgia,serif;color:#e2e9dd}.brand b{font-variant:small-caps;font-size:17px}.site-header nav{display:flex;align-items:center;gap:9px}.site-header nav a{display:flex;align-items:center;justify-content:center;background:linear-gradient(#1a2525,#0a1415);border:1px solid #514a2e;border-radius:7px;height:31px;padding:2px 10px}.site-header img{height:24px;width:auto;max-width:126px;object-fit:contain}.preview-label{font-size:8px;letter-spacing:1px;color:#939a85;white-space:nowrap}main{max-width:1630px;margin:0 auto;padding:0 25px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0 15px}.game-title{font-size:8px;letter-spacing:2px;color:#9aab9e;font-weight:700}h1{font-size:27px;color:#e5d5aa;line-height:1.25;text-shadow:0 1px 2px #000}.page-actions{display:flex;gap:6px}.page-actions button{font-size:10px;padding:7px 12px}.gold-button{color:#f2dfae;border-color:#b59a60;background:linear-gradient(#63543355,#40371f77)}.layout{display:grid;grid-template-columns:205px minmax(440px,1fr) 257px;gap:16px;align-items:start}.panel{border:1px solid #7e7150;background:linear-gradient(120deg,#162631df,#0d1923ef);box-shadow:inset 0 0 0 2px #09141d,inset 0 0 0 3px #414d52,0 3px 10px #0006;padding:14px}.hero-panel{padding:15px 12px}.hero-panel>h2{text-align:center;padding-bottom:12px}.hero-search{position:relative;display:block;margin-bottom:12px}.hero-search input{width:100%;font-size:10px;padding:8px 24px 8px 9px;border-color:#3c4b53}.hero-search>span:last-child{position:absolute;right:9px;top:5px;font-size:20px;color:#aeab92;pointer-events:none}.hero-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero-tile{position:relative;height:75px;overflow:hidden;padding:0;border:1px solid #4c5352;border-radius:4px;background:radial-gradient(ellipse at 50% 30%,var(--wash),transparent 80%),#0c1b25;isolation:isolate}.hero-tile img{position:absolute;width:118%;height:auto;left:-9%;top:0;z-index:-1;filter:brightness(.85);pointer-events:none}.hero-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#07111c33 50%,#07111cf0);z-index:-1}.hero-tile strong{position:absolute;bottom:7px;left:0;width:100%;font-family:Cinzel,Georgia,serif;font-weight:600;font-size:10px;color:var(--hero-color);text-shadow:0 1px 2px #000}.hero-tile .hero-role{position:absolute;left:5px;top:4px;font-size:7px;color:#e5e0cc;background:#0c171aa6;padding:2px 3px;border-radius:2px}.hero-tile[aria-current=page]{border-color:#ead38a;box-shadow:inset 0 0 0 1px #897142,0 0 8px #b49a4b29}.hero-tile[aria-current=page] img{filter:none}.hero-tile:hover{background-color:#1b2a31}.hero-tile .selected-mark{position:absolute;right:4px;top:4px;color:#f0d58a;font-size:11px}.no-heroes{text-align:center;color:#acb4af;grid-column:1/-1;padding:20px}.saved-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #4b4c3b;margin-top:15px;padding-top:12px;color:#a4aca2;font-size:9px}.saved-heading h3{font-size:10px}.empty-saves{color:#7f939e;font-size:9px;line-height:1.6;margin:9px 0 0}.saved-row{display:flex;gap:4px;margin-top:7px}.saved-row button{font-size:9px;padding:6px}.saved-row button:first-child{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left}.saved-row button:last-child{padding:5px 7px}.journal-frame{position:relative;border:3px solid #43545f;background:linear-gradient(130deg,#193240bb,#0a1721 75%);box-shadow:0 0 0 1px #acb8b7,inset 0 0 0 1px #869697,0 0 0 6px #101c26,0 0 0 7px #657078,0 6px 20px #0008;margin:8px 5px 0;min-width:0}.journal-frame:before,.journal-frame:after{content:'';position:absolute;pointer-events:none;width:23px;height:23px;border-color:#a5adb0;z-index:2}.journal-frame:before{top:-3px;left:-3px;border-top:3px solid;border-left:3px solid;clip-path:polygon(0 0,100% 0,0 100%)}.journal-frame:after{right:-3px;bottom:-3px;border-right:3px solid;border-bottom:3px solid;clip-path:polygon(100% 0,100% 100%,0 100%)}.frame-inner{margin:8px;border:1px solid #a18b56;padding:12px 10px 8px;background:radial-gradient(ellipse at 50% 45%,#28516425,transparent 75%);position:relative}.frame-title{position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:3;min-width:150px;background:#10202b;padding:0 18px;height:26px;border-top:2px solid #74858d;border-bottom:1px solid #ad8c4c;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.frame-title h2{font-size:15px;text-transform:uppercase;white-space:nowrap;color:#c8a35f}.build-toolbar{display:flex;align-items:center;border:1px solid #586570;background:linear-gradient(90deg,#0e1c27,#1a303b66);padding:6px;gap:10px;margin:8px 0 7px;min-height:48px}.build-portrait{width:33px;height:34px;border:1px solid #968359;overflow:hidden;flex-shrink:0;background:radial-gradient(#826b3b,#0b1821)}.build-portrait img{width:135%;height:auto;margin-left:-16%;margin-top:-2px}.active-build{min-width:0}.active-build b{display:block;font-size:11px;color:#f0e5cd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:270px}.active-build span{display:block;color:#a7b1b0;font-size:8px;margin-top:4px;line-height:1.3}.build-total{margin-left:auto;text-align:right;padding-right:5px;flex-shrink:0}.build-total span{display:block;font-size:7px;color:#929f9f;text-transform:uppercase;letter-spacing:.5px}.build-total strong{color:#d6b875;font:500 17px Georgia,serif}.tree-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;height:clamp(450px,calc(100dvh - 238px),710px);padding:7px 0 0;min-width:0}.gem-column{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative;--c:#ccc}.column-name{font:600 10px Cinzel,Georgia,serif;color:var(--c);text-shadow:0 1px 2px #000;margin:0 0 2px}.top-ornament{height:25px;flex-shrink:0;width:100%;background:url('media/T_Borders_GemPowerBackgroundParts_Top.png') no-repeat center top;background-size:82px auto;opacity:.75}.node-stack{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;position:relative;flex:1;min-height:0;padding:2px 0 5px;background:url('media/T_Borders_GemPowerBackgroundParts_Middle.png') repeat-y center top;background-size:82px auto}.node-stack:before{position:absolute;content:'';width:1px;top:5px;bottom:0;left:50%;background:linear-gradient(#32434b,#233641);opacity:.5}.tree-node{position:relative;width:var(--node);height:var(--node);padding:2px;border-radius:0;border:1px solid #52626b;background:#101c25;box-shadow:0 0 0 2px #09121baa,inset 0 0 0 1px #172b33;flex-shrink:0;z-index:1;display:block}.tree-node img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(.26);opacity:.85}.tree-node.unlocked{border-color:color-mix(in srgb,var(--c) 80%,#94815a);box-shadow:0 0 0 2px #102029,0 0 7px color-mix(in srgb,var(--c) 13%,transparent)}.tree-node.unlocked img{filter:none;opacity:1}.tree-node:hover,.tree-node:focus-visible{border-color:#f1db9c;outline:1px solid #c7af7c;outline-offset:2px;background:#243847}.tree-node:hover img{filter:brightness(.8)}.tree-node.unlocked:hover img{filter:brightness(1.1)}.tree-node .node-rank{position:absolute;right:-4px;bottom:-4px;min-width:10px;height:10px;font-size:7px;font-family:Arial,sans-serif;background:#16212b;color:#d5c790;border:1px solid #776b46;line-height:8px;display:none}.tree-node.unlocked .node-rank{display:block}.gem-power{height:31px;line-height:27px;flex-shrink:0;width:100%;text-align:center;font-size:17px;font-weight:600;color:var(--c);background:url('media/T_Borders_GemPowerNumberBackground.png') no-repeat center;background-size:86px auto;z-index:1}.gem-base{height:57px;flex-shrink:0;width:100%;position:relative;background:url('media/T_Borders_GemPowerBackgroundParts_Base.png') no-repeat center top;background-size:82px auto;display:flex;align-items:flex-start;justify-content:center;padding-top:4px}.gem-base:before{content:'';position:absolute;inset:0;background:var(--base) no-repeat center top;background-size:82px auto;opacity:.8}.gem-base img{position:relative;z-index:1;height:37px;width:37px;object-fit:contain;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--c) 30%,transparent))}.tree-footnote{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:7px;color:#7e939e;padding:3px 4px 0}.node-key{display:inline-block;height:5px;width:5px;border:1px solid #d4bc75;background:#b3a16e;margin-right:4px}.locked-key{background:#1c2831;border-color:#54636c;margin-left:8px}.frame-bottom{height:0;position:relative;text-align:center}.frame-bottom span{position:absolute;left:50%;transform:translateX(-50%);bottom:-9px;background:#0e1b25;color:#cead65;padding:0 8px;font-size:13px}.right-sidebar{display:flex;flex-direction:column;gap:13px}.gem-panel h2{text-align:center;font-size:16px;text-transform:uppercase}.small-rule{text-align:center;position:relative;color:#b69550;font-size:11px;margin:6px 0 10px}.small-rule:before,.small-rule:after{content:'';position:absolute;top:50%;height:1px;width:40%;background:linear-gradient(90deg,transparent,#897142)}.small-rule:before{left:0}.small-rule:after{right:0;transform:rotate(180deg)}.socket-instruction{font-size:9px;text-align:center;color:#98a6ac;margin-bottom:10px}.socket-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px}.slot{border:0;background:none;padding:0;text-align:center;border-radius:0}.slot:hover{background:none;border:0}.socket-frame{height:37px;width:37px;margin:auto;border:2px solid #465a68;box-shadow:inset 0 0 3px #000,0 0 0 1px #071018;background:radial-gradient(#152735,#07121d);position:relative;display:flex;align-items:center;justify-content:center;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.socket-frame img{width:33px;height:33px;object-fit:contain}.slot[aria-pressed=true] .socket-frame{border-color:#dfbf77;background:radial-gradient(#5a4d2c,#18232b)}.slot span:last-child{display:block;font-size:7px;color:#a6b3b7;margin-top:6px;white-space:nowrap}.slot[aria-pressed=true] span:last-child{color:#e6cb8d}.catalog-labels,.gem-row{display:grid;grid-template-columns:43px repeat(4,minmax(0,1fr));align-items:center;gap:1px}.catalog-labels{font-size:6px;color:#8b9ba4;text-align:center;margin-bottom:3px}.gem-row{padding:3px 0}.gem-row>b{font-size:8px;color:var(--c);font-weight:500}.gem-choice{width:35px;height:35px;background:radial-gradient(#263845,#091722);padding:1px;border:1px solid #3f515a;box-shadow:inset 0 0 0 1px #07111c;border-radius:3px;display:flex;justify-content:center;align-items:center;position:relative;justify-self:center}.gem-choice img{width:30px;height:30px;object-fit:contain;display:block}.gem-choice:hover{border-color:#d2bc84;background:#2c3e46}.gem-choice.equipped{border-color:#a49259}.gem-choice .equipped-count{position:absolute;right:-2px;bottom:-3px;background:#0c1923;border:1px solid #847044;border-radius:2px;font-size:7px;padding:0 2px;color:#e0c38b}.bonus-toggle{display:flex;align-items:center;gap:7px;font-size:9px;border-top:1px solid #484d42;padding-top:12px;margin-top:10px;cursor:pointer}.bonus-toggle input{accent-color:#b4944f;width:13px;height:13px;margin:0}.bonus-toggle b{margin-left:auto;color:#d9bd7b;font-size:9px;font-weight:500}.essence-panel{font-size:9px;margin-top:12px;color:#acb6b2}.essence-panel summary{cursor:pointer}.essence-panel summary>span{float:right;color:#cfb675;font-size:8px}.essence-panel>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.essence-input{display:flex;flex-direction:column;gap:5px;font-size:8px;color:var(--c)}.essence-input input{width:100%;font-size:10px;padding:5px}.build-panel{padding:13px 11px}.build-panel-heading{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid #484d40;margin-bottom:10px}.build-panel-heading h2{font-size:13px}.reference-tag{font-size:6px;letter-spacing:1px;color:#8f9c98}.build-list{display:flex;flex-direction:column;gap:7px;max-height:205px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#677267 #152630}.build-choice{padding:9px;text-align:left;position:relative;border-color:#435458;background:linear-gradient(110deg,#273a3e66,#0e1d27);border-radius:3px;overflow:hidden}.build-choice[aria-pressed=true]{border-color:#c3ab63;background:linear-gradient(110deg,#75603238,#1a2c32)}.build-choice b{font-size:11px;display:block;color:#e4d5ad;font-family:Cinzel,Georgia,serif}.build-choice small{font-size:8px;color:#a5b0af;display:block;margin-top:4px}.mini-track{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.mini-track span{font-size:8px;color:var(--c);display:flex;align-items:center;gap:2px}.mini-track img{height:14px;width:14px;object-fit:contain}.sample-note{font-size:8px;line-height:1.5;color:#8a9ca6;margin:10px 0 5px}.source-link{font-size:8px;color:#cfbd86}.source-link:hover{text-decoration:underline}.data-notes{margin:23px 0 0;border-top:1px solid #304048;padding:12px 0 0;color:#879aa2;font-size:9px;line-height:1.7}.data-notes summary{cursor:pointer;color:#a5b3b4;display:list-item}.data-notes p{max-width:1150px}.data-notes a{color:#d1bc81}.ability-tooltip{position:fixed;z-index:30;width:236px;pointer-events:none;background:linear-gradient(135deg,#142630,#0b1721);border:1px solid #b28c43;box-shadow:0 4px 14px #000a;padding:15px;color:#cbd1d0;text-align:center;font-size:11px;line-height:1.5;border-radius:2px}.ability-tooltip h3{font:600 12px/1.5 Cinzel,Georgia,serif;color:#cba860;text-transform:uppercase;margin:0 0 10px}.ability-tooltip .tip-power{font-weight:600;color:#e6e2d2;margin-top:12px}.ability-tooltip .tip-power b{color:var(--tip-color)}.ability-tooltip .tip-state{font-size:10px;color:#8699a5}.ability-tooltip .tip-active{color:#9dcca1}.ability-tooltip img{height:31px;width:31px;border:1px solid #7f795d;margin-bottom:7px}.ability-tooltip .tip-source{font-size:8px;color:#7b919d;margin-top:10px}dialog{width:min(390px,92vw);background:#11232d;border:2px solid #7f7960;color:#d9dfdc;padding:25px;border-radius:3px;box-shadow:0 20px 90px #000b}dialog::backdrop{background:#030a12cc}dialog h2{margin-bottom:20px;font-size:20px}dialog label{display:block;font-size:11px}dialog input{width:100%;display:block;padding:10px;margin-top:8px}dialog p{color:#95a5ad;font-size:10px}.dialog-actions{display:flex;gap:7px;justify-content:end;margin-top:20px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,80px);border:1px solid #a18c54;color:#efdfb8;background:#152831;padding:11px 20px;font-size:11px;z-index:50;box-shadow:0 3px 15px #0008;transition:transform .15s;max-width:90%;text-align:center}.toast.show{transform:translate(-50%,0)}
@media(min-width:1500px){.layout{grid-template-columns:240px minmax(500px,1fr) 285px;gap:24px}.hero-tile{height:91px}.hero-tile strong{font-size:12px}.hero-role{font-size:8px!important}.panel{padding:18px}.hero-panel{padding:18px 13px}.gem-choice{height:40px;width:40px}.gem-choice img{height:35px;width:35px}.gem-row{padding:4px 0}.catalog-labels{font-size:7px}.gem-row>b{font-size:9px}.socket-frame{height:42px;width:42px}.slot span:last-child{font-size:8px}.tree-grid{padding-top:12px}.column-name{font-size:12px}.tree-footnote{font-size:9px}.build-toolbar{padding:8px}.build-portrait{height:42px;width:42px}.active-build b{font-size:14px}.active-build span{font-size:10px}.build-total strong{font-size:21px}.build-choice{padding:12px}.build-choice b{font-size:13px}.build-choice small{font-size:9px}.sample-note,.source-link{font-size:9px}.build-list{max-height:240px}.mini-track span{font-size:10px}.gem-power{font-size:20px;height:36px;line-height:32px}.tree-grid{height:clamp(520px,calc(100dvh - 250px),710px)}}
@media(max-width:1150px){main{padding:0 18px 20px}.layout{grid-template-columns:170px minmax(400px,1fr) 220px;gap:12px}.site-header{gap:12px;padding:7px 10px}.site-header nav{gap:5px}.site-header nav a{padding:2px 6px}.site-header img{max-width:100px;height:21px}.preview-label{font-size:6px}.brand b{font-size:14px}.hero-panel{padding:13px 9px}.hero-tile{height:68px}.hero-tile strong{font-size:9px}.hero-role{font-size:6px!important}.panel{padding:12px}.gem-row,.catalog-labels{grid-template-columns:37px repeat(4,minmax(0,1fr))}.gem-choice{height:30px;width:30px}.gem-choice img{width:26px;height:26px}.catalog-labels{font-size:5px}.socket-frame{width:32px;height:32px}.socket-frame img{height:28px;width:28px}.column-name{font-size:9px}.top-ornament,.node-stack,.gem-base,.gem-base:before{background-size:68px auto}.frame-inner{padding:12px 6px 8px}.tree-footnote{font-size:6px}}
@media(max-width:860px){.site-header nav a:nth-last-child(-n+2){display:none}.layout{grid-template-columns:150px minmax(400px,1fr)}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.hero-list{gap:5px}.hero-tile{height:65px}.tree-grid{height:520px}.gem-panel{max-width:none}.gem-choice{width:36px;height:36px}.gem-choice img{height:32px;width:32px}.catalog-labels,.gem-row{grid-template-columns:65px repeat(4,minmax(0,1fr))}.catalog-labels{font-size:7px}.gem-row>b{font-size:9px}.slot span:last-child{font-size:9px}.socket-frame{width:40px;height:40px}.socket-frame img{width:36px;height:36px}.sample-note{font-size:10px}.build-list{max-height:360px}.tree-footnote{font-size:8px}.build-choice b{font-size:13px}.build-choice small{font-size:10px}.mini-track span{font-size:10px}.build-panel-heading h2{font-size:17px}.reference-tag{font-size:7px}}
@media(max-width:620px){.site-header{height:45px;margin:0 8px;padding:7px 10px}.site-header nav{display:none}.preview-label{font-size:7px}.brand b{font-size:16px}main{padding:0 12px 18px}.page-heading{padding:16px 0 13px;align-items:start;flex-wrap:wrap;gap:11px}h1{font-size:24px}.game-title{font-size:7px}.page-actions{width:100%;gap:5px}.page-actions button{flex:1;font-size:9px;padding:7px 5px}.layout{display:flex;flex-direction:column;gap:19px}.hero-panel{width:100%;padding:12px 10px}.hero-panel>h2{font-size:14px;text-align:left;padding-bottom:9px}.hero-search{margin:0 0 10px}.hero-list{display:flex;overflow:auto;gap:7px;padding:2px 1px 7px;scrollbar-width:thin;scrollbar-color:#6b705a #0b1a23}.hero-tile{width:70px;min-width:70px;height:72px}.hero-tile strong{font-size:9px}.hero-tile .hero-role{font-size:6px}.saved-heading{padding-top:9px;margin-top:6px}.empty-saves{margin:7px 0 0;font-size:8px}.journal-frame{width:calc(100% - 10px);margin:2px 5px 0}.frame-title{min-width:135px}.frame-title h2{font-size:14px}.frame-inner{margin:6px;padding:12px 3px 7px}.build-toolbar{gap:7px;padding:5px;margin-top:5px}.build-portrait{width:28px;height:31px}.active-build b{font-size:10px;max-width:190px}.active-build span{font-size:7px;max-width:190px}.build-total span{font-size:6px}.build-total strong{font-size:16px}.tree-grid{height:493px;padding-top:9px;--node:27px}.column-name{font-size:7px}.top-ornament,.node-stack,.gem-base,.gem-base:before{background-size:54px auto}.top-ornament{height:22px}.gem-base{height:43px;padding-top:0}.gem-base img{width:29px;height:29px}.gem-power{font-size:14px;height:28px;line-height:26px;background-size:54px auto}.tree-footnote{font-size:6px;gap:5px;padding:4px 1px 0}.right-sidebar{display:flex;width:100%;gap:16px}.gem-panel,.build-panel{width:100%;padding:16px}.catalog-labels,.gem-row{grid-template-columns:58px repeat(4,minmax(0,1fr))}.gem-row{padding:5px 0}.gem-choice{width:42px;height:42px}.gem-choice img{width:36px;height:36px}.catalog-labels{font-size:7px}.gem-row>b{font-size:10px}.socket-instruction{font-size:10px}.socket-list{margin:14px 0}.socket-frame{width:45px;height:45px}.slot span:last-child{font-size:9px}.bonus-toggle{font-size:11px}.essence-panel{font-size:11px}.essence-input{font-size:10px}.essence-input input{font-size:12px}.build-panel-heading{gap:8px}.build-list{max-height:300px}.sample-note{font-size:10px}.source-link{font-size:10px}.data-notes{font-size:10px;margin-top:19px}.ability-tooltip{width:210px;padding:12px}.ability-tooltip h3{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Equipment editor: explicit slot identity and source-specific modifier power. */
.right-sidebar{scrollbar-width:thin;scrollbar-color:#666f65 #101e28}.gem-panel>h2{font-size:14px;text-transform:none}.equipment-intro{display:flex;flex-direction:column;gap:5px;margin:0 0 10px}.equipment-intro>b,.equipment-step>b{font-size:11px;color:#ded8c3;font-weight:500}.equipment-intro>span{font-size:9px;color:#8ca2aa}.equipment-list{display:flex;flex-direction:column;gap:5px}.equipment-row{display:flex;position:relative;align-items:stretch;border:1px solid #405259;border-radius:3px;background:linear-gradient(110deg,#21343b66,#0c1923)}.equipment-row.selected{border-color:#d3b775;background:linear-gradient(100deg,#6c582233,#152932)}.equipment-slot{display:flex;align-items:center;width:100%;gap:9px;padding:8px 7px;background:none;border:0;text-align:left;border-radius:2px;min-height:51px}.equipment-slot:hover{background:#28414855;border:0}.equipment-icon{height:31px;width:31px;background:#0c1a24;border:1px solid #50616b;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.equipment-icon>img{width:25px;height:25px;object-fit:contain;opacity:.8}.equipment-icon>img.slot-gem-badge{position:absolute;right:-5px;bottom:-5px;height:19px;width:19px;opacity:1;background:#0c1a25;border:1px solid #9a8654;border-radius:2px}.equipment-copy{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}.equipment-copy>b{font-size:12px;color:#e3dcc5;font-weight:600}.equipment-copy>span{font-size:9px;color:#a6b7bd}.slot-action{font-size:8px;color:#b7a271;margin-left:auto;flex-shrink:0}.remove-gem{align-self:center;border:0;border-left:1px solid #3d5157;background:none;padding:5px 6px;font-size:14px;color:#899b9f}.remove-gem:hover{border:0;border-left:1px solid #a88454;background:#694c3222;color:#e2c47e}.slot-modifiers{display:flex;flex-wrap:wrap;gap:3px}.slot-modifiers i{font-style:normal;font-size:8px;color:var(--c);font-weight:500}.other-gear{border-top:1px solid #3d4e50;margin:11px 0 0;padding-top:9px}.other-gear>summary{font-size:10px;color:#c5c8b4;cursor:pointer;line-height:1.6}.other-gear>summary>span{float:right;font-size:8px;color:#9f9b7f}.other-gear>.equipment-list{margin-top:8px;max-height:240px;overflow:auto;scrollbar-width:thin;scrollbar-color:#7a7e68 #101e28;padding-right:2px}.other-gear .equipment-slot{min-height:43px;padding:6px}.other-gear .equipment-copy>b{font-size:11px}.other-gear .equipment-icon{height:27px;width:27px}.other-gear .equipment-icon>img{height:23px;width:23px}.editing-heading{display:flex;align-items:center;gap:8px;border-top:1px solid #565541;margin-top:13px;padding:12px 0 9px}.editing-heading>img{width:26px;height:26px;object-fit:contain;opacity:.8}.editing-heading small{font-size:6px;letter-spacing:1px;color:#7f9aa3;display:block;margin-bottom:3px}.editing-heading h3{font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:600;color:#dec689}.editing-heading>span{margin-left:auto;color:#919f9e;font-size:8px}.equipment-step{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;gap:6px}.equipment-step>b{font-size:10px}.equipment-step>span{font-size:8px;color:#9faca8}.no-socket-help{font-size:10px;color:#a5b5b8;line-height:1.6;margin:3px 0 12px}.modifier-help{font-size:8px;line-height:1.5;color:#91a5ab;margin:9px 0}.essence-panel summary{font-size:10px}.essence-input select{width:100%;color:#ddd7c5;border:1px solid #3b515b;background:#0e1c26;padding:6px 2px;font-size:10px;border-radius:2px}.essence-panel summary>span{font-size:9px}.unassigned-note{font-size:9px;line-height:1.6;border:1px solid #685b3d;color:#c3b992;padding:8px;margin:11px 0}.item-data-note{font-size:8px;line-height:1.5;color:#7e959e;margin:10px 0 0}.build-panel{order:-1}.build-tabs{display:flex;gap:5px;margin-bottom:10px}.build-tabs button{font-size:9px;padding:6px 7px;flex:1;border-color:#3e535b;background:#10222e}.build-tabs button[aria-pressed=true]{border-color:#a88c50;color:#e4ce91;background:#554c2c33}.build-tabs button>span{font-size:8px;color:#90a8b2;margin-left:4px}.build-choice{min-height:81px;padding:10px 75px 10px 10px;isolation:isolate}.build-choice>b{position:relative;z-index:1;font-size:12px}.build-choice>b>span{font:8px Roboto,Arial,sans-serif;display:block;color:#9caeae;margin-top:4px}.build-choice small{position:relative;z-index:1;font-size:8px}.build-choice .mini-track{position:relative;z-index:1;gap:5px;min-width:115px}.build-hero-art{position:absolute;width:100px;height:auto;right:-12px;top:-1px;z-index:0;pointer-events:none;opacity:.95;mask-image:linear-gradient(90deg,transparent 0%,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%)}.art-caption{position:absolute;right:4px;bottom:3px;color:#a0b4b9;font-size:5px;background:#0a1924aa;padding:1px 3px}.build-panel .build-list{max-height:188px}.player-empty{position:relative;min-height:145px;border:1px dashed #3f5760;padding:11px;overflow:hidden}.player-empty>img{position:absolute;right:-14px;top:5px;width:100px;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.player-empty>div{position:relative;z-index:1}.player-empty b{font-size:11px;color:#cad4d1}.player-empty p{font-size:9px;line-height:1.7;max-width:170px;color:#8fa7af}.player-empty button{font-size:9px;padding:6px 8px;margin-top:3px}.build-panel .sample-note{font-size:8px}.reference-tag{font-size:6px}.equipment-list .equipment-slot:focus-visible{outline-offset:-2px}.equipment-list .equipment-row:has(.equipment-slot:focus-visible){border-color:#e1c78a}
@media(min-width:861px){.right-sidebar{max-height:calc(100dvh - 142px);overflow-y:auto;padding:1px 4px 7px 1px;overscroll-behavior:contain}}
@media(min-width:1500px){.layout{grid-template-columns:235px minmax(500px,1fr) 310px}.equipment-slot{padding:9px 10px;min-height:57px}.equipment-copy>b{font-size:14px}.equipment-copy>span{font-size:10px}.equipment-icon{height:35px;width:35px}.equipment-icon>img{height:29px;width:29px}.equipment-intro>b{font-size:12px}.equipment-intro>span{font-size:10px}.equipment-step>b{font-size:12px}.build-choice{padding-right:95px;min-height:88px}.build-hero-art{width:125px;right:-10px}.build-choice>b{font-size:15px}.build-choice>b>span{font-size:9px;display:inline}.build-choice small{font-size:9px}.art-caption{font-size:6px}.build-tabs button{font-size:10px}.build-panel .build-list{max-height:215px}.build-panel .sample-note{font-size:9px}.reference-tag{font-size:7px}.other-gear>summary{font-size:11px}.other-gear .equipment-copy>b{font-size:12px}}
@media(max-width:1150px) and (min-width:861px){.layout{grid-template-columns:155px minmax(380px,1fr) 250px;gap:11px}.equipment-copy>b{font-size:12px}.equipment-copy>span{font-size:9px}.slot-action{font-size:7px}.equipment-slot{gap:7px}.equipment-icon{width:28px;height:28px}.equipment-icon>img{height:24px;width:24px}.build-choice{padding-right:68px}.build-hero-art{right:-18px}.editing-heading h3{font-size:12px}}
@media(max-width:860px){.gem-panel{order:0}.build-panel{order:1}.build-panel .build-list{max-height:420px}.equipment-copy>b{font-size:13px}.equipment-copy>span{font-size:10px}.build-choice>b{font-size:14px}.build-choice{padding-right:93px;min-height:88px}.build-hero-art{width:120px}.build-panel .sample-note{font-size:10px}.art-caption{font-size:7px}.reference-tag{font-size:7px}.build-choice small{font-size:9px}}
@media(max-width:620px){.right-sidebar{overflow:visible;max-height:none}.equipment-intro>b{font-size:13px}.equipment-intro>span{font-size:11px}.equipment-slot{min-height:62px;padding:9px 10px;gap:12px}.equipment-copy>b{font-size:15px}.equipment-copy>span{font-size:11px}.equipment-icon{height:36px;width:36px}.equipment-icon>img{height:30px;width:30px}.equipment-icon>img.slot-gem-badge{height:23px;width:23px}.slot-action{font-size:10px}.remove-gem{font-size:18px;padding:7px 10px}.other-gear>summary{font-size:12px}.other-gear>summary>span{font-size:10px}.other-gear .equipment-copy>b{font-size:13px}.other-gear .equipment-copy>span{font-size:10px}.editing-heading h3{font-size:16px}.editing-heading small{font-size:8px}.editing-heading>span{font-size:10px}.equipment-step>b{font-size:13px}.equipment-step>span{font-size:10px}.modifier-help{font-size:10px}.essence-panel summary{font-size:12px}.essence-input select{font-size:12px;padding:8px}.item-data-note{font-size:10px}.build-tabs button{font-size:11px}.build-choice{min-height:102px;padding:13px 110px 12px 13px}.build-choice>b{font-size:17px}.build-choice>b>span{font-size:10px;display:inline}.build-choice small{font-size:10px}.build-hero-art{width:145px;right:-15px}.art-caption{font-size:8px}.player-empty{min-height:160px;padding:15px}.player-empty b{font-size:13px}.player-empty p{font-size:11px;max-width:250px}.player-empty button{font-size:11px}.player-empty>img{width:135px}}