@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Source+Sans+3:wght@400;600;700&display=swap');
@import url('/section-rows.css?v=1');
.model-stage{align-self:start;position:sticky;top:20px}.model-canvas{width:100%;height:520px;min-height:280px}.model-actions{display:flex;gap:8px;margin:14px 0}.model-actions button{font-size:12px;padding:8px 11px}@media(max-width:900px){.model-canvas{height:400px}.model-stage{position:static}}
:root{color-scheme:dark;--gold:#ddc28b;--ice:#91cddd;--muted:#91a4af}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#07111cdb,#060c15ed),url(northrend-background.png) center/cover fixed;color:#e8e7df;font:16px 'Source Sans 3',sans-serif}header,main,footer{width:min(1260px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #88b9c325}a{color:var(--gold);text-decoration:none}nav{display:flex;gap:22px}main{padding:48px 0 80px}h1,h2{font-family:Marcellus,Georgia,serif;font-weight:400}h1{font-size:48px;margin:8px 0}h2{font-size:34px;color:var(--gold);margin:0 0 8px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--ice)}.intro,#hero-meta,#hero-guild{color:var(--muted)}form{max-width:700px;margin-top:28px}label{display:block;font-size:12px;color:var(--gold);margin-bottom:8px}.search-row{display:flex;gap:10px}input,button{font:inherit;border:1px solid #67879766;border-radius:5px;padding:12px 16px}input{min-width:0;flex:1;background:#0d1c28;color:#f0eee7}button{cursor:pointer;background:linear-gradient(120deg,#d9be80,#a58547);color:#171713;font-weight:600}button:disabled{opacity:.5;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ice);outline-offset:3px}#notice{min-height:24px;color:var(--ice)}#results{display:grid;gap:8px;max-width:700px;margin-bottom:22px}.result{display:flex;justify-content:space-between;padding:14px 18px;background:#10212dc9;border:1px solid #719aab33;border-radius:5px}.profile-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;background:#102430a8;border:1px solid #aacbd333}.profile-head p{margin:5px 0}.stats{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 25px}.stat{padding:14px 20px;border:1px solid #9eb6bd22;background:#0a1721bd}.stat strong{display:block;font-size:24px;color:var(--gold)}.stat small{color:var(--muted)}.equipment-layout{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:18px}.slots{display:grid;align-content:start;gap:9px}.slot{display:flex;gap:10px;align-items:center;padding:12px 14px;min-height:76px;background:linear-gradient(120deg,#112532cc,#0a151ecc);border:1px solid #7db1c329;border-radius:5px;transition:border-color .15s ease,background .15s ease}.slot small{display:block;color:#879da9;font-size:11px;margin-bottom:5px}.slot strong{font-size:14px}.slot-filled{cursor:help}.slot-filled:hover,.slot-filled:focus-visible{border-color:#a6d4e455;background:linear-gradient(120deg,#16303fdd,#0b1822dd)}.slot:focus-visible{outline:2px solid var(--ice);outline-offset:2px}.slot-icon{width:34px;height:34px;flex:none;border:1px solid #7db1c34d;border-radius:4px;background:#0a151e}.slot-text{flex:1;min-width:0}.slot-ilvl{margin-left:auto;flex:none;padding-left:6px;font-size:12px;font-weight:600;color:#c9b98a}.slot-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-stage{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#19415355,transparent 65%);color:#99b5c1;text-align:center}.model-stage small{color:#728b98}.model-rune{font-size:80px;color:#83c9dc44}footer{padding:22px 0;border-top:1px solid #789da722;color:#8799a5;font-size:12px}[hidden]{display:none!important}@media(max-width:900px){.equipment-layout{grid-template-columns:1fr 1fr}.model-stage{grid-column:1/-1;grid-row:1;min-height:220px}.profile-head{align-items:flex-start;flex-direction:column}}.item-tooltip{position:fixed;top:0;left:0;z-index:60;width:min(318px,calc(100vw - 24px));padding:12px 14px 13px;border:1px solid #01070c;border-radius:5px;background:#071320;box-shadow:0 22px 50px #000000b3,0 0 0 1px #000000e6,inset 0 0 0 1px #2b4055;pointer-events:none;font-size:13px;line-height:1.4;letter-spacing:.005em}
.item-tooltip::after{content:'';position:absolute;inset:0;border-radius:4px;border:1px solid #ddc28b1f;pointer-events:none}
.tt-name{font:400 16px/1.3 Marcellus,Georgia,serif;text-shadow:0 0 12px #000000cc}
.tt-quality{margin:1px 0 6px;font-size:11px;color:#869dab}
.tt-line{margin:2px 0;white-space:pre-wrap}
.tt-ilvl{color:#e6d7a7}.tt-meta,.tt-type,.tt-damage,.tt-speed,.tt-armor,.tt-durability,.tt-price{color:#f2f0e8}.tt-dps{color:#a7b6bd}.tt-stat,.tt-resistance,.tt-bonus,.tt-effect{color:#1eff00}.tt-requirement{color:#e9d6a8}.tt-flavor{margin-top:7px;color:#ffd100;font-style:italic}
.tt-socket-line{display:flex;align-items:center;gap:7px;margin:3px 0}
.tt-socket{width:12px;height:12px;flex:none;border-radius:50%;color:#dcdcdc;background:currentColor;box-shadow:inset 0 0 0 2px #00000080,0 0 7px currentColor}
.tt-socket-red{color:#ff2b2b}.tt-socket-yellow{color:#ffd700}.tt-socket-blue{color:#3b7dff}.tt-socket-meta{color:#dcdcdc}.tt-socket-prismatic{color:#c9a6ff}
@media(hover:none){.item-tooltip{pointer-events:auto;max-height:calc(100vh - 24px);overflow-y:auto}}
@media(max-width:500px){.slot-icon{width:28px;height:28px}.item-tooltip{font-size:12px}.tt-name{font-size:15px}}
@media(max-width:500px){header,main,footer{width:calc(100% - 26px)}nav{gap:12px;font-size:12px}h1{font-size:36px}.search-row{flex-direction:column}.equipment-layout{gap:8px}.slot{padding:10px}.profile-head{padding:18px}.profile-head h2{font-size:27px}}