@font-face {
  font-family: "Portal Fontin";
  src: url("fontinPL.ttf?v=fontin-pl-20261112") format("truetype");
  font-display: swap;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: #08090a; scroll-behavior: smooth; }
body { margin: 0; color: #e2d0af; background: #08090a; font-family: "Portal Fontin", Georgia, serif; }
.page { width: 100%; margin: 0 auto; }
.artboard {
  position: relative;
  width: min(100%, 1920px);
  aspect-ratio: 1920 / 3000;
  margin: 0 auto;
  overflow: hidden;
  isolation: isolate;
  container-type: inline-size;
  background: #08090a;
}
.art-layers { position: absolute; inset: 0; z-index: 1; overflow: hidden; }
.art-layers img { position: absolute; display: block; max-width: none; user-select: none; -webkit-user-drag: none; }
.menu { position: absolute; z-index: 2; top: calc(2.3% + 8px); height: 1.9%; display: flex; align-items: center; justify-content: space-evenly; gap: .35%; white-space: nowrap; }
.menu a { display: flex; height: 100%; align-items: center; justify-content: center; padding: 0 .55%; color: #e7d2ad; text-decoration: none; text-transform: uppercase; font-size: 0.78cqw; letter-spacing: .045em; text-shadow: 0 1px 4px #000; transition: color .16s ease, text-shadow .16s ease; }
.menu a:hover, .menu a:focus-visible { color: #c9ad74; text-shadow: 0 0 7px rgba(190, 151, 76, .55), 0 1px 4px #000; }
.menu-left { left: 2.7%; width: 33.3%; }
.menu-right { left: 62.3%; width: 35%; }
.menu .login { padding-inline: 1.1%; }
.psd-text { position: absolute; z-index: 2; display: block; margin: 0; overflow: visible; color: #d4c29e; font-family: "Portal Fontin", Georgia, serif; font-weight: 400; line-height: 1.08; white-space: pre-line; text-shadow: 0 1px 3px #080808; user-select: text; }
.psd-text[data-kind="section"] { width: max-content !important; height: auto !important; white-space: nowrap; }
.psd-text[data-kind="section"] { color: #d7c5a1; text-shadow: 0 1px 4px #000; }
.psd-text[data-kind="count"], .psd-text[data-kind="discord"] { color: #f1edf2; text-shadow: 0 1px 3px #08101d; }
.hotspot { position: absolute; z-index: 3; display: block; background: transparent; }
.hotspot:focus-visible { outline: 2px solid #d4b77e; outline-offset: -3px; }
.build { left: 7.5%; top: 23.5%; width: 37%; height: 19.2%; }
.planner { left: 53%; top: 23.5%; width: 38%; height: 19.2%; }
.leagues { left: 7%; top: 44%; width: 86%; height: 12.3%; }
.news { left: 7%; top: 59%; width: 28.6%; height: 20%; }
.guides { left: 36.5%; top: 59%; width: 28.5%; height: 20%; }
.community { left: 65%; top: 59%; width: 28%; height: 20%; }
.streamers { left: 7%; top: 80.5%; width: 86%; height: 9%; }
.streamer-channel { position:absolute; z-index:4; top:75%; display:block; height:11%; background:transparent; }
.streamer-prozu { left:16%; width:8.6%; }
.streamer-kondyss { left:39.4%; width:8.6%; }
.streamer-piotr { left:61.9%; width:8.6%; }
.streamer-directory { position:absolute; z-index:4; left:82.5%; top:4%; width:12%; height:15%; }
.streamer-join { position:absolute; z-index:4; left:73%; top:26%; width:24%; height:70%; }
.streamer-channel:focus-visible { outline:2px solid #d4b77e; outline-offset:2px; }
.streamer-directory:focus-visible,.streamer-join:focus-visible { outline:2px solid #d4b77e; outline-offset:-3px; }
.logo-footer { left: 42%; top: 90%; width: 16%; height: 5%; }
.home-footer-copy { width:min(100%,1920px); margin:0 auto; padding:12px clamp(18px,4vw,60px) 16px; background:#030405; color:#b7aa91; text-align:center; font-size:clamp(11px,.72vw,14px); line-height:1.5; }
.home-footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:.45em 1.15em; margin:0 0 8px; }
.home-footer-copy a { color:#d2b77e; text-decoration:none; }
.home-footer-copy a:hover,.home-footer-copy a:focus-visible { color:#f0d49a; text-decoration:underline; text-underline-offset:.2em; }
.home-footer-copy p { margin:2px auto; max-width:110ch; }
.home-footer-copy .home-back-top-row { max-width:none; margin:7px 0 0; text-align:right; }
.coming-soon-page { min-height: 100vh; display: grid; place-items: center; background: radial-gradient(ellipse at center, #16130f 0, #08090a 70%); text-align: center; }
.coming-soon { padding: 2rem; }
.coming-soon p { margin: 0 0 .6rem; color: #9f8864; letter-spacing: .15em; text-transform: uppercase; font-size: .9rem; }
.coming-soon h1 { margin: 0 0 1.5rem; color: #dfc18c; font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 400; letter-spacing: .08em; }
.coming-soon a { color: #c8b18a; text-underline-offset: .25em; }
.coming-soon a:hover, .coming-soon a:focus-visible { color: #e2d0af; }
@media (max-width: 760px) {
  .menu { gap: 0; }
  .menu a { font-size: 1.08cqw; letter-spacing: 0; padding-inline: .25%; }
  .menu-left { left: 2.5%; width: 34%; }
  .menu-right { left: 62%; width: 35.5%; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .menu a { transition: none; } }
/* Clickable regions follow the original PSD banner and join-button bounds. */
.discord-region { position:absolute; z-index:3; left:65%; top:59%; width:28%; height:20%; pointer-events:none; }
.discord-region a { position:absolute; display:block; pointer-events:auto; }
.discord-banner-link { left:.744%; top:9.167%; width:94.122%; height:42.5%; }
.discord-join-link { left:30.134%; top:48.833%; width:65.848%; height:14.167%; }
.discord-region a:focus-visible { outline:2px solid #d4b77e; outline-offset:-3px; }
#home-discord-activity { max-width:24%; overflow-wrap:anywhere; }
/* Existing POE2 news arrangement inside the approved homepage frame. */
.home-news-region{position:absolute;z-index:3;left:7%;top:59%;width:28.6%;height:20%;color:#e2d0af}
.home-news-all{position:absolute;right:2%;top:1%;width:43%;height:8%;display:block}
.home-news-region .home13-info-content{position:absolute;left:9%;right:5%;top:12%;bottom:5%;display:flex;flex-direction:column;min-width:0}
.home-news-region a{text-decoration:none}
.home-news-region a:focus-visible{outline:2px solid #d4b77e;outline-offset:2px}
.home-news-region a:hover .home13-info-title,.home-news-region a:hover .home13-mini-title{color:#f1ca78}
.home-news-empty{font-size:.85cqw;color:#c7cbd1}
.home-news-region .home13-info-lead{display:block;padding-bottom:0.5747cqw;border-bottom:0.0575cqw solid rgba(112,75,44,.52)}
.home-news-region .home13-info-hero{position:relative;display:block;width:100%;height:8.6207cqw;overflow:hidden;background:#050505}
.home-news-region .home13-info-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22) 30%,rgba(0,0,0,.78) 72%,#050505);z-index:1;pointer-events:none}
.home-news-region .home13-info-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-news-region .home13-badges{position:absolute;z-index:2;left:0.5747cqw;bottom:0.4598cqw;display:flex;gap:0.4023cqw}
.home-news-region .home13-badge{display:inline-flex;align-items:center;min-height:1.2644cqw;padding:0 0.4598cqw;border-radius:0.1724cqw;border:0.0575cqw solid #a75b35;background:#7b1e17;color:#fff1dd;font:700 0.5172cqw/1 "Portal Fontin",Georgia,serif;text-transform:uppercase}
.home-news-region .home13-badge.gold{background:#58451f;border-color:#a88a4e}
.home-news-region .home13-badge.poe{background:#123f68;border-color:#56a8df;color:#e8f5ff;box-shadow:0 0 .45em #1688d066;text-shadow:0 1px 2px #001a2b}
.home-news-region .home13-info-title{display:block;margin:0.4023cqw 0 0.1724cqw;color:#f2e2c2;font:700 1.2069cqw/1.03 "Portal Fontin",Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-news-region .home13-info-text{margin:0;color:#c7cbd1;font:500 0.6322cqw/1.3 "Portal Fontin",Georgia,serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-news-region .home13-meta{display:flex;gap:0.977cqw;margin-top:0.3448cqw;color:#d0a344;font:600 0.5747cqw/1 "Portal Fontin",Georgia,serif}
.home-news-region .home13-info-list{display:flex;flex-direction:column;min-height:0;flex:1;margin-top:0.2874cqw}
.home-news-region .home13-info-mini{display:grid;grid-template-columns:5.2874cqw minmax(0,1fr);gap:0.5747cqw;align-items:center;height:5.0575cqw;padding:0.4023cqw 0;border-top:0.0575cqw solid rgba(95,65,40,.45)}
.home-news-region .home13-thumb{display:block;width:5.2874cqw;height:4.023cqw;border:0.0575cqw solid rgba(159,91,43,.8);border-radius:0.4598cqw;overflow:hidden;background:#050505}
.home-news-region .home13-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home-news-region .home13-mini-copy{min-width:0}.home-news-region .home13-mini-title{display:block;margin-bottom:0.1724cqw;color:#ebddbf;font:700 0.8046cqw/1.05 "Portal Fontin",Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-news-region .home13-mini-text{margin:0;color:#bfc4cc;font:500 0.5747cqw/1.25 "Portal Fontin",Georgia,serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-news-region .home13-info-mini .home13-meta{margin-top:0.2299cqw}
.home-news-region .home13-community-hotspot{position:absolute;z-index:5;left:3.046cqw;top:9.4828cqw;width:17.2414cqw;height:2.7586cqw;border:0;background:transparent;text-indent:-574.6552cqw;overflow:hidden}


.home-guides-region{left:36.5%;width:28.5%}

.home-guides-region .home13-info-content{left:calc(6% - 6px);right:calc(8% + 6px)}



/* Build content stays inside the three original PSD frames. */
.home-builds-region{position:absolute;inset:0;z-index:3;pointer-events:none}
.home-builds-catalog{position:absolute;left:10%;top:24.3%;width:33%;height:7%;pointer-events:auto}
.home-builds-viewport{position:absolute;left:12.552083%;top:32.5%;width:28.28125%;height:7.966667%;overflow:hidden;pointer-events:auto}
.home-builds-track{display:flex;position:relative;gap:1.640625cqw;width:100%;height:100%;transition:transform .3s ease}
.home-build-card{position:relative;display:block;flex:0 0 8.333333cqw;height:100%;overflow:hidden;color:#ead9b5;text-decoration:none;background:#090a0b;isolation:isolate}
.home-build-card[hidden]{display:none}
.home-build-card>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 25%;z-index:-2}
.home-build-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.08) 22%,rgba(0,0,0,.76) 47%,#050607 88%)}
.home-build-source{position:absolute;left:.35cqw;top:.35cqw;padding:.14cqw .3cqw;border:1px solid #806035;background:#090a0cce;color:#d6b578;font-size:.52cqw}
.home-build-copy{position:absolute;left:.45cqw;right:.45cqw;bottom:.45cqw;display:flex;flex-direction:column;gap:.28cqw;font-family:"Portal Fontin",Georgia,serif}
.home-build-class{font-size:.59cqw;color:#c2a36d;text-transform:uppercase;letter-spacing:.04em}
.home-build-copy strong{font-size:.81cqw;font-weight:400;line-height:1.12;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#f1dfb9}
.home-build-ascendancy{font-size:.58cqw;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#bdb5a5}
.home-build-open{font-size:.6cqw;margin-top:.25cqw;color:#e3bc70;border-top:1px solid #795a345e;padding-top:.32cqw}
.home-build-card:hover .home-build-open{color:#fff0bd}
.home-build-card:focus-visible{outline:2px solid #e9bf72;outline-offset:-2px}
.home-builds-arrow{position:absolute;top:35.2%;width:3.333333%;height:2.133333%;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer}
.home-builds-prev{left:9.21875%}.home-builds-next{left:40.677083%}
.home-builds-arrow:disabled{cursor:default;background:transparent}
.home-builds-arrow:not(:disabled):hover{filter:brightness(1.2);box-shadow:0 0 12px #d5b65c66}
.home-builds-arrow:focus-visible{outline:2px solid #e9bf72;outline-offset:-3px}
.home-builds-empty{position:absolute;left:13%;top:36%;width:27%;text-align:center;font-size:.8cqw;color:#d8c9ac}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.home-builds-track{transition:none}}

.home-builds-anchor{position:absolute;left:7.5%;top:23.5%;width:1px;height:1px}

/* Editable captions in the four original planner feature panels. */
.planner-feature{position:absolute;z-index:4;width:8.7%;height:2%;pointer-events:none;color:#e9e2d6;font-family:"Portal Fontin",Georgia,serif;font-size:.62cqw;line-height:1.15;text-shadow:0 1px 3px #000,0 0 6px #000}
.planner-feature strong{display:block;margin-bottom:.2cqw;color:#f0e2c8;font-size:.70cqw;font-weight:400;line-height:1.12}
.planner-feature span{display:block}
.planner-passive{left:64.114583%;top:35.466667%}
.planner-skills{left:79.166667%;top:35.466667%}
.planner-gear{left:64.114583%;top:39.033333%}
.planner-save{left:79.166667%;top:39.033333%}