:root{--bg-void:#07090f;--bg-deep:#0a0d15;--bg-panel:#0f1320;--bg-elevated:#141a2c;--bg-hover:#1a2138;--border-faint:#1a2034;--border:#232b45;--border-strong:#2e3858;--text-primary:#e6ebf5;--text-secondary:#98a2b8;--text-muted:#5d6680;--text-faint:#3d465c;--accent:#4cc9f0;--accent-soft:#4cc9f033;--accent-glow:#4cc9f01a;--gold:#f0d77a;--void:#8b6ee8;--r-epic:#a335ee;--r-legendary:#ff8000;--r-mythic:var(--r-epic);--r-rare:#0070dd;--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--class:#4cc9f0}*{box-sizing:border-box}html,body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;margin:0;padding:0;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit}body:before{content:"";opacity:.55;pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(1px 1px at 12% 18%,#e6ebf599 50%,#0000 51%),radial-gradient(1px 1px at 34% 72%,#e6ebf566 50%,#0000 51%),radial-gradient(1px 1px at 78% 31%,#e6ebf580 50%,#0000 51%),radial-gradient(1px 1px at 88% 84%,#e6ebf573 50%,#0000 51%),radial-gradient(1.5px 1.5px at 22% 55%,#f0d77a80 50%,#0000 51%),radial-gradient(1px 1px at 56% 12%,#4cc9f080 50%,#0000 51%),radial-gradient(1px 1px at 67% 64%,#e6ebf559 50%,#0000 51%),radial-gradient(2px 2px at 5% 90%,#4cc9f059 50%,#0000 51%),radial-gradient(1px 1px at 41% 38%,#e6ebf580 50%,#0000 51%),radial-gradient(1px 1px at 92% 8%,#f0d77a99 50%,#0000 51%);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat;background-size:700px 600px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 0,#4cc9f00f,#0000 50%),radial-gradient(circle at 80% 100%,#8b6ee80d,#0000 50%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.font-display{font-family:var(--font-display);letter-spacing:.04em;font-weight:500}.font-mono{font-family:var(--font-mono)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:500}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 32px}@media (max-width:720px){.container{padding:0 20px}}main{flex:1;padding-bottom:80px}.hdr{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(160%);border-bottom:1px solid var(--border-faint);background:#07090fc7;position:sticky;top:0}.hdr-inner{align-items:center;gap:32px;padding:16px 0;display:flex}.hdr-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.hdr-logo-mark{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden;box-shadow:0 0 16px #4cc9f02e}.hdr-logo-mark svg{display:block}.hdr-logo-mark img,.logo-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hdr-logo-text{flex-direction:column;line-height:1;display:flex}.hdr-logo-text .name{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);font-size:17px;font-weight:600}.hdr-logo-text .name .tld{color:var(--accent);letter-spacing:.04em;margin-left:1px;font-weight:500}.hdr-logo-text .sub{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-top:5px;font-size:9.5px}.hdr-nav{flex:1;gap:4px;display:flex}.hdr-nav a{color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:color .15s,background .15s}.hdr-nav a:hover{color:var(--text-primary);background:var(--bg-elevated)}.hdr-nav a.active{color:var(--accent);background:var(--accent-glow)}.hdr-nav a.hdr-nav-ext:after{content:"↗";opacity:.6;margin-left:3px;font-size:.85em}.hdr-tools{align-items:center;gap:8px;display:flex}.hdr-search{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;min-width:220px;padding:7px 12px;transition:border-color .15s;display:flex}.hdr-search:focus-within{border-color:var(--accent)}.hdr-search svg{color:var(--text-muted);flex-shrink:0}.hdr-search input{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:0;outline:0;flex:1;font-size:13px}.hdr-search input::placeholder{color:var(--text-muted)}.hdr-search kbd{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:10px}.lang-switch{background:var(--bg-panel);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.1em;border-radius:8px;padding:3px;font-size:10px;display:flex}.lang-switch button{appearance:none;color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;border-radius:5px;padding:4px 8px;font-weight:600}.lang-switch button.active{background:var(--accent-glow);color:var(--accent)}.season-pill{background:var(--bg-panel);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:10px;display:inline-flex}.season-pill:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.hero{border-bottom:1px solid var(--border-faint);padding:96px 0 64px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(800px 400px at 50% 110%,#4cc9f02e,#0000 60%),radial-gradient(600px 300px at 20%,#8b6ee81a,#0000 60%);position:absolute;inset:0}.hero-rune{pointer-events:none;opacity:.15;position:absolute}.hero-rune.r1{width:200px;top:-40px;left:5%;transform:rotate(-12deg)}.hero-rune.r2{width:240px;bottom:-40px;right:5%;transform:rotate(8deg)}.hero-inner{text-align:center;max-width:880px;margin:0 auto;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:inline-flex}.hero-eyebrow:before,.hero-eyebrow:after{content:"";background:linear-gradient(90deg, transparent, var(--accent));width:32px;height:1px}.hero-eyebrow:after{background:linear-gradient(90deg, var(--accent), transparent)}.hero h1{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(#f5f8ff 0%,#c0c8d8 70%,#6e7a96 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,7vw,88px);font-weight:500;line-height:1.05}.hero h1 em{background:linear-gradient(#8edcff 0%,#4cc9f0 50%,#2580b0 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:400}.hero-lede{color:var(--text-secondary);max-width:620px;margin:28px auto 0;font-size:19px;line-height:1.6}.hero-cta{justify-content:center;gap:12px;margin-top:40px;display:flex}.hero-meta{border-top:1px solid var(--border-faint);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);justify-content:center;gap:40px;margin-top:56px;padding-top:32px;font-size:11px;display:flex}.hero-meta strong{color:var(--text-primary);font-family:var(--font-display);letter-spacing:.03em;margin-bottom:4px;font-size:22px;font-weight:500;display:block}.btn{font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#07090f;box-shadow:0 0 0 0 var(--accent-soft), 0 4px 20px #4cc9f040}.btn-primary:hover{box-shadow:0 0 0 4px var(--accent-soft), 0 6px 28px #4cc9f066;background:#6fd4f5}.btn-ghost{background:var(--bg-panel);color:var(--text-primary);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-sm{padding:7px 12px;font-size:12px}.btn-icon{padding:8px}.section{padding-top:64px}.section-hd{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-hd h2{font-family:var(--font-display);letter-spacing:.03em;font-size:32px;font-weight:500}.section-hd .eyebrow{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:10px}.section-hd p{color:var(--text-secondary);max-width:540px;margin:8px 0 0;font-size:14px}.class-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.class-card{background:var(--bg-panel);border:1px solid var(--border-faint);cursor:pointer;border-radius:12px;flex:220px;max-width:280px;padding:20px;transition:transform .15s,border-color .15s,background .15s;position:relative;overflow:hidden}.class-card:before{content:"";background:radial-gradient(ellipse at top right, var(--class-color), transparent 60%);opacity:.08;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.class-card:hover{border-color:var(--class-color);background:var(--bg-elevated);transform:translateY(-2px)}.class-card:hover:before{opacity:.18}.class-card-icon{background:var(--bg-elevated);width:44px;height:44px;color:var(--class-color);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;overflow:hidden}.class-card-icon svg{width:26px;height:26px;display:block}.class-card-icon img,.class-icon-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.class-card h3{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);margin-bottom:10px;font-size:18px;font-weight:500}.class-card .specs{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:12px;display:flex}.class-card .specs>span{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.class-card .specs em{font-style:normal;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:9.5px}.role-badge{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--role);color:var(--role);background:color-mix(in srgb, var(--role) 12%, transparent);white-space:nowrap;border-radius:4px;align-items:center;padding:4px 10px;font-size:9.5px;font-weight:600;line-height:1;display:inline-flex}.role-badge[data-role=Tank]{--role:#5aa9f0}.role-badge[data-role=Heal]{--role:#4ade80}.role-badge[data-role=DPS]{--role:#ef4f4f}.role-badge[data-role=Support]{--role:#c08bff}.role-badge.sm{letter-spacing:.14em;padding:3px 8px;font-size:8.5px}.class-card .arrow{color:var(--text-muted);opacity:0;transition:opacity .15s,transform .15s;position:absolute;top:22px;right:22px}.class-card:hover .arrow{opacity:1;color:var(--class-color);transform:translate(3px)}.features{background:var(--border-faint);border:1px solid var(--border-faint);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;margin-top:64px;display:grid;overflow:hidden}.feature{background:var(--bg-panel);padding:24px}.feature-icon{width:28px;height:28px;color:var(--accent);margin-bottom:14px}.feature h4{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 6px;font-size:16px;font-weight:500}.feature p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.detail-hero{border-bottom:1px solid var(--border-faint);padding:56px 0 40px;position:relative;overflow:hidden}.detail-hero:before{content:"";background:radial-gradient(ellipse 1000px 400px at 50% 100%, var(--class), transparent 60%);opacity:.12;pointer-events:none;position:absolute;inset:0}.detail-crumb{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:10px;display:flex}.detail-crumb a{cursor:pointer}.detail-crumb a:hover{color:var(--accent)}.detail-title-row{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex;position:relative}.detail-mark{background:var(--bg-panel);border:1px solid var(--class);width:72px;height:72px;color:var(--class);box-shadow:0 0 24px color-mix(in srgb, var(--class) 35%, transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.detail-mark svg{width:42px;height:42px;display:block}.detail-mark img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.detail-title{flex:1;min-width:0}.detail-title h1{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-primary);margin:0;font-size:clamp(36px,5vw,56px);font-weight:500}.detail-title .role-row{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-top:10px;font-size:11px}.detail-title .role-row span{color:var(--class)}.detail-title .role-row .role-badge{color:var(--role)}.detail-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.spec-tabs-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;display:flex}.detail-last-updated{flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1.2;display:flex;position:relative;top:5px}.detail-last-updated-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted,#ffffff73);font-size:9px;font-family:var(--font-mono,monospace)}.detail-last-updated-time{color:var(--text,#ffffffd9);font-variant-numeric:tabular-nums;font-size:12px}.spec-tabs{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.spec-tab{appearance:none;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.spec-tab .role{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.spec-tab:hover{color:var(--text-primary)}.spec-tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--class)}.spec-tab.active .role{color:var(--class)}.detail-body{grid-template-columns:1fr 320px;gap:40px;padding-top:40px;display:grid}@media (max-width:1024px){.detail-body{grid-template-columns:1fr}}.filter-bar{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.filter-bar select,.filter-bar input{appearance:none;background:var(--bg-deep);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);border-radius:7px;outline:none;padding:7px 12px;font-size:12.5px;transition:border-color .15s}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--accent)}.filter-bar .label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-right:-2px;font-size:10px}.filter-bar .spacer{flex:1}.items-grid{gap:8px;display:grid}.items-grid.compact .item-card{padding:10px 14px}.items-grid.expanded .item-card{padding:16px}.item-card{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}.item-card:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.item-main{--item-icon-indent:55px;min-width:0}.item-slot{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding-left:var(--item-icon-indent);margin-bottom:-8px;font-size:9.5px}.item-name{font-size:14.5px;font-weight:500;font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);cursor:help;align-items:center;gap:10px;margin-bottom:0;text-decoration:none;display:inline-flex}.item-name ins,.item-name .iconmedium{flex-shrink:0}a.item-name:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.item-name.epic{color:var(--r-epic)}.item-name.mythic{color:var(--r-mythic)}.item-name.rare{color:var(--r-rare)}.item-source{color:var(--text-secondary);padding-left:var(--item-icon-indent);align-items:center;gap:8px;margin-top:-15px;font-size:12px;display:flex}.item-source .boss{color:var(--text-primary);font-weight:500}.item-source .dot{color:var(--text-faint)}.item-card .drop-tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#8cb4dce6;background:#8cb4dc14;border:1px solid #8cb4dc26;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px}.item-card .drop-tag.raid{color:#ffa03cf2;background:#ff800014;border-color:#ff800033}.item-card .drop-tag.set{color:#f0d77af2;background:#f0d77a1a;border-color:#f0d77a59}.item-card .drop-tag.crafted{color:#aadc82f2;background:#9bd16a14;border-color:#9bd16a4d}.item-alts{border-top:1px dashed var(--border-faint);flex-direction:column;grid-column:2/-1;gap:4px;margin-top:2px;padding-top:6px;font-size:11px;display:flex}.item-alts-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.item-alt-row{flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.item-alt{color:var(--r-epic);text-decoration:none}.item-alt:hover{text-underline-offset:3px;text-decoration:underline}.item-alt-source{color:var(--text-faint);font-size:10px}.item-stats-head{justify-content:flex-end;align-items:center;gap:8px;display:flex}.item-crafter{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.item-extras-row{flex-direction:column;align-items:flex-end;gap:4px;margin-top:4px;display:flex}.item-extra{border:1px solid var(--border-faint);font-size:10px;font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;max-width:100%;padding:2px 8px;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-block;overflow:hidden}.item-extra a{text-decoration:none}.item-extra a.icontinyl,.item-extra .icontinyl{padding-left:2em!important}.item-extra-enchant{background:linear-gradient(135deg,#468ceb24,#468ceb0a);border-color:#6eaaff4d}.item-extra-enchant:hover{background:linear-gradient(135deg,#468ceb38,#468ceb14);border-color:#6eaaff80;box-shadow:0 0 10px #468ceb40}.item-extra-gem{background:linear-gradient(135deg,#b46ef024,#b46ef00a);border-color:#c882ff4d}.item-extra-gem:hover{background:linear-gradient(135deg,#b46ef038,#b46ef014);border-color:#c882ff80;box-shadow:0 0 10px #b46ef040}.item-stats{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;letter-spacing:.04em;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;display:flex}.item-stats .ilvl{color:var(--accent);margin-bottom:0;font-size:14px;font-weight:600;display:block}.item-track{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--track,var(--border));color:var(--track,var(--text-muted));background:color-mix(in srgb, var(--track,transparent) 12%, transparent);border-radius:4px;align-items:center;gap:6px;padding:2px 7px;font-size:9px;display:inline-flex}.item-track em{font-style:normal;font-weight:600}.item-track>span{color:var(--text-muted);border-left:1px solid color-mix(in srgb, var(--track,var(--border)) 40%, transparent);padding-left:6px}.item-track[data-track=champion]{--track:#9bd16a}.item-track[data-track=hero]{--track:#5aa9f0}.item-track[data-track=myth]{--track:#c08bff;letter-spacing:.02em}.item-card .item-action{align-items:center;gap:6px;display:flex}.items-grid.expanded .item-card{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:start;row-gap:12px}.items-grid.expanded .item-extras{border-top:1px dashed var(--border-faint);grid-column:1/3;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;padding-top:10px;font-size:12px;display:grid}.item-extra-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:9px;display:block}.item-extra-value{color:var(--text-primary);font-size:12.5px;font-family:var(--font-mono)}.items-grid.compact .item-extras{display:none}.sidebar{flex-direction:column;align-self:start;gap:16px;display:flex;position:sticky;top:84px}.side-card{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:12px;padding:18px 20px}.side-card h3{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:500;display:flex}.side-card h3 .badge{font-family:var(--font-mono);letter-spacing:.15em;color:var(--class);background:color-mix(in srgb, var(--class) 12%, transparent);border-radius:5px;padding:3px 7px;font-size:9px}.stat-prio-banner{grid-column:1/-1}.stat-prio-banner h3{margin-bottom:18px}.stat-prio{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px 4px;padding-bottom:6px;display:flex}.stat-prio-banner .stat-prio{gap:6px}.stat-prio-banner .stat-box{min-width:96px;padding:12px 22px}.stat-prio-banner .stat-box-label{font-size:15px}.stat-prio-banner .stat-box-value{padding:3px 12px;font-size:14px;bottom:-18px}.stat-prio-banner .stat-box-arrow{padding:0 8px;font-size:22px}.stat-prio-banner .stat-prio{row-gap:30px}.stat-box{background:var(--bg-deep);border:1px solid var(--border-faint);min-width:72px;font-family:var(--font-mono);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:10px 16px;display:flex;position:relative}.stat-box-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);font-size:14px;font-weight:600}.stat-box-value{background:var(--bg-deep);border:1px solid var(--border-faint);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.stat-box-arrow{color:var(--text-faint);align-self:center;padding:0 4px;font-size:18px}.stat-box.legendary{border-color:var(--r-legendary)}.stat-box.legendary .stat-box-label{color:var(--r-legendary)}.stat-box.legendary .stat-box-value{border-color:var(--r-legendary);color:var(--r-legendary)}.stat-box.epic{border-color:var(--r-epic)}.stat-box.epic .stat-box-label{color:var(--r-epic)}.stat-box.epic .stat-box-value{border-color:var(--r-epic);color:var(--r-epic)}.stat-box.rare{border-color:var(--r-rare)}.stat-box.rare .stat-box-label{color:var(--r-rare)}.stat-box.rare .stat-box-value{border-color:var(--r-rare);color:var(--r-rare)}.stat-box.uncommon{border-color:#1eff00}.stat-box.uncommon .stat-box-label{color:#1eff00}.stat-box.uncommon .stat-box-value{color:#1eff00;border-color:#1eff00}.tier-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.tier-piece{background:var(--bg-deep);border:1px solid var(--border-faint);border-radius:7px;padding:8px;font-size:11px}.tier-piece .slot{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:8.5px}.tier-piece .name{color:var(--text-primary);font-size:11px}.tier-bonus{background:color-mix(in srgb, var(--class) 8%, var(--bg-deep));border:1px solid color-mix(in srgb, var(--class) 30%, transparent);border-radius:7px;margin-top:10px;padding:10px;font-size:12px;line-height:1.5}.tier-bonus strong{color:var(--class);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.import-side{background:linear-gradient(180deg, color-mix(in srgb, var(--class) 8%, var(--bg-panel)), var(--bg-panel));border:1px solid color-mix(in srgb, var(--class) 30%, var(--border-faint))}.import-side h3 .badge{background:var(--class);color:#07090f}.import-side .desc{color:var(--text-secondary);margin-bottom:14px;font-size:12.5px;line-height:1.55}.import-side .btn{justify-content:center;width:100%}.import-side .btn-primary{background:var(--class);color:#07090f;box-shadow:0 4px 24px color-mix(in srgb, var(--class) 30%, transparent)}.import-side .btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 32px color-mix(in srgb, var(--class) 50%, transparent)}.modal-bg{-webkit-backdrop-filter:blur(8px);z-index:200;background:#07090fbf;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-panel);border:1px solid var(--border);width:100%;max-width:640px;max-height:90vh;box-shadow:0 24px 80px #0009, 0 0 0 1px var(--border-faint), 0 0 40px var(--accent-glow);border-radius:14px;flex-direction:column;animation:.2s ease-out slideUp;display:flex;overflow:hidden}.modal.modal-sm{max-width:380px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-hd{border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-hd h3{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:16px;font-weight:500}.modal-hd .x{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px}.modal-hd .x:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:20px 24px;overflow-y:auto}.modal-body p{color:var(--text-secondary);margin:0 0 16px;font-size:13.5px;line-height:1.6}.modal-body p .inline-gear{background:var(--bg-elevated);border:1px solid var(--border);width:22px;height:22px;color:var(--accent);vertical-align:-3px;border-radius:5px;justify-content:center;align-items:center;margin:0 2px;display:inline-flex}.import-str{background:var(--bg-void);border:1px solid var(--border);font-family:var(--font-mono);color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;max-height:200px;padding:14px;font-size:11px;line-height:1.5;overflow-y:auto}.import-version-pill{letter-spacing:.12em;text-transform:uppercase;color:var(--r-epic);background:#a335ee1f;border:1px solid #a335ee4d;border-radius:3px;padding:1px 6px;font-size:10px}.import-prio-select{font-size:11px;font-family:var(--font-mono);background:var(--bg-deep);border:1px solid var(--border-faint);color:var(--text-primary);cursor:pointer;border-radius:4px;justify-self:center;min-width:96px;padding:4px 6px}.import-str-block{margin-top:14px}.import-str-block:first-of-type{margin-top:0}.import-str-hd{align-items:center;gap:10px;margin-bottom:6px;display:flex}.import-str-tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--r-epic);background:#a335ee1f;border:1px solid #a335ee4d;border-radius:4px;padding:2px 8px;font-size:10px}.import-str-desc{color:var(--text-secondary);flex:1;min-width:0;font-size:11.5px}.btn-xs{gap:4px;padding:4px 8px;font-size:10px}@media (max-width:540px){.import-str-hd{flex-wrap:wrap;gap:6px}.import-str-desc{flex-basis:100%;order:3}}.modal-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.modal-summary .cell{background:var(--bg-deep);border:1px solid var(--border-faint);border-radius:7px;padding:10px 12px}.modal-summary .cell .l{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:9px}.modal-summary .cell .v{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;font-size:18px}.modal-ft{border-top:1px solid var(--border-faint);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.dungeon-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.dungeon-card{background:var(--bg-panel);border:1px solid var(--border-faint);cursor:pointer;border-radius:12px;transition:border-color .15s,transform .15s;overflow:hidden}.dungeon-card:hover{border-color:var(--accent);transform:translateY(-2px)}.dungeon-banner{background:linear-gradient(135deg, var(--bg-elevated), var(--bg-deep));border-bottom:1px solid var(--border-faint);align-items:flex-end;height:110px;padding:14px;display:flex;position:relative;overflow:hidden}.dungeon-banner:before{content:"";background:repeating-linear-gradient(45deg, transparent, transparent 8px, #ffffff06 8px, #ffffff06 16px), radial-gradient(circle at 50% 100%, var(--dungeon-hue,var(--accent-glow)), transparent 70%);position:absolute;inset:0}.dungeon-banner.has-image{background-position:50%;background-size:cover}.dungeon-banner.has-image:before{background:linear-gradient(#00000026 0%,#000000a6 100%)}.dungeon-banner .ph{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);z-index:1;font-size:10px;position:relative}.dungeon-banner.has-image .ph{color:#fff;text-shadow:0 1px 2px #000000b3}.dungeon-body{padding:16px}.dungeon-body h3{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:6px;font-size:17px;font-weight:500}.dungeon-meta{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);gap:12px;margin-bottom:12px;font-size:10px;display:flex}.dungeon-meta span{align-items:center;gap:4px;display:flex}.dungeon-bosses{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.dungeon-bosses .row{border-top:1px solid var(--border-faint);justify-content:space-between;padding:4px 0;display:flex}.dungeon-bosses .row em{font-style:normal;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10px}.raid-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.raid-card{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:14px;flex:380px;min-width:0;max-width:560px;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.raid-card:hover{border-color:var(--accent);transform:translateY(-2px)}.raid-banner{background:linear-gradient(135deg, var(--bg-elevated), var(--bg-deep));border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:flex-end;height:132px;padding:14px;display:flex;position:relative;overflow:hidden}.raid-banner:before{content:"";background:radial-gradient(ellipse at 20% 0%, var(--raid-hue,var(--accent-glow)), transparent 60%), radial-gradient(circle at 80% 100%, var(--raid-hue,var(--accent-glow)), transparent 70%);opacity:.9;position:absolute;inset:0}.raid-banner.has-image{background-position:50%;background-size:cover}.raid-banner.has-image:before{opacity:1;background:linear-gradient(#00000026 0%,#000000a6 100%)}.raid-banner.has-image .ph,.raid-banner.has-image .raid-banner-meta span{color:#fff;text-shadow:0 1px 2px #000000b3}.raid-banner .ph{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-muted);z-index:1;font-size:10px;position:relative}.raid-banner-meta{z-index:1;font-family:var(--font-mono);color:var(--text-secondary);text-align:right;flex-direction:column;gap:6px;font-size:11px;display:flex;position:relative}.raid-banner-meta span{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.raid-body{padding:18px 18px 16px}.raid-body h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);margin-bottom:16px;font-size:19px;font-weight:500}.raid-diff-row{border-bottom:1px solid var(--border-faint);flex-direction:column;gap:8px;margin-bottom:18px;padding-bottom:16px;display:flex}.raid-diff-lbl{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:9.5px}.raid-diff-pills{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.raid-diff-pill{background:var(--bg-elevated);border:1px solid var(--diff);--diff:var(--border);border-radius:6px;flex-direction:column;gap:3px;padding:7px 9px;display:flex}.raid-diff-pill[data-diff=lfr]{--diff:#788caa73}.raid-diff-pill[data-diff=normal]{--diff:#5aa9f08c}.raid-diff-pill[data-diff=heroic]{--diff:#a06edc99}.raid-diff-pill[data-diff=mythic]{--diff:#f0aa5ab3}.raid-diff-pill em{font-style:normal;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.raid-diff-pill b{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.01em;font-size:15px;font-weight:500}.raid-bosses{color:var(--text-secondary);flex-direction:column;font-size:13px;display:flex}.raid-bosses .row{border-top:1px solid var(--border-faint);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 0;display:grid}.raid-bosses .row:first-child{border-top:0;padding-top:0}.raid-bosses .b-idx{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);font-size:10px}.raid-bosses .b-name{color:var(--text-primary)}.raid-bosses .row em{font-style:normal;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10px}@media (max-width:720px){.raid-card{flex:100%;max-width:none}.raid-diff-pills{grid-template-columns:repeat(2,1fr)}}.compare-pick{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.compare-slot-pick{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:12px;padding:16px}.compare-slot-pick label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:10px;display:block}.compare-slot-pick select{appearance:none;background:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.compare-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.compare-cols,.compare-pick{grid-template-columns:1fr}}.compare-col h3{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:4px;font-size:22px;font-weight:500}.compare-col .sub{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--col-color);margin-bottom:18px;font-size:10px}.compare-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;display:grid}.compare-grid>*,.compare-grid .item-card{height:100%}.compare-grid-head{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.compare-grid-head h3{font-family:var(--font-display);margin:0}.compare-grid-head .sub{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--col-color);font-size:10px}.compare-empty-slot{height:100%;min-height:60px;color:var(--text-faint);background:var(--bg-panel);border:1px dashed var(--border-faint);font-family:var(--font-mono);border-radius:10px;justify-content:center;align-items:center;font-size:14px;display:flex}@media (max-width:900px){.compare-grid{grid-template-columns:1fr}}.compare-conflict{background:linear-gradient(135deg,#f0d77a24,#f0d77a0d);border-radius:10px;position:relative;box-shadow:0 0 0 1px #f0d77a80,0 0 14px #f0d77a40}.compare-conflict:before{content:"⚠";color:var(--gold);text-shadow:0 0 6px var(--gold);pointer-events:none;z-index:2;font-size:14px;line-height:1;position:absolute;top:6px;right:10px}.compare-conflict .item-card{background:0 0}.log-list{flex-direction:column;gap:4px;display:flex}.log-entry{border-top:1px solid var(--border-faint);grid-template-columns:160px 1fr;gap:24px;padding:24px 0;display:grid}.log-entry:first-child{border-top:0}.log-date{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.log-date .version{color:var(--accent);font-family:var(--font-display);letter-spacing:.04em;margin-bottom:4px;font-size:20px;font-weight:500;display:block}.log-body h3{font-family:var(--font-display);letter-spacing:.03em;margin-bottom:8px;font-size:18px;font-weight:500}.log-body ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.log-body li{color:var(--text-secondary);padding-left:24px;font-size:13px;line-height:1.6;position:relative}.log-body li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:8px}.log-body li.added:before{background:#5ee0a5}.log-body li.changed:before{background:var(--accent)}.log-body li.fixed:before{background:var(--gold)}.log-body li.removed:before{background:#ef4444}.log-tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;background:var(--bg-elevated);color:var(--text-muted);vertical-align:middle;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:9px;display:inline-block}footer{border-top:1px solid var(--border-faint);background:var(--bg-deep);margin-top:96px;padding:40px 0 32px}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.foot-meta{color:var(--text-muted);max-width:min(400px,100%);font-size:12px;line-height:1.6}.foot-links{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;gap:32px;font-size:10.5px;display:flex}.foot-links a{color:var(--text-secondary);cursor:pointer}.foot-links a:hover{color:var(--accent)}.foot-legal{border-top:1px solid var(--border-faint);margin-top:32px;padding-top:24px}.foot-legal p{color:var(--text-muted);max-width:920px;margin:0;font-size:11px;line-height:1.6}.foot-legal .foot-copy{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-top:10px;font-size:10.5px}.foot-made{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-primary);align-items:center;gap:5px;margin-top:6px;margin-bottom:16px;font-size:11.5px;display:flex}.foot-made .foot-heart{flex:none;width:15px;height:15px}.foot-legal-links{align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.foot-legal-links a{color:var(--text-secondary);cursor:pointer}.foot-legal-links a:hover{color:var(--accent)}.foot-legal-links .dot{color:var(--text-faint)}.legal-prose{max-width:760px;color:var(--text-secondary);font-size:14px;line-height:1.75}.legal-prose h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);margin:28px 0 8px;font-size:16px}.legal-prose h3:first-child{margin-top:0}.legal-prose p{margin:0 0 12px}.legal-prose a{color:var(--accent);word-break:break-word;text-decoration:none}.legal-prose a:hover{text-underline-offset:3px;text-decoration:underline}.legal-prose .legal-muted{color:var(--text-tertiary,var(--text-secondary));margin-top:-6px;font-size:13px;font-style:italic}.contact-form{flex-direction:column;gap:16px;max-width:560px;display:flex}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field label{color:var(--text-primary);font-size:13px;font-weight:600}.contact-field input,.contact-field textarea{width:100%;font:inherit;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.contact-field textarea{resize:vertical;min-height:120px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--text-secondary)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.contact-field input[aria-invalid=true],.contact-field textarea[aria-invalid=true]{border-color:#f0556e}.contact-err{color:#f0556e;font-size:12px}.contact-ok{color:#4ade80;font-size:13px}.contact-form .btn-primary{align-self:flex-start;align-items:center;gap:8px;display:inline-flex}.contact-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite contact-spin;display:inline-block}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.import-view{max-width:880px;margin:0 auto}.import-paste-card{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:12px;margin-bottom:22px;padding:22px}.import-paste-lbl{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:10px;display:block}.import-paste-area{background:var(--bg-void);border:1px solid var(--border);width:100%;min-height:88px;font-family:var(--font-mono);color:var(--accent);resize:vertical;border-radius:8px;padding:12px 14px;font-size:12.5px;line-height:1.5}.import-paste-area:focus{border-color:var(--accent);outline:none}.import-error{color:#ef4f4f;font-size:12.5px;font-family:var(--font-mono);background:#ef4f4f1a;border:1px solid #ef4f4f66;border-radius:6px;margin-top:12px;padding:10px 14px}.import-paste-actions{gap:10px;margin-top:16px;display:flex}.import-summary-card{background:var(--bg-panel);border:1px solid color-mix(in srgb, var(--class) 35%, var(--border-faint));box-shadow:0 0 32px color-mix(in srgb, var(--class) 12%, transparent);border-radius:12px;margin-bottom:20px;padding:20px}.import-summary-hd{align-items:center;gap:18px;display:flex}.import-summary-text{flex:1;min-width:0}.import-summary-text h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);margin-top:6px;font-size:22px;font-weight:500}.import-summary-text h3 .sep{color:var(--text-faint);margin:0 4px}.import-summary-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.import-summary-meta .mono{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);font-size:11px}.import-summary-meta .dot{color:var(--text-faint)}.import-edit-card{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:12px;margin-bottom:20px;padding:20px}.import-edit-hd{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.import-edit-hd h3{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.import-items{flex-direction:column;gap:6px;display:flex}.import-item-row{background:var(--bg-elevated);border:1px solid var(--border-faint);border-radius:8px;grid-template-columns:28px 1fr 78px 8px 32px;align-items:center;gap:12px;padding:8px 10px;display:grid}.import-item-row .import-item-remove{grid-column:5}.import-item-tag{letter-spacing:.15em;text-transform:uppercase;color:#8cb4dce6;min-width:0;font-size:9px;font-family:var(--font-mono);background:#8cb4dc14;border:1px solid #8cb4dc26;border-radius:3px;justify-content:center;justify-self:center;align-items:center;padding:3px 8px;display:inline-flex}.import-item-tag:empty{display:none}.import-item-tag.raid{color:#ffa03cf2;background:#ff800014;border-color:#ff800033}.import-item-row .idx{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10px}.import-item-name{font-family:var(--font-display);color:var(--text-primary);cursor:help;align-items:center;gap:10px;min-width:0;font-size:14px;text-decoration:none;display:inline-flex}.import-item-name ins{border:1px solid #a335ee80;border-radius:7px;flex-shrink:0;width:36px;height:36px;box-shadow:inset 0 0 12px #a335ee26;float:none!important;background-position:50%!important;background-size:cover!important}.import-item-name:hover{text-underline-offset:3px;text-decoration:underline}.import-item-name.epic,.import-item-name.mythic{color:var(--r-epic)}.import-item-text{--item-icon-indent:55px;flex-direction:column;min-width:0;display:flex}.import-item-slot{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding-left:var(--item-icon-indent);margin-bottom:-8px;font-size:9.5px}.import-item-drop{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.02em;min-width:0;min-height:14px;padding-left:var(--item-icon-indent);align-items:center;gap:6px;margin-top:-10px;display:flex}.import-item-drop svg{opacity:.6;flex-shrink:0;width:10px;height:10px}.import-item-drop .drop-boss{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-weight:500;overflow:hidden}.import-item-drop .drop-where{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.import-item-drop .dot{opacity:.5}.import-item-drop .drop-tag{letter-spacing:.15em;text-transform:uppercase;color:#8cb4dce6;background:#8cb4dc14;border:1px solid #8cb4dc26;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px}.import-item-drop .drop-tag.raid{color:#ffa03cf2;background:#ff800014;border-color:#ff800033}.import-item-drop .drop-loading,.import-item-drop .drop-unknown{opacity:.5;font-style:italic}.import-item-drop .drop-loading{animation:1.4s ease-in-out infinite drop-pulse}@keyframes drop-pulse{0%,to{opacity:.35}50%{opacity:.65}}.import-item-id{align-items:center;gap:8px;display:flex}.import-item-id span{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.import-item-id input{background:var(--bg-void);border:1px solid var(--border);width:90px;font-family:var(--font-mono);color:var(--accent);border-radius:5px;padding:5px 8px;font-size:12px}.import-item-id input:focus{border-color:var(--accent);outline:none}.import-item-remove{min-width:32px;color:var(--text-muted);justify-content:center;align-items:center;display:flex;padding:4px!important}.import-item-remove:hover{color:#ef4f4f}.import-share-card{background:var(--bg-panel);border:1px solid var(--border-faint);border-radius:12px;padding:20px}.import-share-card h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);align-items:center;gap:8px;margin-bottom:6px;font-size:18px;font-weight:500;display:flex}.import-share-card h3 svg{color:var(--accent)}.import-share-card p{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.6}.import-share-row{align-items:stretch;gap:10px;display:flex}.import-share-input{background:var(--bg-void);border:1px solid var(--border);font-family:var(--font-mono);color:var(--accent);-webkit-user-select:all;user-select:all;border-radius:8px;flex:1;min-width:0;padding:9px 12px;font-size:12px}.import-share-input:focus{border-color:var(--accent);outline:none}.import-empty{text-align:center;background:var(--bg-panel);border:1px dashed var(--border-faint);color:var(--text-muted);border-radius:12px;padding:40px;font-size:13px}@media (max-width:720px){.import-item-row{grid-template-rows:auto auto;grid-template-columns:28px 1fr 32px;row-gap:6px}.import-item-row .idx{grid-area:1/1;align-self:start;padding-top:6px}.import-item-row .import-item-text{grid-area:1/2}.import-item-row .import-item-remove{grid-area:1/3;align-self:start}.import-item-row .import-prio-select{grid-area:2/2/auto/4;justify-self:end}.import-item-tag{grid-area:2/2/auto/4;justify-self:flex-start;margin-top:2px}.import-item-id{grid-column:2/4;margin-top:6px}.import-share-row{flex-direction:column}}.cookie-banner{z-index:9000;border:1px solid var(--border-faint);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1016eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;width:calc(100% - 32px);max-width:780px;padding:14px 18px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000080}.cookie-banner-body{flex-direction:column;flex:280px;gap:4px;min-width:0;display:flex}.cookie-banner-title{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:10px}.cookie-banner-text{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.55}.cookie-banner-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}@media (max-width:540px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-banner-actions{justify-content:stretch}.cookie-banner-actions .btn{flex:calc(50% - 4px);justify-content:center}}.cookie-settings-body{flex-direction:column;gap:14px;display:flex}.cookie-row{background:var(--bg-elevated);border:1px solid var(--border-faint);cursor:pointer;font-family:var(--font-body);border-radius:8px;grid-template-columns:22px 1fr;align-items:start;gap:12px;padding:10px 12px;display:grid}.cookie-row.disabled{cursor:default;opacity:.7}.cookie-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:3px 0 0}.cookie-row-text{flex-direction:column;gap:3px;min-width:0;display:flex}.cookie-row-name{color:var(--text-primary);font-size:13px;font-weight:600}.cookie-row-desc{color:var(--text-secondary);font-size:11.5px;line-height:1.5}.divider-rune{color:var(--text-faint);align-items:center;gap:16px;margin:48px 0;display:flex}.divider-rune:before,.divider-rune:after{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);flex:1;height:1px}html.mp-375 body,html.mp-414 body{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%), repeating-linear-gradient(45deg, var(--bg-deep) 0 12px, color-mix(in srgb, var(--bg-deep) 88%, #000) 12px 24px);justify-content:center;min-height:100vh;padding:24px 0;display:flex}html.mp-375 body>#root,html.mp-414 body>#root{background:var(--bg);width:100%;max-width:375px;box-shadow:0 0 0 1px var(--border-strong), 0 0 0 10px #07090f, 0 0 0 11px #1a1d24, 0 40px 80px #0000008c;isolation:isolate;border-radius:28px;display:block;position:relative;overflow:hidden}html.mp-414 body>#root{max-width:414px}html.mp-375 body>#root:before,html.mp-414 body>#root:before{content:"";z-index:1000;pointer-events:none;background:#07090f;border-radius:0 0 14px 14px;width:90px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}html.mp-375 body>#root .container,html.mp-414 body>#root .container{padding:0 16px}html.mp-375 body>#root .hdr,html.mp-414 body>#root .hdr{padding-top:28px}html.tp-768 body,html.tp-1024 body{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%), repeating-linear-gradient(45deg, var(--bg-deep) 0 12px, color-mix(in srgb, var(--bg-deep) 88%, #000) 12px 24px);justify-content:center;min-height:100vh;padding:32px 0;display:flex}html.tp-768 body>#root,html.tp-1024 body>#root{background:var(--bg);width:100%;max-width:768px;box-shadow:0 0 0 1px var(--border-strong), 0 0 0 14px #07090f, 0 0 0 15px #1a1d24, 0 40px 80px #0000008c;isolation:isolate;border-radius:22px;display:block;position:relative;overflow:hidden}html.tp-1024 body>#root{max-width:1024px}html.tp-768 body>#root:before,html.tp-1024 body>#root:before{content:"";z-index:1000;pointer-events:none;background:#ffffff1f;border-radius:2px;width:56px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}@media (max-width:1024px){.hdr-nav{gap:2px}.hdr-nav a{padding:8px 10px;font-size:11px}.hdr-logo-text .sub,.season-pill{display:none}.hero-meta{flex-wrap:wrap;justify-content:center;gap:14px 24px}.compare-pick{grid-template-columns:1fr}}@media (max-width:900px){.features{grid-template-columns:repeat(2,1fr)}.raid-grid{gap:14px}}@media (max-width:720px){.hdr-inner{flex-wrap:wrap;gap:10px 8px;padding:12px 0}.hdr-logo{flex:auto;min-width:0}.hdr-logo-text .name{font-size:14px}.hdr-tools{gap:6px}.hdr-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;order:3;width:100%;margin:0 -20px;padding-bottom:2px;padding-left:20px;padding-right:20px;overflow-x:auto}.hdr-nav::-webkit-scrollbar{display:none}.hdr-nav a{white-space:nowrap;flex-shrink:0;padding:8px 10px;font-size:11px}.hdr-nav{position:relative;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);flex:0 0 100%!important}.foot-inner{flex-direction:column;gap:24px}.foot-links{flex-wrap:wrap;gap:14px 24px}.hero{padding:56px 0 32px}.hero h1{font-size:clamp(34px,11vw,48px)}.hero-meta{gap:12px 18px;font-size:11px}.hero-meta strong{font-size:22px}.detail-title-row{flex-direction:column;align-items:stretch;gap:16px}.detail-mark{width:56px;height:56px}.detail-mark svg{width:32px;height:32px}.detail-title h1{font-size:26px}.detail-actions{flex-wrap:wrap;width:100%;display:flex}.detail-actions .btn{flex:calc(50% - 4px);justify-content:center}.spec-tabs-row{flex-direction:column;align-items:stretch;gap:8px}.detail-last-updated{align-items:flex-start;top:0}.spec-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.spec-tabs::-webkit-scrollbar{display:none}.spec-tab{flex-shrink:0}.spec-tab .role-badge{display:none}.spec-tabs{margin-left:auto;margin-right:auto}.filter-bar{flex-direction:column;gap:4px;padding:12px;display:flex}.filter-bar>svg{display:none}.filter-bar .label{margin:8px 0 0}.filter-bar .label:first-of-type{margin-top:0}.filter-bar select,.filter-bar input{width:100%}.filter-bar .spacer{display:none}.item-card{grid-template-rows:auto auto;grid-template-columns:1fr;gap:6px 12px;padding:12px}.item-card .item-main{grid-column:1}.item-card .item-stats{text-align:left;flex-direction:row;grid-column:1;justify-content:flex-start;align-items:center;gap:8px}.item-card .item-stats .ilvl{font-size:14px}.item-track{padding:2px 6px;font-size:8.5px}.class-grid{gap:12px}.class-card{flex:0 0 100%;max-width:100%;padding:18px}.dungeon-grid{grid-template-columns:1fr}.compare-col h3{font-size:18px}.modal-overlay{padding:10px}.modal{border-radius:14px;max-width:100%;max-height:92vh}.modal-hd{padding:14px 16px}.modal-hd h3{font-size:13px}.modal-body{padding:16px}.modal-body p{font-size:12.5px}.modal-summary{grid-template-columns:1fr 1fr 1fr;gap:6px}.modal-summary .cell{padding:8px 6px}.modal-ft{flex-direction:column-reverse;gap:8px;padding:12px 16px}.modal-ft .btn{justify-content:center;width:100%}.import-str{max-height:160px;padding:10px;font-size:10px}.features{grid-template-columns:1fr;gap:14px}.section-hd h2{font-size:28px}.side-card{padding:14px 16px}.side-card h3{flex-wrap:wrap}.stat-prio{font-size:12px}.tier-grid{grid-template-columns:1fr 1fr}.role-badge{letter-spacing:.12em}}@media (max-width:380px){.hdr-logo-mark{width:30px;height:30px}.hdr-logo-text .name{letter-spacing:.08em;font-size:13px}.lang-switch button{padding:5px 6px;font-size:10px}.hero h1{font-size:clamp(28px,9vw,40px)}.hero-cta .btn{padding:10px 14px;font-size:12px}.detail-actions .btn{flex:100%}.filter-bar{grid-template-columns:1fr}.item-card .item-stats{flex-wrap:wrap;gap:4px 8px}}html.mp-375 .hdr-inner,html.mp-414 .hdr-inner{flex-wrap:wrap;gap:10px 8px;padding:12px 0}html.mp-375 .hdr-logo-text .sub,html.mp-414 .hdr-logo-text .sub,html.mp-375 .season-pill,html.mp-414 .season-pill{display:none}html.mp-375 .hdr-nav,html.mp-414 .hdr-nav{scrollbar-width:none;flex-wrap:nowrap;order:3;width:100%;overflow-x:auto}html.mp-375 .hdr-nav::-webkit-scrollbar{display:none}html.mp-414 .hdr-nav::-webkit-scrollbar{display:none}html.mp-375 .hdr-nav a,html.mp-414 .hdr-nav a{white-space:nowrap;flex-shrink:0;padding:8px 10px;font-size:11px}html.mp-375 .hdr-nav,html.mp-414 .hdr-nav{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);flex:0 0 100%!important}html.mp-375 .hero h1,html.mp-414 .hero h1{font-size:34px!important}html.mp-375 .hero-inner,html.mp-414 .hero-inner{max-width:100%;padding-left:16px;padding-right:16px}html.mp-375 .hero-meta,html.mp-414 .hero-meta{gap:12px 18px}html.mp-375 .detail-title-row,html.mp-414 .detail-title-row{flex-direction:column;align-items:stretch;gap:16px}html.mp-375 .detail-actions,html.mp-414 .detail-actions{flex-wrap:wrap;width:100%;display:flex}html.mp-375 .detail-actions .btn,html.mp-414 .detail-actions .btn{flex:calc(50% - 4px);justify-content:center}html.mp-375 .spec-tabs-row,html.mp-414 .spec-tabs-row{flex-direction:column;align-items:stretch;gap:8px}html.mp-375 .detail-last-updated,html.mp-414 .detail-last-updated{align-items:flex-start;top:0}html.mp-375 .spec-tabs,html.mp-414 .spec-tabs{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}html.mp-375 .spec-tabs::-webkit-scrollbar{display:none}html.mp-414 .spec-tabs::-webkit-scrollbar{display:none}html.mp-375 .spec-tab,html.mp-414 .spec-tab{flex-shrink:0}html.mp-375 .spec-tab .role-badge,html.mp-414 .spec-tab .role-badge{display:none}html.mp-375 .spec-tabs,html.mp-414 .spec-tabs{margin-left:auto;margin-right:auto}html.mp-375 .filter-bar,html.mp-414 .filter-bar{flex-direction:column;gap:4px;padding:12px;display:flex}html.mp-375 .filter-bar>svg,html.mp-414 .filter-bar>svg{display:none}html.mp-375 .filter-bar .label,html.mp-414 .filter-bar .label{margin:8px 0 0}html.mp-375 .filter-bar .label:first-of-type,html.mp-414 .filter-bar .label:first-of-type{margin-top:0}html.mp-375 .filter-bar select,html.mp-414 .filter-bar select,html.mp-375 .filter-bar input,html.mp-414 .filter-bar input{width:100%}html.mp-375 .filter-bar .spacer,html.mp-414 .filter-bar .spacer{display:none}html.mp-375 .item-card,html.mp-414 .item-card{grid-template-rows:auto auto;grid-template-columns:1fr;gap:6px 12px;padding:12px}html.mp-375 .item-card .item-main,html.mp-414 .item-card .item-main{grid-column:1}html.mp-375 .item-card .item-stats,html.mp-414 .item-card .item-stats{text-align:left;flex-direction:row;grid-column:1;justify-content:flex-start;align-items:center;gap:8px}html.mp-375 .class-grid,html.mp-414 .class-grid{flex-direction:column}html.mp-375 .class-card,html.mp-414 .class-card{flex:0 0 100%!important;max-width:100%!important}html.mp-375 .dungeon-grid,html.mp-414 .dungeon-grid,html.mp-375 .features,html.mp-414 .features{grid-template-columns:1fr}html.mp-375 .foot-inner,html.mp-414 .foot-inner{flex-direction:column;gap:24px}html.mp-375 .compare-cols,html.mp-414 .compare-cols,html.mp-375 .compare-pick,html.mp-414 .compare-pick,html.mp-375 .detail-body,html.mp-414 .detail-body{grid-template-columns:1fr}html.tp-768 .features,html.tp-1024 .features{grid-template-columns:repeat(2,1fr)}html.tp-768 .detail-body{grid-template-columns:1fr}.hdr-burger{background:var(--bg-elevated);border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:none}.hdr-burger:hover{border-color:var(--accent)}.hdr-menu-backdrop{z-index:90;background:#07090f8c;animation:.15s fadein;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.hdr-burger{display:inline-flex}.hdr-inner{gap:12px;flex-wrap:nowrap!important;padding:14px 20px!important}.hdr-logo{flex:auto;min-width:0}.hdr-nav{background:var(--bg-panel);border-bottom:1px solid var(--border);transform-origin:top;opacity:0;pointer-events:none;z-index:100;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 16px 24px;transition:transform .18s,opacity .15s;position:absolute;top:100%;left:0;right:0;overflow:visible;transform:scaleY(0);box-shadow:0 12px 32px #00000059;-webkit-mask-image:none;mask-image:none;flex:none!important}.hdr.menu-open .hdr-nav{opacity:1;pointer-events:auto;transform:scaleY(1)}.hdr-nav a{white-space:normal;letter-spacing:.04em;text-transform:none;color:var(--text-secondary);border-bottom:1px solid var(--border-faint);border-radius:8px;padding:14px 12px!important;font-size:14px!important}.hdr-nav a:last-child{border-bottom:0}.hdr-nav a.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-color:#0000}.hdr{position:relative}}html.mp-375 .hdr-burger,html.mp-414 .hdr-burger{display:inline-flex}html.mp-375 .hdr-inner,html.mp-414 .hdr-inner{gap:12px;flex-wrap:nowrap!important;padding:14px 18px!important}html.mp-375 .hdr-logo,html.mp-414 .hdr-logo{flex:auto;min-width:0}html.mp-375 .hdr-nav,html.mp-414 .hdr-nav{background:var(--bg-panel);border-bottom:1px solid var(--border);transform-origin:top;opacity:0;pointer-events:none;z-index:100;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 16px 24px;transition:transform .18s,opacity .15s;position:absolute;top:100%;left:0;right:0;overflow:visible;transform:scaleY(0);box-shadow:0 12px 32px #00000059;-webkit-mask-image:none;mask-image:none;flex:none!important}html.mp-375 .hdr.menu-open .hdr-nav,html.mp-414 .hdr.menu-open .hdr-nav{opacity:1;pointer-events:auto;transform:scaleY(1)}html.mp-375 .hdr-nav a,html.mp-414 .hdr-nav a{white-space:normal;letter-spacing:.04em;text-transform:none;color:var(--text-secondary);border-bottom:1px solid var(--border-faint);border-radius:8px;padding:14px 12px!important;font-size:14px!important}html.mp-375 .hdr-nav a:last-child,html.mp-414 .hdr-nav a:last-child{border-bottom:0}html.mp-375 .hdr-nav a.active,html.mp-414 .hdr-nav a.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-color:#0000}html.mp-375 .hdr,html.mp-414 .hdr{position:relative}@media (max-width:900px){.hdr-tools .lang-switch{display:none}.hdr-menu-extras{z-index:99;pointer-events:none;position:absolute;top:100%;left:0;right:0}.hdr.menu-open .hdr-menu-extras{pointer-events:auto;background:var(--bg-panel);border-bottom:1px solid var(--border);gap:8px;margin-top:0;padding:0 16px 20px;display:flex;top:100%;box-shadow:0 12px 32px #00000059}.hdr.menu-open .hdr-menu-extras button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:8px;flex:1;padding:10px;font-size:11px;transition:all .15s}.hdr.menu-open .hdr-menu-extras button.active{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent)}.hdr.menu-open .hdr-nav{border-bottom:0}}html.mp-375 .hdr-tools .lang-switch,html.mp-414 .hdr-tools .lang-switch{display:none}html.mp-375 .hdr-menu-extras,html.mp-414 .hdr-menu-extras{z-index:99;pointer-events:none;position:absolute;top:100%;left:0;right:0}html.mp-375 .hdr.menu-open .hdr-menu-extras,html.mp-414 .hdr.menu-open .hdr-menu-extras{pointer-events:auto;background:var(--bg-panel);border-bottom:1px solid var(--border);gap:8px;padding:0 16px 20px;display:flex;box-shadow:0 12px 32px #00000059}html.mp-375 .hdr.menu-open .hdr-menu-extras button,html.mp-414 .hdr.menu-open .hdr-menu-extras button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:8px;flex:1;padding:10px;font-size:11px;transition:all .15s}html.mp-375 .hdr.menu-open .hdr-menu-extras button.active,html.mp-414 .hdr.menu-open .hdr-menu-extras button.active{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent)}html.mp-375 .hdr.menu-open .hdr-nav,html.mp-414 .hdr.menu-open .hdr-nav{border-bottom:0}.hdr-nav-lang{display:none}@media (max-width:900px){.hdr-nav-lang{border-top:1px solid var(--border);gap:8px;margin-top:12px;padding-top:12px;display:flex}.hdr-nav-lang button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:8px;flex:1;padding:10px;font-size:11px;transition:all .15s}.hdr-nav-lang button.active{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent)}}html.mp-375 .hdr-nav-lang,html.mp-414 .hdr-nav-lang{border-top:1px solid var(--border);gap:8px;margin-top:12px;padding-top:12px;display:flex}html.mp-375 .hdr-nav-lang button,html.mp-414 .hdr-nav-lang button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:8px;flex:1;padding:10px;font-size:11px;transition:all .15s}html.mp-375 .hdr-nav-lang button.active,html.mp-414 .hdr-nav-lang button.active{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent)}html.tp-768 .hdr-burger,html.tp-1024 .hdr-burger{display:inline-flex}html.tp-768 .hdr-tools .lang-switch,html.tp-1024 .hdr-tools .lang-switch{display:none}html.tp-768 .hdr-inner,html.tp-1024 .hdr-inner{gap:12px;flex-wrap:nowrap!important;padding:14px 20px!important}html.tp-768 .hdr-logo,html.tp-1024 .hdr-logo{flex:auto;min-width:0}html.tp-768 .hdr-nav,html.tp-1024 .hdr-nav{background:var(--bg-panel);border-bottom:1px solid var(--border);transform-origin:top;opacity:0;pointer-events:none;z-index:100;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 16px 24px;transition:transform .18s,opacity .15s;position:absolute;top:100%;left:0;right:0;overflow:visible;transform:scaleY(0);box-shadow:0 12px 32px #00000059;-webkit-mask-image:none;mask-image:none;flex:none!important}html.tp-768 .hdr.menu-open .hdr-nav,html.tp-1024 .hdr.menu-open .hdr-nav{opacity:1;pointer-events:auto;transform:scaleY(1)}html.tp-768 .hdr-nav a,html.tp-1024 .hdr-nav a{white-space:normal;letter-spacing:.04em;text-transform:none;color:var(--text-secondary);border-bottom:1px solid var(--border-faint);border-radius:8px;padding:14px 12px!important;font-size:14px!important}html.tp-768 .hdr-nav a:last-child,html.tp-1024 .hdr-nav a:last-child{border-bottom:0}html.tp-768 .hdr-nav a.active,html.tp-1024 .hdr-nav a.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-color:#0000}html.tp-768 .hdr,html.tp-1024 .hdr{position:relative}html.tp-768 .hdr-nav-lang,html.tp-1024 .hdr-nav-lang{border-top:1px solid var(--border);gap:8px;margin-top:12px;padding-top:12px;display:flex}html.tp-768 .hdr-nav-lang button,html.tp-1024 .hdr-nav-lang button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:8px;flex:1;padding:10px;font-size:11px}html.tp-768 .hdr-nav-lang button.active,html.tp-1024 .hdr-nav-lang button.active{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent)}@media (max-width:900px) and (min-width:721px){.class-card{flex:calc(50% - 8px);max-width:calc(50% - 8px)}.dungeon-grid{grid-template-columns:repeat(2,1fr)}}html.tp-768 .class-card{flex:calc(50% - 8px)!important;max-width:calc(50% - 8px)!important}html.tp-768 .dungeon-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:720px){.foot-meta{max-width:100%}.foot-inner>div{min-width:0;max-width:100%}}html.mp-375 .foot-meta,html.mp-414 .foot-meta{max-width:100%}html.mp-375 .foot-inner>div,html.mp-414 .foot-inner>div{min-width:0;max-width:100%}@media (max-width:720px){.foot-legal{margin-top:16px!important;padding-top:18px!important}}html.mp-375 .foot-legal,html.mp-414 .foot-legal{margin-top:16px!important;padding-top:18px!important}