@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-600.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
:root{
--gold-100:#F0E6D2;--gold-200:#CDBE91;--gold-300:#C8AA6E;--gold-400:#C89B3C;--gold-500:#785A28;--gold-600:#463714;--gold-700:#32281E;
--gold-grad-light:#BDAB87;--gold-grad-dark:#735C3A;
--bg-900:#010A13;--bg-800:#0B1011;--bg-700:#1C2427;--bg-600:#1E2328;--bg-500:#1E282D;--bg-400:#3C3C41;
--blue-100:#CDFAFA;--blue-300:#0AC8B9;--blue-600:#0A323C;--blue-700:#0A142B;
--text-primary:#DED3CA;--text-secondary:#AEA097;--text-muted:#A09B8C;--text-dim:#5B5A56;--text-disabled:#3C3C41;
--error:#BE1E37;--error-light:#FF2345;--success:#1E815A;--success-light:#00A741;--warning:#B76E00;--warning-light:#FFBA08;
--primary-main:#4D9BE6;--enchantable:#A884F3;
--amber-light:#FFD760;--amber-main:#FFB100;--amber-ydark:#D83E00;--ember:#903307;
--tier1-bg:#3D3D3D;--tier1-border:#C7C7C7;--tier2-bg:#1B2E1E;--tier2-border:#2EE019;--tier3-bg:#222F3B;--tier3-border:#1F89F1;--tier4-bg:#39233D;--tier4-border:#DF68E8;--tier5-bg:#321E1E;--tier5-border:#EBB13F;
--el-fire:#FF6600;--el-earth:#52D017;--el-ice:#BDEDFF;--el-energy:#CC33FF;--el-holy:#FFFF00;--el-death:#8C001A;--el-lifedrain:#FC77E8;--el-mana:#0000FF;--el-drown:#00FFFF;--el-agony:#996600;
--hp-mid:#0EBA32;--mp-mid:#168DFF;
--bevel-brass:linear-gradient(to bottom,#BDAB87 0%,#735C3A 100%);
--bevel-brass-hover:linear-gradient(to bottom,rgb(208,196,171) 0%,#735C3A 100%);
--bevel-steel:linear-gradient(to bottom,#5B5A56 0%,#3C3C41 100%);
--bevel-primary:linear-gradient(to bottom,#FFD760 0%,#D83E00 100%);
--hairline:rgba(30,35,40,.72);--hairline-strong:rgba(30,35,40,.8);--head-veil:rgba(30,40,45,.4);
--well-shadow:inset 0 0 4px 1px #000;--well-shadow-soft:inset 0 0 4px 0 #000;
--selected-veil:rgba(120,90,40,.18);
--panel-bg-fade:linear-gradient(to bottom,var(--bg-800) 0%,var(--bg-800) 62%,var(--blue-600) 100%);
--font-display:"beaufort-pro","Barlow",sans-serif;--font-body:"Barlow",sans-serif;
--radius-frame:5px;--radius-button:8px;
--w-max:1180px
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--gold-500) transparent}
body{margin:0;min-height:100vh;color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;background-color:var(--bg-900);background-image:radial-gradient(ellipse at 50% 0%,var(--blue-600) 0%,var(--bg-800) 45%,var(--bg-900) 100%);background-attachment:fixed}
a{color:var(--gold-grad-light);text-decoration:none}
a:hover{color:var(--gold-100)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue-300);outline-offset:2px}
img{image-rendering:pixelated}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--gold-grad-light);font-weight:700;margin:0;line-height:1.2}
p{margin:0 0 .8em}
.px{image-rendering:pixelated}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;background:var(--bg-800);border-bottom:1px solid var(--gold-600)}
.w-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-300);font-size:14px;white-space:nowrap}
.w-brand img{width:28px;height:28px}
.w-brand:hover{color:var(--gold-100)}
.w-topsp{flex:1}
.w-topsearch{position:relative;flex:0 1 320px;min-width:0}
.w-topsearch input{width:100%;height:32px;padding:0 10px 0 30px;background:var(--bg-900);border:1px solid var(--bg-400);color:var(--text-primary);font:500 14px var(--font-body)}
.w-topsearch input::placeholder{color:var(--text-dim)}
.w-topsearch svg{position:absolute;left:9px;top:9px;width:14px;height:14px;fill:var(--text-muted)}
.w-lang{display:flex;border:1px solid var(--bg-400)}
.w-lang a{padding:4px 8px;font:800 11px var(--font-display);letter-spacing:.08em;color:var(--text-muted)}
.w-lang a[aria-current]{color:var(--gold-100);background:var(--bg-500);box-shadow:inset 0 -2px 0 var(--gold-400)}
.w-play{display:inline-flex;align-items:center;gap:6px;padding:2px;border-radius:var(--radius-button);background:var(--bevel-primary);color:#000;font:900 12px var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.w-play span{display:block;padding:6px 12px;border-radius:inherit;background:linear-gradient(to bottom,var(--amber-main),var(--amber-ydark))}
.w-play:hover{color:#000;filter:brightness(1.08)}
.w-tabs::-webkit-scrollbar{display:none}
.w-tabs{position:sticky;top:48px;z-index:20;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:6px 12px 0;background:linear-gradient(to bottom,var(--bg-800),rgba(11,16,17,.92));border-bottom:1px solid var(--bg-600)}
.w-tab{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 8px 10px;font:800 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border:1px solid transparent;border-bottom:0;white-space:nowrap}
.w-tab img{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.w-tab:hover{color:var(--gold-200);background:var(--head-veil)}
.w-tab[aria-current]{color:var(--gold-100);background:var(--bg-700);border-color:var(--gold-600);box-shadow:inset 0 2px 0 var(--gold-400)}
.w-frame{max-width:calc(var(--w-max) + 64px);margin:16px auto 24px;padding:24px 32px 32px;background:var(--panel-bg-fade);border:2px solid var(--gold-600);box-shadow:10px 10px 0 rgba(0,0,0,.5);min-height:60vh}
.w-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font:700 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}
.w-crumbs a{color:var(--text-muted)}
.w-crumbs a:hover{color:var(--gold-200)}
.w-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin-bottom:16px;border:1px solid var(--bg-400);background:var(--bg-700);font:800 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-200)}
.w-back:hover{border-color:var(--gold-500);color:var(--gold-100)}
.w-hero{text-align:center;padding:36px 24px 30px;background:var(--bg-800);border:1px solid var(--bg-600);box-shadow:var(--well-shadow);margin-bottom:28px}
.w-hero img.w-hero-ic{width:40px;height:40px}
.w-eyebrow{font:800 11px var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin:10px 0 6px}
.w-hero h1{font-size:42px;font-weight:600;letter-spacing:.02em}
.w-hero p{color:var(--text-secondary);margin:8px 0 18px}
.w-search{position:relative;max-width:560px;margin:0 auto}
.w-search input{width:100%;height:46px;padding:0 14px 0 40px;background:var(--bg-900);border:1px solid var(--bg-400);color:var(--text-primary);font:500 16px var(--font-body);box-shadow:var(--well-shadow-soft)}
.w-search input:focus{border-color:var(--gold-500)}
.w-search svg{position:absolute;left:14px;top:15px;width:16px;height:16px;fill:var(--text-muted)}
.w-ac{position:absolute;left:0;right:0;top:100%;z-index:40;margin-top:2px;background:var(--bg-800);border:1px solid var(--gold-600);box-shadow:10px 10px 0 rgba(0,0,0,.5);text-align:left;max-height:420px;overflow:auto}
.w-ac[hidden]{display:none}
.w-ac a{display:flex;align-items:center;gap:10px;padding:6px 10px;color:var(--text-primary);border-bottom:1px solid var(--bg-600)}
.w-ac a:last-child{border-bottom:0}
.w-ac a:hover,.w-ac a[aria-selected=true]{background:var(--bg-700);color:var(--gold-100)}
.w-ac img{width:32px;height:32px;object-fit:contain}
.w-ac small{margin-left:auto;font:800 10px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.w-ac .w-ac-empty{padding:10px;color:var(--text-muted)}
.w-sec{margin:30px 0 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.w-sec h2{font-size:24px;font-weight:600}
.w-h1{font-size:30px;font-weight:600;color:var(--gold-grad-light)}
.w-sec .w-eyebrow{margin:0 0 4px}
.w-sec-note{color:var(--text-muted);font-size:13px}
.w-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.w-card{display:flex;flex-direction:column;background:var(--bg-800);border:1px solid var(--bg-600);box-shadow:var(--well-shadow-soft);color:var(--text-primary);min-height:100%}
.w-card:hover{border-color:var(--gold-500);color:var(--text-primary)}
.w-card-b{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 16px 12px;gap:6px}
.w-card-b img{width:40px;height:40px;object-fit:contain}
.w-card-b h3{font-size:17px;color:var(--gold-100)}
.w-card-b p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.4}
.w-card-f{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:var(--head-veil);border-top:1px solid var(--bg-600);font:800 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-300)}
.w-card:hover .w-card-f{color:var(--gold-100)}
.w-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px;background:var(--bg-800);border:1px solid var(--bg-600)}
.w-toolbar .w-count{font:800 12px var(--font-display);letter-spacing:.06em;color:var(--gold-300);margin-right:auto}
.w-toolbar label{font:800 10px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.w-toolbar select,.w-toolbar input[type=search],.w-toolbar input[type=number]{height:32px;padding:0 8px;background:var(--bg-900);border:1px solid var(--bg-400);color:var(--text-primary);font:600 13px var(--font-body);max-width:100%}
.w-toolbar input[type=search]{width:200px}
.w-toolbar input[type=number]{width:74px}
.w-toolbar select:focus,.w-toolbar input:focus{border-color:var(--gold-500)}
.w-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;border:0;border-radius:var(--radius-button);background:var(--bevel-brass);cursor:pointer;font:800 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-100)}
.w-btn>span{display:block;padding:6px 12px;border-radius:inherit;background:var(--bg-700);box-shadow:var(--well-shadow-soft)}
.w-btn:hover{background:var(--bevel-brass-hover);color:#fff}
.w-seg{display:inline-flex;border:1px solid var(--bg-400)}
.w-seg a{padding:6px 10px;font:800 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-right:1px solid var(--bg-400)}
.w-seg a:last-child{border-right:0}
.w-seg a[aria-current]{background:var(--bg-500);color:var(--gold-100);box-shadow:inset 0 -2px 0 var(--gold-400)}
.w-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.w-grid.w-grid-lg{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.w-tile{display:flex;flex-direction:column;background:var(--bg-700);border:1px solid var(--bg-600);color:var(--text-primary);min-width:0}
.w-tile:hover{border-color:var(--gold-500);color:var(--text-primary)}
.w-tile-h{padding:6px 6px;text-align:center;font:700 13px var(--font-body);color:var(--gold-100);background:var(--head-veil);border-bottom:1px solid var(--bg-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-tile-b{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 6px;min-height:92px;flex-wrap:wrap}
.w-tile-f{padding:0 6px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-slot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--tier1-bg);border:1px solid var(--bg-400);box-shadow:var(--well-shadow-soft);flex:0 0 auto}
.w-slot img{width:32px;height:32px;transform:scale(1.75);transform-origin:center}
.w-slot.sm{width:40px;height:40px}
.w-slot.sm img{transform:none}
.w-slot.xs{width:34px;height:34px}
.w-slot.xs img{transform:none;width:32px;height:32px}
.w-slot.t1{background:var(--tier1-bg);border-color:var(--tier1-border)}
.w-slot.t2{background:var(--tier2-bg);border-color:var(--tier2-border)}
.w-slot.t3{background:var(--tier3-bg);border-color:var(--tier3-border)}
.w-slot.t4{background:var(--tier4-bg);border-color:var(--tier4-border)}
.w-slot.t5{background:var(--tier5-bg);border-color:var(--tier5-border)}
.w-slot .w-qty{position:absolute;right:2px;bottom:0;font:800 11px var(--font-body);color:var(--text-primary);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000}
.w-at{display:inline-block;background-repeat:no-repeat;image-rendering:pixelated;vertical-align:middle;flex:0 0 auto}
.w-cos{position:relative;display:inline-block;flex:0 0 auto;vertical-align:middle}
.w-cos i{position:absolute;left:0;top:0;transform-origin:0 0;background-repeat:no-repeat;image-rendering:pixelated}
.w-mon{max-width:128px;max-height:128px;object-fit:contain;flex:0 0 auto}
.w-mon.sm{max-width:96px;max-height:96px}
.w-mon.xs{max-width:40px;max-height:40px}
.w-noimg{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px dashed var(--bg-400);color:var(--text-dim);font:800 18px var(--font-display)}
.w-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:18px 0 0}
.w-pages a,.w-pages span{min-width:34px;padding:6px 10px;text-align:center;border:1px solid var(--bg-400);background:var(--bg-800);font:800 12px var(--font-display);color:var(--text-muted)}
.w-pages a:hover{border-color:var(--gold-500);color:var(--gold-100)}
.w-pages [aria-current]{border-color:var(--gold-400);color:var(--gold-100);background:var(--bg-500)}
.w-pages .gap{border:0;background:none}
.w-empty{padding:40px 16px;text-align:center;color:var(--text-muted);background:var(--bg-800);border:1px dashed var(--bg-400)}
.w-head{display:flex;align-items:center;gap:18px;padding:16px;background:var(--bg-800);border:1px solid var(--bg-600);box-shadow:var(--well-shadow-soft);margin-bottom:18px;flex-wrap:wrap}
.w-head-t{min-width:0;flex:1}
.w-head h1{font-size:30px;font-weight:600;color:var(--gold-100)}
.w-head .w-eyebrow{margin:0 0 4px}
.w-head .w-sub{color:var(--text-muted);font-size:13px;margin-top:4px}
.w-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.w-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--bg-400);background:var(--bg-700);font:800 10px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.w-badge.gold{border-color:var(--gold-500);color:var(--gold-300)}
.w-badge.prem{border-color:var(--warning);color:var(--warning-light)}
.w-badge.free{border-color:var(--success);color:var(--success-light)}
.w-badge.red{border-color:var(--error);color:var(--error-light)}
.w-badge.blue{border-color:var(--primary-main);color:var(--primary-main)}
.w-badge.purple{border-color:var(--enchantable);color:var(--enchantable)}
.w-h3{margin:22px 0 8px;font:800 12px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-300)}
.w-h3 small{color:var(--text-dim);font-weight:700}
.w-kv{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.w-kv.one{grid-template-columns:1fr}
.w-kv>div{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;background:var(--bg-800);border-bottom:1px solid var(--bg-600);font-size:14px}
.w-kv dt,.w-kv .k{color:var(--text-muted)}
.w-kv dd,.w-kv .v{margin:0;color:var(--text-primary);font-weight:600;text-align:right}
.w-kv .v.pos{color:var(--success-light)}
.w-kv .v.neg{color:var(--error-light)}
.w-table-wrap{overflow-x:auto;border:1px solid var(--bg-600);background:var(--bg-800)}
.w-table{width:100%;border-collapse:collapse;font-size:14px}
.w-table th{position:sticky;top:0;padding:8px 10px;text-align:left;background:var(--bg-500);border-bottom:1px solid var(--gold-600);font:800 10px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-300);white-space:nowrap}
.w-table td{padding:6px 10px;border-bottom:1px solid var(--bg-600);vertical-align:middle}
.w-table tr:hover td{background:rgba(30,40,45,.35)}
.w-table td.n,.w-table th.n{text-align:right;font-variant-numeric:tabular-nums}
.w-table .w-cell{display:flex;align-items:center;gap:8px}
.w-table .w-cell img{flex:0 0 auto}
.w-chips{display:flex;flex-wrap:wrap;gap:6px}
.w-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:var(--bg-800);border:1px solid var(--bg-600);color:var(--text-primary);font-size:13px;font-weight:600}
.w-chip:hover{border-color:var(--gold-500);color:var(--gold-100)}
.w-chip img{width:32px;height:32px;object-fit:contain}
.w-chip small{color:var(--text-muted);font-weight:600}
.w-chip.noimg{padding-left:10px}
.w-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 16px}
.w-res>div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;font:700 11px var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.w-res .dot{width:10px;height:10px;border:1px solid #000}
.w-res .bar{grid-column:2/4;height:5px;background:var(--bg-900);border:1px solid var(--bg-600);position:relative}
.w-res .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--hp-mid)}
.w-res .bar i.weak{background:var(--error-light)}
.w-res .bar i.imm{background:var(--text-dim)}
.w-res .pct{color:var(--text-primary)}
.w-stats{display:flex;flex-wrap:wrap;gap:6px 18px;font-weight:700}
.w-stats span{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary)}
.w-stats b{font:800 10px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:800}
.w-stars{display:inline-flex;gap:2px;vertical-align:middle}
.w-stars img{width:9px;height:10px}
.w-loot{display:flex;flex-direction:column;gap:2px;border:1px solid var(--bg-600);background:var(--bg-800)}
.w-loot>div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--bg-600)}
.w-loot>div:last-child{border-bottom:0}
.w-loot .lbl{font:800 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase}
.w-loot .row{display:flex;flex-wrap:wrap;gap:4px}
.r-common{color:var(--text-secondary)}.r-uncommon{color:var(--hp-mid)}.r-semirare{color:var(--primary-main)}.r-rare{color:var(--enchantable)}.r-veryrare{color:var(--amber-main)}
.w-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.w-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.w-note{padding:10px 12px;background:var(--bg-800);border:1px solid var(--bg-600);border-left:3px solid var(--gold-500);color:var(--text-secondary);font-size:13px}
.w-desc{padding:12px 14px;background:var(--bg-800);border:1px solid var(--bg-600);color:var(--text-secondary);font-style:italic}
.w-grid-area{display:inline-grid;gap:1px;background:var(--bg-900);border:1px solid var(--bg-400);padding:1px}
.w-grid-area i{display:block;width:10px;height:10px;background:var(--bg-700)}
.w-grid-area i.on{background:var(--gold-400)}
.w-grid-area i.c{background:var(--error-light)}
.w-article{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px}
.w-prose{font-size:15.5px;line-height:1.65;color:var(--text-primary);min-width:0}
.w-prose h2{font-size:22px;margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--gold-600)}
.w-prose h3{font-size:17px;margin:20px 0 8px;color:var(--gold-200)}
.w-prose ul,.w-prose ol{padding-left:22px;margin:0 0 1em}
.w-prose li{margin:3px 0}
.w-prose strong{color:var(--gold-100)}
.w-prose code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;padding:1px 5px;background:var(--bg-900);border:1px solid var(--bg-600);color:var(--gold-200)}
.w-prose .w-table-wrap{margin:8px 0 16px}
.w-toc{position:sticky;top:120px;align-self:start;padding:12px;background:var(--bg-800);border:1px solid var(--bg-600);font-size:13px}
.w-toc b{display:block;margin-bottom:6px;font:800 11px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-300)}
.w-toc a{display:block;padding:3px 0;color:var(--text-muted)}
.w-toc a:hover{color:var(--gold-100)}
.w-cta{margin-top:30px;padding:26px;text-align:center;background:var(--bg-800);border:1px solid var(--bg-600);box-shadow:var(--well-shadow-soft)}
.w-cta h2{font-size:22px;margin-bottom:6px}
.w-cta p{color:var(--text-secondary)}
.w-foot{max-width:calc(var(--w-max) + 64px);margin:0 auto 32px;padding:0 16px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;color:var(--text-dim);font-size:12px}
.w-foot a{color:var(--text-muted)}
.w-list{display:flex;flex-direction:column;gap:6px}
.w-row{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--bg-800);border:1px solid var(--bg-600);color:var(--text-primary)}
.w-row:hover{border-color:var(--gold-500);color:var(--text-primary)}
.w-row .t{font-weight:700;color:var(--gold-100)}
.w-row .s{color:var(--text-muted);font-size:13px}
.w-row .r{margin-left:auto;text-align:right;color:var(--text-secondary);font-size:13px}
.w-mastery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.w-mastery>div{padding:8px 10px;background:var(--bg-800);border:1px solid var(--bg-600)}
.w-mastery b{display:block;font:800 10px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-300);margin-bottom:4px}
.w-mastery ul{margin:0;padding-left:16px;font-size:13px;color:var(--text-secondary)}
.w-dim{color:var(--text-dim)}
.w-muted{color:var(--text-muted)}
.w-gold{color:var(--gold-300)}
.w-pos{color:var(--success-light)}
.w-neg{color:var(--error-light)}
.w-nowrap{white-space:nowrap}
@keyframes w-sobe{0%{transform:translateY(0);opacity:0}12%{opacity:1}100%{transform:translateY(-340px);opacity:0}}
@keyframes w-flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes w-brilho{0%,100%{box-shadow:0 0 0 0 rgba(255,177,0,0),0 6px 18px -6px rgba(216,62,0,.6)}50%{box-shadow:0 0 0 4px rgba(255,177,0,.14),0 6px 26px -4px rgba(255,177,0,.55)}}
@keyframes w-reflexo{0%{background-position:-120% 0}100%{background-position:220% 0}}
:root{--w-metal:linear-gradient(180deg,#FFF6DF 0%,#F0D9A8 38%,#C89B3C 62%,#8A6A33 100%);--w-borda:linear-gradient(180deg,rgba(189,171,135,.75),rgba(115,92,58,.35) 55%,rgba(70,55,20,.55))}
body{background:linear-gradient(180deg,rgba(1,10,19,.35) 0,rgba(1,10,19,.82) 320px,var(--bg-900) 760px),radial-gradient(ellipse 90% 520px at 50% 0,rgba(10,50,60,.7),transparent 70%),url(/assets/images/background-home.png) 50% 0/max(1600px,100%) auto no-repeat,var(--bg-900);background-attachment:scroll}
.w-top{background:rgba(1,10,19,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:0;box-shadow:0 1px 0 rgba(200,155,60,.3)}
.w-brand span{background:var(--w-metal);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}
.w-brand img{filter:drop-shadow(0 0 6px rgba(200,155,60,.45))}
.w-topsearch input,.w-search input,.w-toolbar select,.w-toolbar input[type=search],.w-toolbar input[type=number]{transition:border-color .2s,box-shadow .2s}
.w-topsearch input:focus,.w-search input:focus,.w-toolbar select:focus,.w-toolbar input:focus{border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(200,155,60,.16),var(--well-shadow-soft)}
.w-play{animation:w-brilho 2.6s ease-in-out infinite}
.w-play:hover{filter:brightness(1.12);transform:translateY(-1px)}
.w-tabs{background:rgba(1,10,19,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(200,155,60,.18)}
.w-tab{transition:color .2s,background .2s}
.w-tab img{transition:transform .25s,filter .25s;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}
.w-tab:hover img{transform:translateY(-2px) scale(1.12);filter:drop-shadow(0 0 6px rgba(200,155,60,.55))}
.w-tab[aria-current]{background:linear-gradient(180deg,rgba(120,90,40,.28),rgba(28,36,39,.9));border-color:rgba(200,155,60,.45);box-shadow:inset 0 2px 0 var(--gold-400),0 -10px 24px -16px var(--gold-400)}
.w-frame{border:1px solid transparent;background:linear-gradient(180deg,rgba(11,16,17,.93),rgba(1,10,19,.95) 72%,rgba(10,50,60,.88)) padding-box,var(--w-borda) border-box;box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.55)}
.w-crumbs a:hover{color:var(--gold-100)}
.w-back{transition:border-color .2s,color .2s,transform .2s}
.w-back:hover{transform:translateX(-2px)}
.w-hero{position:relative;overflow:hidden;isolation:isolate;padding:64px 24px 50px;border:1px solid transparent;background:linear-gradient(180deg,rgba(1,10,19,.2),rgba(1,10,19,.62) 55%,rgba(1,10,19,.96)) padding-box,url(/assets/images/background-home.png) 50% 30%/cover padding-box,var(--w-borda) border-box;box-shadow:inset 0 0 80px rgba(0,0,0,.75)}
.w-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(2px 2px at 12% 100%,#FFD760,transparent),radial-gradient(2px 2px at 27% 100%,#FFB100,transparent),radial-gradient(3px 3px at 41% 100%,#FFD760,transparent),radial-gradient(2px 2px at 58% 100%,#FF8A00,transparent),radial-gradient(3px 3px at 73% 100%,#FFD760,transparent),radial-gradient(2px 2px at 88% 100%,#FFB100,transparent);animation:w-sobe 7s linear infinite}
.w-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(2px 2px at 19% 100%,#FFB100,transparent),radial-gradient(2px 2px at 35% 100%,#FFD760,transparent),radial-gradient(3px 3px at 52% 100%,#FFB100,transparent),radial-gradient(2px 2px at 66% 100%,#FFD760,transparent),radial-gradient(2px 2px at 81% 100%,#FF8A00,transparent),radial-gradient(ellipse 60% 70% at 50% 120%,rgba(216,62,0,.28),transparent 70%);animation:w-sobe 9s linear -4s infinite}
.w-hero img.w-hero-ic{width:56px;height:56px;animation:w-flutua 4s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(255,177,0,.45))}
.w-hero .w-eyebrow{color:var(--gold-300);letter-spacing:.32em}
.w-hero h1{font-size:58px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;background:var(--w-metal) 0 0/100% 1.1em repeat-y;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(200,155,60,.3))}
.w-hero p{color:var(--text-primary);font-size:17px;text-shadow:0 1px 3px #000}
.w-search input{height:52px;background:rgba(1,10,19,.85);border-color:rgba(200,155,60,.45);font-size:17px}
.w-search svg{top:18px}
.w-eyebrow{color:var(--gold-400)}
.w-sec h2,.w-h1,.w-head h1,.w-cta h2{background:var(--w-metal) 0 0/100% 1.2em repeat-y;-webkit-background-clip:text;background-clip:text;color:transparent}
.w-sec h2{font-size:28px;text-transform:uppercase;letter-spacing:.03em}
.w-sec{padding-bottom:10px;background:linear-gradient(90deg,rgba(200,155,60,.55),rgba(200,155,60,0) 70%) left bottom/100% 1px no-repeat}
.w-card{border:1px solid transparent;background:linear-gradient(180deg,#141c20,#0a1013) padding-box,var(--w-borda) border-box;box-shadow:0 10px 24px -14px #000;transition:transform .25s,box-shadow .25s,background .25s}
.w-card:hover{transform:translateY(-4px);background:linear-gradient(180deg,#19242a,#0c1417) padding-box,linear-gradient(180deg,#F0D9A8,#C89B3C 45%,#785A28) border-box;box-shadow:0 18px 34px -14px rgba(200,155,60,.45),0 0 0 1px rgba(0,0,0,.4)}
.w-card-b{padding:22px 16px 14px;gap:8px}
.w-card-b img{width:40px;height:40px;padding:12px;box-sizing:content-box;border-radius:50%;background:radial-gradient(circle,#1E282D 0,#0B1011 72%);box-shadow:0 0 0 2px #463714,0 0 0 3px rgba(200,155,60,.35),inset 0 0 12px #000;transition:box-shadow .25s,transform .25s}
.w-card:hover .w-card-b img{transform:scale(1.06);box-shadow:0 0 0 2px #785A28,0 0 0 3px rgba(240,217,168,.6),0 0 22px rgba(255,177,0,.35),inset 0 0 12px #000}
.w-card-b h3{font-size:18px;text-transform:uppercase;letter-spacing:.04em}
.w-card-f{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(30,40,45,.35),rgba(10,50,60,.35));border-top:1px solid rgba(200,155,60,.2)}
.w-card:hover .w-card-f{background:linear-gradient(90deg,transparent,rgba(240,217,168,.16),transparent) 0 0/50% 100% no-repeat,linear-gradient(180deg,rgba(120,90,40,.35),rgba(70,55,20,.4));animation:w-reflexo 1.1s ease-out}
.w-head{position:relative;border:1px solid transparent;border-left-width:3px;background:linear-gradient(90deg,rgba(120,90,40,.22),rgba(11,16,17,.92) 45%) padding-box,linear-gradient(180deg,#F0D9A8,#785A28) border-box;box-shadow:inset 0 0 40px rgba(0,0,0,.5)}
.w-head>img,.w-head .w-slot,.w-head .w-mon{filter:drop-shadow(0 0 10px rgba(200,155,60,.3))}
.w-toolbar,.w-kv>div,.w-loot,.w-table-wrap,.w-note,.w-desc,.w-mastery>div,.w-empty{background-color:rgba(11,16,17,.88)}
.w-toolbar{border-color:rgba(200,155,60,.22)}
.w-tile,.w-row,.w-chip{transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.w-tile:hover{transform:translateY(-3px);border-color:var(--gold-400);box-shadow:0 12px 24px -12px rgba(200,155,60,.4)}
.w-tile-h{background:linear-gradient(180deg,rgba(120,90,40,.25),rgba(30,40,45,.4))}
.w-row:hover{border-color:var(--gold-400);background:linear-gradient(90deg,rgba(120,90,40,.2),rgba(11,16,17,.9) 60%);box-shadow:0 8px 18px -12px rgba(200,155,60,.4)}
.w-chip:hover{border-color:var(--gold-400);box-shadow:0 0 12px -2px rgba(200,155,60,.35)}
.w-table th{background:linear-gradient(180deg,#26313a,#1a2227)}
.w-table tr:hover td{background:rgba(120,90,40,.12)}
.w-badge.gold{box-shadow:inset 0 0 8px rgba(200,155,60,.25)}
.w-pages a{transition:border-color .2s,color .2s}
.w-pages [aria-current]{background:linear-gradient(180deg,rgba(120,90,40,.4),rgba(30,40,45,.9));box-shadow:0 0 10px -2px rgba(200,155,60,.4)}
.w-prose h2{border-bottom:0;padding-bottom:8px;background:linear-gradient(90deg,var(--gold-400),rgba(200,155,60,0) 75%) left bottom/100% 1px no-repeat;color:var(--gold-200)}
.w-prose h3{color:var(--gold-300)}
.w-prose a{border-bottom:1px solid rgba(200,155,60,.35)}
.w-prose a:hover{border-bottom-color:var(--gold-100)}
.w-toc{border:1px solid transparent;border-left-width:3px;background:rgba(11,16,17,.92) padding-box,linear-gradient(180deg,#F0D9A8,#785A28) border-box}
.w-toc a{padding:4px 0 4px 10px;margin-left:-10px;border-left:2px solid transparent;transition:color .2s,border-color .2s}
.w-toc a:hover{border-left-color:var(--gold-400)}
.w-cta{position:relative;overflow:hidden;padding:40px 24px;border:1px solid transparent;background:radial-gradient(ellipse 70% 120% at 50% 120%,rgba(216,62,0,.35),transparent 70%) padding-box,linear-gradient(180deg,rgba(11,16,17,.95),rgba(1,10,19,.98)) padding-box,linear-gradient(180deg,#F0D9A8,#C89B3C 40%,#785A28) border-box;box-shadow:0 20px 50px -20px rgba(216,62,0,.45)}
.w-cta h2{font-size:30px;text-transform:uppercase;letter-spacing:.03em}
.w-cta .w-play span{padding:10px 22px;font-size:14px}
.w-foot{border-top:1px solid rgba(200,155,60,.15);padding-top:16px}
@media (prefers-reduced-motion:reduce){.w-play,.w-hero:before,.w-hero:after,.w-hero img.w-hero-ic,.w-card:hover .w-card-f{animation:none}.w-card,.w-tile,.w-row,.w-card-b img,.w-tab img{transition:none}.w-card:hover,.w-tile:hover{transform:none}}
@media (max-width:1360px){
.w-tab{gap:4px;padding:8px 5px 10px;font-size:10px;letter-spacing:.06em}
.w-tab img{width:22px;height:22px}
}
@media (max-width:900px){
.w-article{grid-template-columns:1fr}
.w-toc{position:static;order:-1}
.w-two,.w-three{grid-template-columns:1fr}
}
@media (max-width:720px){
.w-top{gap:8px;padding:0 10px}
.w-topsearch{display:none}
.w-brand span{display:none}
.w-frame{margin:10px 0 18px;padding:16px;border-left:0;border-right:0;box-shadow:none}
.w-tabs{top:48px;padding:4px 6px 0}
.w-tab{flex:0 0 auto;padding:6px 10px 8px;flex-direction:column;gap:2px;font-size:10px}
.w-tab img{width:24px;height:24px}
.w-hero{padding:24px 14px}
.w-hero h1{font-size:30px}
.w-kv{grid-template-columns:1fr}
.w-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.w-toolbar input[type=search]{width:100%}
.w-loot>div{grid-template-columns:1fr}
.w-head h1{font-size:24px}
}
@media (max-width:720px){
.w-hero{padding:34px 14px 28px}
.w-hero .w-eyebrow{letter-spacing:.14em}
.w-hero h1{font-size:34px}
.w-sec h2{font-size:22px}
.w-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.w-card-b{padding:14px 8px 10px;gap:6px}
.w-card-b img{width:30px;height:30px;padding:9px}
.w-card-b h3{font-size:14px}
.w-card-b p{font-size:12px}
.w-card-f{padding:6px 4px;font-size:10px;letter-spacing:.06em}
}