:root{--build-bg:#0a101b;--build-panel:rgba(14,22,36,.94);--build-panel-2:rgba(18,27,43,.92);--build-line:rgba(166,184,219,.18);--build-text:#f4f0e8;--build-muted:#a5afc2;--build-accent:#8066f3;--build-accent-2:#a994ff;--build-good:#5fe0a6;--build-danger:#ff8290;--build-gold:#d6ad5b}
*{box-sizing:border-box}.build-page{min-height:100vh;background:#07101f;color:var(--build-text)}
.build-editor-shell,.build-public-shell{width:min(1420px,calc(100% - 40px));margin:0 auto;padding:34px 0 70px}
.build-editor{display:grid;gap:22px}.build-editor-topbar,.build-public-hero,.build-panel,.build-preview-notice,.build-not-found{border:1px solid var(--build-line);background:linear-gradient(135deg,rgba(15,24,40,.97),rgba(11,18,30,.96));box-shadow:0 18px 60px rgba(0,0,0,.2)}
.build-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:26px 28px;border-radius:22px}.build-editor-topbar h1{font:700 clamp(28px,4vw,50px)/1.05 Georgia,serif;margin:6px 0 8px}.build-editor-topbar p{margin:0;color:var(--build-muted);max-width:730px}.build-editor-topbar__eyebrow,.build-panel__kicker,.build-eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--build-accent-2);font-weight:800}.build-editor-topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.build-save-state{width:100%;text-align:right;color:var(--build-muted);font-size:12px}
.build-button{min-height:43px;border:1px solid rgba(153,128,255,.55);border-radius:10px;padding:10px 17px;background:linear-gradient(135deg,#8970f8,#6650df);color:#fff;text-decoration:none;font:800 14px/1 inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.build-button:hover{filter:brightness(1.09)}.build-button--secondary{background:rgba(18,25,38,.9);border-color:var(--build-line);color:var(--build-text)}
.build-alert{padding:14px 18px;border-radius:12px;border:1px solid}.build-alert--error{color:#ffafb8;background:rgba(105,27,42,.28);border-color:rgba(255,100,120,.3)}.build-alert--success{color:#91ecc2;background:rgba(20,91,63,.25);border-color:rgba(95,224,166,.25)}
.build-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}.build-panel{border-radius:18px;overflow:hidden}.build-panel__header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--build-line)}.build-panel__header h2{font-size:19px;margin:4px 0 0}.build-panel__helper{font-size:12px;color:var(--build-muted)}.build-status{font-size:12px;font-weight:800;padding:7px 10px;border:1px solid var(--build-line);border-radius:999px;color:var(--build-muted)}.build-status--published{color:var(--build-good);border-color:rgba(95,224,166,.3)}.build-status--archived{color:var(--build-danger)}
.build-form-panel{min-width:0}.build-form-grid{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.build-field{display:grid;gap:8px;min-width:0}.build-field--wide{grid-column:1/-1}.build-field>span{font-size:13px;color:#c3ccdc;font-weight:750}.build-field input,.build-field select,.build-field textarea{width:100%;min-height:46px;border:1px solid var(--build-line);border-radius:9px;background:#090f19;color:var(--build-text);padding:11px 13px;font:500 15px/1.4 inherit;outline:none}.build-field textarea{resize:vertical;min-height:112px}.build-field input:focus,.build-field select:focus,.build-field textarea:focus{border-color:var(--build-accent-2);box-shadow:0 0 0 3px rgba(128,102,243,.13)}.build-field small{font-size:11px;color:var(--build-muted);text-align:right}.build-slug-input{display:flex;align-items:center;border:1px solid var(--build-line);border-radius:9px;background:#090f19;overflow:hidden}.build-slug-input>span{padding:0 0 0 13px;color:var(--build-muted);font-size:13px;white-space:nowrap}.build-slug-input input{border:0;border-radius:0;background:transparent;box-shadow:none!important}
.build-settings-panel{position:sticky;top:18px}.build-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;border-bottom:1px solid rgba(166,184,219,.09);cursor:pointer}.build-toggle span{display:grid;gap:4px}.build-toggle strong{font-size:14px}.build-toggle small{color:var(--build-muted);font-size:11px;line-height:1.4}.build-toggle input{position:absolute;opacity:0;pointer-events:none}.build-toggle i{width:42px;height:24px;flex:0 0 auto;border:1px solid var(--build-line);border-radius:999px;background:#080d15;position:relative;transition:.2s}.build-toggle i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:3px;top:3px;background:#8993a7;transition:.2s}.build-toggle input:checked+i{background:rgba(128,102,243,.35);border-color:var(--build-accent-2)}.build-toggle input:checked+i:after{transform:translateX(18px);background:#fff}.build-settings-note{margin:18px;padding:15px;border:1px solid rgba(128,102,243,.25);border-radius:10px;background:rgba(128,102,243,.08)}.build-settings-note strong{color:var(--build-accent-2)}.build-settings-note p{font-size:12px;line-height:1.55;color:var(--build-muted);margin:7px 0 0}
.build-next-stage .build-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px}.build-module-grid>div{min-height:115px;padding:16px;border:1px solid var(--build-line);border-radius:12px;background:rgba(7,12,21,.54);display:grid;align-content:start;gap:7px}.build-module-grid>div>span{color:var(--build-accent-2);font-size:20px}.build-module-grid strong{font-size:14px}.build-module-grid small{color:var(--build-muted);font-size:11px;line-height:1.45}
.build-preview-notice{display:flex;gap:12px;align-items:center;margin-bottom:16px;padding:13px 18px;border-radius:12px;color:var(--build-muted)}.build-preview-notice strong{color:var(--build-accent-2)}
.build-public-hero{overflow:hidden;border-radius:24px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:22px;background-color:#0b1220;background-image:linear-gradient(90deg,rgba(5,16,31,.94) 0%,rgba(5,16,31,.82) 52%,rgba(5,16,31,.68) 100%),var(--build-public-hero-bg);background-position:center;background-size:cover;background-repeat:no-repeat}.build-public-hero h1{font:700 clamp(31px,4vw,55px)/1.06 Georgia,serif;margin:6px 0 10px}.build-public-hero p{color:var(--build-muted);margin:14px 0;max-width:820px;line-height:1.55}.build-public-hero .build-eyebrow{color:#f5b755}.build-tags{display:flex;flex-wrap:wrap;gap:7px}.build-tag{padding:6px 10px;border:1px solid var(--build-line);border-radius:999px;color:#c7cfdd;font-size:12px;background:rgba(9,15,25,.72)}.build-tag--class{color:#f0d89e;border-color:rgba(214,173,91,.34)}.build-public-hero__meta{font-size:12px;color:var(--build-muted);display:flex;gap:8px;flex-wrap:wrap}.build-public-hero__actions{display:flex;gap:9px;align-self:start;flex-wrap:wrap;justify-content:flex-end}
.build-public-sections{margin:0 0 22px}
.build-public-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:22px;align-items:start}.build-public-main,.build-public-sidebar{display:grid;gap:22px}.build-public-sidebar{position:sticky;top:18px}.build-equipment-stage{min-height:420px;padding:24px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(69,93,157,.33),transparent 48%),linear-gradient(160deg,#101a2c,#080d15)}.build-equipment-stage:before{content:"";position:absolute;inset:9%;border:1px solid rgba(214,173,91,.16);border-radius:50% 50% 12px 12px}.build-equipment-stage__character{font:700 clamp(30px,5vw,58px)/1 Georgia,serif;color:rgba(245,237,220,.15);text-align:center}.build-empty-state{position:absolute;left:24px;bottom:24px;right:24px;border:1px solid var(--build-line);border-radius:12px;background:rgba(5,9,15,.8);padding:15px;display:grid;gap:4px}.build-empty-state span,.build-empty-state small{color:var(--build-muted)}.build-guide-empty{padding:24px;min-height:180px}.build-guide-empty h3{margin:0 0 10px}.build-guide-empty p{color:var(--build-muted);line-height:1.7}.build-stat-list{padding:12px 20px 20px;margin:0}.build-stat-list>div,.build-setting-list li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(166,184,219,.1)}.build-stat-list dt{color:#c8cfda}.build-stat-list dd{margin:0;color:var(--build-gold);font-weight:800}.build-setting-list{list-style:none;margin:0;padding:12px 20px 20px}.build-setting-list span{color:var(--build-muted)}.build-setting-list strong{font-size:12px;color:var(--build-good)}
.build-not-found{border-radius:20px;padding:42px;margin-top:40px;text-align:center}.build-not-found h1{font:700 42px Georgia,serif;margin:8px}.build-not-found p{color:var(--build-muted);margin-bottom:22px}
.build-editor-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.68fr);gap:22px;align-items:start}.build-editor-workspace__main,.build-editor-workspace__sidebar{display:grid;gap:22px}.build-editor-workspace__sidebar{position:static;align-self:start}.build-editor-workspace__sidebar .build-progression-grid{grid-template-columns:1fr}.build-editor-workspace__sidebar .build-progression-card{min-width:0}.build-editor-workspace__sidebar .build-progression-section{padding:16px}.build-editor-workspace__sidebar .build-skill-editor-grid{grid-template-columns:1fr}.build-editor-workspace__sidebar .build-panel{margin-top:0}
.game-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,272px));gap:24px}.game-build-card{position:relative;display:flex;min-width:0;min-height:576px;overflow:hidden;flex-direction:column;border:1px solid rgba(59,93,136,.72);border-radius:8px;background:#18304f;color:#fffdf8;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.game-build-card:hover{border-color:#f5b755;transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.28)}.game-build-card__visual{position:relative;display:grid;place-items:center;width:100%;height:120px;min-height:120px;overflow:hidden;background:#03101f url('/assets/images/builds/build-card-background.png') center/cover no-repeat}.game-build-card__visual:after{content:"";position:absolute;z-index:1;inset:auto 58% 8px 12px;height:12px;border-radius:50%;background:rgba(0,0,0,.38);filter:blur(7px)}.game-build-card__visual img{position:relative;z-index:2;width:144px;height:120px;max-width:144px;max-height:120px;margin-right:auto;object-fit:contain;object-position:center;transform:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.58))}.game-build-card__visual b{position:relative;z-index:2;display:grid;place-items:center;width:64px;height:64px;margin-right:auto;margin-left:38px;border:1px solid rgba(245,183,85,.5);border-radius:18px;background:rgba(230,162,76,.14);color:#f5b755;font:700 1.8rem Georgia,serif}.game-build-card__body{display:flex;min-width:0;flex:1;padding:16px;flex-direction:column;gap:8px;background:#18304f}.game-build-card__status{position:absolute;z-index:3;top:10px;right:10px;max-width:148px;padding:5px 8px;border:1px solid rgba(253,244,224,.65);border-radius:999px;background:rgba(3,16,31,.82);color:#fffdf8;font-size:9px;line-height:1.2;text-align:right;text-transform:uppercase;letter-spacing:.07em;font-weight:400}.game-build-card h3{margin:0;color:#fffdf8;font-size:24px;line-height:.98;font-weight:700}.game-build-card__class{color:#e6a24c;font-size:12px}.game-build-card__description{flex:1;color:#fffdf8;font-size:16px;line-height:1.48}.game-build-card__meta{display:flex;min-height:0;gap:5px;flex-wrap:wrap;color:#c9d3df;font-size:10px}.game-build-card__meta span+span:before{content:"·";margin-right:5px}.game-build-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.game-build-card small{min-width:0;overflow:hidden;color:#e6a24c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.game-build-card__cta{display:inline-flex;align-items:center;justify-content:center;min-width:90px;min-height:46px;padding:8px 20px;border:1px solid #f5b755;border-radius:8px;background:#e6a24c;color:#03101f;font-size:14px;font-weight:400}.game-build-card:hover .game-build-card__cta{background:#f5b755}.game-build-section-actions{display:flex;gap:9px;align-items:center}
.game-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.build-equipment-editor{margin-top:22px}.build-equipment-editor__header{align-items:flex-end}.build-equipment-editor__header p{margin:6px 0 0;color:var(--build-muted);font-size:12px}.build-loadout-create,.build-loadout-rename,.build-loadout-toolbar__actions,.build-loadout-toolbar__actions form{display:flex;gap:8px;align-items:center}.build-loadout-create input,.build-loadout-rename input{min-height:43px;border:1px solid var(--build-line);border-radius:9px;background:#090f19;color:var(--build-text);padding:10px 12px}.build-loadout-tabs,.build-public-loadout-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:15px 20px;border-bottom:1px solid var(--build-line)}.build-loadout-tab{min-height:38px;white-space:nowrap;border:1px solid var(--build-line);border-radius:999px;background:#090f19;color:var(--build-muted);padding:8px 13px;font-weight:750;cursor:pointer}.build-loadout-tab span{margin-left:7px;color:var(--build-gold);font-size:10px}.build-loadout-tab.is-active{color:#fff;border-color:var(--build-accent-2);background:rgba(128,102,243,.2)}.build-loadout-pane{padding:20px}.build-loadout-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.build-loadout-toolbar__actions{flex-wrap:wrap;justify-content:flex-end}.build-button:disabled{opacity:.45;cursor:not-allowed}.build-button--danger{background:rgba(119,31,45,.45);border-color:rgba(255,130,144,.35);color:#ff9ca8}
.build-equipment-editor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.build-equipment-slot{min-width:0;min-height:170px;border:1px solid var(--build-line);border-radius:14px;background:linear-gradient(150deg,rgba(7,12,21,.8),rgba(18,27,43,.9));overflow:hidden}.build-equipment-slot.is-filled{border-color:rgba(214,173,91,.35)}.build-equipment-slot__button{border:0;background:transparent;color:inherit;width:100%;height:100%;padding:13px;display:grid;grid-template-rows:auto 64px auto auto auto;gap:7px;justify-items:center;text-align:center;cursor:pointer}.build-equipment-slot__label{width:100%;font-size:10px;color:var(--build-muted);text-transform:uppercase;letter-spacing:.08em;text-align:left}.build-equipment-slot__icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(214,173,91,.22);border-radius:12px;background:#070c14}.build-equipment-slot__icon img{max-width:52px;max-height:52px;object-fit:contain}.build-equipment-slot__icon i{font-style:normal;font-size:24px;color:var(--build-accent-2)}.build-equipment-slot__name{font-size:13px;font-weight:800;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-equipment-slot__button>strong{color:var(--build-gold);font-size:12px}.build-equipment-slot__button>small{color:var(--build-muted);font-size:10px}
.build-equipment-dialog{width:min(920px,calc(100% - 24px));max-height:min(880px,calc(100dvh - 24px));padding:0;border:1px solid var(--build-line);border-radius:18px;background:#0e1624;color:var(--build-text);box-shadow:0 30px 100px rgba(0,0,0,.65);overflow:hidden}.build-equipment-dialog::backdrop{background:rgba(0,0,0,.75)}.build-equipment-form{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.build-equipment-form>header{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid var(--build-line)}.build-equipment-form>header h3{margin:5px 0 0}.build-equipment-form>header button{border:0;background:transparent;color:var(--build-muted);font-size:29px;cursor:pointer}.build-equipment-form__scroll{padding:20px;overflow:auto;overscroll-behavior:contain}.build-equipment-form__scroll section+section{margin-top:22px}.build-equipment-form__scroll h4{margin:0 0 11px;font-size:15px}.build-equipment-form__scroll h4 small{margin-left:7px;color:var(--build-muted);font-weight:500}.build-equipment-form>footer{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;padding:15px 20px;border-top:1px solid var(--build-line);background:#0b121e}.build-form-grid--compact{padding:17px 0 0}.build-picker-grid,.build-enchant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.build-picker-grid>div>span{display:block;margin-bottom:6px;color:var(--build-muted);font-size:11px}.build-enchant-grid>div{display:grid;gap:7px}.build-enchant-grid>div>input{min-height:42px;border:1px solid var(--build-line);border-radius:9px;background:#090f19;color:var(--build-text);padding:9px 11px}
.build-catalog-picker{position:relative}.build-catalog-picker__search input{width:100%;min-height:44px;border:1px solid var(--build-line);border-radius:9px;background:#090f19;color:var(--build-text);padding:10px 12px}.build-catalog-picker__selected{display:none;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;margin-top:7px;padding:8px;border:1px solid rgba(128,102,243,.25);border-radius:9px;background:rgba(128,102,243,.08)}.build-catalog-picker__selected.is-visible{display:grid}.build-catalog-picker__selected span:nth-child(2){display:grid;gap:3px;min-width:0}.build-catalog-picker__selected strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-catalog-picker__selected small{color:var(--build-muted)}.build-catalog-picker__selected button{border:0;background:transparent;color:var(--build-danger);font-size:22px;cursor:pointer}.build-catalog-picker__icon{width:42px;height:42px;display:grid;place-items:center}.build-catalog-picker__icon img{max-width:38px;max-height:38px}.build-catalog-results{position:absolute;z-index:12;left:0;right:0;top:48px;max-height:250px;overflow:auto;border:1px solid var(--build-line);border-radius:10px;background:#0b121f;box-shadow:0 16px 35px rgba(0,0,0,.5);padding:6px}.build-catalog-results>p{margin:0;padding:12px;color:var(--build-muted);font-size:12px}.build-catalog-result,.build-catalog-sync{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:var(--build-text);padding:9px;text-align:left;cursor:pointer}.build-catalog-result:hover,.build-catalog-result.is-active,.build-catalog-sync:hover{background:rgba(128,102,243,.14)}.build-catalog-result img,.build-catalog-result i{width:36px;height:36px;object-fit:contain}.build-catalog-result span{display:grid;gap:2px}.build-catalog-result small{color:var(--build-muted)}.build-catalog-sync{color:var(--build-accent-2);font-weight:800}
.build-public-loadout-tabs{padding:12px 18px}.build-public-equipment-grid{padding:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.build-public-equipment{min-height:165px;padding:12px;border:1px solid var(--build-line);border-radius:12px;background:rgba(7,12,21,.64);display:grid;align-content:start;justify-items:center;text-align:center;gap:7px}.build-public-equipment.is-filled{border-color:rgba(214,173,91,.3)}.build-public-equipment__label{justify-self:start;color:var(--build-muted);font-size:10px;text-transform:uppercase}.build-public-equipment__icon{width:58px;height:58px;display:grid;place-items:center}.build-public-equipment__icon img{max-width:54px;max-height:54px}.build-public-equipment__icon i{color:var(--build-muted);font-style:normal}.build-public-equipment>div{display:flex;gap:6px;align-items:center;max-width:100%}.build-public-equipment>div strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-public-equipment>div b{color:var(--build-gold)}.build-equipment-detail-list{list-style:none;margin:0;padding:0;font-size:10px;color:#d5b6ef}.build-equipment-detail-list--enchants{color:var(--build-good)}
.build-builder-sections{display:flex;gap:10px;overflow:auto;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--build-line)}.build-builder-sections a{min-width:130px;padding:10px 16px;text-align:center;border:1px solid var(--build-line);border-radius:9px;color:var(--build-muted);text-decoration:none;font-weight:750}.build-builder-sections a:first-child{color:var(--build-gold);border-color:rgba(214,173,91,.4)}
.build-equipment-editor-grid,.build-public-equipment-grid{position:relative;grid-template-columns:170px minmax(280px,1fr) 170px;grid-template-rows:repeat(5,minmax(125px,auto));grid-auto-flow:row;padding:22px;background:radial-gradient(circle at 50% 43%,rgba(59,87,151,.3),transparent 38%),linear-gradient(150deg,rgba(9,15,25,.95),rgba(13,24,40,.92))}
.build-builder-avatar{grid-column:2;grid-row:1/6;min-height:650px;border:1px solid rgba(214,173,91,.22);border-radius:24px;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;background:radial-gradient(circle,rgba(128,102,243,.24),transparent 56%);overflow:hidden}.build-builder-avatar span{width:118px;height:118px;border:1px solid rgba(214,173,91,.44);border-radius:50%;display:grid;place-items:center;font:700 56px Georgia,serif;color:#efe5ca}.build-builder-avatar img{max-width:min(94%,310px);max-height:470px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.55))}.build-builder-avatar strong{font:700 28px Georgia,serif}.build-builder-avatar small{color:var(--build-muted)}
[data-equipment-slot="head_top"]{grid-column:1;grid-row:1}[data-equipment-slot="head_low"]{grid-column:1;grid-row:2}[data-equipment-slot="weapon"]{grid-column:1;grid-row:3}[data-equipment-slot="garment"]{grid-column:1;grid-row:4}[data-equipment-slot="accessory_1"]{grid-column:1;grid-row:5}[data-equipment-slot="head_mid"]{grid-column:3;grid-row:1}[data-equipment-slot="armor"]{grid-column:3;grid-row:2}[data-equipment-slot="shield"]{grid-column:3;grid-row:3}[data-equipment-slot="shoes"]{grid-column:3;grid-row:4}[data-equipment-slot="accessory_2"]{grid-column:3;grid-row:5}
[data-slot-group="visual"],[data-slot-group="shadow"]{grid-column:auto!important;grid-row:auto!important}.build-equipment-editor-grid [data-slot-group="visual"]:first-of-type,.build-public-equipment-grid [data-slot-group="visual"]:first-of-type{break-before:always}.build-equipment-slot,.build-public-equipment{min-height:125px}.build-guide-panel{min-height:430px}
@media(max-width:1180px){.build-equipment-editor-grid,.build-public-equipment-grid{grid-template-columns:150px minmax(240px,1fr) 150px}}
@media(max-width:1040px){.build-editor-grid,.build-public-layout,.build-editor-workspace{grid-template-columns:1fr}.build-settings-panel,.build-public-sidebar,.build-editor-workspace__sidebar{position:static}.build-next-stage .build-module-grid,.game-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-public-hero{grid-template-columns:minmax(0,1fr) auto}.build-public-hero__actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:720px){.build-editor-shell,.build-public-shell{width:min(100% - 22px,1420px);padding-top:16px}.build-editor-topbar{align-items:flex-start;flex-direction:column;padding:20px}.build-editor-topbar__actions{width:100%;justify-content:stretch}.build-editor-topbar__actions .build-button{flex:1}.build-save-state{text-align:left}.build-form-grid{grid-template-columns:1fr;padding:17px}.build-field--wide{grid-column:auto}.build-next-stage .build-module-grid,.game-build-grid{grid-template-columns:1fr}.build-public-hero{grid-template-columns:1fr;padding:22px}.build-public-hero h1{font-size:34px}.build-public-hero__actions{grid-column:auto}.build-equipment-stage{min-height:330px}.build-preview-notice{align-items:flex-start;flex-direction:column}.build-slug-input{display:block}.build-slug-input>span{display:block;padding:10px 13px 0}.build-panel__header{align-items:flex-start}.build-equipment-editor__header,.build-loadout-toolbar{align-items:stretch;flex-direction:column}.build-loadout-create,.build-loadout-rename{display:grid;grid-template-columns:1fr}.build-loadout-toolbar__actions{justify-content:flex-start}.build-equipment-editor-grid,.build-public-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;padding:14px}.build-builder-avatar{grid-column:1/-1;grid-row:auto;min-height:260px}.build-equipment-editor-grid [data-equipment-slot],.build-public-equipment-grid [data-equipment-slot]{grid-column:auto;grid-row:auto}.build-picker-grid,.build-enchant-grid{grid-template-columns:1fr}.build-equipment-form>footer{grid-template-columns:1fr 1fr}.build-equipment-form>footer>span{display:none}.build-equipment-form>footer .build-button{width:100%}.build-equipment-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.build-equipment-form{max-height:calc(100dvh - 12px)}.build-equipment-slot{min-height:155px}}
@media(max-width:430px){.build-equipment-editor-grid,.build-public-equipment-grid{grid-template-columns:1fr}.build-loadout-pane{padding:13px}.build-equipment-slot__button{grid-template-columns:60px 1fr;grid-template-rows:auto auto auto;justify-items:start;text-align:left}.build-equipment-slot__label{grid-column:1/-1}.build-equipment-slot__icon{grid-row:2/4}.build-equipment-slot__button>small{grid-column:2}.build-equipment-form__scroll{padding:15px}.build-equipment-form>footer{grid-template-columns:1fr}}
@media(max-width:430px){.game-build-card__body{padding:16px 14px}.game-build-card h3{font-size:22px}.game-build-card__description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}}
/* Catalogo LATAM, atributos e habilidades */
.build-catalog-credit { color: var(--site-accent, #a997ff); font-size: .78rem; text-decoration: none; }
.build-catalog-credit:hover { text-decoration: underline; }
.build-progression-editor { margin-top: 24px; }
.build-progression-grid { display: grid; grid-template-columns: minmax(300px, .82fr) minmax(420px, 1.18fr); gap: 22px; padding: 24px; }
.build-attribute-form, .build-skill-editor { border: 1px solid var(--site-border, rgba(255,255,255,.12)); border-radius: 16px; background: rgba(8,13,23,.42); padding: 20px; }
.build-attribute-form h3, .build-skill-editor h3 { margin: 0 0 6px; }
.build-attribute-form > p, .build-skill-editor > div > p { margin: 0 0 18px; color: var(--site-muted, #98a0b1); font-size: .86rem; }
.build-attribute-grid { display: grid; gap: 10px; margin-bottom: 18px; }
.build-attribute-grid label { display: grid; grid-template-columns: 1fr 100px; gap: 12px; align-items: center; }
.build-attribute-grid label > span { display: flex; align-items: center; gap: 10px; color: #d8dbe4; }
.build-attribute-grid label b { min-width: 38px; color: var(--site-accent, #a997ff); font-size: .72rem; letter-spacing: .08em; }
.build-attribute-grid input, .build-skill-add-form input[type="number"] { width: 100%; min-height: 42px; border: 1px solid var(--site-border, rgba(255,255,255,.12)); border-radius: 10px; background: rgba(4,8,15,.72); color: #fff; padding: 0 12px; }
.build-skill-add-form { display: grid; grid-template-columns: minmax(0,1fr) 100px auto; gap: 12px; align-items: end; }
.build-skill-add-form .build-catalog-picker { min-width: 0; }
.build-skill-list { display: grid; gap: 10px; margin-top: 18px; }
.build-skill-list article, .build-public-skill-list li { display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; border: 1px solid var(--site-border, rgba(255,255,255,.1)); border-radius: 12px; background: rgba(255,255,255,.025); padding: 10px; }
.build-skill-list article > span, .build-public-skill-list img, .build-public-skill-list i { width: 42px; height: 42px; object-fit: contain; }
.build-skill-list article > span img { width: 100%; height: 100%; object-fit: contain; }
.build-skill-list article > div, .build-public-skill-list span { display: grid; gap: 3px; }
.build-skill-list small, .build-public-skill-list small { color: var(--site-muted, #98a0b1); }
.build-skill-empty, .build-sidebar-empty { color: var(--site-muted, #98a0b1); padding: 16px 0; }
.build-public-skill-list { display: grid; gap: 8px; list-style: none; padding: 16px; margin: 0; }
.build-public-skill-list li { grid-template-columns: 42px 1fr; }
@media (max-width: 900px) {
  .build-progression-grid { grid-template-columns: 1fr; padding: 16px; }
  .build-skill-add-form { grid-template-columns: 1fr 100px; }
  .build-skill-add-form .build-catalog-picker { grid-column: 1 / -1; }
}

/* Grau de armas nivel 5 e armaduras nivel 2. As cores seguem a hierarquia
   visual das janelas de Grau: aco, verde, violeta e ouro. */
.build-equipment-grade{display:inline;font-weight:900;text-shadow:0 1px 7px currentColor}
.build-equipment-grade--d{color:#b9c2cf}
.build-equipment-grade--c{color:#63c9b0}
.build-equipment-grade--b{color:#a98cff}
.build-equipment-grade--a{color:#f4c665}
.build-equipment-grade-field small{color:var(--build-muted);font-size:11px}

.build-guide-editor form { display: grid; gap: 0; }
.build-guide-toolbar { display: flex; flex-wrap: wrap; gap: 7px; padding: 14px 18px; border-bottom: 1px solid var(--site-border); background: rgba(5, 10, 20, .32); }
.build-guide-toolbar button, .build-guide-toolbar select { min-height: 38px; padding: 8px 11px; border: 1px solid var(--site-border); border-radius: 9px; background: rgba(8, 14, 25, .86); color: var(--site-text); font: inherit; cursor: pointer; }
.build-guide-toolbar button:hover, .build-guide-toolbar button:focus-visible { border-color: var(--site-accent); color: #fff; }
.build-guide-editor__content { min-height: 420px; padding: 28px; outline: 0; line-height: 1.72; }
.build-guide-editor__content:focus { box-shadow: inset 0 0 0 2px rgba(139, 108, 255, .45); }
.build-guide-editor__help, .build-guide-editor__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px; border-top: 1px solid var(--site-border); color: var(--site-muted); font-size: 13px; }
.build-guide-editor__footer { justify-content: flex-end; }
.build-guide-editor__header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.build-guide-info-button{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;padding:0;border:1px solid var(--site-border);border-radius:9px;background:rgba(8,14,24,.72);color:var(--site-muted);cursor:pointer}.build-guide-info-button:hover,.build-guide-info-button:focus-visible{border-color:var(--site-accent);color:#fff;outline:none}.build-guide-info-button svg{width:20px;height:20px}
.build-guide-content h2 { margin: 1.2em 0 .45em; font-size: clamp(24px, 3vw, 34px); }
.build-guide-content h3 { margin: 1em 0 .4em; font-size: 21px; }
.build-guide-content p, .build-guide-content blockquote, .build-guide-content ul, .build-guide-content ol { margin: 0 0 1em; }
.build-guide-content blockquote { padding: 10px 16px; border-left: 3px solid var(--site-accent); background: rgba(139, 108, 255, .08); }
.build-guide-content figure { margin: 20px 0; text-align: center; }
.build-guide-content figure img { display: block; max-width: 100%; max-height: 720px; margin: auto; border-radius: 12px; }
.build-guide-content figcaption { margin-top: 8px; color: var(--site-muted); font-size: 13px; }
.build-guide-content .build-guide-align-left { text-align: left; }
.build-guide-content .build-guide-align-center { text-align: center; }
.build-guide-content .build-guide-align-right { text-align: right; }
.build-guide-content .build-guide-align-justify { text-align: justify; }
.build-guide-content .build-guide-text-small { font-size: .82em; }
.build-guide-content .build-guide-text-normal { font-size: 1em; }
.build-guide-content .build-guide-text-large { font-size: 1.25em; line-height: 1.5; }
.build-guide-content .build-guide-text-xlarge { font-size: 1.55em; line-height: 1.35; }
.build-guide-content .build-guide-text-px { line-height: 1.4; }
.build-guide-content table { display: block; width: fit-content; max-width: 100%; margin: 20px 0; overflow-x: auto; border: 1px solid var(--site-border); border-radius: 12px; border-collapse: separate; border-spacing: 0; }
.build-guide-content table.build-guide-table-align-left { margin-right: auto; margin-left: 0; }
.build-guide-content table.build-guide-table-align-center { margin-right: auto; margin-left: auto; }
.build-guide-content table.build-guide-table-align-right { margin-right: 0; margin-left: auto; }
.build-guide-content details.build-guide-dropdown { margin: 20px 0; overflow: hidden; border: 1px solid rgba(139, 108, 255, .32); border-radius: 12px; background: rgba(9, 17, 31, .62); }
.build-guide-content .build-guide-dropdown > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 48px; padding: 12px 15px; color: #f1edff; font-weight: 800; cursor: pointer; list-style: none; }
.build-guide-content .build-guide-dropdown > summary::-webkit-details-marker { display: none; }
.build-guide-content .build-guide-dropdown > summary::after { content: '⌄'; flex: 0 0 auto; color: #a997ff; font-size: 1.2rem; line-height: 1; transition: transform .18s ease; }
.build-guide-content .build-guide-dropdown[open] > summary::after { transform: rotate(180deg); }
.build-guide-content .build-guide-dropdown > div { padding: 15px; border-top: 1px solid rgba(139, 108, 255, .2); }
.build-guide-content .build-guide-dropdown > div > :first-child { margin-top: 0; }
.build-guide-content .build-guide-dropdown > div > :last-child { margin-bottom: 0; }
.build-guide-content th, .build-guide-content td { min-width: 120px; padding: 11px 13px; border-right: 1px solid var(--site-border); border-bottom: 1px solid var(--site-border); text-align: left; vertical-align: top; }
.build-guide-content th { background: rgba(139, 108, 255, .14); color: #eeeaff; font-weight: 800; }
.build-guide-content tr > :last-child { border-right: 0; }
.build-guide-content tbody tr:last-child td { border-bottom: 0; }
.build-guide-content a:not(.build-guide-item-ref):not(.build-guide-skill-ref) { color: #bcaaff; text-decoration: underline; text-underline-offset: 3px; }
.build-guide-item-ref,
.build-guide-skill-ref { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 3px 8px; border: 1px solid rgba(139, 108, 255, .38); border-radius: 999px; background: rgba(139, 108, 255, .12); color: #ddd4ff; text-decoration: none; vertical-align: middle; }
.build-guide-skill-ref { border-color: rgba(76, 210, 178, .42); background: rgba(42, 174, 147, .12); color: #c9fff2; }
.build-guide-skill-ref[data-skill-info] { cursor: help; }
.build-guide-skill-tooltip__link { display: inline-flex; margin-top: 12px; color: #a997ff; font-size: .72rem; font-weight: 800; text-decoration: none; }
.build-guide-skill-tooltip__link:hover, .build-guide-skill-tooltip__link:focus-visible { color: #d9d0ff; text-decoration: underline; }
.build-guide-item-ref img,
.build-guide-skill-ref img { width: 24px !important; height: 24px !important; object-fit: contain; image-rendering: pixelated; border-radius: 0 !important; }
.build-guide-item-ref small,
.build-guide-skill-ref small { color: var(--site-muted); }
.build-guide-public-section { padding: 24px 28px; }
.build-guide-public-section + .build-guide-public-section { border-top: 1px solid var(--site-border); }
.build-guide-insert-dialog { width: min(660px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid var(--site-border); border-radius: 16px; background: #0d1626; color: var(--site-text); overflow-y: auto; }
.build-guide-insert-dialog::backdrop { background: rgba(0, 0, 0, .76); }
.build-guide-insert-dialog__surface { display: grid; gap: 16px; padding: 20px; }
.build-guide-insert-dialog header, .build-guide-insert-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.build-guide-insert-dialog label { display: grid; gap: 7px; color: var(--site-muted); font-size: 13px; }
.build-guide-insert-dialog input, .build-guide-insert-dialog select, .build-guide-insert-dialog textarea { min-height: 44px; padding: 10px 12px; border: 1px solid var(--site-border); border-radius: 9px; background: rgba(4, 10, 19, .85); color: #fff; font: inherit; }
.build-guide-insert-dialog textarea { min-height: 94px; resize: vertical; }
.build-guide-equipment-options, .build-guide-equipment-fields { display: grid; gap: 12px; }
.build-guide-equipment-options[hidden], .build-guide-equipment-fields[hidden] { display: none; }
.build-guide-equipment-fields { padding: 14px; border: 1px solid var(--site-border); border-radius: 11px; background: rgba(139, 108, 255, .055); }
.build-guide-equipment-fields__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.build-guide-equipment-fields > small { color: var(--site-muted); font-size: 11px; line-height: 1.5; }
.build-guide-equipment-addons{display:grid;gap:9px}.build-guide-equipment-addons>strong{color:var(--site-text);font-size:13px}.build-guide-equipment-picker-grid{display:grid;gap:9px}
.build-guide-equipment-row__actions{padding:8px 10px!important;background:rgba(139,108,255,.1)!important;text-align:right!important}.build-guide-equipment-row__actions span{float:left;color:var(--site-muted);font-size:11px;font-weight:800;line-height:30px}.build-guide-equipment-row__actions button{min-height:30px;margin-left:6px;padding:4px 9px;border:1px solid var(--site-border);border-radius:7px;background:#111a2a;color:var(--site-text);font:inherit;font-size:11px;cursor:pointer}.build-guide-equipment-row__actions button[data-guide-equipment-remove]{border-color:rgba(255,130,144,.38);color:#ff9ca8}
@media(max-width:520px){.build-guide-equipment-fields__row{grid-template-columns:1fr}}
.build-guide-table-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.build-guide-table-fields small { grid-column: 1 / -1; color: var(--site-muted); }
.build-guide-selection-toolbar { position: fixed; z-index: 1200; display: flex; align-items: center; gap: 4px; max-width: calc(100vw - 16px); padding: 6px; overflow-x: auto; border: 1px solid rgba(139, 108, 255, .55); border-radius: 11px; background: #111a2a; box-shadow: 0 12px 34px rgba(0, 0, 0, .46); }
.build-guide-selection-toolbar[hidden] { display: none; }
.build-guide-selection-toolbar button { flex: 0 0 auto; min-width: 32px; height: 32px; padding: 5px 8px; border: 0; border-radius: 7px; background: transparent; color: var(--site-text); font: inherit; cursor: pointer; }
.build-guide-selection-toolbar select { height: 32px; max-width: 108px; padding: 4px 7px; border: 0; border-radius: 7px; background: #1a2537; color: var(--site-text); font: inherit; font-size: .75rem; cursor: pointer; }
.build-guide-font-size-control { display: inline-flex; align-items: center; flex: 0 0 auto; height: 32px; overflow: hidden; border-radius: 7px; background: #1a2537; color: var(--site-text); }
.build-guide-font-size-control input { width: 54px; height: 32px; padding: 4px 3px 4px 7px; border: 0; background: transparent; color: inherit; font: inherit; font-size: .75rem; outline: none; }
.build-guide-font-size-control b { padding-right: 7px; color: var(--site-muted); font-size: .68rem; }
.build-guide-font-size-control:focus-within { box-shadow: inset 0 0 0 1px var(--site-accent); }
.build-guide-selection-toolbar button:hover, .build-guide-selection-toolbar button:focus-visible { background: rgba(139, 108, 255, .2); color: #fff; outline: none; }
.build-guide-selection-toolbar > span { flex: 0 0 1px; width: 1px; height: 20px; margin: 0 2px; background: var(--site-border); }
.build-guide-insert-dialog footer { justify-content: flex-end; }
.build-guide-help-dialog{width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--site-border);border-radius:18px;background:#0d1626;color:var(--site-text)}.build-guide-help-dialog::backdrop{background:rgba(0,0,0,.78)}.build-guide-help-dialog__surface{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 26px)}.build-guide-help-dialog__surface>header,.build-guide-help-dialog__surface>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px}.build-guide-help-dialog__surface>header{border-bottom:1px solid var(--site-border)}.build-guide-help-dialog__surface>header h3{margin:4px 0 0;font-size:21px}.build-guide-help-dialog__surface>footer{justify-content:flex-end;border-top:1px solid var(--site-border)}.build-guide-help-dialog__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px;overflow-y:auto}.build-guide-help-dialog__body section{padding:15px;border:1px solid var(--site-border);border-radius:12px;background:rgba(7,13,23,.58)}.build-guide-help-dialog__body section:nth-child(3){grid-column:1/-1}.build-guide-help-dialog__body h4{margin:0 0 9px;color:#eeeaff;font-size:15px}.build-guide-help-dialog__body p,.build-guide-help-dialog__body ul{margin:0;color:var(--site-muted);font-size:13px;line-height:1.55}.build-guide-help-dialog__body ul{padding-left:19px}.build-guide-help-dialog__body li+li{margin-top:6px}.build-guide-help-dialog__body code{padding:2px 5px;border-radius:5px;background:rgba(139,108,255,.13);color:#cec4ff}.build-guide-help-dialog__tokens{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.build-guide-help-dialog__tokens code{padding:5px 8px;border:1px solid rgba(139,108,255,.28);user-select:all}
.build-guide-loadout-help{display:grid;gap:7px;padding:12px 18px;border-top:1px solid var(--site-border);background:rgba(139,108,255,.045);color:var(--site-muted);font-size:12px}.build-guide-loadout-help strong{color:var(--site-text)}.build-guide-loadout-help>div{display:flex;flex-wrap:wrap;gap:6px}.build-guide-loadout-help code{padding:5px 8px;border:1px solid rgba(139,108,255,.28);border-radius:7px;background:rgba(7,13,23,.72);color:#c9beff;user-select:all}.build-guide-content .build-guide-loadout-table{width:fit-content;max-width:100%;margin:14px 0;font-size:12px}.build-guide-content .build-guide-loadout-table caption{padding:8px 10px;border:1px solid var(--site-border);border-bottom:0;border-radius:10px 10px 0 0;background:rgba(139,108,255,.1);color:#eeeaff;font-size:12px;font-weight:800;text-align:left}.build-guide-content .build-guide-loadout-table th,.build-guide-content .build-guide-loadout-table td{min-width:0;padding:6px 8px;vertical-align:middle}.build-guide-content .build-guide-loadout-table th{font-size:10px;white-space:nowrap}.build-guide-content .build-guide-loadout-table th:first-child,.build-guide-content .build-guide-loadout-table td:first-child{width:38px;padding-right:4px;padding-left:7px}.build-guide-content .build-guide-loadout-table th:nth-child(2),.build-guide-content .build-guide-loadout-table td:nth-child(2){min-width:185px}.build-guide-loadout-table__icon{text-align:center!important}.build-guide-loadout-table__icon img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.build-guide-loadout-table__item strong,.build-guide-loadout-table__item small{display:block}.build-guide-loadout-table__item strong{font-size:12px;line-height:1.25}.build-guide-loadout-table__item small{margin-top:2px;color:var(--site-muted);font-size:9px}.build-guide-loadout-table__addon{max-width:250px;text-align:left!important}.build-guide-loadout-table__addon-list{display:flex;align-items:center;flex-wrap:wrap;gap:3px}.build-guide-loadout-table__addon-list>span{display:inline-flex;align-items:center;gap:4px;max-width:230px;padding:2px 5px;border:1px solid rgba(139,108,255,.18);border-radius:6px;background:rgba(8,14,24,.48);white-space:nowrap}.build-guide-loadout-table__addon img,.build-guide-loadout-table__addon i{width:17px;height:17px;flex:0 0 17px;object-fit:contain;image-rendering:pixelated}.build-guide-loadout-table__addon i{display:grid;place-items:center;color:var(--site-muted);font-style:normal}.build-guide-loadout-table__addon small{max-width:190px;overflow:hidden;color:#d7dce7;font-size:9px;line-height:1.15;text-overflow:ellipsis}.build-guide-loadout-empty{color:var(--site-muted);text-align:center!important}.build-guide-loadout-missing{display:block;margin:14px 0;padding:10px 12px;border:1px dashed var(--site-border);border-radius:9px;color:var(--site-muted)}

@media (max-width: 720px) {
  .build-guide-editor__content { min-height: 330px; padding: 18px; }
  .build-guide-editor__help { align-items: flex-start; flex-direction: column; }
  .build-guide-editor__header-actions{width:100%;justify-content:space-between}.build-guide-save-state{text-align:left}.build-guide-help-dialog__body{grid-template-columns:1fr;padding:14px}.build-guide-help-dialog__body section:nth-child(3){grid-column:auto}
  .build-guide-toolbar { overflow-x: auto; flex-wrap: nowrap; }
  .build-guide-toolbar > * { flex: 0 0 auto; }
}
@media (max-width: 560px) {
  .build-guide-table-fields { grid-template-columns: 1fr; }
  .build-guide-table-fields small { grid-column: auto; }
  .build-attribute-form, .build-skill-editor { padding: 14px; }
  .build-skill-add-form { grid-template-columns: 1fr; }
  .build-skill-list article { grid-template-columns: 38px 1fr; }
  .build-skill-list article form { grid-column: 1 / -1; }
}
.build-consumable-add-form{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(220px,1fr) auto;gap:12px;align-items:end;padding:18px}
.build-consumable-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:0 18px 18px}
.build-consumable-list article{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--build-border);border-radius:14px;background:rgba(8,14,25,.72)}
.build-consumable-list__icon,.build-public-consumable-list img,.build-public-consumable-list i{width:42px;height:42px;display:grid;place-items:center;object-fit:contain}
.build-consumable-list strong,.build-consumable-list small{display:block}
.build-consumable-list small{color:var(--build-muted);margin-top:3px}
.build-public-consumable-list{list-style:none;margin:0;padding:18px;display:grid;gap:8px}
.build-public-consumable-list li{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--build-border);border-radius:12px}
.build-public-consumable-list strong,.build-public-consumable-list small{display:block}
.build-public-consumable-list small{color:var(--build-muted);margin-top:2px}
.build-public-placeholder{margin:0;padding:20px 22px;color:var(--build-muted)}
.build-comments__body{display:grid;gap:16px;padding:20px 22px}.build-comments__body>.build-alert{margin:0}.build-comment-form{display:grid;gap:9px}.build-comment-form label{font-size:13px;font-weight:800;color:var(--build-text)}.build-comment-form textarea{width:100%;min-height:112px;resize:vertical;border:1px solid var(--build-line);border-radius:10px;background:#090f19;color:var(--build-text);padding:12px 13px;font:500 14px/1.55 inherit;outline:none}.build-comment-form textarea:focus{border-color:var(--build-accent-2);box-shadow:0 0 0 3px rgba(128,102,243,.13)}.build-comment-form small{color:var(--build-muted);font-size:11px;line-height:1.45}.build-comment-form .build-button{justify-self:start}.build-comments__login,.build-comments__empty{margin:0;padding:13px;border:1px solid var(--build-line);border-radius:10px;background:rgba(8,14,24,.55);color:var(--build-muted);font-size:13px;line-height:1.5}.build-comments__login a{color:var(--build-accent-2);font-weight:800}.build-comment-list{display:grid;gap:11px}.build-comment{display:grid;gap:10px;padding:14px;border:1px solid var(--build-line);border-radius:12px;background:rgba(8,14,24,.62)}.build-comment>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.build-comment>header strong{font-size:13px}.build-comment>header time{color:var(--build-muted);font-size:10px}.build-comment>p{margin:0;color:#d6dce7;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.build-comment>footer{display:flex;align-items:center;gap:8px}.build-comment>footer form{margin:0}.build-comment-like,.build-comment-delete{min-height:32px;border:1px solid var(--build-line);border-radius:8px;background:#0b121e;color:var(--build-muted);padding:6px 10px;font:800 11px/1 inherit;cursor:pointer}.build-comment-like span{color:#9ca7bb}.build-comment-like.is-active{border-color:rgba(255,110,140,.42);background:rgba(130,35,57,.25);color:#ff9cae}.build-comment-like.is-active span{color:#ff718d}.build-comment-like.is-static{display:inline-flex;align-items:center;cursor:default}.build-comment-delete{color:#ff9ca8;border-color:rgba(255,130,144,.25);margin-left:auto}.build-comment.is-deleted{opacity:.72}.build-comment__tombstone{font-style:italic;color:var(--build-muted)!important}
@media(max-width:760px){.build-consumable-add-form{grid-template-columns:1fr}.build-consumable-list article{grid-template-columns:42px 1fr}.build-consumable-list article form{grid-column:1/-1}}
.build-icon-button{width:44px;height:44px;flex:0 0 44px;display:inline-grid;place-items:center;border:1px solid var(--build-line);border-radius:10px;background:#0b121e;color:var(--build-text);text-decoration:none;cursor:pointer;font-size:25px;line-height:1}.build-icon-button:hover{border-color:var(--build-accent-2);color:var(--build-accent-2)}.build-icon-button svg{width:21px;height:21px}
.build-reaction-form{margin:0}.build-hero-action{min-width:44px;height:44px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--build-line);border-radius:10px;background:#0b121e;color:var(--build-muted);text-decoration:none;cursor:pointer;font:800 12px/1 inherit}.build-hero-action:hover{border-color:var(--build-accent-2);color:var(--build-text)}.build-hero-action svg{width:20px;height:20px;flex:0 0 20px}.build-hero-action span{min-width:1ch;color:inherit}.build-hero-action.is-active{border-color:rgba(128,102,243,.68);background:rgba(128,102,243,.2);color:#c7baff;box-shadow:0 0 0 1px rgba(128,102,243,.12) inset}.build-reaction-feedback{width:min(100%,560px);margin:-10px 0 22px auto}
.build-settings-dialog{width:min(1120px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--build-line);border-radius:20px;background:#0d1624;color:var(--build-text);box-shadow:0 32px 100px rgba(0,0,0,.72);overflow:hidden}.build-settings-dialog::backdrop{background:rgba(2,6,12,.8);backdrop-filter:blur(4px)}.build-settings-dialog__surface{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.build-settings-dialog__header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--build-line)}.build-settings-dialog__header h2{margin:5px 0 4px;font-size:24px}.build-settings-dialog__header p{margin:0;color:var(--build-muted)}.build-settings-dialog__grid{overflow:auto;overscroll-behavior:contain;padding:20px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.build-settings-dialog__grid .build-panel{box-shadow:none}.build-settings-dialog__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--build-line);background:#0b121e}
.build-equipment-slot__button{display:block;padding:9px}.build-slot-visual{width:100%;height:100%;min-height:142px;display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.build-slot-visual__main{min-width:0;display:grid;grid-template-rows:auto minmax(72px,1fr) auto auto;justify-items:center;align-items:center;gap:4px;padding:8px;border:1px solid rgba(166,184,219,.12);border-radius:12px;background:rgba(5,10,18,.65)}.build-slot-visual__heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px}.build-slot-visual__heading small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--build-muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.build-slot-visual__heading b{color:var(--build-gold);font-size:18px}.build-slot-visual__item-icon{width:92px;height:92px;display:grid;place-items:center}.build-slot-visual__item-icon img{max-width:88px;max-height:88px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 13px rgba(0,0,0,.55))}.build-slot-visual__item-icon i{font-style:normal;font-size:30px;color:var(--build-accent-2)}.build-slot-visual__main>strong{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px}.build-slot-visual__summary{color:var(--build-muted);font-size:9px}.build-slot-visual__rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:5px;border:1px solid rgba(166,184,219,.12);border-radius:11px;background:rgba(5,10,18,.7)}.build-slot-visual__rail-item{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(166,184,219,.12);background:#09111d}.build-slot-visual__rail-item img{max-width:26px;max-height:26px;object-fit:contain}.build-slot-visual__rail-item i,.build-slot-visual__rail-item.is-empty{font-style:normal;color:rgba(166,184,219,.28)}.build-slot-visual__rail-item.is-card{border-color:rgba(214,173,91,.34)}.build-slot-visual__rail-item.is-enchant{border-color:rgba(95,224,166,.34);color:var(--build-good)}
.build-equipment-editor-grid,.build-public-equipment-grid{grid-template-columns:minmax(205px,235px) minmax(300px,1fr) minmax(205px,235px);grid-template-rows:repeat(5,minmax(160px,auto))}.build-builder-avatar{min-height:820px}.build-equipment-slot,.build-public-equipment{min-height:160px;padding:0}.build-public-equipment{display:block}.build-public-equipment>.build-slot-visual{padding:9px}.build-catalog-result.is-incompatible{opacity:.62;cursor:not-allowed}.build-catalog-result.is-incompatible:hover{background:transparent}.build-catalog-result em{font-size:11px;color:var(--build-danger);font-style:normal}
@media(max-width:1180px){.build-equipment-editor-grid,.build-public-equipment-grid{grid-template-columns:180px minmax(240px,1fr) 180px}}
@media(max-width:1040px){.build-settings-dialog__grid{grid-template-columns:1fr}}
@media(max-width:720px){.build-settings-dialog{width:calc(100% - 10px);max-height:calc(100dvh - 10px)}.build-settings-dialog__surface{max-height:calc(100dvh - 10px)}.build-settings-dialog__header{padding:17px}.build-settings-dialog__grid{padding:10px}.build-settings-dialog__footer{position:sticky;bottom:0}.build-equipment-editor-grid,.build-public-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.build-builder-avatar{min-height:280px}.build-slot-visual__item-icon{width:76px;height:76px}.build-slot-visual__item-icon img{max-width:72px;max-height:72px}}
@media(max-width:430px){.build-equipment-editor-grid,.build-public-equipment-grid{grid-template-columns:1fr}.build-slot-visual{grid-template-columns:minmax(0,1fr) 44px}.build-slot-visual__main{grid-template-rows:auto 84px auto auto}.build-equipment-slot__button{display:block}.build-settings-dialog__footer{display:grid;grid-template-columns:1fr}.build-settings-dialog__footer .build-button{width:100%}}

/* Builder: cada familia de slots ocupa a mesma area de preview, em abas. */
.build-builder-sections button{appearance:none;min-width:130px;padding:10px 16px;text-align:center;border:1px solid var(--build-line);border-radius:9px;background:transparent;color:var(--build-muted);font:inherit;font-weight:750;cursor:pointer;white-space:nowrap}
.build-builder-sections button.is-active{color:var(--build-gold);border-color:rgba(214,173,91,.48);background:rgba(214,173,91,.08)}
[data-equipment-group-grid][hidden],[data-equipment-group-panel][hidden],[data-public-build-pane][hidden]{display:none!important}
.build-focus-skills{min-height:440px;padding:24px;border:1px solid var(--build-line);border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(128,102,243,.11),transparent 38%),linear-gradient(150deg,rgba(9,15,25,.96),rgba(13,24,40,.94))}
.build-focus-skills__header h3{margin:5px 0 7px;font-size:23px}.build-focus-skills__header p{margin:0;color:var(--build-muted);font-size:.88rem;line-height:1.55}
.build-focus-skill-form{display:grid;grid-template-columns:minmax(280px,1fr) 150px auto;gap:12px;align-items:end;margin:22px 0;padding:18px;border:1px solid var(--build-line);border-radius:12px;background:rgba(5,10,18,.55)}
.build-focus-skill-form .build-button{min-height:46px}.build-focus-skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.build-focus-skill-list article{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--build-line);border-radius:11px;background:rgba(7,13,23,.72)}
.build-focus-skill-list__icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(128,102,243,.28);border-radius:9px;background:#090f19}.build-focus-skill-list__icon img{width:42px;height:42px;object-fit:contain}.build-focus-skill-list__icon i{color:var(--build-accent-2);font-style:normal}
.build-focus-skill-list article>div{display:grid;gap:4px;min-width:0}.build-focus-skill-list article strong{overflow:hidden;color:var(--build-text);text-overflow:ellipsis;white-space:nowrap}.build-focus-skill-list article small{color:var(--build-muted);font-size:.72rem}.build-focus-skill-list .build-button{min-height:36px;padding:7px 10px;font-size:.74rem}
.build-focus-skills--sidebar{min-height:0;padding:0;border:0;border-radius:0;background:transparent}
.build-focus-skills--sidebar .build-focus-skill-form{grid-template-columns:minmax(0,1fr);margin:16px 0;padding:12px}
.build-focus-skills--sidebar .build-focus-skill-list{grid-template-columns:minmax(0,1fr)}
.build-focus-skills--sidebar .build-focus-skill-list article{grid-template-columns:44px minmax(0,1fr)}
.build-focus-skills--sidebar .build-focus-skill-list__icon{width:42px;height:42px}.build-focus-skills--sidebar .build-focus-skill-list__icon img{width:36px;height:36px}
.build-focus-skills--sidebar .build-focus-skill-list article>form{grid-column:1/-1}.build-focus-skills--sidebar .build-focus-skill-list article>form .build-button{width:100%}
.build-skill-tree-equipment .build-skill-tree-form{padding:0}
.build-public-focus-skills{margin-bottom:22px}.build-public-focus-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}
.build-public-focus-skill-grid article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;min-height:86px;padding:13px;border:1px solid var(--build-line);border-radius:12px;background:linear-gradient(145deg,rgba(11,19,32,.92),rgba(17,26,43,.9))}.build-public-focus-skill-grid img,.build-public-focus-skill-grid i{width:52px;height:52px;object-fit:contain}.build-public-focus-skill-grid i{display:grid;place-items:center;color:var(--build-accent-2);font-style:normal}.build-public-focus-skill-grid span{display:grid;gap:5px;min-width:0}.build-public-focus-skill-grid strong{overflow:hidden;color:var(--build-text);text-overflow:ellipsis;white-space:nowrap}.build-public-focus-skill-grid small{color:var(--build-muted);font-size:.76rem}
.build-public-skill-tree{margin-bottom:22px;overflow:visible}.build-public-skill-tree__body{padding:0 20px 20px}.build-public-skill-tree .build-skill-stage{padding-bottom:12px}.build-public-skill-tree .build-skill-level-control{min-height:23px;justify-content:center}
.build-public-skill-tree__focus{margin:0 20px 20px;padding-top:18px;border-top:1px solid var(--build-line)}.build-public-skill-tree__focus h3{margin:5px 0 12px;font-size:19px}.build-public-skill-tree__focus .build-public-focus-skill-grid{padding:0}
.build-equipment-group-tabs{margin:14px 0;padding:0 0 12px}
.build-public-loadout-pane>.build-equipment-group-tabs{gap:10px;margin:0;padding:14px 18px 12px}
[data-equipment-group-grid][data-active-slot-group="equipment"] [data-slot-group]:not([data-slot-group="equipment"]),
[data-equipment-group-grid][data-active-slot-group="visual"] [data-slot-group]:not([data-slot-group="visual"]),
[data-equipment-group-grid][data-active-slot-group="shadow"] [data-slot-group]:not([data-slot-group="shadow"]){display:none!important}

/* O contorno pertence ao item e ao trilho, nao ao wrapper externo. */
.build-equipment-slot,.build-public-equipment,.build-equipment-slot.is-filled,.build-public-equipment.is-filled{border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible}
.build-slot-visual{height:100%;gap:8px}
.build-slot-visual__main{border:1px solid var(--build-line);border-radius:13px;background:linear-gradient(150deg,rgba(7,12,21,.84),rgba(18,27,43,.92));padding:12px}
.build-slot-visual__rail{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;outline:0;overflow:visible}

/* Sprites originais sao pequenos; largura explicita permite ampliacao nitida. */
.build-slot-visual__item-icon{width:64px;height:64px}
.build-slot-visual__item-icon img{width:56px;height:56px;max-width:none;max-height:none;object-fit:contain;image-rendering:pixelated}
.build-slot-visual__rail-item{position:relative;width:34px;height:34px;overflow:visible}
.build-slot-visual__rail-item img{width:28px;height:28px;max-width:none;max-height:none;object-fit:contain;image-rendering:pixelated}
.build-slot-visual__rail-item.is-enchant small{display:none;position:absolute;z-index:5;right:calc(100% + 8px);top:50%;transform:translateY(-50%);min-width:max-content;max-width:210px;padding:6px 8px;border:1px solid var(--build-line);border-radius:7px;background:#090f19;color:var(--build-text);font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.build-slot-visual__rail-item.is-enchant:hover small,.build-slot-visual__rail-item.is-enchant:focus-within small{display:block}
.build-slot-visual__main.has-tooltip,.build-slot-visual__rail-item.has-tooltip{position:relative;cursor:help}
.build-item-tooltip{display:none;position:absolute;z-index:80;left:calc(100% + 10px);top:8px;width:min(360px,calc(100vw - 40px));padding:14px;border:1px solid rgba(214,173,91,.42);border-radius:11px;background:#080f19;color:var(--build-text);text-align:left;white-space:normal;box-shadow:0 18px 46px rgba(0,0,0,.62);pointer-events:none}
.build-slot-visual__rail-item .build-item-tooltip{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}
.build-slot-visual__main.has-tooltip:hover>.build-item-tooltip,.build-slot-visual__main.has-tooltip:focus>.build-item-tooltip,.build-slot-visual__rail-item.has-tooltip:hover>.build-item-tooltip,.build-slot-visual__rail-item.has-tooltip:focus>.build-item-tooltip{display:block}
.build-item-tooltip>strong,.build-item-tooltip>small,.build-item-tooltip__description{display:block}.build-item-tooltip>strong{padding-bottom:4px;color:#fff;font-size:15px}.build-item-tooltip>small{color:var(--build-muted);font-size:10px}.build-item-tooltip__description{margin-top:10px;padding-top:10px;border-top:1px solid var(--build-line);color:#dce5f5;font-size:12px;line-height:1.55}.build-item-tooltip dl{display:grid;gap:5px;margin:11px 0 0;padding-top:10px;border-top:1px solid var(--build-line)}.build-item-tooltip dl div{display:grid;grid-template-columns:minmax(90px,.45fr) minmax(0,1fr);gap:10px}.build-item-tooltip dt{color:var(--build-muted);font-size:11px}.build-item-tooltip dd{margin:0;color:#fff;font-size:11px;overflow-wrap:anywhere}

[data-equipment-slot="head_mid"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="armor"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="shield"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="shoes"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="accessory_2"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="costume_mid"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="costume_garment"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="shadow_weapon"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="shadow_shoes"] .build-slot-visual__main>.build-item-tooltip,
[data-equipment-slot="shadow_accessory_2"] .build-slot-visual__main>.build-item-tooltip{left:auto;right:calc(100% + 10px)}

/* Nos slots da direita, cartas e encantamentos ficam a esquerda do item. */
[data-equipment-slot="head_mid"] .build-slot-visual,
[data-equipment-slot="armor"] .build-slot-visual,
[data-equipment-slot="shield"] .build-slot-visual,
[data-equipment-slot="shoes"] .build-slot-visual,
[data-equipment-slot="accessory_2"] .build-slot-visual,
[data-equipment-slot="costume_mid"] .build-slot-visual,
[data-equipment-slot="costume_garment"] .build-slot-visual,
[data-equipment-slot="shadow_weapon"] .build-slot-visual,
[data-equipment-slot="shadow_shoes"] .build-slot-visual,
[data-equipment-slot="shadow_accessory_2"] .build-slot-visual{grid-template-columns:48px minmax(0,1fr)}
[data-equipment-slot="head_mid"] .build-slot-visual__rail,
[data-equipment-slot="armor"] .build-slot-visual__rail,
[data-equipment-slot="shield"] .build-slot-visual__rail,
[data-equipment-slot="shoes"] .build-slot-visual__rail,
[data-equipment-slot="accessory_2"] .build-slot-visual__rail,
[data-equipment-slot="costume_mid"] .build-slot-visual__rail,
[data-equipment-slot="costume_garment"] .build-slot-visual__rail,
[data-equipment-slot="shadow_weapon"] .build-slot-visual__rail,
[data-equipment-slot="shadow_shoes"] .build-slot-visual__rail,
[data-equipment-slot="shadow_accessory_2"] .build-slot-visual__rail{grid-column:1;grid-row:1}
[data-equipment-slot="head_mid"] .build-slot-visual__main,
[data-equipment-slot="armor"] .build-slot-visual__main,
[data-equipment-slot="shield"] .build-slot-visual__main,
[data-equipment-slot="shoes"] .build-slot-visual__main,
[data-equipment-slot="accessory_2"] .build-slot-visual__main,
[data-equipment-slot="costume_mid"] .build-slot-visual__main,
[data-equipment-slot="costume_garment"] .build-slot-visual__main,
[data-equipment-slot="shadow_weapon"] .build-slot-visual__main,
[data-equipment-slot="shadow_shoes"] .build-slot-visual__main,
[data-equipment-slot="shadow_accessory_2"] .build-slot-visual__main{grid-column:2;grid-row:1}

/* Posicionamento por grupo em torno do mesmo avatar. */
[data-equipment-group-grid][data-active-slot-group="visual"]{grid-template-rows:repeat(2,minmax(220px,auto))}
[data-active-slot-group="visual"] .build-builder-avatar{grid-column:2;grid-row:1/3;min-height:460px}
[data-active-slot-group="visual"] [data-equipment-slot="costume_top"]{grid-column:1;grid-row:1}
[data-active-slot-group="visual"] [data-equipment-slot="costume_mid"]{grid-column:3;grid-row:1}
[data-active-slot-group="visual"] [data-equipment-slot="costume_low"]{grid-column:1;grid-row:2}
[data-active-slot-group="visual"] [data-equipment-slot="costume_garment"]{grid-column:3;grid-row:2}
[data-equipment-group-grid][data-active-slot-group="shadow"]{grid-template-rows:repeat(3,minmax(190px,auto))}
[data-active-slot-group="shadow"] .build-builder-avatar{grid-column:2;grid-row:1/4;min-height:600px}
[data-active-slot-group="shadow"] [data-equipment-slot="shadow_armor"]{grid-column:1;grid-row:1}
[data-active-slot-group="shadow"] [data-equipment-slot="shadow_weapon"]{grid-column:3;grid-row:1}
[data-active-slot-group="shadow"] [data-equipment-slot="shadow_accessory_1"]{grid-column:1;grid-row:3}
[data-active-slot-group="shadow"] [data-equipment-slot="shadow_shield"]{grid-column:1;grid-row:2}
[data-active-slot-group="shadow"] [data-equipment-slot="shadow_shoes"]{grid-column:3;grid-row:2}
[data-active-slot-group="shadow"] [data-equipment-slot="shadow_accessory_2"]{grid-column:3;grid-row:3}

@media(max-width:720px){
  .build-builder-sections button{min-width:112px;padding:9px 12px}
  .build-focus-skill-form{grid-template-columns:1fr}.build-focus-skill-list{grid-template-columns:1fr}.build-focus-skills{padding:16px}
  .build-public-focus-skill-grid{grid-template-columns:1fr;padding:14px}
  [data-equipment-group-grid][data-active-slot-group="visual"],[data-equipment-group-grid][data-active-slot-group="shadow"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  [data-active-slot-group="visual"] .build-builder-avatar,[data-active-slot-group="shadow"] .build-builder-avatar{grid-column:1/-1;grid-row:auto;min-height:280px}
  [data-equipment-group-grid] [data-equipment-slot]{grid-column:auto!important;grid-row:auto!important}
  .build-slot-visual__item-icon{width:64px;height:64px}.build-slot-visual__item-icon img{width:56px;height:56px}
  .build-item-tooltip{position:fixed;z-index:120;left:12px!important;right:12px;top:auto!important;bottom:12px;transform:none!important;width:auto;max-height:55dvh;overflow:auto}
}
@media(max-width:720px){.build-public-loadout-pane>.build-equipment-group-tabs{padding:12px 14px 10px}}

@media(max-width:430px){
  [data-equipment-group-grid][data-active-slot-group="visual"],[data-equipment-group-grid][data-active-slot-group="shadow"]{grid-template-columns:1fr}
}

/* Builder: cenario, progressao unificada e abas de atributos/talentos. */
.build-equipment-editor-grid,.build-public-equipment-grid{
  isolation:isolate;
  background-image:linear-gradient(150deg,rgba(5,10,18,.86),rgba(8,17,30,.76)),url('/assets/images/builds/hall-dos-herois.png?v=20260814');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.build-equipment-editor-grid>*{position:relative;z-index:1}
.build-progression-editor{overflow:hidden}
.build-progression-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--build-line)}
.build-progression-tabs--two{grid-template-columns:repeat(2,1fr)}
.build-progression-tabs button{appearance:none;padding:15px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--build-muted);font:inherit;font-weight:750;cursor:pointer}
.build-progression-tabs button.is-active{border-bottom-color:var(--build-accent-2);color:var(--build-text);background:rgba(128,102,243,.08)}
.build-progression-body{display:grid;padding:0}
.build-progression-form,.build-skill-editor{padding:20px;border:0;border-radius:0;background:transparent}
.build-progression-form>p{margin:0 0 18px;color:var(--build-muted);font-size:.86rem;line-height:1.55}
.build-progression-form[hidden]{display:none}
.build-skill-editor{border-top:1px solid var(--build-line)}
.build-talent-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px;border:1px solid var(--build-line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--build-muted)}
.build-talent-summary strong{color:var(--build-text)}
.build-public-progression__pane[hidden]{display:none}.build-public-progression .build-stat-list dt{display:flex;align-items:center;gap:10px}.build-public-progression .build-stat-list dt b{min-width:32px;color:#aa98ff;font-size:.7rem;letter-spacing:.04em}.build-public-progression .build-talent-list dd{color:#8ee7bc}
.build-public-progression{margin-top:0}
.build-talent-locked{padding:12px;border:1px solid rgba(255,190,74,.25);border-radius:10px;background:rgba(255,190,74,.07);color:#f2cf83!important}
.build-progression-editor .build-button:disabled{opacity:.45;cursor:not-allowed}
.build-editor-workspace__sidebar .build-progression-editor{margin-top:22px}
.build-editor-workspace__sidebar .build-progression-grid{display:block;padding:0}
.build-editor-workspace__sidebar{position:static;top:auto;align-self:start;align-content:start}
.build-editor-workspace__sidebar .build-progression-editor{position:static;max-height:none;overflow:visible;scrollbar-gutter:auto}
@media(max-width:560px){.build-progression-form,.build-skill-editor{padding:15px}.build-talent-summary{align-items:flex-start;flex-direction:column}}

.build-skill-tree-form{min-width:0}
.build-skill-tree-intro,.build-skill-stage-summary,.build-skill-tree-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}
.build-skill-tree-intro h3{margin:0 0 5px}.build-skill-tree-intro p{margin:0;color:var(--build-muted);font-size:.86rem;line-height:1.5}
.build-skill-stage-tabs{display:flex;gap:7px;margin:18px 0 12px;padding-bottom:5px;overflow-x:auto;scrollbar-width:thin}
.build-skill-stage-tabs button{flex:0 0 auto;padding:9px 12px;border:1px solid var(--build-line);border-radius:9px;background:#0b111c;color:var(--build-muted);font:inherit;font-size:.82rem;font-weight:750;cursor:pointer}
.build-skill-stage-tabs button.is-active{border-color:var(--build-accent-2);background:rgba(128,102,243,.14);color:var(--build-text)}
.build-skill-stage[hidden]{display:none}.build-skill-stage-summary{margin-bottom:12px;padding:10px 12px;border:1px solid var(--build-line);border-radius:10px;background:rgba(255,255,255,.025)}
.build-skill-stage-summary label{display:flex;align-items:center;gap:8px;color:var(--build-muted);font-size:.82rem}.build-skill-stage-summary input{width:68px;padding:7px;border:1px solid var(--build-line);border-radius:7px;background:#090f19;color:var(--build-text)}
.build-skill-stage-summary strong{color:var(--build-text);font-size:.84rem}.build-skill-stage.has-skill-error .build-skill-stage-summary strong{color:#ff8e8e}
.build-skill-tree-grid{display:grid;grid-template-columns:repeat(8,minmax(78px,1fr));grid-auto-rows:minmax(126px,auto);gap:12px;min-width:800px;padding:16px;border:1px solid var(--build-line);border-radius:12px;background:radial-gradient(circle at 50% 0,rgba(128,102,243,.08),transparent 40%),#090f19;overflow:visible}
.build-skill-stage{overflow-x:auto;padding-bottom:8px}.build-skill-node{position:relative;grid-row:var(--skill-row);grid-column:var(--skill-col);display:flex;flex-direction:column;align-items:center;align-self:start;min-width:0;text-align:center}
.build-skill-node__icon{width:50px;height:50px;padding:3px;border:1px solid #40506a;border-radius:9px;background:#111b2b;cursor:help;box-shadow:0 4px 12px rgba(0,0,0,.22)}
.build-skill-node__icon img{width:42px;height:42px;object-fit:contain;image-rendering:auto}.build-skill-node>strong{width:100%;margin-top:6px;overflow:hidden;color:var(--build-text);font-size:.72rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.build-skill-node.has-level .build-skill-node__icon{border-color:#7fe0b2;box-shadow:0 0 0 2px rgba(92,218,157,.12)}.build-skill-node.is-locked:not(.has-level){opacity:.48}.build-skill-node.is-locked:not(.has-level) .build-skill-node__icon img{filter:grayscale(.75)}
.build-skill-level-control{display:flex;align-items:center;gap:5px;margin-top:5px}.build-skill-level-control button{width:23px;height:23px;padding:0;border:1px solid var(--build-line);border-radius:6px;background:#162236;color:#aee8cf;font:inherit;font-weight:900;cursor:pointer}.build-skill-level-control button:disabled{opacity:.28;cursor:not-allowed}.build-skill-level-control span{min-width:35px;color:var(--build-muted);font-size:.72rem}
.build-skill-tooltip{position:fixed;z-index:140;left:12px;top:12px;bottom:auto;display:none;width:min(390px,calc(100vw - 24px));max-height:min(68vh,560px);padding:0;transform:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #41516c;border-radius:12px;background:#101a29;color:var(--build-text);text-align:left;pointer-events:auto;box-shadow:0 16px 38px rgba(0,0,0,.48)}
.build-skill-tooltip.is-visible{display:block}.build-skill-tooltip.is-pinned{border-color:#8f7cff;box-shadow:0 0 0 1px rgba(143,124,255,.28),0 16px 38px rgba(0,0,0,.48)}.build-skill-tooltip__header{position:sticky;z-index:1;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(143,160,190,.18);background:#101a29}.build-skill-tooltip__header b{color:#8ee7bc;font-size:.92rem}.build-skill-tooltip__header small{color:#8f9db2;font-size:.63rem;text-align:right}.build-skill-tooltip__label{display:block;margin-bottom:9px;color:#a997ff;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.build-skill-tooltip__requirements,.build-skill-tooltip__description{padding:13px 14px}.build-skill-tooltip__description{border-top:1px solid rgba(143,160,190,.18)}.build-skill-tooltip pre{margin:0;color:#c4ccda;font:inherit;font-size:.75rem;line-height:1.5;white-space:pre-wrap}.build-skill-requirement-list{display:grid;gap:7px}.build-skill-requirement{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid rgba(143,160,190,.18);border-radius:9px;background:rgba(5,10,18,.42)}.build-skill-requirement img,.build-skill-requirement>i{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;object-fit:contain;image-rendering:pixelated}.build-skill-requirement>i{background:#182438;color:#a997ff;font-style:normal;font-weight:800}.build-skill-requirement span{display:grid;gap:3px;min-width:0}.build-skill-requirement strong{overflow:hidden;color:#edf2fa;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.build-skill-requirement small{color:#98a4b8;font-size:.66rem}.build-skill-requirement em{color:#ffb3b8;font-size:.62rem;font-style:normal;font-weight:800}.build-skill-requirement.is-met{border-color:rgba(101,217,156,.28);background:rgba(101,217,156,.06)}.build-skill-requirement.is-met em{color:#65d99c}.build-skill-requirement-flow{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;color:#9ca9bc;font-size:.65rem}.build-skill-requirement-flow b{color:#a997ff;font-size:.9rem}.build-skill-requirement-flow strong{color:#dfe6f1}
.build-skill-tree-actions{margin-top:14px}.build-skill-tree-actions span{color:#f2cf83;font-size:.8rem}.build-skill-legacy-note{margin:13px 0 0!important;padding:10px;border-left:3px solid #d4aa55;background:rgba(212,170,85,.07)}
@media(max-width:560px){.build-progression-tabs button{padding:12px 6px;font-size:.78rem}.build-skill-tree-intro,.build-skill-stage-summary,.build-skill-tree-actions{align-items:flex-start;flex-direction:column}.build-skill-tree-grid{grid-template-columns:repeat(5,minmax(78px,1fr));min-width:520px}}

/* Seletor unificado do catalogo e tres encantamentos por equipamento. */
.build-enchant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.build-catalog-picker__search{position:relative;display:block;min-height:46px;border:0;background:transparent;overflow:visible}
.build-catalog-picker__search input{width:100%;min-height:46px;padding:10px 76px 10px 13px;border:1px solid var(--build-line)!important;border-radius:9px;background:#090f19!important;color:var(--build-text);box-shadow:none}
.build-catalog-picker__search input:focus{outline:none;border-color:var(--build-accent-2)!important;box-shadow:0 0 0 3px rgba(128,102,243,.13)}
.build-catalog-picker__search input::-webkit-search-cancel-button,.build-catalog-picker__search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.build-catalog-picker.has-selection .build-catalog-picker__search input{padding-left:46px}
.build-catalog-picker__leading-icon{position:absolute;z-index:1;left:7px;top:50%;width:34px;height:34px;display:grid;place-items:center;transform:translateY(-50%);pointer-events:none}
.build-catalog-picker__leading-icon:empty{display:none}
.build-catalog-picker.has-selection .build-catalog-picker__leading-icon:empty{display:grid}
.build-catalog-picker__leading-icon img{max-width:30px;max-height:30px;object-fit:contain}
.build-catalog-picker .myau-search-select__clear,.build-catalog-picker .myau-search-select__toggle{position:absolute;top:50%;width:34px;height:34px;transform:translateY(-50%)}
.build-catalog-picker .myau-search-select__clear{right:38px}.build-catalog-picker .myau-search-select__toggle{right:4px}
.build-catalog-picker__meta{display:none}
.build-catalog-picker .build-catalog-results{position:fixed;z-index:2147483000;top:auto;left:auto;right:auto;max-height:min(320px,46vh);padding:6px;border-radius:10px;background:#101722;overscroll-behavior:contain}
.build-catalog-picker .build-catalog-result{padding:10px;border-radius:7px;font-size:14px}
.build-catalog-picker .build-catalog-result:hover,.build-catalog-picker .build-catalog-result:focus-visible,.build-catalog-picker .build-catalog-result.is-active{outline:none;background:rgba(124,92,255,.16)}

.build-visual-catalog{display:grid;gap:12px;margin:16px 0 2px;padding:14px;border:1px solid rgba(128,102,243,.24);border-radius:13px;background:rgba(9,16,28,.72)}
.build-visual-catalog__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.build-visual-catalog__heading h4{margin:0}.build-visual-catalog__heading p{margin:4px 0 0;color:var(--build-muted);font-size:12px}.build-visual-catalog__heading>span{flex:0 0 auto;color:var(--build-muted);font-size:11px;font-weight:700}
.build-visual-catalog__search{position:relative;display:flex;align-items:center}.build-visual-catalog__search svg{position:absolute;left:12px;width:17px;height:17px;color:var(--build-muted);pointer-events:none}.build-visual-catalog__search input{width:100%;min-height:42px;padding:9px 42px 9px 38px;border:1px solid var(--build-line);border-radius:10px;background:#0a121e;color:var(--build-text)}.build-visual-catalog__search input:focus{border-color:var(--build-accent);outline:none;box-shadow:0 0 0 3px rgba(128,102,243,.12)}.build-visual-catalog__search button{position:absolute;right:5px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--build-muted);font-size:22px;cursor:pointer}
.build-visual-catalog__viewport{max-height:340px;overflow:auto;padding:2px;overscroll-behavior:contain;scrollbar-gutter:stable}.build-visual-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:7px}.build-visual-catalog__item{display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:5px;border:1px solid rgba(150,166,199,.34);border-radius:9px;background:#111b29;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.build-visual-catalog__item img{width:42px;height:42px;max-width:100%;object-fit:contain;image-rendering:auto}.build-visual-catalog__item:is(:hover,:focus-visible){border-color:var(--build-accent-2);background:rgba(128,102,243,.14);outline:none;transform:translateY(-1px)}.build-visual-catalog__item.is-selected{border-color:#f2aa43;background:rgba(242,170,67,.16);box-shadow:0 0 0 2px rgba(242,170,67,.18)}.build-visual-catalog__item.is-incompatible{cursor:not-allowed;filter:grayscale(1);opacity:.36}.build-visual-catalog__status{margin:16px 4px;color:var(--build-muted);font-size:12px;text-align:center}.build-visual-catalog__more{display:block;margin:12px auto 2px}.build-visual-catalog.is-loading .build-visual-catalog__viewport{cursor:progress}

@media(max-width:1040px){.build-editor-workspace__sidebar{position:static}.build-editor-workspace__sidebar .build-progression-editor{position:static;max-height:none;margin-top:0;overflow:visible;scrollbar-gutter:auto}}
@media(max-width:720px){.build-enchant-grid{grid-template-columns:1fr}}
@media(max-width:720px){.build-visual-catalog{padding:11px}.build-visual-catalog__heading{align-items:flex-start;flex-direction:column;gap:5px}.build-visual-catalog__viewport{max-height:300px}.build-visual-catalog__grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}.build-visual-catalog__item img{width:38px;height:38px}}
/* Keep the equipment editor inside the visible viewport regardless of where
   its <dialog> node lives in the equipment grid. Only the form body scrolls. */
.build-equipment-dialog[open] {
  position: fixed;
  inset: 0;
  display: block;
  width: min(920px, calc(100vw - 24px));
  height: min(880px, calc(100dvh - 24px));
  max-width: none;
  max-height: none;
  margin: auto;
  overflow: hidden;
  overscroll-behavior: contain;
}

.build-equipment-dialog[open] > .build-equipment-form {
  height: 100%;
  min-height: 0;
  max-height: none;
  overflow: hidden;
}

.build-equipment-dialog[open] .build-equipment-form > header,
.build-equipment-dialog[open] .build-equipment-form > footer {
  flex: 0 0 auto;
}

.build-equipment-dialog[open] .build-equipment-form__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

@media (max-width: 720px), (max-height: 720px) {
  .build-equipment-dialog[open] {
    width: calc(100vw - 12px);
    height: calc(100dvh - 12px);
    border-radius: 14px;
  }
}

/* Preview composto do personagem (LATAM Visuais/ragassets). */
.build-character-preview{position:relative;padding:20px;place-content:center;overflow:visible}
.build-character-preview__canvas{width:100%;min-height:570px;display:grid;place-items:center;overflow:hidden}
.build-character-preview .build-character-preview__sprite{width:min(100%,520px);height:auto;max-width:520px;max-height:650px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 24px 34px rgba(0,0,0,.62));transform:scale(2);transform-origin:center center}
.build-character-preview__fallback{width:150px!important;height:150px!important}
.build-character-preview__edit{margin-top:4px;z-index:2}
.build-character-preview__credit{color:var(--build-muted);font-size:10px;text-decoration:none;opacity:.72}
.build-character-preview__credit:hover{color:var(--build-accent-2);opacity:1}
[data-active-slot-group="visual"] .build-character-preview__canvas{min-height:410px}
[data-active-slot-group="shadow"] .build-character-preview__canvas{min-height:520px}
.build-character-visual-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--build-line);border-radius:18px;background:#0e1624;color:var(--build-text);box-shadow:0 30px 100px rgba(0,0,0,.68);overflow:hidden}
.build-character-visual-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.build-character-visual-dialog>form{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}
.build-character-visual-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--build-line)}
.build-character-visual-dialog header h2{margin:0 0 5px}.build-character-visual-dialog header p{margin:0;color:var(--build-muted);font-size:13px}
.build-character-visual-dialog header button{border:0;background:transparent;color:var(--build-muted);font-size:28px;cursor:pointer}
.build-character-visual-dialog__body{padding:20px;overflow:auto;overscroll-behavior:contain}
.build-character-visual-dialog__body .build-form-grid{padding:0}
.build-character-visual-dialog__privacy{margin:16px 0 0;padding:12px;border:1px solid rgba(128,102,243,.24);border-radius:10px;background:rgba(128,102,243,.08);color:var(--build-muted);font-size:12px;line-height:1.5}
.build-character-visual-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid var(--build-line);background:#0b121e}
@media(max-width:720px){
  .build-character-preview{padding:12px}.build-character-preview__canvas{min-height:330px}
  .build-character-preview .build-character-preview__sprite{width:min(100%,350px);max-height:410px}
  [data-active-slot-group="visual"] .build-character-preview__canvas,[data-active-slot-group="shadow"] .build-character-preview__canvas{min-height:310px}
  .build-character-visual-dialog{width:calc(100vw - 10px);max-height:calc(100dvh - 10px)}
  .build-character-visual-dialog>form{max-height:calc(100dvh - 10px)}
  .build-character-visual-dialog footer{display:grid;grid-template-columns:1fr}.build-character-visual-dialog footer .build-button{width:100%}
}

/* Automatic loadout tables should use the full guide column. */
.build-guide-content table.build-guide-loadout-table{display:table;width:100%;table-layout:fixed;overflow:visible}
.build-guide-content .build-guide-loadout-table th:first-child,.build-guide-content .build-guide-loadout-table td:first-child{width:42px}
.build-guide-content .build-guide-loadout-table th:nth-child(2),.build-guide-content .build-guide-loadout-table td:nth-child(2){width:220px}
.build-guide-content .build-guide-loadout-table caption,
.build-guide-content .build-guide-loadout-table th,
.build-guide-content .build-guide-loadout-table td,
.build-guide-content .build-guide-loadout-table__item strong,
.build-guide-content .build-guide-loadout-table__item small,
.build-guide-content .build-guide-loadout-table__addon small{font-size:12px}
.build-guide-content .build-guide-loadout-table__addon small{line-height:1.25}

/* Cards de build crescem apenas conforme o conteúdo, sem área vazia artificial. */
.game-build-card{min-height:0}
.game-build-card__description{flex:0 0 auto}
.game-build-card__footer{margin-top:8px}
/* Amplia somente o sprite animado dentro da janela fixa de 120px. */
.game-build-card__visual img{transform:scale(1.28);transform-origin:center}

.build-equipment-slot{position:relative}
.build-equipment-slot__remove{position:absolute;z-index:3;top:9px;right:9px;margin:0}
.build-equipment-slot__remove button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,130,144,.42);border-radius:8px;background:rgba(65,18,29,.9);color:#ff9ca8;font-size:20px;line-height:1;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.build-equipment-slot__remove button:is(:hover,:focus-visible){border-color:#ff9ca8;background:#6f2030;color:#fff;outline:none}

@media(max-width:720px){
  .build-guide-content{overflow-x:auto}
  .build-guide-content table.build-guide-loadout-table{min-width:680px}
  .game-build-card__visual img{width:min(44vw,144px);height:116px;max-width:46%;max-height:116px;margin-left:8px;transform:none;object-position:left bottom}
}