
    :root{color-scheme:dark;--bg:#111016;--panel:#19171f;--panel2:#201c28;--border:#302b38;--text:#eee9f2;--muted:#aba3b5;--purple:#be9cea;--gold:#d8bd86;--green:#9bd5bb;--red:#e9a4a2}
    *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 "Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--purple);text-underline-offset:4px}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.5}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(36px,4vw,57px);line-height:1.14;letter-spacing:-1.4px}h2{font-size:28px;line-height:1.25}h3{font-size:17px;line-height:1.4}p+p{margin-top:12px}small{font-size:12px}svg{flex-shrink:0}button svg,a svg{width:18px;height:18px}button{border:0}button:not(.nav-button):hover{filter:brightness(1.15)}[v-cloak]{display:none}.layout{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;position:sticky;top:0;height:100dvh;border-right:1px solid var(--border);padding:30px 20px 20px;display:flex;flex-direction:column;background:#141219}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px}.brand-icon{width:37px;height:44px;color:var(--gold)}.brand-name{font-family:Georgia,serif;letter-spacing:2px;font-size:19px}.brand-sub{color:var(--muted);font-size:10px;letter-spacing:2.8px;text-transform:uppercase}.class-card{border:1px solid #43354f;background:linear-gradient(125deg,#30203e,#1e1927);padding:15px;border-radius:9px;display:flex;align-items:center;gap:12px;margin-bottom:29px}.class-symbol{width:36px;height:36px;border:1px solid #8662a8;border-radius:50%;display:grid;place-items:center;color:#d7a8ff;font-size:20px}.class-card strong{display:block;font-size:14px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;color:var(--muted);text-transform:uppercase}.class-card small{color:#baa7cf}.nav-label{padding-left:13px;margin-bottom:10px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 13px;border-radius:7px;background:transparent;color:var(--muted);margin:3px 0}.nav-button svg{width:19px;height:19px}.nav-button:hover{background:#211c29;color:var(--text)}.nav-button.active{background:#30233f;color:#dbc1f8;box-shadow:inset 3px 0 #bc91e7}.nav-button .count{margin-left:auto;font-size:11px;opacity:.6}.sidebar-bottom{margin-top:auto;padding-top:35px}.progress-box{padding:16px;border:1px solid var(--border);border-radius:8px;background:#1b1721}.progress-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.progress-head strong{color:var(--green)}.progress-track{height:4px;background:#362b40;margin:12px 0 10px;overflow:hidden;border-radius:10px}.progress-track span{display:block;height:100%;background:var(--green);transition:width .3s}.muted{color:var(--muted)}.reset{font-size:11px;color:var(--muted);background:transparent;text-decoration:underline;text-underline-offset:3px;padding:5px 0}.sidebar-source{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);padding:20px 8px 0;text-decoration:none}.main{width:calc(100% - 248px);min-width:0}.topbar{height:78px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 44px;gap:15px}.breadcrumb{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:10px}.breadcrumb strong{font-weight:400;color:var(--text)}.beta{font-size:10px;border:1px solid #5d4930;color:var(--gold);padding:3px 8px;border-radius:4px;letter-spacing:1px}.top-right{display:flex;align-items:center;gap:18px}.source-link{font-size:12px;display:flex;gap:7px;align-items:center;text-decoration:none;color:var(--muted)}.date{font-size:11px;color:var(--muted)}.content{max-width:1260px;margin:auto;padding:37px 44px 34px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:250px;padding:8px 0 24px}.hero .eyebrow{color:var(--gold);margin-bottom:19px}.hero h1{max-width:690px}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{max-width:545px;margin-top:18px;color:var(--muted);font-size:14px}.hero-ornament{position:absolute;right:-12px;top:-35px;width:340px;height:340px;z-index:-1;color:#6b477d;opacity:.35;transform:rotate(-15deg)}.hero-ornament .glow{stroke:#c49ce9}.hero-meta{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:20px}.dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 30px}.summary-card{border:1px solid var(--border);border-radius:8px;padding:18px 20px;display:flex;gap:15px;align-items:center;background:linear-gradient(120deg,#211b29,#19171f)}.summary-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#352440;color:var(--purple)}.summary-icon svg{width:21px;height:21px}.summary-card .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:4px}.summary-card strong{font-size:14px;font-weight:500}.summary-card small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--border);padding:13px 16px;border-radius:8px;background:#17151d;margin:0 0 27px}.segmented{display:flex;background:#100e15;padding:3px;border-radius:6px;gap:3px}.segmented button{font-size:12px;border-radius:4px;padding:7px 12px;background:transparent;color:var(--muted);white-space:nowrap}.segmented button.selected{background:#382847;color:#e3ccfb}.level-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-left:auto}.level-select{background:#221e2b;color:var(--text);border:1px solid #3b3345;padding:7px 9px;border-radius:5px;font-size:12px;max-width:140px}.search{position:relative;flex:1 1 150px;max-width:255px}.search svg{position:absolute;left:10px;top:11px;width:16px;height:16px;color:var(--muted)}.search input{width:100%;background:#100e15;border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:12px;padding:9px 11px 9px 33px}.search input::placeholder{color:#8e8299}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.section-heading h2{font-size:27px}.section-heading p{color:var(--muted);font-size:12px;margin-top:7px}.legend{font-size:11px;color:var(--muted);white-space:nowrap;display:flex;gap:7px;align-items:center}.legend span{background:var(--green);width:6px;height:6px;border-radius:50%}.route{display:grid;gap:17px}.stage{border:1px solid var(--border);background:var(--panel);border-radius:10px;overflow:hidden}.stage-head{padding:20px 23px;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--border)}.stage-number{color:var(--gold);font-family:Georgia,serif;font-size:26px;width:43px;height:43px;border:1px solid #51422f;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.stage-head h3{font-family:Georgia,serif;font-weight:400;font-size:23px}.stage-head p{font-size:12px;color:var(--muted);margin-top:3px}.stage-head .badge{margin-left:auto}.badge{font-size:10px;letter-spacing:.6px;padding:4px 9px;border:1px solid #44374f;background:#292131;color:var(--purple);border-radius:4px;white-space:nowrap}.badge.essential{color:var(--green);border-color:#3a5147;background:#1f2a26}.stage-body{padding:20px 23px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}.stage-description{font-size:13px;color:#bcb3c5}.stage-tip{font-size:12px;margin-top:15px;color:var(--gold);border-left:2px solid #6a5236;padding-left:12px}.task-list{display:grid;gap:6px}.task{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;background:#15121b;border:1px solid #302837;border-radius:5px;cursor:pointer;font-size:12px;line-height:1.5}.task input{accent-color:var(--green);width:15px;height:15px;margin:2px 0 0;flex-shrink:0}.task.complete{color:#9e95a8}.task.complete .task-name{text-decoration:line-through}.task small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.stage-footer{display:flex;gap:8px;align-items:center;padding:11px 23px;background:#17141d;font-size:11px;color:var(--muted)}.stage-footer svg{width:14px;height:14px;color:var(--purple)}.stage-footer strong{color:#c8b2e0;font-weight:400}.callout{display:flex;align-items:flex-start;gap:13px;border:1px solid #4a3d2a;background:#231e18;padding:17px 20px;border-radius:8px;color:#d0bf9e;font-size:12px;margin:22px 0}.callout svg{width:20px;height:20px;margin-top:2px}.callout strong{color:var(--gold);display:block;margin-bottom:4px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-card{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:23px}.detail-card h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:13px 0 8px}.detail-card p{font-size:13px;color:#bfb6c8}.detail-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.detail-top .level-badge{margin-left:auto;color:var(--gold);font-size:11px}.npc{font-size:12px;margin:15px 0;color:#cfc1de;border-top:1px solid var(--border);padding-top:12px}.reward{border:1px solid #493556;background:#241b2e;padding:12px 14px;border-radius:6px;margin-top:16px;font-size:12px}.reward strong{display:block;color:#cfacf2;margin-bottom:3px}.reward span{color:var(--muted)}.detail-card .task{margin-top:16px}.card-link{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:11px;text-decoration:none}.card-link svg{width:13px;height:13px}.dungeon-card ul{list-style:none;padding:0;margin:18px 0 0}.dungeon-card li{border-top:1px solid var(--border);padding:11px 0;font-size:12px;color:var(--muted)}.dungeon-card li strong{font-weight:500;color:#ded2e8}.dungeon-note{font-size:12px;color:var(--gold);margin-top:12px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;margin:17px 0 25px;background:var(--panel)}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:13px 19px;background:#211b2a;font-weight:500}td{padding:16px 19px;border-top:1px solid var(--border);vertical-align:top;color:var(--muted)}td strong{font-weight:500;color:var(--text);display:block}td .item-name{color:#c6a4ec}td .item-blue{color:#90bde1}td small{display:block;margin-top:4px}td a{font-size:11px;text-decoration:none}.table-wrap table{min-width:640px}.subheading{margin-top:30px;margin-bottom:12px;font-size:23px}.profession-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:17px 0}.profession{padding:25px;border:1px solid var(--border);background:var(--panel);border-radius:8px}.profession.recommended{border-color:#4d3a61;background:linear-gradient(140deg,#2b2036,#19171f)}.profession .eyebrow{color:var(--purple);margin-bottom:12px}.profession h3{font-size:23px;font-family:Georgia,serif;font-weight:400}.profession p{font-size:13px;color:var(--muted);margin-top:14px}.secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.secondary-grid .detail-card{padding:20px}.secondary-grid .detail-card h3{font-family:inherit;font-size:15px}.secondary-value{font-family:Georgia,serif;font-size:29px;color:var(--gold);margin:10px 0}.rotation{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:22px 0}.spell{padding:16px 18px;border:1px solid #493750;border-radius:7px;background:#241b2d;flex:1;min-width:125px}.spell small{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.spell strong{font-size:12px;color:#dbb8fa}.rotation-arrow{color:#7c647b}.combat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.combat-grid .detail-card h3{font-family:inherit;font-size:16px;margin-top:0}.trap-list{margin-top:16px;display:grid;gap:12px}.trap{display:grid;grid-template-columns:210px 1fr;gap:18px;border:1px solid var(--border);border-radius:7px;padding:19px;background:var(--panel);font-size:13px;color:var(--muted)}.trap strong{color:var(--red);font-weight:500}.source-list{display:grid;gap:10px;margin:22px 0}.source-row{border:1px solid var(--border);border-radius:7px;padding:15px 18px;background:var(--panel);display:flex;justify-content:space-between;gap:20px;text-decoration:none;font-size:13px}.source-row span{color:var(--muted);font-size:11px}.empty{border:1px dashed #4b3b59;padding:40px 20px;text-align:center;border-radius:8px;color:var(--muted);margin-bottom:22px}.empty strong{color:var(--text);display:block;margin-bottom:10px}.action{background:#39284a;color:#e9d5fc;border:1px solid #63467e;border-radius:5px;padding:8px 13px;font-size:12px;margin-top:14px}.footer{border-top:1px solid var(--border);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#8f829c}.footer a{color:var(--muted)}.mobile-menu{display:none}.storage-note{font-size:10px;line-height:1.5;color:var(--gold);margin-top:8px}.reset-box{padding-top:8px;border-top:1px solid var(--border);margin-top:8px}.reset-box p{font-size:11px;margin-bottom:6px}.reset-box button{font-size:11px;border-radius:4px;background:#302439;padding:5px 8px;margin-right:5px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-100px;left:12px;z-index:50;background:var(--panel2);padding:10px 20px}.skip:focus{top:12px}.initial-loading{padding:50px;max-width:750px;margin:80px auto;border:1px solid #302b38;border-radius:10px}.initial-loading h1{font-size:35px}.initial-loading p{margin-top:18px;color:#aba3b5}
    @media(min-width:1500px){.content{padding-top:45px}.hero{min-height:275px}.hero-ornament{right:20px;width:360px;height:360px}}
    @media(max-width:1150px){.sidebar{width:218px;padding-left:14px;padding-right:14px}.main{width:calc(100% - 218px)}.content{padding:30px 28px}.topbar{padding:0 28px}.toolbar{gap:10px}.search{max-width:none;flex-basis:100%}.hero-ornament{right:-90px;opacity:.22}.summary-card{padding:15px 13px;gap:10px}.summary-icon{width:31px;height:35px}.summary-card strong{font-size:12px}.stage-body{gap:20px}.date{display:none}}
    @media(max-width:800px){.sidebar{position:fixed;left:0;z-index:30;transform:translateX(-100%);transition:transform .2s;width:248px;box-shadow:20px 0 80px #0008}.sidebar.open{transform:translateX(0)}.menu-backdrop{position:fixed;inset:0;background:#0009;z-index:25}.main{width:100%}.mobile-menu{display:flex;align-items:center;justify-content:center;padding:7px;background:#282030;border-radius:5px}.topbar{height:65px;padding:0 22px}.breadcrumb{font-size:11px;gap:6px}.top-right{gap:8px}.source-link span{display:none}.content{padding:28px 22px}.hero{min-height:235px}.hero p{max-width:420px}.hero-ornament{width:260px;height:260px;right:-90px;top:-15px}.summary-card{padding:14px}.summary-icon{display:none}.stage-head{padding:18px}.stage-body{padding:18px}.stage-head h3{font-size:21px}.cards{gap:13px}.detail-card{padding:20px}.secondary-grid{grid-template-columns:1fr}.secondary-grid .detail-card{display:grid;grid-template-columns:120px 1fr;column-gap:15px}.secondary-grid .detail-card h3{grid-column:1}.secondary-grid .detail-card p{grid-column:2;grid-row:1/3}.secondary-value{margin:0}.trap{grid-template-columns:170px 1fr}.sidebar-bottom{padding-top:18px}.sidebar{overflow-y:auto}}
    @media(max-width:560px){.content{padding:25px 16px}.topbar{padding:0 16px}.breadcrumb .crumb-product{display:none}h1{font-size:40px}.hero{min-height:250px}.hero h1{max-width:370px}.hero p{font-size:13px;max-width:320px}.hero-ornament{right:-120px;opacity:.23}.hero-meta{font-size:10px}.summary-grid{grid-template-columns:1fr;gap:8px;margin-top:3px;margin-bottom:23px}.summary-card{padding:10px 14px;gap:12px}.summary-icon{display:grid;width:32px;height:32px}.summary-card strong{font-size:13px}.summary-card .eyebrow{margin-bottom:0;font-size:8px}.summary-card small{font-size:10px;margin-top:0}.toolbar{padding:12px;gap:12px}.segmented{width:100%}.segmented button{flex:1}.level-label{margin-left:0;width:100%;justify-content:space-between}.level-select{max-width:none;flex:1;margin-left:14px}.search{flex-basis:100%}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:24px}.legend{font-size:9px;padding-top:8px}.stage-body{grid-template-columns:1fr;gap:14px}.stage-head{gap:12px;flex-wrap:wrap}.stage-number{width:36px;height:36px;font-size:21px}.stage-head h3{font-size:20px}.stage-head p{font-size:11px}.stage-head .badge{font-size:8px;padding:4px 6px}.stage-footer{padding:10px 18px;align-items:flex-start;line-height:1.5}.cards,.profession-grid,.combat-grid{grid-template-columns:1fr}.detail-card h3{font-size:22px}.rotation{gap:7px}.spell{min-width:calc(50% - 20px);flex-grow:1}.rotation-arrow{display:none}.trap{grid-template-columns:1fr;gap:5px}.footer{flex-direction:column;gap:8px}.secondary-grid .detail-card{grid-template-columns:100px 1fr}.source-row{flex-direction:column;gap:4px}.callout{padding:15px}.topbar .beta{font-size:9px}.top-right{margin-left:auto}.section-heading p{font-size:11px}.table-wrap table{min-width:590px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
    @media print{body{background:white;color:#222;font-size:12px}.sidebar,.topbar,.toolbar,.hero-ornament,.reset,.menu-backdrop,.card-link,.footer{display:none!important}.main{width:100%}.content{padding:0;max-width:none}.hero{min-height:0}.summary-grid{margin-bottom:20px}.stage,.detail-card,.profession,.table-wrap,.trap,.callout,.spell,.summary-card{break-inside:avoid;background:white!important;border-color:#ccc;color:#222}.muted,p,td,.stage-description,.task,.stage-tip,.stage-footer,.detail-card p,.npc,.reward,.reward span,.profession p{color:#444!important;background:white!important}.stage-head{border-color:#ccc}.stage-number,.badge,h1 em,.item-name,.item-blue,.spell strong{color:#555!important}.task{border-color:#ddd}.hero h1{font-size:32px}.stage-head h3{font-size:22px}a{color:#333}.summary-card strong{color:#222}th{color:#333;background:#eee}.table-wrap{overflow:visible}.table-wrap table{min-width:0}}
    .sidebar-close{display:none}
    @media(max-width:800px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.sidebar-close{display:block;position:absolute;right:10px;top:10px;background:transparent;font-size:22px;padding:4px 10px;color:var(--muted)}}
    /* Локальные иконки предметов Wowhead доступны без внешних запросов. */
    .item-icon{display:inline-flex;flex-shrink:0;width:40px;height:40px;overflow:hidden;border:1px solid #685773;border-radius:5px;background:#100d15;box-shadow:0 2px 7px #0005;align-self:flex-start}
    .item-icon img{width:100%;height:100%;display:block;object-fit:cover}
    .item-icon.icon-small{width:28px;height:28px;border-radius:4px}
    .item-icon.icon-large{width:44px;height:44px;align-self:center}
    .item-icon.quality-1{border-color:#aea9b5}.item-icon.quality-2{border-color:#688f57}.item-icon.quality-3{border-color:#6794bb}.item-icon.quality-4{border-color:#a778cf}
    .item-cell,.reward-with-icon{display:flex;gap:13px;align-items:flex-start}.item-cell>div,.reward-with-icon>div{min-width:0}
    .secondary-grid .item-cell{align-items:center;margin:12px 0}
    @media(max-width:800px){.secondary-grid .fishing-card{display:block}.fishing-card .secondary-value{margin:10px 0}}
    .task-reward{display:flex!important;gap:8px;align-items:center;margin-top:7px!important}.task-reward .item-icon{align-self:center}
    .boss-reward{display:flex;align-items:flex-start;gap:10px;margin-top:7px}.loot-icons{display:flex;flex-shrink:0;gap:4px}.loot-icons:empty{display:none}
    .trap-name{display:flex;gap:10px;align-items:center}.trap-name .item-icon{align-self:center}
    @media(max-width:560px){.summary-card .summary-item-icon{width:36px;height:36px}.item-cell{gap:10px}.boss-reward{flex-wrap:wrap}.trap-name{margin-bottom:5px}}

    /* Подсказки Wowhead выводятся вне прокручиваемых блоков, чтобы не обрезаться. */
    .item-icon,.item-ref,.npc-ref,.place-ref{cursor:help}.item-ref,.npc-ref,.place-ref{text-decoration:underline dotted #80679466;text-underline-offset:3px}.item-ref:hover,.npc-ref:hover,.place-ref:hover{filter:brightness(1.18)}
    .item-icon:focus-visible,.item-ref:focus-visible,.npc-ref:focus-visible,.place-ref:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
    .npc-tooltip-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}.npc-tooltip-heading b{font-size:14px;color:#ffd100}.npc-tooltip-heading span{color:#b5bfd1}
    .npc-tooltip-title{display:flex;align-items:center;gap:7px}.npc-tooltip-title b{min-width:0;overflow-wrap:anywhere}
    .npc-type-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;margin-right:4px;width:19px;height:19px;flex:0 0 19px;border:1px solid currentColor;border-radius:4px;color:#e9b491;background:#5b322744}.npc-type-icon svg{display:block;width:14px;height:14px}
    .npc-tooltip-heading .npc-type-icon{width:25px;height:25px;flex-basis:25px;margin:0;color:#e9b491}.npc-tooltip-heading .npc-type-icon svg{width:20px;height:20px}
    .npc-type-boss,.npc-tooltip-heading .npc-type-boss{color:#ffd100;background:#7b590d33}.npc-type-rare,.npc-tooltip-heading .npc-type-rare{color:#c5d8f1;background:#49638433}.npc-tooltip-heading .npc-tooltip-type{font-size:11px;color:#b5bfd1}.npc-tooltip-type a:hover{text-decoration:underline}
    /* Резервируем высоту до загрузки фото, чтобы подсказка не уходила за край окна. */
    .npc-tooltip-image{display:block;width:100%;height:200px;object-fit:contain;border-radius:3px;background:#1b1720}
    .npc-tooltip-image-with-map{height:120px}
    .npc-tooltip-location{margin-top:10px}.npc-tooltip-map-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;color:#ffd100}.npc-tooltip-map-heading span{font-size:11px;color:#b5bfd1;white-space:nowrap}
    /* Размер карты известен до загрузки: маркер и расчёт положения подсказки не прыгают. */
    .npc-tooltip-map{position:relative;width:100%;aspect-ratio:1002/668;overflow:hidden;border:1px solid #5b503a;border-radius:3px;background:#211d17}.npc-tooltip-map img{display:block;width:100%;height:100%}.npc-tooltip-map-pin{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid #fff4c3;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px #281504,0 1px 6px #000}.npc-tooltip-map-pin.approx{border-style:dashed}
    .npc-tooltip-map-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.npc-tooltip-map-tabs button{padding:3px 6px;background:#17233b;border:1px solid #344561;border-radius:3px;font:10px/1.4 Arial,sans-serif}.npc-tooltip-map-tabs button[aria-pressed=true]{border-color:#d8bd86;color:#ffd100}.npc-tooltip-map-note{margin-top:5px;color:#b5bfd1;font-size:11px}.wowhead-tooltip .npc-tooltip-map-source{display:inline-block;margin-top:4px;color:#8090ab;font-size:10px}
    .npc-tooltip-loot{margin-top:10px}.npc-tooltip-loot>strong{color:#ffd100}.npc-tooltip-loot ul{list-style:none;margin:5px 0 0;padding:0}.npc-tooltip-loot li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:5px 0;border-bottom:1px solid #27324c}.npc-tooltip-loot li:last-child{border:0}.npc-tooltip-loot li>a{color:#be9cea;overflow-wrap:anywhere}.npc-tooltip-loot small{grid-column:1/-1;color:#8090ab;font-size:10px}
    .wowhead-tooltip{position:fixed;z-index:1000;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:11px 13px 9px;border:1px solid #a79a7b;border-radius:5px;background:linear-gradient(125deg,#0b1429,#050a15);box-shadow:0 0 0 1px #000,0 8px 32px #000b;color:#fff;font:12px/1.5 Arial,sans-serif;isolation:isolate;overscroll-behavior:contain}
    .wowhead-tooltip table{width:100%;min-width:0!important;border-collapse:collapse;background:none;color:#fff;font:inherit;margin:0;table-layout:auto}
    .wowhead-tooltip th,.wowhead-tooltip td{padding:0!important;border:0!important;background:none!important;color:inherit;vertical-align:top;line-height:1.5;letter-spacing:normal;text-transform:none;font-size:12px}
    .wowhead-tooltip th{text-align:right;font-weight:400;white-space:nowrap}.wowhead-tooltip td strong,.wowhead-tooltip td b{color:inherit;font-weight:700;display:inline}
    .wowhead-tooltip a{color:inherit;text-decoration:none}.wowhead-tooltip a:hover{text-decoration:underline}.wowhead-tooltip .q{color:#ffd100}
    .wowhead-tooltip .q0{color:#9d9d9d}.wowhead-tooltip .q1{color:white}.wowhead-tooltip .q2{color:#1eff00}.wowhead-tooltip .q3{color:#409eff}.wowhead-tooltip .q4{color:#c077ff}.wowhead-tooltip .q5{color:#ff8000}.wowhead-tooltip .q6{color:#e6cc80}
    .wowhead-tooltip table:first-child>tbody>tr:first-child>td>b:first-child{font-size:14px}.wowhead-tooltip .whtt-sellprice{margin-top:8px;color:#eee}.wowhead-tooltip .wowhead-tooltip-item-classes{margin-top:2px}
    .wowhead-tooltip .moneygold,.wowhead-tooltip .moneysilver,.wowhead-tooltip .moneycopper{white-space:nowrap;margin-right:4px}.wowhead-tooltip .moneygold:after{content:' ●';color:#edc354}.wowhead-tooltip .moneysilver:after{content:' ●';color:#bec5cb}.wowhead-tooltip .moneycopper:after{content:' ●';color:#bd805d}
    .wowhead-tooltip-footer{border-top:1px solid #27324c;margin-top:10px;padding-top:7px;display:flex;justify-content:space-between;gap:15px;color:#8090ab;font-size:10px}.wowhead-tooltip-footer a{color:#a4b7d4}
    @media print{.wowhead-tooltip{display:none!important}.item-ref{text-decoration:none}}

    /* QUEST_CHAIN_STYLES */
    .quest-chain{margin:16px 0;border:1px solid #4b3b59;border-radius:7px;background:#1d1726;overflow:hidden}
    .quest-chain summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 14px;color:var(--gold);font-size:12px;line-height:1.5;list-style:none}
    .quest-chain summary::-webkit-details-marker{display:none}.chain-expand{display:block;flex:0 0 16px;align-self:center;margin-left:auto;transform-origin:center;transition:transform .2s}.quest-chain[open] .chain-expand{transform:rotate(180deg)}
    @media(prefers-reduced-motion:reduce){.chain-expand{transition:none}}
    .quest-chain summary:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.quest-chain.uncertain{border-color:#5d4930;background:#231e18}
    .chain-body{padding:0 14px 14px;border-top:1px solid var(--border)}.chain-selector{display:grid;gap:7px;color:var(--muted);font-size:11px;margin-top:14px}
    .chain-selector select{width:100%;min-width:0;max-width:100%;padding:9px;background:#100e15;border:1px solid #4b3b59;color:var(--text);border-radius:4px;font-size:12px}
    .detail-card .chain-lead{font-size:12px;color:#d9c3ed;margin-top:14px}.chain-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:16px}
    .chain-steps li{display:flex;align-items:flex-start;gap:10px;position:relative}.chain-number{flex-shrink:0;width:23px;height:23px;display:grid;place-items:center;border:1px solid #6a5236;border-radius:50%;color:var(--gold);font-size:11px;margin-top:1px}
    .chain-step-content{min-width:0}.chain-title{font-size:12px;text-decoration:none;color:#dfc4f5;overflow-wrap:anywhere}.chain-title small{font-size:10px;white-space:nowrap;color:var(--muted)}
    .chain-phase{font-size:9px;color:var(--gold);letter-spacing:.4px;margin-bottom:2px}.chain-npc{font-size:11px;color:#c7b9d4;line-height:1.55;margin:4px 0}.detail-card .chain-steps p{font-size:12px;line-height:1.6;color:var(--muted)}
    .chain-steps .optional .chain-phase{color:var(--muted)}.detail-card .chain-note{font-size:12px;color:#d0bf9e;border-left:2px solid #6a5236;padding-left:10px;margin-top:15px}.chain-checked{display:block;color:#91829e;font-size:9px;margin-top:14px}
    .preparation-link{display:block;width:100%;text-align:left;background:none;padding:5px 10px 9px;color:var(--gold);font-size:10px;line-height:1.6;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
    .dungeon-preparation{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.dungeon-preparation .eyebrow{display:block;margin-bottom:7px}.dungeon-preparation .preparation-link{padding:4px 0;font-size:11px}
    [id^="quest-"]{scroll-margin-top:20px}.cards{align-items:start}
    @media print{.quest-chain{background:white;border-color:#ccc}.quest-chain summary,.chain-title,.chain-npc,.chain-phase{color:#444}.preparation-link,.chain-selector{display:none}}
    /* QUEST_MAP_STYLES_START */
.map-open{display:inline-flex;align-items:center;gap:7px;border:1px solid #766045;background:#2b2231;color:var(--gold);border-radius:5px;padding:9px 12px;font-size:12px;line-height:1.4;margin:12px 0;cursor:pointer;text-align:left}
.map-open:hover{background:#3c2c49;border-color:var(--gold)}
/* SVG не зависит от базовой линии шрифта: центр прицела совпадает с центром кнопки. */
.map-open:before{content:'';display:block;width:16px;height:16px;flex:0 0 16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Cpath d='M12 2v7m0 6v7M2 12h7m6 0h7'/%3E%3Ccircle cx='12' cy='12' r='1' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat}
.chain-step-content .map-open{font-size:11px;margin:6px 0 0;padding:5px 9px}.task-list .map-open{margin:0 10px 12px}
.quest-map-dialog{width:min(1180px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:0;border:1px solid #6f576e;border-radius:13px;color:var(--text);background:#16111e;box-shadow:0 25px 100px #000c;overflow:auto;overscroll-behavior:contain}
.quest-map-dialog::backdrop{background:#05030ac9;backdrop-filter:blur(5px)}.quest-map-shell{padding:24px}.quest-map-header{display:flex;align-items:start;justify-content:space-between;gap:20px;position:sticky;top:-24px;z-index:6;background:#16111e;padding:10px 0;border-bottom:1px solid #3a2c47}.quest-map-header h2{font-size:26px;line-height:1.25;margin-top:7px;overflow-wrap:anywhere}.map-close{width:36px;height:36px;flex-shrink:0;border:1px solid #51405d;background:#251c30;color:#e8d9f0;border-radius:6px;cursor:pointer;font-size:18px}
.quest-map-dialog button:focus-visible,.quest-map-dialog select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.map-stage-navigation{display:flex;gap:10px;align-items:end;margin-top:18px}.map-stage-navigation label{flex:1;min-width:0;font-size:11px;color:var(--muted)}.map-stage-navigation select{display:block;width:100%;margin-top:5px}.map-stage-navigation>button{width:36px;height:38px;flex-shrink:0;background:#2b2037;border:1px solid #594568;color:var(--gold);border-radius:4px}.map-stage-navigation>button:disabled{opacity:.3;cursor:default}
.quest-map-dialog select{max-width:100%;background:#221a2b;color:var(--text);border:1px solid #594568;padding:9px;border-radius:4px;font-size:12px}.map-instructions{font-size:13px;color:#dbcbe7;line-height:1.7;margin:16px 0}.map-warning{font-size:12px;color:#efcd8a;line-height:1.65;border-left:2px solid var(--gold);padding-left:12px}
.map-legend{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.map-legend button{padding:7px 12px;border:1px solid #4a3a59;background:#21192c;color:#cabbdb;border-radius:5px;font-size:11px;cursor:pointer}.map-legend .selected{background:#3a2a47;border-color:var(--gold);color:white}.map-legend .start:before,.map-legend .objective:before,.map-legend .end:before{content:'●';margin-right:7px}.map-legend .start:before,.map-role.start,.map-waypoint-group h3.start{color:#f1cb62}.map-legend .objective:before,.map-role.objective,.map-waypoint-group h3.objective{color:#f29b7b}.map-legend .end:before,.map-role.end,.map-waypoint-group h3.end{color:#8bdbb0}
.quest-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.map-zone-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-bottom:10px}.map-zone-label select{width:62%}.zone-map{position:relative;width:100%;aspect-ratio:1002/668;border:1px solid #725743;border-radius:8px;background:#251a10;isolation:isolate}.zone-map>img{display:block;width:100%;height:100%;border-radius:7px}.map-pin{position:absolute;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:27px;height:27px;padding:0 5px;border:2px solid #211514;border-radius:50%;background:#e6c362;color:#201420;font:bold 12px/1 Arial,sans-serif;box-shadow:0 2px 5px #000a;cursor:pointer}.map-pin.objective{background:#ed9578}.map-pin.end{background:#83d5a5}.map-pin.mixed{background:linear-gradient(135deg,#e6c362 48%,#83d5a5 52%)}.map-pin.active{z-index:3;outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 5px #22132999}.map-pin.entrance{border-radius:5px}.map-spawn{position:absolute;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);background:#ff916c;border:1px solid #512718;z-index:1;pointer-events:none}
.map-selected-point{display:grid;gap:5px;border:1px solid #59415f;background:#251b30;border-radius:7px;padding:14px;margin-top:14px;font-size:12px;line-height:1.6}.map-selected-point strong{font-size:15px;color:white}.map-role{font-size:10px;letter-spacing:.5px}.map-selected-point>span:last-of-type{color:#baa9cc}.map-selected-point p{color:#d7c8e1;margin:4px 0 0}.map-caption{font-size:10px;color:#a99ab8;line-height:1.7;margin-top:12px}
.map-waypoint-group{margin-bottom:18px}.map-waypoint-group h3{font:600 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.map-waypoint{border:1px solid #3a2c47;border-radius:6px;background:#1e1727;margin-bottom:8px;padding:10px}.map-waypoint.active{border-color:#ac8a56;background:#2b2033}.map-waypoint>button{display:flex;gap:9px;align-items:start;text-align:left;background:none;color:var(--text);width:100%;padding:0;cursor:pointer}.map-waypoint strong{font-size:12px;line-height:1.5;display:block;overflow-wrap:anywhere}.map-waypoint small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:3px}.map-point-number{flex-shrink:0;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:11px;background:#e6c362;color:#21162b}.map-point-number.objective{background:#ed9578}.map-point-number.end{background:#83d5a5}.map-waypoint p{font-size:11px;color:#bbaacc;line-height:1.65;margin:8px 0}.map-waypoint>a{font-size:10px;color:#c0a1da;text-underline-offset:3px}.map-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #3e2e4b;padding-top:14px;margin-top:15px;font-size:10px;color:var(--muted)}.map-footer a{color:var(--gold)}
@media(min-width:851px){.zone-map{max-width:min(100%,max(420px,calc(150dvh - 600px)));margin-inline:auto}}
@media(max-width:850px){.quest-map-layout{grid-template-columns:1fr}.map-waypoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-waypoint-group{min-width:0}.quest-map-shell{padding:18px}.quest-map-header{top:-18px}}
@media(max-width:560px){.quest-map-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:8px}.quest-map-shell{padding:14px}.quest-map-header{top:-14px}.quest-map-header h2{font-size:22px}.map-waypoints{display:block}.map-pin{min-width:24px;height:24px;font-size:10px}.map-legend button{padding:7px 8px}.map-zone-label{align-items:start;flex-direction:column;gap:6px}.map-zone-label select{width:100%}.map-stage-navigation{gap:6px}}
@media print{.quest-map-dialog,.map-open{display:none!important}}

/* QUEST_MAP_STYLES_END */
/* CHARACTER_PROFILE_STYLES_START */
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar>*{flex-shrink:0}.sidebar-bottom{padding-top:20px}.class-card{display:block;padding:14px;margin-bottom:20px}.character-heading{display:flex;gap:10px;align-items:center;margin-bottom:13px}.character-heading>div{min-width:0}.character-heading .class-symbol{flex-shrink:0}.character-heading strong{font-size:13px}.character-heading small{font-size:10px}.character-fields{display:grid;gap:10px}.character-fields label,.character-faction-field{display:grid;gap:4px;font-size:9px;color:#c4b0d7;text-transform:uppercase;letter-spacing:.8px}.character-fields select{width:100%;min-width:0;padding:7px 8px;border:1px solid #685078;border-radius:5px;background:#191321;color:var(--text);font-size:12px;text-transform:none;letter-spacing:normal}.character-factions{display:flex;gap:5px}.character-factions button{flex:1;min-width:0;padding:7px 4px;border:1px solid #574165;border-radius:5px;background:#1e1726;color:#b6a7c7;font-size:11px}.character-factions button.selected{color:#ffe6b0;border-color:#b69967;background:#382b3d}.character-notice{font-size:10px!important;line-height:1.6;color:#bba2cb;margin-top:12px!important}.character-guide-empty{padding:30px;border:1px solid #4b3b59;border-radius:10px;background:#1d1726}.character-guide-empty p{color:var(--muted);margin-top:13px}.character-guide-empty h2{font-size:25px}.character-guide-empty a{font-size:12px}.character-summary{font-size:12px;color:#cdbbdb;margin-top:10px}.toolbar{justify-content:space-between}.class-card .character-fields label select:focus-visible{outline-offset:2px}


/* CHARACTER_PROFILE_STYLES_END */
/* LEVEL_RAIL_STYLES_START */
.has-level-rail .content{max-width:1380px;padding-right:166px}
.level-rail{position:fixed;right:24px;top:120px;width:98px;z-index:12;padding:14px 10px;border:1px solid #45344f;border-radius:12px;background:linear-gradient(180deg,#211829ee,#15121cee);box-shadow:0 12px 36px #0003;backdrop-filter:blur(12px)}
.level-rail-title{display:block;text-align:center;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:1.8px;margin-bottom:12px}
.level-all{width:100%;padding:7px 2px;border:1px solid #44354f;border-radius:5px;background:#19131f;color:var(--muted);font-size:10px}
.level-all.selected{border-color:#8e6aa6;color:#e6ccff;background:#32223f}
.level-ruler{display:grid;margin-top:12px;border:1px solid #46344f;border-radius:7px;overflow:hidden}
.level-band{position:relative;min-height:110px;background:transparent;color:#b7a5c5;border-bottom:1px solid #46344f;padding:30px 5px;font-size:17px;font-family:Georgia,serif;transition:background .2s,color .2s}
.level-band:last-child{border-bottom:0}
.level-band::before,.level-band::after{content:'';position:absolute;right:0;width:9px;height:1px;background:#6b507b}
.level-band::before{top:24%}.level-band::after{bottom:24%}
.level-band.selected{background:#3b284bcc;color:#f2dcff;box-shadow:inset 3px 0 #c093ed}
.level-band.in-view{color:#efce8d;box-shadow:inset 2px 0 #bd9860;background:#2a221b88}
.level-band:focus-visible{outline-offset:-4px}
.level-rail-note{display:block;text-align:center;min-height:28px;font-size:9px;color:var(--muted);line-height:1.5;margin-top:10px}
.level-filter-note{font-size:11px;color:var(--muted)}
.content .section-heading{scroll-margin-top:30px}
@media(min-width:1101px) and (max-height:650px){.level-rail{top:96px;padding-top:10px;padding-bottom:10px}.level-band{min-height:75px;padding:22px 3px}.level-rail-note{min-height:0}}
@media(max-width:1100px){.has-level-rail .content{padding-right:28px}.level-rail{position:sticky;top:10px;right:auto;width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;margin:0 0 15px;border-radius:8px}.level-rail-title{margin:0;font-size:9px;letter-spacing:.8px}.level-all{width:95px;flex-shrink:0;padding:10px 4px}.level-ruler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;margin:0;border:0;gap:4px;overflow:visible}.level-band{font-family:inherit;font-size:12px;min-height:40px;padding:9px 3px;border:1px solid #46344f!important;border-radius:5px}.level-band::before,.level-band::after{display:none}.level-band.selected,.level-band.in-view{box-shadow:none;border-color:#ab82ca!important}.level-rail-note{display:none}.content .section-heading{scroll-margin-top:85px}}
@media(max-width:560px){.has-level-rail .content{padding-right:16px}.level-rail{gap:6px;padding:8px}.level-rail-title{display:none}.level-all{width:80px;font-size:10px}.level-filter-note{max-width:115px;line-height:1.5}.toolbar{justify-content:space-between}}
@media print{.level-rail{display:none!important}.has-level-rail .content{padding-right:0}}

/* LEVEL_RAIL_STYLES_END */
/* WORLD_ICON_STYLES_START */
.world-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;width:19px;height:19px;flex-shrink:0;border:1px solid #56726966;border-radius:4px;background:#25392e66;color:#9cd8be;margin-right:6px}
.world-icon svg{display:block;width:14px;height:14px}
.world-icon-npc{color:#d8b5fb;border-color:#8864a866;background:#48315d66}
.world-icon-mob{color:#f5ad89;border-color:#b2725766;background:#5b322766}
.world-icon-object{color:#efce80;border-color:#a0854966;background:#4b3e2666}
.world-name{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.world-name .world-icon{width:16px;height:16px;margin-right:4px;vertical-align:-3px}
.world-name .world-icon svg{width:12px;height:12px}
.map-zone-label>span{display:inline-flex;align-items:center;white-space:nowrap}
.map-selected-point strong,.map-waypoint strong{display:flex;align-items:flex-start;gap:7px}
.map-selected-point strong .world-icon,.map-waypoint strong .world-icon{margin:1px 0 0}
.map-waypoint small .world-icon,.map-selected-point .world-location .world-icon{width:14px;height:14px;vertical-align:-2px;margin-right:4px}
.map-waypoint small .world-icon svg,.map-selected-point .world-location .world-icon svg{width:11px;height:11px}
.dungeon-card h3>.world-icon{width:25px;height:25px;vertical-align:-3px}.dungeon-card h3>.world-icon svg{width:18px;height:18px}
.dungeon-card li strong>.world-icon{vertical-align:-4px}
/* В компактном источнике центрируем значок с текстом, без смещения от базовой линии. */
.source-name .npc-ref{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
.source-name .npc-type-icon{width:13px;height:13px;flex-basis:13px;margin:0}.source-name .npc-type-icon svg{width:10px;height:10px}
@media print{.world-icon,.npc-type-icon{background:transparent;color:#555;border-color:#aaa}}

/* WORLD_ICON_STYLES_END */
/* QUEST_PATHS_STYLES_START */
.quest-route-maps{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.quest-route-maps .map-open{margin:0}
.quest-path-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.quest-path-heading h4{margin:0;color:var(--gold);font-size:16px;font-family:inherit}.quest-path-heading>span{font-size:11px;color:var(--muted);white-space:nowrap}
.multi-path{grid-column:1/-1}
.quest-path-choice{margin-bottom:16px}.quest-path-instruction{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.7}.quest-path-instruction strong{color:var(--gold);font-weight:500}
.quest-path-tabs{display:flex;align-items:center;gap:12px}.quest-path-tabs [role=tab]{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #574165;border-radius:6px;background:#191321;color:var(--muted);padding:10px 16px;font-size:13px;cursor:pointer}.quest-path-tabs [role=tab][aria-selected=true]{border-color:var(--gold);color:var(--gold);background:#382b3d;box-shadow:inset 0 -2px 0 var(--gold)}.quest-path-tabs [role=tab]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.quest-path-or{color:var(--gold);font-size:12px}.quest-path-map{margin:0 0 12px}
.quest-path.alternative{padding:16px;border:1px solid #4b3b59;border-radius:7px;background:#17121e}
@media(max-width:600px){.quest-path.alternative{padding:12px}.quest-path-heading{align-items:flex-start}.quest-route-maps .map-open{flex:1 1 auto}.quest-path-tabs{gap:8px}.quest-path-tabs [role=tab]{flex:1;min-width:0;padding:10px 6px;font-size:12px}}
/* QUEST_PATHS_STYLES_END */
/* WAND_CRAFTING_STYLES_START */
.wand-crafting{margin-top:16px;padding:16px;border:1px solid #493556;border-radius:7px;background:#1d1726}
.wand-choice-tabs{display:flex;align-items:center;gap:9px;margin-bottom:14px}.wand-choice-tabs>span{color:var(--gold);font-size:11px}.wand-choice-tabs button{flex:1;border:1px solid #574165;border-radius:5px;background:#191321;color:var(--muted);padding:9px 10px;font-size:13px}.wand-choice-tabs button[aria-selected=true]{border-color:var(--gold);background:#382b3d;color:var(--gold)}
.wand-cost-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wand-cost-comparison>div{min-width:0;border:1px solid var(--border);border-radius:5px;padding:10px;background:#15121b}.wand-cost-comparison>div>span,.wand-cost-comparison small{display:block;font-size:10px;color:var(--muted)}.wand-cost-comparison strong{display:block;font:600 20px/1.5 "Segoe UI",Arial,sans-serif;color:var(--text);margin:3px 0}
.wand-training-option{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--muted);margin-top:12px;cursor:pointer}.wand-training-option input{accent-color:var(--green);margin:3px 0 0;flex-shrink:0}.wand-cost-verdict{border-left:2px solid var(--green);padding-left:10px;margin:14px 0}.detail-card .wand-cost-verdict p{font-size:11px}.wand-cost-verdict p+p{margin-top:5px}.wand-cost-verdict strong{color:var(--text);font-weight:500}.detail-card .wand-comparison-note{font-size:10px;color:var(--muted);margin-top:14px}
.wand-craft-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.wand-craft-heading h4{margin:0;font-size:15px;font-weight:500;color:var(--gold)}
.detail-card .wand-crafting p{font-size:12px;line-height:1.65}.detail-card .wand-craft-yield{margin-top:12px;color:var(--text)}
.wand-reagents{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}.wand-reagents li{display:flex;align-items:center;gap:10px}.wand-reagents .item-icon{align-self:center}.wand-reagent-name{min-width:0;font-size:12px;overflow-wrap:anywhere}.wand-reagent-name small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.wand-reagent-price{margin-left:auto;flex-shrink:0;font-size:12px;font-weight:500;color:var(--text)}
.wand-craft-total{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.wand-craft-total>span{font-size:10px;color:var(--muted);flex:1 1 110px}.wand-craft-total strong{display:block;font-size:20px;font-family:"Segoe UI",Arial,sans-serif;font-weight:600;color:var(--text);margin-top:2px}
.detail-card .wand-craft-note{margin-top:12px;color:var(--muted);font-size:11px}.detail-card .wand-price-date{margin-top:10px;font-size:10px;color:var(--muted)}.wand-craft-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:11px}.wand-craft-links a{text-decoration:none}
@media(max-width:560px){.wand-crafting{padding:12px}.wand-reagents li{gap:8px}.wand-reagent-name{font-size:11px}}

/* WAND_CRAFTING_STYLES_END */
/* MONEY_STYLES_START */
.wow-money{display:inline-flex;align-items:baseline;gap:.5em;vertical-align:baseline;white-space:nowrap;color:var(--text,#eee9f2);font-family:"Segoe UI",Arial,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:inherit}
.wow-money .wow-money-part{display:inline-flex;align-items:center;gap:.16em;white-space:nowrap;color:inherit;font:inherit}.wow-money .wow-money-number{display:inline;font:inherit;color:inherit}.wow-money .wow-money-coin{display:block;flex:0 0 auto;width:.78em;height:.78em;min-width:10px;min-height:10px;max-width:15px;max-height:15px}.wow-money .wow-money-sign{color:inherit;font:inherit}
@media(forced-colors:active){.wow-money-coin{forced-color-adjust:none}}

/* MONEY_STYLES_END */
/* ITEM_PRICES_STYLES_START */
.global-prices{position:relative;max-width:360px}.global-prices-actions{display:flex;gap:10px;align-items:center}.price-sync{color:var(--muted);font-size:11px;white-space:nowrap}
.price-registry summary{list-style:none;cursor:pointer;color:var(--muted);font-size:11px;white-space:nowrap}.price-registry summary::-webkit-details-marker{display:none}.price-registry summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.price-registry-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:440px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid #574165;border-radius:8px;padding:18px;box-shadow:0 12px 40px #0009}.price-registry-panel h3{color:var(--gold);font-size:16px}.price-registry-panel p{color:var(--muted);font-size:11px;margin:8px 0}.price-registry-panel ul{list-style:none;margin:14px 0;padding:0;max-height:360px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:12px}.price-registry-panel li{display:flex;gap:10px;align-items:flex-start;font-size:12px}.price-registry-panel li>div{min-width:0}.price-registry-panel a{font-size:11px}.price-registry-panel .item-price{display:block;margin-top:3px;font-size:11px}
.item-price{color:var(--muted);font-size:11px}.item-vendor-price{display:block;margin-top:3px}.wowhead-tooltip>.item-price{display:block;border-top:1px solid #27324c;padding-top:8px;margin-top:8px}
@media(max-width:560px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.top-right{justify-content:space-between;width:100%}.global-prices{max-width:100%;flex:1}.global-prices-actions{justify-content:space-between;margin-right:10px}.price-registry-panel{left:0;right:auto;width:calc(100vw - 32px);max-width:none}.price-registry-panel ul{max-height:50dvh}}

@media print{.global-prices{display:none}}

/* ITEM_PRICES_STYLES_END */

.nav-button{text-decoration:none}
.gear-priority{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.8}
.guide-context{margin:0 0 24px;padding:16px 18px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:13px;line-height:1.65}.guide-context>.badge{margin-right:10px}.guide-context p{margin-top:8px;color:var(--muted);font-size:12px}.source-label{color:var(--gold)!important}.stage-head{flex-wrap:wrap}.stage-head>.source-badge{font-size:9px;white-space:normal}.level-ruler{min-height:0}.level-band{min-height:40px}
@media(max-width:800px){.level-ruler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.level-band{width:100%}.stage-head>.source-badge{margin-left:0}.guide-context{padding:12px}}

.item-price-source{display:inline-block;margin-left:4px;color:var(--muted);font-size:10px;white-space:nowrap}
.item-price-date{display:inline-block;margin-left:4px;color:var(--muted);font-size:10px;white-space:nowrap}
.item-crafting-requirement{border-top:1px solid #27324c;padding-top:8px;margin-top:8px;color:var(--muted);font-size:11px}.item-crafting-requirement a{color:#a4b7d4}

/* Предметная версия: компактный гримуар с отдельным планировщиком персонажа. */
.planner-controls{gap:8px;flex-wrap:wrap}.planner-reset{padding:5px 8px;border:1px solid #4a3a58;border-radius:4px;background:#292030;color:var(--purple);font-size:10px;line-height:1.4;white-space:nowrap}.planner-reset:hover{background:#3b2c48;border-color:#745486}.planner-reset:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.gear-mode-panel{margin:0 0 23px;padding:14px 16px;border:1px solid #40334c;border-radius:9px;background:#201925}.gear-mode-switch{display:flex;gap:6px;flex-wrap:wrap}.gear-mode-switch button{padding:9px 12px;border:1px solid transparent;border-radius:5px;background:transparent;color:#a99db5;font-size:12px}.gear-mode-switch button.selected{color:#ebd5ff;background:#493456;border-color:#745486}.gear-mode-panel p{font-size:11px;line-height:1.7;color:#b5a8c0;margin:10px 0 0}.upgrade-summary{font-size:11px;color:#c3abdb;line-height:1.7;margin:0 0 12px}.upgrade-summary span{color:#9f94ab}.upgrade-badge{color:#c5a0e8}.carry-badge{color:#8f8699}
@media(max-width:800px){.gear-mode-panel{padding:12px}.gear-mode-switch{display:grid;grid-template-columns:1fr 1fr}.gear-mode-switch button{padding:9px 7px;font-size:11px;line-height:1.5}.equipment-layout .level-ruler{max-height:none}.upgrade-summary{font-size:10px}.equipment-band .section-heading{gap:8px}}
body{background:#101015}
/* Картинка и имя относятся к одному NPC; статистика остаётся у его строки. */
.item-drop-details li .item-drop-boss{text-decoration:none}.item-drop-boss-copy{display:flex;flex-direction:column;gap:4px}.item-drop-boss-copy>span{text-decoration:underline}.item-drop-details li .item-drop-dungeon{font-size:10px;line-height:1.4;white-space:normal;color:#a396af}
.item-drop-details ul li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:10px 0}.item-drop-details li .item-drop-boss{display:flex;align-items:center;gap:12px;min-width:0}.item-drop-boss img{width:88px;height:88px;flex-shrink:0;object-fit:contain;border:1px solid #494032;border-radius:5px;background:#1b1720}.item-drop-boss span{min-width:0;overflow-wrap:anywhere}.item-drop-stat{display:flex;align-items:baseline;gap:8px}.wowhead-tooltip .item-drop-boss img{width:44px;height:44px}.wowhead-tooltip .item-drop-details ul li{gap:8px}.wowhead-tooltip .item-drop-details li .item-drop-boss{gap:8px}.wowhead-tooltip .item-drop-stat{flex-direction:column;align-items:flex-end;gap:2px}
@media(max-width:480px){.item-drop-boss img{width:64px;height:64px}.item-drop-details ul li{gap:8px}.item-drop-details li .item-drop-boss{gap:8px}.item-drop-stat{flex-direction:column;align-items:flex-end;gap:2px}}
.item-drop-compact{display:inline-block;font-size:10px;line-height:1.6;margin:4px 0;color:#cfb780}.item-drop-compact a{color:inherit;text-decoration:none}.item-drop-compact a:hover{text-decoration:underline}.equipment-source .item-drop-compact{display:block;margin-top:4px;color:#cfb780}.item-drop-details{margin:12px 0;padding:12px;border:1px solid #494032;border-radius:6px;background:#30291c55;font-size:12px}.item-drop-details>strong{color:#dcc28a;font-weight:500}.item-drop-details ul{list-style:none;padding:0;margin:8px 0}.item-drop-details li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:5px 0}.item-drop-details li a{color:#b8acd0;flex:1 1 140px;overflow-wrap:anywhere}.item-drop-details li b{color:#e4ca8c;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}.item-drop-details li small{color:#93889d;font-size:10px;white-space:nowrap}.item-drop-note,.item-method-content .item-drop-note{font-size:10px;line-height:1.6;color:#a396af;margin:5px 0 0}.item-drop-note a{color:#c9b683}.wowhead-tooltip .item-drop-details{margin:8px 0;padding:8px;font-size:11px}.wowhead-tooltip .item-drop-details li a{flex-basis:120px}.item-ref+.item-drop-compact{margin-left:5px}
.equipment-layout{--guide-icon-size:44px;--guide-row-padding-x:18px;--guide-row-padding-y:17px;--guide-row-gap:15px;--border:#302d39;--muted:#a09aa9;--text:#e5e0e9;--purple:#c4a2eb;--gold:#d7ba7c}
.equipment-layout .sidebar{width:372px;padding:26px 22px;position:sticky;top:0;height:100dvh;overflow-y:auto;background:linear-gradient(160deg,#1c1823,#131217);flex-shrink:0;scrollbar-width:thin}
.equipment-layout .brand{margin:0 0 26px;text-decoration:none;gap:14px}.equipment-layout .brand-icon{height:39px;width:34px}.equipment-layout .brand-name{font-size:23px;letter-spacing:5px}.equipment-layout .brand-sub{font-size:9px;letter-spacing:1.8px;margin-top:4px}
.equipment-layout .main{width:calc(100% - 372px)}.equipment-layout .topbar{height:66px;padding:0 36px}.equipment-layout .content{padding:34px 122px 26px 36px;max-width:1400px}.equipment-layout .equipment-hero{margin-bottom:27px}.equipment-hero .eyebrow{color:var(--gold);letter-spacing:1.6px}.equipment-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.1vw,47px);line-height:1.3;margin:9px 0}.equipment-hero h1 em{font-style:normal;color:var(--purple)}.equipment-hero p{font-size:12px;color:var(--muted);max-width:620px;line-height:1.7}
.equipment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:23px;border-bottom:1px solid var(--border);margin-bottom:32px}.equipment-toolbar .search{max-width:280px;flex:1}.equipment-toolbar .search input{background:#19171e;border-color:#36303d;height:37px}.acquisition-filters{display:flex;gap:5px;flex-wrap:wrap}.acquisition-filters button{padding:7px 11px;font-size:11px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted)}.acquisition-filters button.selected{background:#302539;border-color:#554163;color:#d5b7f2}.acquisition-filters button:hover{color:var(--text)}
.equipment-band{margin-bottom:34px;scroll-margin-top:24px}.band-title{display:flex;align-items:center;gap:16px}.band-range{font:30px Georgia,serif;color:var(--gold);min-width:85px;letter-spacing:-1px}.equipment-band .section-heading{margin-bottom:14px;align-items:center}.equipment-band .section-heading h2{font-family:inherit;font-size:15px;font-weight:500}.equipment-band .section-heading p{font-size:10px;margin:3px 0 0}.band-note{color:#988779;font-size:10px}.equipment-list{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:linear-gradient(105deg,#1e1b25,#19171e)}
.equipment-row{display:grid;grid-template-columns:44px minmax(170px,1fr) minmax(125px,.8fr) 86px;align-items:center;gap:var(--guide-row-gap);padding:var(--guide-row-padding-y) var(--guide-row-padding-x);position:relative}.equipment-row+.equipment-row{border-top:1px solid #302a37}.equipment-row.recommended:before{content:'';width:2px;background:#b19b68;position:absolute;inset:18px auto 18px 0}.equipment-row:hover{background:#29223255}.equipment-item-copy{min-width:0}.equipment-item-heading{display:flex;align-items:baseline;gap:9px;font-size:13px;color:#92bbe9;font-weight:500}.equipment-item-heading .item-ref{overflow-wrap:anywhere;text-decoration:none}.recommended-star{color:var(--gold);font-size:12px;flex-shrink:0}.equipment-item-copy p{font-size:11px;color:#c4b9d0;margin-top:5px;line-height:1.5}.equipment-item-copy small{font-size:10px;color:#8c8396;display:block;margin-top:4px}.equipment-source{min-width:0}.equipment-source>span{font-size:10px;color:#9d92a7;line-height:1.5;display:block;margin-top:7px}.source-pills{display:flex;flex-wrap:wrap;gap:5px}.source-pills button{border-radius:4px;padding:3px 7px;background:#252e37;color:#9ebfdb;border:1px solid #394653;font-size:10px}.source-pills .source-quest{background:#302c21;color:#d7c499;border-color:#4c4330}.source-pills .source-craft{background:#2f2538;color:#c6a4e6;border-color:#4f3b61}.source-pills .source-buy{background:#283026;color:#aec698;border-color:#414f38}.equipment-details{font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0 8px 9px;color:#bbb1c4;background:none}.equipment-details:hover{color:var(--gold)}.equipment-details span{font-size:17px}.data-footnote{font-size:10px;line-height:1.7;color:#8d8399;max-width:650px}.text-button{font-size:10px;background:none;color:#aaa0b6;padding:0}
.equipment-layout .level-rail{width:84px;right:18px;top:122px;padding:15px 11px;border:1px solid #35303d;border-radius:10px;background:#18151df5}.equipment-layout .level-rail-title{font-size:9px}.equipment-layout .level-all{padding:7px;margin:10px 0 6px}.equipment-layout .level-band{font-size:11px}.equipment-layout .level-ruler{gap:8px}.equipment-layout .level-rail-note{font-size:9px;margin-top:15px}
.equipment-planner{font-size:11px}.planner-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.planner-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.planner-heading h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin-top:3px}.planner-mode{color:var(--purple);border:1px solid #4a3a58;background:#292030;padding:4px 8px;border-radius:4px;font-size:10px}.planner-controls{display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:12px}.planner-controls label{display:flex;align-items:center;gap:9px}.planner-controls input{width:48px;color:var(--gold);background:#121015;border:1px solid #44354f;padding:4px 5px;border-radius:4px}.planner-controls b{font-weight:400;color:var(--gold)}
.paper-doll{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(7,49px) minmax(72px,auto);column-gap:42px;row-gap:5px;position:relative;padding-top:17px}.character-silhouette{position:absolute;width:145px;height:300px;top:50px;left:50%;transform:translateX(-50%);opacity:.5;pointer-events:none}.paper-slot{display:flex;align-items:center;gap:7px;min-width:0;z-index:1}.paper-slot-icon{position:relative;width:35px;height:35px;border:1px solid #504754;background:linear-gradient(135deg,#27232d,#131116);border-radius:5px;display:grid;place-items:center;flex-shrink:0;color:#796483;font-size:22px;box-shadow:inset 0 0 0 2px #131217,0 3px 8px #0007}.paper-slot-icon img{height:100%;width:100%;border-radius:4px}.paper-slot.filled .paper-slot-icon{border-color:#7c6d89}.paper-slot-copy{min-width:0}.paper-slot-copy>span{display:block;color:#9990a6;font-size:9px;margin-bottom:3px}.paper-slot-trigger{padding:0;cursor:pointer}.paper-slot-trigger:hover{border-color:#b294c5}.paper-slot-trigger:focus-visible,.paper-slot-trigger[aria-expanded=true]{outline:1px solid var(--gold);outline-offset:2px}.paper-slot-copy>.paper-slot-item{font-size:9px;color:#a6c9f3;max-width:93px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.paper-slot-item:focus-visible{outline:1px solid var(--gold)}
.paper-head{grid-area:1/1}.paper-neck{grid-area:2/1}.paper-shoulder{grid-area:3/1}.paper-back{grid-area:4/1}.paper-chest{grid-area:5/1}.paper-wrist{grid-area:6/1}.paper-hands{grid-area:7/1}.paper-waist{grid-area:1/2}.paper-legs{grid-area:2/2}.paper-feet{grid-area:3/2}.paper-ring1{grid-area:4/2}.paper-ring2{grid-area:5/2}.paper-trinket1{grid-area:6/2}.paper-trinket2{grid-area:7/2}.paper-waist,.paper-legs,.paper-feet,.paper-ring1,.paper-ring2,.paper-trinket1,.paper-trinket2{flex-direction:row-reverse;text-align:right}/* Нижние слоты делят одну строку: название вещи не сдвигает иконку вверх. */
.paper-mainhand{grid-area:8/1;justify-self:start}.paper-offhand{grid-area:8/2;justify-self:end}.paper-ranged{grid-area:8/1/9/3;justify-self:center}.paper-mainhand,.paper-offhand,.paper-ranged{align-self:start;flex-direction:column;gap:2px;text-align:center}.paper-mainhand .paper-slot-copy>span,.paper-offhand .paper-slot-copy>span,.paper-ranged .paper-slot-copy>span{margin:0}.paper-ranged .paper-slot-item{max-width:70px;font-size:8px}.paper-mainhand .paper-slot-item,.paper-offhand .paper-slot-item{max-width:95px;font-size:8px}.planner-hint{color:#82778f;font-size:9px;line-height:1.6;margin:13px 0}
.planner-stats{padding-top:3px}.planner-stats h3{font-family:inherit;font-size:11px;font-weight:500;padding:7px 9px;background:#24202b;border-radius:4px;display:flex;justify-content:space-between;margin:13px 0 8px;color:#dbcbeb}.planner-stats h3 span{font-size:9px;color:#94879f;font-weight:400}.planner-stats dl{display:grid;grid-template-columns:1fr auto;row-gap:5px;margin:0;padding:0 9px}.planner-stats dt{color:#aca0b8;font-size:10px}.planner-stats dd{margin:0;color:#eee3f7;font-size:11px;font-variant-numeric:tabular-nums}.resistance-stats{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;gap:3px;font-size:8px;color:#a995bb}.resistance-stats b{display:block;font-weight:500;font-size:12px;color:#dfd3ea;margin-top:5px}
.equipment-dialog{padding:0;border:1px solid #635077;border-radius:12px;background:#1b1722;color:#e5ddeb;width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;margin:auto;box-shadow:0 20px 100px #000a}.equipment-dialog::backdrop{background:#08060bbd;backdrop-filter:blur(5px)}.equipment-dialog-shell{padding:25px 28px}.equipment-dialog-header{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #3a3043}.equipment-dialog-header h2{font-family:Georgia,serif;font-size:26px;margin:3px 0;overflow-wrap:anywhere}.equipment-dialog-header p{font-size:12px;color:#bbaaC8}.equipment-dialog-header .map-close{margin-left:auto;flex-shrink:0}.equipment-dialog .item-icon{align-self:center}.equipment-dialog h3{font-size:16px;margin:15px 0 9px}.item-method-tabs{display:flex;gap:8px;border-bottom:1px solid #3a3043;padding-bottom:12px;margin-top:17px}.item-method-tabs button{background:#282131;border:1px solid #43344f;color:#b19ec3;border-radius:5px;padding:8px 14px;font-size:12px}.item-method-tabs button[aria-selected=true]{color:#eddbff;border-color:#8a65a7;background:#3a284b}.item-method-content{font-size:13px;line-height:1.7;padding-top:4px}.item-method-content p{margin:9px 0;color:#c5b8d1}.item-method-content .npc{font-size:12px}.dialog-note{font-size:11px;line-height:1.7;color:#9584a4!important;margin-top:18px!important}.equipment-dialog .quest-chain{margin-top:18px}.equipment-dialog .chain-body{padding:15px}.equipment-dialog .source-row{font-size:12px}.equipment-dialog .wowhead-tooltip{font-size:12px}
@media(min-width:1600px){.equipment-layout{--guide-row-padding-x:24px;--guide-row-padding-y:20px}.equipment-layout .sidebar{width:390px;padding-left:26px;padding-right:26px}.equipment-layout .main{width:calc(100% - 390px)}.equipment-layout .content{padding-left:52px;padding-right:145px}.equipment-layout .equipment-hero{margin-bottom:35px}}
@media(max-width:1200px){.equipment-layout{--guide-icon-size:40px;--guide-row-padding-x:15px;--guide-row-padding-y:15px;--guide-row-gap:12px}.equipment-layout .sidebar{width:328px;padding:22px 16px}.equipment-layout .main{width:calc(100% - 328px)}.equipment-layout .content{padding-left:24px;padding-right:99px}.equipment-layout .topbar{padding:0 24px}.equipment-layout .level-rail{right:10px;width:73px}.equipment-row{grid-template-columns:40px minmax(145px,1fr) minmax(110px,.7fr);gap:12px;padding:15px}.equipment-details{grid-column:3;justify-self:end;padding:0}.equipment-source{grid-column:3;grid-row:1}.equipment-item-copy{grid-row:1/3}.equipment-row .item-icon{grid-row:1/3;width:40px;height:40px}.band-note{display:none}.equipment-toolbar{flex-wrap:wrap}.equipment-toolbar .search{flex-basis:100%;max-width:none}.paper-doll{column-gap:22px}.paper-slot-copy>.paper-slot-item{max-width:82px}.paper-slot{gap:5px}}
@media(max-width:950px) and (min-width:801px){.equipment-row{grid-template-columns:var(--guide-icon-size) 1fr}.equipment-source{grid-column:2;grid-row:3}.equipment-details{grid-column:2;grid-row:4}.equipment-row .item-icon{align-self:start}.equipment-item-copy{grid-column:2;grid-row:1/3}.equipment-hero h1{font-size:31px}}
@media(max-width:800px){.equipment-layout .sidebar{position:fixed;width:min(360px,calc(100vw - 32px));padding:26px 22px;top:0;left:0;z-index:30}.equipment-layout .main{width:100%}.equipment-layout .content{padding:25px 108px 24px 24px}.equipment-layout .topbar{height:62px}.equipment-layout .mobile-menu{display:flex;font-size:18px}.equipment-layout .equipment-hero{margin-bottom:20px}.equipment-hero h1{font-size:35px}.equipment-layout .level-rail{top:100px;right:13px;width:76px}.equipment-row{grid-template-columns:40px minmax(140px,1fr) minmax(100px,.6fr)}.equipment-item-copy p{font-size:10px}.equipment-dialog-shell{padding:19px}.equipment-dialog-header h2{font-size:23px}}
@media(max-width:560px){.equipment-layout .content{padding:25px 16px 26px}.equipment-layout .topbar{padding:0 16px}.equipment-hero h1{font-size:31px}.equipment-hero p{font-size:11px}.equipment-layout .level-rail{position:sticky;top:0;right:auto;width:100%;border-radius:7px;padding:7px;margin:0 0 20px;display:flex;flex-direction:row;align-items:center;z-index:5}.equipment-layout .level-rail-title,.equipment-layout .level-rail-note{display:none}.equipment-layout .level-all{margin:0;padding:7px;font-size:10px}.equipment-layout .level-ruler{display:flex;gap:2px;flex:1;border:0;padding:0}.equipment-layout .level-band{font-size:9px;flex:1;text-align:center;padding:7px 2px;border:0}.equipment-layout .level-band:before,.equipment-layout .level-band:after{display:none}.equipment-toolbar{gap:11px;margin-bottom:24px;padding-bottom:17px}.acquisition-filters{width:100%;gap:4px}.acquisition-filters button{flex:1;font-size:10px;padding:6px}.band-range{font-size:26px;min-width:73px}.equipment-row{grid-template-columns:40px 1fr;gap:9px 12px;padding:15px}.equipment-row .item-icon{grid-row:1/3;align-self:start}.equipment-item-copy{grid-column:2;grid-row:1/3}.equipment-item-heading{font-size:12px}.equipment-source{grid-column:2;grid-row:3}.equipment-source>span{font-size:10px}.equipment-details{grid-column:2;grid-row:4}.equipment-band{margin-bottom:27px}.equipment-dialog-header{gap:11px}.equipment-dialog-header h2{font-size:21px}.equipment-dialog-shell{padding:16px}.equipment-dialog-header .eyebrow{font-size:8px}.item-method-tabs button{font-size:11px;padding:7px 11px}.item-method-content{font-size:12px}.equipment-dialog .chain-body{padding:12px}}
@media(max-width:560px){.equipment-layout .level-all{width:32px;min-width:32px;padding:7px 3px}.equipment-layout .level-ruler{min-width:0;overflow-x:auto;scrollbar-width:none}.equipment-layout .level-band{min-width:32px;white-space:nowrap}}
@media(max-width:360px){.equipment-layout .sidebar{padding:24px 16px;width:calc(100vw - 20px)}.equipment-layout .brand{gap:10px}.equipment-layout .brand-name{font-size:19px;letter-spacing:3px}.equipment-layout .brand-icon{width:26px}.equipment-layout .brand-sub{font-size:8px;letter-spacing:1px}.paper-doll{column-gap:15px}}

.acquisition-icon{width:15px;height:15px;flex-shrink:0}.acquisition-filters button,.source-pills button,.item-method-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.source-pills .acquisition-icon{width:13px;height:13px}.item-method-tabs .acquisition-icon{width:16px;height:16px}@media(max-width:560px){.acquisition-filters button{gap:4px}.acquisition-filters .acquisition-icon{width:13px;height:13px}}
.source-pills{align-items:center}.source-prerequisites{color:#d7c499;font-size:10px;line-height:1.5;padding:3px 0}.source-names{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:10px;color:#9d92a7;line-height:1.5;margin-top:7px}.source-name{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}.source-name .acquisition-icon,.source-name .world-icon{width:13px;height:13px;flex-shrink:0;margin:0}.source-name .acquisition-icon{color:#b8a273}.source-separator{color:#756b7f}

/* Строка профиля доступна при прокрутке; селекторы находятся только в диалоге. */
.equipment-layout{--header-height:66px}
.equipment-layout .topbar{position:sticky;top:0;z-index:20;background:#17141df5;backdrop-filter:blur(12px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;height:var(--header-height)}
.equipment-layout .top-right{width:auto;margin-left:0;min-width:0}
.character-trigger{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:8px 12px;border:1px solid #554163;border-radius:7px;background:#2b2134;color:#dcc5ef;font-size:12px;white-space:nowrap}
.character-trigger-text{min-width:0;overflow-x:auto;scrollbar-width:none}
.character-trigger svg{width:15px;height:15px;flex-shrink:0;color:var(--gold)}
.character-dialog{width:min(460px,calc(100vw - 28px));background:linear-gradient(125deg,#30233c,#211c2b)}
.character-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.character-dialog-heading h2{font-size:25px;margin-top:5px}
.character-dialog .character-heading{margin-bottom:22px;gap:13px}
.character-dialog .class-symbol{width:44px;height:44px}
.character-dialog .character-heading strong{display:block;font-size:16px}
.character-dialog .character-heading small{color:#baa7cf;font-size:12px}
.character-dialog .character-fields{gap:16px}
.character-dialog .character-fields label,.character-dialog .character-faction-field{font-size:10px;letter-spacing:1px;gap:6px}
.character-dialog .character-fields select{font-size:16px;min-height:44px;padding:8px 12px}
.character-dialog .character-factions button{font-size:14px;min-height:44px}
.character-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;padding-top:18px;border-top:1px solid #4b3a59}
.character-dialog-footer>span{font-size:10px;color:#b8a6c8}
.character-dialog-footer .action{margin:0;min-height:42px}
.equipment-band{scroll-margin-top:calc(var(--header-height) + 16px)}
@media(max-width:1400px){.equipment-layout{--header-height:106px}.equipment-layout .topbar{grid-template-columns:auto minmax(0,1fr);grid-template-rows:42px 36px;gap:6px 16px;padding-top:10px;padding-bottom:12px}.character-trigger{grid-column:1/-1;grid-row:2;justify-content:space-between}.equipment-layout .top-right{grid-column:2;grid-row:1;justify-content:flex-end}.equipment-layout .breadcrumb{grid-column:1;grid-row:1}.equipment-layout .global-prices-actions{margin-right:0}.equipment-layout .price-registry-panel{left:auto;right:0;max-width:calc(100vw - 32px)}}
@media(max-width:560px){.equipment-layout .topbar{padding-left:12px;padding-right:12px;gap:6px 10px}.character-trigger{font-size:11px;padding:7px 9px;gap:6px}.equipment-layout .level-rail{top:var(--header-height)}.equipment-band{scroll-margin-top:calc(var(--header-height) + 58px)}}
@media(max-width:360px){.character-trigger{font-size:10px;gap:5px}.equipment-layout .breadcrumb .beta{display:none}.equipment-layout .price-sync{font-size:10px}.equipment-layout .global-prices-actions{gap:8px}}

/* Все 12 этапов делят доступную высоту окна, без прокрутки внутри шкалы. */
@media(min-width:561px){
  .equipment-layout .level-rail{position:fixed;top:calc(var(--header-height) + 12px);bottom:auto;height:calc(100dvh - var(--header-height) - 24px);max-height:850px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;margin:0;padding:12px 8px;box-sizing:border-box}
  .equipment-layout .level-rail-title{margin:0;line-height:14px}
  .equipment-layout .level-all{width:100%;min-width:0;margin:0;padding:7px 2px;line-height:15px}
  .equipment-layout .level-ruler{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(12,minmax(0,1fr));min-height:0;max-height:none;margin:0;gap:0;border:1px solid #46344f;border-radius:7px;overflow:hidden}
  .equipment-layout .level-band{width:100%;min-width:0;min-height:0;padding:2px 0;border:0!important;border-bottom:1px solid #46344f!important;border-radius:0;font-size:11px;line-height:14px;white-space:nowrap}
  .equipment-layout .level-band:last-child{border-bottom:0!important}
  .equipment-layout .level-rail-note{display:block;min-height:0;margin:0;line-height:13px}
}
@media(min-width:561px) and (max-height:600px){.equipment-layout .level-rail{gap:4px;padding:7px 5px}.equipment-layout .level-rail-title,.equipment-layout .level-rail-note{display:none}.equipment-layout .level-rail{grid-template-rows:auto minmax(0,1fr)}.equipment-layout .level-all{padding:4px 2px}.equipment-layout .level-band{font-size:10px}}
@media(min-width:561px) and (max-height:420px){.equipment-layout .level-ruler{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr))}.equipment-layout .level-band:nth-child(odd){border-right:1px solid #46344f!important}.equipment-layout .level-band:last-child{border-right:0!important}.equipment-layout .level-band::before,.equipment-layout .level-band::after{display:none}}
/* На телефоне вся шкала видна сразу: «Все» и 12 этапов занимают две строки. */
@media(max-width:560px){
  .equipment-layout .level-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;align-items:stretch}
  .equipment-layout .level-ruler{display:contents;overflow:visible}
  .equipment-layout .level-all,.equipment-layout .level-band{width:auto;min-width:0;min-height:32px;margin:0;padding:5px 0;font-family:inherit;font-size:10px;line-height:14px;white-space:nowrap;border:1px solid #46344f!important;border-radius:4px}
  .equipment-layout .level-band.selected,.equipment-layout .level-all.selected{border-color:#8e6aa6!important}
  .equipment-band{scroll-margin-top:calc(var(--header-height) + 98px)}
}
.equipment-level-step{margin:16px 0}.equipment-level-step>h3{font-size:12px;font-weight:500;color:var(--gold);margin:0 0 9px}.equipment-level-step>h3 span{font-size:10px;font-weight:400;color:var(--muted)}
.item-equip{padding:0;background:transparent;font:inherit;line-height:inherit;color:inherit;text-align:left;cursor:pointer}
.level-milestones{font-size:11px;color:var(--muted);margin:0 0 16px;padding:11px 13px;border:1px solid var(--border);border-radius:7px;background:#1a171f}.level-milestones .milestones-title{margin:0;font-size:inherit;font-weight:400;color:#c6b3d8}.level-milestones .milestones-title span{color:var(--muted);font-size:10px}.level-milestones p{margin:10px 0 0;line-height:1.7}.level-milestones a{color:#c6b3d8;text-decoration:none}.level-milestones a:hover{text-decoration:underline}.level-milestones ul{list-style:none;padding:0;margin:0}.level-milestones li{display:flex;gap:12px;margin:0}.level-milestones li+li{margin-top:12px}.level-milestones small{display:block;font-size:10px;line-height:1.6;margin-top:3px}.band-empty{color:var(--muted);font-size:11px;line-height:1.7}

/* Меню вынесено из sidebar, чтобы прокрутка не обрезала список у края панели. */
.equipment-picker{position:fixed;z-index:80;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#211b29;border:1px solid #6d547d;border-radius:8px;padding:5px;box-shadow:0 10px 30px #0009;font-family:inherit;font-size:12px;line-height:1.4;outline:none}
.equipment-picker-heading{font-size:10px;color:#baa6cb;letter-spacing:.5px;padding:5px 7px 8px;border-bottom:1px solid #423348;margin-bottom:3px}
.equipment-choice{display:flex;align-items:center;gap:9px;min-height:44px;width:100%;padding:6px 7px;text-align:left;border:1px solid transparent;border-radius:5px;background:transparent;color:#e5dbea;font-family:inherit;font-size:12px;line-height:1.4;cursor:pointer}
.equipment-choice img{width:28px;height:28px;border:1px solid #776286;border-radius:4px;flex-shrink:0}
.equipment-choice-copy{flex:1;min-width:0}.equipment-choice-copy>span{display:block;font-size:12px;overflow-wrap:anywhere}.equipment-choice-copy small{display:block;font-size:10px;color:#a69ab5;margin-top:2px}.equipment-choice.selected{background:#37273f}.equipment-choice.active,.equipment-choice:hover{background:#463253;border-color:#7b5b8f}.equipment-choice-check{font-size:12px;color:#d7ba7c}

.level-milestones .milestone-spell{display:flex;align-items:center;gap:var(--guide-row-gap);min-height:var(--guide-icon-size)}.milestone-spell img{width:var(--guide-icon-size);height:var(--guide-icon-size);flex-shrink:0;object-fit:cover;border:1px solid #625169;border-radius:5px}.milestone-spell-copy{min-width:0}.milestone-spell-copy small{color:var(--muted)}.equipment-row .item-icon{width:var(--guide-icon-size);height:var(--guide-icon-size)}

.equipment-list+.level-milestones{margin-top:12px}
.milestone-content{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0}.milestone-content .milestone-spell{min-width:0}.milestone-quests{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:32px;padding:5px 9px;border:1px solid #557ca6;border-radius:5px;background:#23344a;color:#bfd9f6;font:inherit;cursor:pointer}.milestone-quests:hover{background:#2c4461}.milestone-quests:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ability-dialog-icon{flex-shrink:0;border:1px solid #625169;border-radius:5px;object-fit:cover}
@media(max-width:560px){.milestone-content{flex-wrap:wrap;gap:8px}.milestone-quests{margin-left:calc(var(--guide-icon-size) + var(--guide-row-gap))}}

/* Общие отступы ставят иконки и подписи предметов и способностей на одну вертикаль. */
.level-milestones:not(.band-talents){padding:var(--guide-row-padding-y) var(--guide-row-padding-x)}

/* Профиль и режим делят одну строку и общий фон в закреплённой шапке. */
.equipment-layout{--header-height:66px}
.equipment-layout .topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:1fr;gap:16px;padding-top:0;padding-bottom:0}
.header-profile{display:flex;align-items:center;gap:12px;min-width:0;padding:4px 6px;border:1px solid #554163;border-radius:7px;background:#2b2134}
.header-profile .character-trigger{flex:1;min-width:0;border:0;background:transparent;justify-content:center;padding:7px 6px}
.header-gear-mode{flex-shrink:0;flex-wrap:nowrap;align-self:center}
.header-gear-mode button{min-height:36px;padding:7px 10px;font-size:11px;white-space:nowrap}
.gear-mode-switch button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:1400px){
  .equipment-layout{--header-height:106px}
  .equipment-layout .topbar{grid-template-columns:auto minmax(0,1fr);grid-template-rows:34px 44px;gap:6px 16px;padding-top:8px;padding-bottom:12px}
  .header-profile{grid-column:1/-1;grid-row:2}
}
@media(max-width:800px){.header-gear-mode{display:flex}.header-gear-mode button{font-size:10px;padding:7px}}
@media(max-width:560px){
  .equipment-layout{--header-height:164px}
  .equipment-layout .topbar{grid-template-rows:34px 102px;gap:6px 10px}
  .header-profile{flex-direction:column;align-items:stretch;gap:4px;padding:4px 6px}
  .header-profile .character-trigger{flex:auto;justify-content:space-between}
  .header-gear-mode{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .header-gear-mode button{min-height:48px;padding:5px 7px;font-size:11px;line-height:1.5;white-space:normal}
}

/* Поиск прилипает к нижнему краю шапки; непрозрачный фон закрывает строки списка. */
.equipment-layout{--toolbar-height:66px}
.equipment-toolbar{position:sticky;top:var(--header-height);z-index:18;height:var(--toolbar-height);padding:12px 0;gap:8px 16px;align-content:center;background:#101015f5;backdrop-filter:blur(12px)}
.equipment-band{scroll-margin-top:calc(var(--header-height) + var(--toolbar-height) + 16px)}
@media(max-width:1200px){.equipment-layout{--toolbar-height:110px}.equipment-toolbar{row-gap:8px}}
@media(max-width:560px){
  .equipment-layout{--toolbar-height:104px}
  .equipment-toolbar{margin-bottom:12px}
  .equipment-layout .level-rail{top:calc(var(--header-height) + var(--toolbar-height));z-index:17}
  .equipment-band{scroll-margin-top:calc(var(--header-height) + var(--toolbar-height) + 98px)}
}
