.hb{--hb-max:1356px;--hb-ground:#06080c;--hb-zone:#f3d98b}.hb .hb-wrap{max-width:var(--hb-max);margin:0 auto;padding-inline:32px}.hb h1,.hb h2,.hb .hb-plate strong{font-family:var(--font-display), var(--font-sans);letter-spacing:.01em}.hb-hero{z-index:2;border-bottom:1px solid var(--line);background:#0b0f15;position:relative}.hb-hero:before{content:"";opacity:.5;filter:saturate(.85);pointer-events:none;background:url(/backgrounds/forever/FZUNXBNP7ECE1789247715285.webp) 50% 58%/cover no-repeat;position:absolute;inset:0}.hb-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0b0f15d1,#0b0f1559 48%,#0b0f1599),linear-gradient(#0b0f1533,#0b0f151a 55%,#0b0f15);position:absolute;inset:0}.hb-hero-inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;padding-block:44px 40px;display:grid;position:relative}.hb-hero h1{color:#fff;text-shadow:0 2px 10px #000000b3;text-wrap:balance;margin:0 0 12px;font-size:38px;font-weight:700;line-height:1.12}.hb-hero-text p{max-width:58ch;color:var(--ivory-2);margin:0;font-size:15px;line-height:1.6}.hb-search{border:1px solid var(--line-2);max-width:560px;height:48px;color:var(--text-muted);background:#06080cd1;border-radius:4px;align-items:center;gap:10px;margin-top:24px;padding:0 6px 0 14px;display:flex;box-shadow:inset 0 0 0 1px #000}.hb-search:focus-within{border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #000, 0 0 0 3px var(--accent-soft);color:var(--ivory)}.hb-search input{min-width:0;height:100%;color:var(--ivory);font:15px var(--font-sans);background:0 0;border:0;outline:0;flex:1}.hb-search input::placeholder{color:var(--text-muted)}.hb-search button{border:1px solid var(--line-2);background:var(--bg-3);height:36px;color:var(--ivory);font:700 13.5px var(--font-sans);cursor:pointer;border-radius:3px;padding:0 16px}.hb-search button:hover{border-color:var(--accent-strong);color:#fff}.hs{z-index:5;position:relative}.hb-search .hs-clear{width:28px;height:28px;color:var(--text-muted);font:400 20px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;padding:0}.hb-search .hs-clear:hover{color:#fff}.hb-search input:focus-visible{outline:none}.hb-hero-inner{align-items:start}.hb-hero-side{flex-direction:column;align-items:flex-start;gap:22px;min-width:0;display:flex}.hb-promo{width:min(100%,548px);color:inherit;filter:drop-shadow(0 6px 14px #0000008c);text-decoration:none;transition:transform .15s,filter .15s;display:block}.hb-promo-frame{background:linear-gradient(#2b283b,#2b283b) 50%/calc(100% - 8px) calc(100% - 8px) no-repeat border-box;border:14px solid #0000;border-image:url(/wow-ui/UI-DialogBox-Gold-Border-9.png) 32/14px round;display:block;position:relative}.hb-promo img{width:100%;height:auto;display:block}.hb-promo-tag{color:#cfc8b4;font:700 10px/1.4 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;background:#000000b8;border:1px solid #ffffff2e;border-radius:3px;padding:1px 6px;position:absolute;top:-21px;right:6px}.hb-promo:hover{filter:drop-shadow(0 6px 14px #0000008c)drop-shadow(0 0 10px #ffd10047)brightness(1.05);transform:translateY(-1px)}.hb-promo:focus-visible{outline:2px solid var(--game-yellow);outline-offset:4px}.hb-classes h2{color:var(--hb-zone);text-shadow:0 1px 4px #000;margin:0 0 14px;font-size:19px;font-weight:700}.hb-classes ul{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.hb-classes li a{color:var(--ivory-2);flex-direction:column;align-items:center;gap:7px;padding:4px 0;font-size:12.5px;text-decoration:none;display:flex}.hb-classes li img{aspect-ratio:1;width:56px;max-width:100%;height:auto;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#000;border:2px solid #5a5340;border-radius:3px;display:block;box-shadow:0 0 0 1px #000,0 4px 12px #00000080}.hb-classes li a:hover{color:#fff}html:lang(ru) .hb-classes ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px}html:has(.site-legal[lang=ru]) .hb-classes ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px}.hb-classes li a:hover img,.hb-classes li a:focus-visible img{border-color:var(--game-yellow);box-shadow:0 0 0 1px #000,0 0 16px #ffd10059}.hb-classes p{color:var(--text-muted);margin:14px 0 0;font-size:13px;line-height:1.55}.hb-main{padding-block:40px 24px}.hb .hb-title{color:var(--ivory);margin:0 0 18px;font-size:22px;font-weight:700}.hb-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.hb-plate{border:1px solid var(--line-2);background:var(--hb-ground);min-width:0;color:var(--text);border-radius:4px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000}a.hb-plate:hover,a.hb-plate:focus-visible{color:var(--text);border-color:#8a7d5a;text-decoration:none}.hb-plate-body{color:var(--ivory-2);flex-direction:column;gap:6px;padding:16px 18px 18px;font-size:14px;line-height:1.55;display:flex;position:relative}.hb .hb-plate strong{color:var(--hb-zone);text-shadow:0 1px 3px #000;font-size:21px;font-weight:700;line-height:1.2}a.hb-plate:hover strong,.hb-plate-head:hover strong{color:var(--game-yellow)}.hb-plate-head{text-decoration:none}.hb-art{width:100%;height:auto;display:block}.hb-map{grid-area:span 2/span 5}.hb-map-view{flex:1 1 0;min-height:520px;position:relative;overflow:hidden}.hb-map .hb-art{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hb-map-video{opacity:0;transition:opacity .9s ease-in-out}.hb-map[data-playing] .hb-map-video{opacity:1}.hb-map .hb-plate-body{background:linear-gradient(#06080ceb,#06080cbf 62%,#0000);padding:20px 22px 60px;position:absolute;top:0;left:0;right:0}.hb .hb-map strong{font-size:26px}.hb-map .hb-plate-body>span{max-width:50ch;color:var(--ivory);text-shadow:0 1px 3px #000}.hb-map .hb-plate-body>small{color:var(--text-muted);font-size:12.5px}.hb-talents{grid-column:span 7}.hb-talents .hb-art{object-fit:cover;object-position:center top;border-bottom:1px solid #000;height:250px}.hb-dungeons{grid-column:span 7}.hb-dg{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0 18px;list-style:none;display:grid}.hb-dg a{color:#fff;text-shadow:0 1px 3px #000,0 0 8px #000;background:#000;border:1px solid #2a3a52;border-radius:3px;justify-content:space-between;align-items:flex-end;gap:8px;height:100%;min-height:72px;padding:7px 10px;font-size:13.5px;font-weight:700;line-height:1.2;text-decoration:none;display:flex;position:relative;overflow:hidden}.hb-dg a:before{content:"";background:var(--art) center / cover no-repeat;opacity:.78;transition:opacity .15s var(--ease);position:absolute;inset:0}.hb-dg a:after{content:"";background:linear-gradient(#0000000d,#000000b8);position:absolute;inset:0}.hb-dg a>*{z-index:1;position:relative}.hb-dg-name{flex-direction:column;gap:2px;min-width:0;display:flex}.hb-dg-name em{white-space:nowrap;color:var(--ivory-2);font-size:12px;font-style:normal;font-weight:400}.hb-dg a[data-known=no]:before{opacity:.38;filter:saturate(.5)}.hb-dg a[data-known=no] .hb-dg-name em{color:var(--text-muted)}.hb-dg a small{color:var(--ivory-2);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px;font-weight:400}.hb-dg a:hover,.hb-dg a:focus-visible{border-color:var(--accent-strong)}.hb-dg a:hover:before{opacity:.9}.hb-more{color:var(--accent);align-self:flex-start;font-size:14px}.hb-dg-foot{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:14px 18px 18px;font-size:13.5px;display:flex}.hb-dg-live a{min-height:104px}.hb-dg-live a:after{background:linear-gradient(#0000001a,#000000d1)}.hb-dg-live .hb-dg-name{gap:3px}.hb-dg-name em.hb-dg-seen{color:var(--game-yellow)}.hb-dg-name b{color:#8fe07f;font:700 9.5px/1.5 var(--font-sans);letter-spacing:.05em;text-transform:uppercase;background:#7ccf6e33;border-radius:2px;align-self:flex-start;padding:1px 5px}.hb-items,.hb-legacy,.hb-spellbook{grid-column:span 4}.hb-items .hb-tip,.hb-legacy .hb-portraits,.hb-spellbook .hb-art{border-bottom:1px solid var(--line);height:214px}.hb-items .hb-tip{height:auto;min-height:214px}.hb-spellbook .hb-art{object-fit:cover;object-position:center 30%}.hb-tip{background:radial-gradient(120% 100% at 50% 0, #111826, var(--hb-ground) 70%);color:#fff;flex-direction:column;justify-content:center;padding:14px 22px;font-size:13.5px;line-height:1.45;display:flex}.hb-tip-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.hb-tip-head img{border:1px solid #4b4b4b;border-radius:4px}.hb-tip-head b{font-size:16px;font-weight:600}.hb-tip-line{justify-content:space-between;gap:14px;display:flex}.hb-portraits{background:#1d1a18;justify-content:space-evenly;align-items:center;padding:0 14px;display:flex}.hb-portraits>span{flex-direction:column;align-items:center;gap:9px;display:flex}.hb-portraits img{object-fit:cover;border:3px solid #3d3a36;border-radius:50%;width:92px;height:92px;display:block;box-shadow:0 0 0 1px #000,0 4px 14px #0009}.hb-portraits>span:nth-child(2) img{border-color:var(--game-yellow)}.hb-portraits small{color:#fff;font-size:12.5px;font-weight:700}.hb-tools{flex-wrap:wrap;grid-column:1/-1;gap:16px;display:flex}.hb-tool{flex:200px}.hb-tool-art{border-bottom:1px solid var(--line);background:radial-gradient(120% 100% at 50% 0, #111826, var(--hb-ground) 70%);place-items:center;height:112px;padding:0 10px;display:grid}.hb .hb-tool .hb-plate-body{padding:12px 16px 14px}.hb .hb-tool strong{font-size:17.5px}.hb .hb-event{flex-direction:row;grid-column:span 6}.hb .hb-event.is-alone{grid-column:span 12}.hb-event-art{object-fit:cover;contain:size;border-right:1px solid #000;flex:none;width:38%;min-height:128px}.hb-event .hb-plate-body{justify-content:center}.hb-event .hb-plate-body>span{font-size:13.5px}.hb .hb-mini{box-sizing:border-box;width:100%;max-width:240px;height:88px;display:block;position:relative;overflow:hidden}.hb .hb-mini i{font-style:normal;display:block}.hb .hb-mini img{display:block}.hb .hb-tlm{background:#000;grid-template-columns:minmax(0,1fr) 70px;gap:2px;padding:2px;display:grid;box-shadow:0 0 0 1px #2a2a26}.hb .hb-tlm-rows{grid-template-rows:repeat(6,minmax(0,1fr));gap:1px;display:grid}.hb .hb-tlm-row{background:#1a1a17;grid-template-columns:17px minmax(0,1fr);display:grid;position:relative}.hb .hb-tlm-row b{background:var(--q);color:#111;place-items:center;font:700 9px/1 Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;display:grid}.hb .hb-tlm-row[data-over]{box-shadow:inset 0 0 0 1px var(--q);background:#24241f}.hb .hb-tlm-pool{background:#111;grid-template-columns:repeat(3,18px);grid-auto-rows:18px;place-content:center;gap:3px;display:grid;overflow:hidden}.hb .hb-tlm img{border:1px solid #060606;border-radius:3px;width:18px;height:18px;box-shadow:0 0 0 1px #3d3d38}.hb .hb-tlm img.is-out{opacity:.25}.hb .hb-tlm .hb-tlm-drag{z-index:1;width:22px;height:22px;transition:transform .3s var(--ease);position:absolute;top:50%;left:30px;transform:translateY(-50%)rotate(-8deg);box-shadow:0 0 0 1px #6b6b62,0 4px 8px #000000bf}.hb a:hover .hb-tlm-drag{transform:translate(4px,-46%)rotate(-3deg)}.hb .hb-pro{flex-direction:column;justify-content:center;gap:7px;padding:0 12px;display:flex}.hb .hb-mini .hb-pro-icons{grid-template-columns:repeat(6,24px);justify-content:space-between;gap:4px 0;display:grid}.hb .hb-pro img{width:24px;height:24px}.hb .hb-mini .hb-pro-bar{background:#0b0f1a;border:1px solid #3c3c3c;border-radius:2px;height:13px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000}@property --skill{syntax:"<integer>";inherits:true;initial-value:225}.hb .hb-mini .hb-pro-bar{--skill:225;transition:--skill .9s cubic-bezier(.4,0,.2,1)}.hb-tool:is(:hover,:focus-visible) .hb-mini .hb-pro-bar{--skill:300}.hb .hb-mini .hb-pro-bar>i{inset:0 calc(25% * (300 - var(--skill)) / 75) 0 0;background:linear-gradient(#4a7be0,#1d3f97 60%,#142d6e);position:absolute}.hb .hb-pro-bar:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000 calc(25% - 1px),#000 0 25%,#0000 0 calc(50% - 1px),#000 0 50%,#0000 0 calc(75% - 1px),#000 0 75%,#0000 0);position:absolute;inset:0}.hb .hb-pro-bar b{z-index:1;font:700 9.5px/1 var(--font-sans);color:#fff;text-shadow:0 1px 1px #000;counter-reset:skill var(--skill);place-items:center;display:grid;position:absolute;inset:0}.hb .hb-pro-bar b:before{content:counter(skill) " / 300"}.hb .hb-rc{justify-content:center;align-items:center;gap:6px;padding:0 6px;display:flex}.hb .hb-mini .hb-rc-side{background:color-mix(in srgb, var(--f) 16%, transparent);border-radius:2px;gap:3px;padding:3px;display:flex}.hb .hb-mini .hb-rc-col{justify-items:center;gap:1.5px;width:16px;display:grid}.hb .hb-rc img{border-radius:2px;width:16px;height:16px;margin-bottom:2px}.hb .hb-rc-col.is-new img{border-color:#ffd100}.hb .hb-rc b{background:#262626;border-radius:50%;width:5px;height:5px;display:block}.hb .hb-rc b.is-old{background:color-mix(in srgb, var(--c) 42%, #000)}.hb .hb-rc b.is-new{background:var(--c);width:6px;height:6px;box-shadow:0 0 4px var(--c);margin:-.5px}.hb .hb-rc b{transition:opacity .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease)}.hb-tool:is(:hover,:focus-visible) .hb-rc b{transition-delay:calc(var(--i) * 40ms)}.hb-tool:is(:hover,:focus-visible) .hb-rc b:not(.is-new){opacity:.3}.hb-tool:is(:hover,:focus-visible) .hb-rc b.is-new{box-shadow:0 0 7px var(--c);transform:scale(1.35)}@property --go{syntax:"<length>";inherits:true;initial-value:0}.hb .hb-bt{--road:28px;transition:--go .4s var(--ease)}.hb-tool:is(:hover,:focus-visible) .hb-bt{--go:14px}.hb .hb-mini .hb-bt-road{background:linear-gradient(#5f4521,#3d2b12 48%,#2a1d0c);border-radius:2px;height:8px;position:absolute;top:34px;left:8px;right:8px;box-shadow:0 0 0 1px #120b04,inset 0 1px #ffdc9647}.hb .hb-bt-road:before{content:"";width:calc(var(--road) - 8px + var(--t) * (100% - 2 * var(--road) + 16px) + var(--go));background:linear-gradient(#ffe6a066,#ffc45a1f);border-radius:2px 0 0 2px;position:absolute;top:0;bottom:0;left:0}.hb .hb-mini .hb-bt-step{z-index:1;top:38px;left:calc(var(--road) + var(--x) * (100% - 2 * var(--road)));width:0;height:0;position:absolute}.hb .hb-bt img{filter:sepia()saturate(.55)brightness(.8);border:0;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #2b1b0a,0 0 0 2.5px #e9d6a2,0 2px 5px #0009}.hb .hb-bt-step.is-minor img{width:14px;height:14px}.hb .hb-bt-step.is-done img{filter:none}.hb .hb-bt-step.is-crest img{object-fit:contain;width:40px;height:34px;box-shadow:none;filter:sepia(.45)brightness(.9)drop-shadow(0 0 #ffd67800)drop-shadow(0 2px 4px #000c);transition:filter .4s var(--ease);border-radius:0}.hb-tool:is(:hover,:focus-visible) .hb-bt-step.is-crest img{filter:sepia(0)brightness(1.08)drop-shadow(0 0 6px #ffd67880)drop-shadow(0 2px 4px #000c)}.hb .hb-bt b{white-space:nowrap;font:700 10.5px/1 var(--font-display), Georgia, serif;color:#a8966a;position:absolute;top:16px;left:0;transform:translate(-50%)}.hb .hb-bt-step:first-of-type b{transform:translate(-10px)}.hb .hb-bt-step.is-done b{color:var(--game-yellow)}.hb .hb-bt-step.is-crest b{color:#d4e6ff;top:20px}.hb .hb-bt-step.is-crest:last-of-type b{transform:translate(calc(14px - 100%))}.hb .hb-mini .hb-bt-today{z-index:2;top:38px;left:calc(var(--road) + var(--t) * (100% - 2 * var(--road)) + var(--go));border-left:10px solid #ffd100;filter:drop-shadow(0 0 3px #ffeca0e6);border-block:6px solid #0000;width:0;height:0;position:absolute;transform:translate(-30%,-50%)}.hb .hb-hd{flex-direction:column;justify-content:center;gap:7px;padding:0 12px;display:flex}.hb .hb-mini .hb-hd-grid{grid-template-columns:repeat(9,18px);justify-content:space-between;gap:3px 0;display:grid}.hb .hb-hd img{filter:grayscale()brightness(.4);border-radius:2px;width:18px;height:18px}.hb .hb-hd img.is-seen{border-color:var(--q);filter:none}.hb .hb-mini .hb-hd-bar{background:#000;border:1px solid #3c3c3c;border-radius:2px;height:6px;overflow:hidden}.hb .hb-mini .hb-hd-bar>i{width:var(--w);height:100%;transition:width .3s var(--ease);background:linear-gradient(#f0d58c,#b48a3c 60%,#8a6428)}.hb .hb-mini .hb-hd-flip{perspective:80px;display:grid}.hb .hb-hd-flip img{backface-visibility:hidden;grid-area:1/1;transition:transform .16s ease-in .16s,box-shadow .3s}.hb .hb-hd-flip img.is-seen{transition:transform .16s ease-in,box-shadow .3s;transform:rotateY(-90deg)}.hb-tool:is(:hover,:focus-visible) .hb-hd-flip img{transition:transform .16s ease-in;transform:rotateY(90deg)}.hb-tool:is(:hover,:focus-visible) .hb-hd-flip img.is-seen{box-shadow:0 0 6px var(--q);transition:transform .2s ease-out .16s,box-shadow .4s .3s;transform:none}.hb-tool:is(:hover,:focus-visible) .hb-hd-bar>i{width:calc(var(--w) + 100% / 27);transition-delay:.2s}@media (prefers-reduced-motion:reduce){.hb .hb-tlm .hb-tlm-drag,.hb .hb-mini .hb-pro-bar,.hb .hb-rc b,.hb .hb-bt,.hb .hb-bt-step.is-crest img,.hb .hb-hd-flip img,.hb .hb-mini .hb-hd-bar>i{transition:none!important}}.hb-guides{margin-top:56px}.hb-guides-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px;margin-bottom:18px;display:flex}.hb .hb-guides-head .hb-title{margin:0}.hb-guides-head .hb-more{font-weight:700}.hb-gd{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.hb-gd-card{height:100%;color:var(--text);flex-direction:column;gap:14px;text-decoration:none;display:flex}.hb-gd-card:hover,.hb-gd-card:focus-visible{color:var(--text);text-decoration:none}.hb-gd-art{isolation:isolate;aspect-ratio:16/9;filter:brightness(.86)saturate(.92);transition:border-color .15s var(--ease);background:#000;border:2px solid #5a5340;border-radius:3px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 10px 28px #0000008c}.hb-gd-card:hover .hb-gd-art,.hb-gd-card:focus-visible .hb-gd-art{border-color:#8a7d5a}.hb-gd-place,.hb-gd-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hb-gd-place{filter:brightness(.6)saturate(1.1)}.hb-gd-pets .hb-gd-place{filter:brightness(.46)saturate(1.05)}.hb-gd-photo{object-position:center 42%;filter:brightness(.92)}.hb-gd-object{mix-blend-mode:lighten;width:auto;height:116%;position:absolute;top:-6%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(#000 50%,#0000 72%);mask-image:radial-gradient(#000 50%,#0000 72%)}.hb-gd-pets .hb-gd-object{filter:brightness(.85)sepia(.15)}.hb-gd-text{flex-direction:column;gap:6px;display:flex}.hb .hb-gd-text strong{font:700 21px/1.2 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--hb-zone)}.hb-gd-card:hover strong,.hb-gd-card:focus-visible strong{color:var(--game-yellow)}.hb-gd-text>span{max-width:46ch;color:var(--ivory-2);font-size:14px;line-height:1.55}@media (prefers-reduced-motion:no-preference){.hb-gd-place,.hb-gd-photo,.hb-gd-object{transition:transform .6s var(--ease)}.hb-gd-card:hover .hb-gd-place,.hb-gd-card:hover .hb-gd-photo{transform:scale(1.04)}}.hb-scene{isolation:isolate;background:#0b0f15;padding-block:72px 64px;position:relative;overflow:hidden}.hb-scene:before{content:"";z-index:-2;opacity:.85;filter:saturate(.9)brightness(1.15);background:url(/backgrounds/forever/E6M8FPNN5PIW1789249925638.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.hb-scene:after{content:"";z-index:-1;background:linear-gradient(180deg, var(--bg) 0, #0b0f1533 22%, #0b0f154d 72%, #0b0f15), linear-gradient(90deg, #0b0f15a6, #0b0f150d 50%, #0b0f1566);position:absolute;inset:0}.hb-scene-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 40px;margin-bottom:30px;display:flex}.hb .hb-scene h2{color:#fff;text-shadow:0 2px 10px #000000b3;margin:0 0 10px;font-size:32px;font-weight:700;line-height:1.15}.hb-scene-head p{max-width:62ch;color:var(--ivory-2);text-shadow:0 1px 4px #000;margin:0;font-size:15px;line-height:1.6}.hb-scene-all{border:1px solid var(--line-2);height:40px;color:var(--ivory);font:700 13.5px var(--font-sans);background:#06080cd1;border-radius:3px;flex:none;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #000}.hb-scene-all:hover{border-color:var(--accent-strong);color:#fff;text-decoration:none}.hb-tips{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px 28px;margin:0;padding:0;list-style:none;display:grid}.hb-tips .hb-tip-item{color:#fff;width:100%;text-decoration:none}.hb-tips .hb-tip-item:hover{color:#fff;text-decoration:none}.hb-tips .hb-tip-box{padding:11px 14px 12px;font-size:13.5px;box-shadow:0 8px 24px #00000080}.hb-tips .hb-tip-box>b{color:#fff;font-size:15.5px;font-weight:700}.hb-tips .hb-tip-item:hover .hb-tip-box>b{color:var(--game-yellow)}.hb-tips .hb-tip-item:hover .hb-tip-icon{border-color:var(--game-yellow)}.hb-tip-class{font-size:12.5px}.hb-tip-desc{color:var(--game-yellow);margin-top:4px}.hb-build{max-width:96ch;color:var(--ivory-2);text-shadow:0 1px 3px #000;align-items:center;gap:12px;margin:34px 0 0;font-size:13.5px;line-height:1.6;display:flex}.hb-build img{border:2px solid #5a5340;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000}@media (max-width:1099px){.hb-hero-inner{grid-template-columns:1fr;gap:30px;padding-block:32px 30px}.hb-map{grid-area:auto/span 12}.hb-map-view{flex:none;height:460px;min-height:0}.hb-talents,.hb-dungeons{grid-column:span 12}.hb-items,.hb-legacy,.hb-spellbook{grid-column:span 6}.hb-spellbook,.hb .hb-event{grid-column:span 12}.hb-tool{flex-basis:280px}.hb-gd{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.hb-gd li:last-child{grid-column:span 2}.hb-gd li:last-child .hb-gd-art{aspect-ratio:21/8}.hb-tips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:699px){.hb .hb-wrap{padding-inline:16px}.hb-hero:before{background-image:url(/backgrounds/forever/FZUNXBNP7ECE1789247715285-phone.webp)}.hb-hero h1{font-size:28px}.hb-search button{display:none}.hb-search{padding-right:14px}.hb-search input{font-size:16px}.hb-classes ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px}.hb-main{padding-block:28px 56px}.hb-map-view{height:300px}.hb-map .hb-plate-body{background:0 0;order:2;padding:16px 18px 18px;position:relative}.hb .hb-map strong{font-size:21px}.hb-talents .hb-art{height:170px}.hb-dg{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-dg-live a{min-height:118px}.hb-dg-live a small{text-shadow:0 1px 2px #000;position:absolute;top:7px;right:9px}.hb-dg-live .hb-dg-name em{white-space:normal}.hb-items,.hb-legacy,.hb-spellbook{grid-column:span 12}.hb-portraits img{width:76px;height:76px}.hb .hb-event{flex-direction:column}.hb-event-art{border-bottom:1px solid #000;border-right:0;width:100%;height:150px}.hb-gd,.hb-tips{grid-template-columns:1fr}.hb-gd li:last-child{grid-column:auto}.hb-gd li:last-child .hb-gd-art{aspect-ratio:16/9}.hb-scene{padding-block:48px 44px}.hb .hb-scene h2{font-size:26px}}.hb-map .hb-plate-body>small{color:var(--ivory-2);text-shadow:0 1px 3px #000}.hb-items .hb-tip{align-items:center;padding:12px 22px}.hb-tip-item{align-items:flex-start;gap:5px;width:min(100%,350px);display:flex}.hb-tip-item .hb-tip-box{flex:auto;width:auto;min-width:0}.hb-tip-icon{border:1px solid #6b6b6b;border-radius:4px;flex:none;width:44px;height:44px;box-shadow:0 0 0 1px #000,0 2px 8px #0009}.hb-tip-line[data-effect]{color:#1eff00}.hb-tip-box{background:url(/wow-ui/UI-Tooltip-TL.PNG) 0 0/8px 8px no-repeat,url(/wow-ui/UI-Tooltip-TR.PNG) 100% 0/8px 8px no-repeat,url(/wow-ui/UI-Tooltip-BL.PNG) 0 100%/8px 8px no-repeat,url(/wow-ui/UI-Tooltip-BR.PNG) 100% 100%/8px 8px no-repeat,url(/wow-ui/UI-Tooltip-T.PNG) top/calc(100% - 16px) 8px no-repeat,url(/wow-ui/UI-Tooltip-B.PNG) bottom/calc(100% - 16px) 8px no-repeat,url(/wow-ui/UI-Tooltip-L.PNG) 0/8px calc(100% - 16px) no-repeat,url(/wow-ui/UI-Tooltip-R.PNG) 100%/8px calc(100% - 16px) no-repeat,linear-gradient(#05060cf7,#05060cf7) 50%/calc(100% - 4px) calc(100% - 4px) no-repeat;flex-direction:column;width:min(100%,300px);padding:10px 14px 11px;font-size:13px;line-height:1.5;display:flex}.hb-tip-box>b{font-size:15px;font-weight:400;line-height:1.35}.hb-tip-ilvl{color:#ffd100}@media (max-width:699px){.hb-dg-seen i{display:none}.hb-items .hb-tip,.hb-legacy .hb-portraits,.hb-spellbook .hb-art{height:170px}.hb-items .hb-tip{height:auto;min-height:170px}.hb-tips li:nth-child(n+7){display:none}}.hb-dg-seen i{font-style:normal}