/* Approved compact-game-entry composition, scoped to the homepage. */
.home-main{background:#111610}.home-main .wrap{max-width:1240px}.home-main .guide-icon{width:24px;height:24px;flex:none}.home-main a{transition:color .18s,background .18s}.home-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #554a32}.home-hero-art{position:absolute;inset:0;z-index:-2;background:url('/assets/azeroth-hero-v2.webp') 70% 48%/cover}.home-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d140ff5 5%,#0d140fd9 32%,#0d140f55 63%,#0d140f08)}.home-hero-copy{padding-block:48px 42px}.home-hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.15}.home-promise{font-family:Georgia,serif;font-size:clamp(19px,2.1vw,28px);color:var(--text);margin-top:12px}.home-intro{font-size:14px;max-width:490px;margin-top:12px;line-height:1.7}.home-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:26px}.home-actions .button{padding:12px 20px;gap:18px}.home-actions .guide-icon{width:16px;height:16px}.home-download{display:inline-flex;gap:12px;align-items:center;color:var(--gold);font-size:14px;text-decoration:none}.home-download:hover{text-decoration:underline}.home-launch-note{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:14px}.home-launch-note .guide-icon{height:13px;width:13px}.home-art-note{position:absolute;right:24px;bottom:12px;font-size:10px;color:#d7d8c8;background:#10160eae;padding:3px 8px}.home-shortcuts{display:block;background:#141a12;border-bottom:1px solid #4b422f}.home-shortcuts>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}.home-shortcuts a{display:flex;align-items:center;justify-content:center;gap:13px;padding:17px 12px;position:relative;color:var(--text);font-size:14px;text-decoration:none}.home-shortcuts .guide-icon{color:var(--gold);width:21px;height:21px}.home-shortcuts a+a:before{content:'';position:absolute;left:0;height:19px;width:1px;background:var(--line)}.home-shortcuts a:hover{background:#252d1e;color:var(--gold)}.home-section{padding-block:36px 32px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}.home-section-heading h2{font-size:clamp(28px,3vw,39px);line-height:1.2}.home-section-heading p{margin-top:7px;font-size:15px}.home-section-heading>.text-link{white-space:nowrap}.home-class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-class{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--c) 60%,#30372b);border-radius:3px;min-height:208px;background:#1c221a}.portrait{position:absolute;inset:0;z-index:-2;background-image:url('/assets/class-portraits-20261026.webp');background-size:200% 200%;background-repeat:no-repeat}.portrait-paladin{background-position:left top}.portrait-hunter{background-position:right top}.portrait-warrior{background-position:left bottom}.portrait-warlock{background-position:right bottom}.home-class:after,.home-build:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10160ff5 8%,#10160fd9 42%,#10160f30 100%),linear-gradient(0deg,#10160fd9,transparent 65%)}.home-class-copy{padding:23px 20px 20px;position:relative}.home-class-name{display:flex;align-items:center;gap:12px}.home-class-name .class-icon{width:35px;height:35px;background:var(--c);border:0;border-radius:0;flex:none}.home-class-name h3{font-family:Cinzel,Georgia,serif;font-size:24px;color:var(--c);font-weight:500}.home-class-tag{font-size:13px;color:var(--text);margin-top:10px;max-width:220px}.home-class-description{font-size:13px;line-height:1.6;max-width:220px;margin-top:12px;min-height:42px;color:#d0d3c5}.home-class-links{display:flex;gap:17px;margin-top:21px;font-size:13px;color:var(--gold)}.home-scope{font-size:12px;text-align:center;margin-top:17px}.home-build-section{border-block:1px solid #4b422f;background:#151a12}.home-build-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-build{position:relative;isolation:isolate;overflow:hidden;text-decoration:none;border:1px solid #655a40;border-radius:3px;min-height:205px}.home-build .portrait{background-size:200% 280%}.home-build .portrait-warrior{background-position:left 93%}.home-build .portrait-warlock{background-position:right 93%}.home-build-copy{position:relative;padding:25px 27px 22px 78px}.home-build-copy>.class-icon{position:absolute;left:23px;top:27px;width:35px;height:40px;background:var(--c);border:0;border-radius:0}.home-build h3{font:500 26px/1.25 Georgia,serif}.home-build p{max-width:250px;font-size:14px;line-height:1.6;margin-top:12px;color:#d0d3c5}.home-build-copy>div{display:flex;align-items:center;gap:24px;margin-top:26px}.home-version{font-size:11px;color:#d0d3c5;background:#2d3328;padding:3px 8px;border-radius:3px}.home-read{color:var(--gold);font-size:13px;text-decoration:underline;text-underline-offset:5px}.home-build:hover{border-color:var(--gold)}.home-build:hover h3{color:var(--gold)}.home-help-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:42px}.home-help-grid>a{display:flex;gap:20px;align-items:center;text-decoration:none;border-top:1px solid var(--line);padding:22px 0}.home-help-grid>a>.guide-icon:first-child{width:32px;height:32px;color:var(--gold)}.home-help-grid>a>.guide-icon:last-child{width:18px;margin-left:auto;color:var(--gold)}.home-help-grid h3{font:500 22px/1.3 Georgia,serif}.home-help-grid p{font-size:13px;margin-top:5px}.home-help-grid a:hover h3{color:var(--gold)}.home-save-tools{border-top:1px solid var(--line);padding-top:21px;margin-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:42px;font-size:13px}.home-save-tools a{color:var(--gold)}.home-save-tools>p>span{display:block;font-size:12px;margin-top:5px}.home-recovery summary{cursor:pointer;color:var(--gold)}.home-recovery-content{padding-top:16px}.home-recovery .button{font-size:13px;padding:10px 14px;margin-top:14px}.home-recovery #game-mount:not(:empty){margin-top:16px}.home-recovery iframe{width:100%;height:380px;border:1px solid var(--line)}.home-recovery #game-status{margin-top:12px}.home-fieldnotes{border-block:1px solid #554a32;background:linear-gradient(90deg,#111810 15%,#111810d9 42%,#11181019 100%),url('/assets/azeroth-hero-v2.webp') 80% 24%/cover}.home-fieldnotes>.wrap{padding-block:34px 36px}.home-fieldnotes h2{font-size:36px}.home-fieldnotes h3{font:24px/1.4 Georgia,serif;margin-top:10px}.home-fieldnotes p{max-width:440px;font-size:14px;margin:11px 0 19px}.home-reference{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;padding-block:44px}.home-reference h2{font-size:32px;max-width:470px}.home-reference p{font-size:14px;margin-top:12px}.home-reference-links{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.home-reference-links a{font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}.home-reference-links .guide-icon{height:16px;width:16px;color:var(--gold)}.home-reference-links a:hover{color:var(--gold)}.home-faq{border-top:1px solid var(--line);padding-top:35px;padding-bottom:45px}.home-faq h2{font-size:31px}.home-faq a{color:var(--gold)}.home-faq summary{font-size:15px}.home-main a:focus-visible,.home-main summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.home-main summary{scroll-margin-top:24px}
@media(min-width:801px){.site-header{height:76px}.site-header .brand{font-size:16px}.site-header .brand small{font-size:10px}.site-header nav{gap:24px}.site-header .nav-vault{padding:8px 13px}}
@media(max-width:1050px){.home-main .wrap{width:calc(100% - 48px)}.home-class-copy{padding:20px 16px}.home-class-name{gap:8px}.home-class-name h3{font-size:21px}.home-class-name .class-icon{width:28px;height:28px}.home-class-links{gap:12px;font-size:12px}.home-build h3{font-size:24px}.home-build-copy{padding-left:66px}.home-build-copy>.class-icon{left:20px;width:29px}.home-reference{gap:32px}}
@media(max-width:800px){.home-main .wrap{width:calc(100% - 40px)}.home-hero-copy{padding-block:32px 34px}.home-hero h1{font-size:38px}.home-promise{max-width:310px;font-size:23px;line-height:1.3}.home-intro{font-size:13px;max-width:300px}.home-hero:after{background:linear-gradient(90deg,#10160ff2,#10160fbf 55%,#10160f70)}.home-hero-art{background-position:72% 45%}.home-actions{gap:16px;margin-top:22px}.home-actions .button{padding:12px 15px;font-size:13px}.home-download{font-size:12px;gap:7px}.home-art-note{display:none}.home-shortcuts>.wrap{grid-template-columns:1fr 1fr}.home-shortcuts a{justify-content:flex-start;font-size:12px;gap:10px;padding:13px 6px}.home-shortcuts a:nth-child(3):before{display:none}.home-shortcuts a:nth-child(-n+2){border-bottom:1px solid var(--line)}.home-shortcuts a:nth-child(even){padding-left:18px}.home-section{padding-block:29px}.home-section-heading{display:block;margin-bottom:19px}.home-section-heading p{font-size:14px}.home-section-heading>.text-link{display:inline-block;margin-top:12px;font-size:13px}.home-class-grid{grid-template-columns:1fr;gap:14px}.home-class{min-height:205px}.home-class-name h3{font-size:25px}.home-class-copy{padding:22px}.home-class-name .class-icon{width:34px;height:34px}.home-class-description{max-width:205px;min-height:0}.home-class-links{font-size:13px;margin-top:18px}.home-class .portrait{background-size:200% 300%}.home-class .portrait-paladin,.home-class .portrait-hunter{background-position-y:4%}.home-class .portrait-warrior{background-position-y:92%}.home-scope{text-align:left;line-height:1.7}.home-build-grid{grid-template-columns:1fr;gap:14px}.home-build-copy{padding:23px 20px 23px 66px}.home-build h3{font-size:25px}.home-build p{max-width:200px;font-size:13px}.home-build-copy>div{gap:18px}.home-build .portrait{background-size:200% 300%}.home-help-grid{grid-template-columns:1fr}.home-help-grid>a{padding:19px 0;gap:15px}.home-help-grid h3{font-size:21px}.home-help-grid p{max-width:240px;font-size:12px}.home-help-grid>a>.guide-icon:first-child{width:29px;height:29px}.home-save-tools{grid-template-columns:1fr;gap:18px}.home-fieldnotes{background-position:70% 30%}.home-fieldnotes h2{font-size:30px}.home-fieldnotes h3{font-size:22px}.home-fieldnotes p{max-width:290px}.home-reference{grid-template-columns:1fr;gap:22px}.home-reference h2{font-size:28px}.home-reference-links{column-gap:20px}.home-reference-links a{font-size:12px}.home-faq{padding-bottom:35px;gap:22px}.home-faq h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.home-main a{transition:none}}

/* Keep square portrait proportions while cropping the atlas inside the landscape panels. */
.home-class .portrait,.home-build .portrait{height:auto;bottom:auto;aspect-ratio:1;background-size:200% 200%;top:0}
.home-class .portrait-paladin{background-position:left top}.home-class .portrait-hunter{background-position:right top}.home-class .portrait-warrior,.home-build .portrait-warrior{background-position:left bottom}.home-build .portrait-warlock{background-position:right bottom}
.home-build .portrait{width:70%;left:auto;right:0}
@media(max-width:800px){.home-build .portrait{width:100%}.home-fieldnotes{background-image:linear-gradient(90deg,#111810f5,#111810c9 60%,#11181080),url('/assets/azeroth-hero-v2.webp')}}