/* Fine details shared by the real homepage controls. No animated decoration. */
.theme-pier .pier-icon{display:block;flex:0 0 auto;width:24px;height:24px;color:inherit;pointer-events:none}
.theme-pier .pier-hero .pier-account-links>a,.theme-pier .pier-hero .pier-logout{display:flex;align-items:center;gap:8px}
.theme-pier .pier-hero .pier-account-links .pier-icon,.theme-pier .pier-hero .pier-logout .pier-icon{width:17px;height:17px;color:#d6ad6d}
.theme-pier .pier-hero .pier-account-chevron{display:none}
.theme-pier .pier-hero .pier-balance{display:flex;align-items:center;gap:3px 7px;flex-wrap:wrap}
.theme-pier .pier-hero .pier-balance .pier-icon{width:24px;height:24px;color:#e7ba62}

/* The same thin root-and-copper frame belongs to both small calls to action. */
.theme-pier .pier-button--secondary,
.theme-pier .pier-news-copy>.pier-text-link{display:inline-flex;align-items:center;justify-content:center;gap:clamp(7px,.8cqw,10px);min-height:clamp(38px,4.15cqw,49px);padding:.55cqw 1.5cqw;background:transparent url('images/action-frame-v5.webp') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;clip-path:none;color:#eed8ad!important;text-shadow:0 1px 2px #000;font-weight:400;text-decoration:none}
.theme-pier .pier-button--secondary{font-size:clamp(13px,1.43cqw,17px);line-height:1.2;letter-spacing:0}
.theme-pier .pier-button--secondary>.pier-icon{width:clamp(18px,2.05cqw,24px);height:clamp(18px,2.05cqw,24px);color:#d6ac6a;stroke-width:1.45}
.theme-pier .pier-news-copy>.pier-text-link{min-width:20.4cqw;max-width:100%;font-size:clamp(13px,1.5cqw,18px);line-height:1.3;padding-inline:2cqw;gap:1.4cqw}
.theme-pier .pier-button--secondary:is(:hover,:focus-visible),
.theme-pier .pier-news-copy>.pier-text-link:is(:hover,:focus-visible){color:#fff0cb!important;filter:brightness(1.16)}

/* Equal thirds keep all three real ranking tabs balanced. */
.theme-pier .pier-ranking-tabs--even{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;border-bottom:1px solid #97703e80}
.theme-pier .pier-ranking-tabs--even>button,
.theme-pier .pier-ranking-tabs--even>a{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:4.9cqw;margin:0;padding:.65cqw .5cqw .95cqw;border:0;background:none;color:#d8c7a7;text-align:center;white-space:normal;overflow-wrap:normal;font-size:clamp(15px,1.85cqw,22px);line-height:1.2;text-wrap:balance}

/* A fine gold edge and one hot point, not a glowing rectangle. */
.theme-pier .pier-ranking-tabs--even>button::after,
.theme-pier .pier-ranking-tabs--even>a::after,
.theme-pier .pier-navigation>a::after{content:'';position:absolute;pointer-events:none;left:6%;right:6%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#9a6229 18%,#e2a94e 40%,#fff0b3 50%,#e2a94e 60%,#9a6229 82%,transparent);box-shadow:0 0 6px #ef951e99;opacity:0}
.theme-pier .pier-ranking-tabs--even>button::before,
.theme-pier .pier-ranking-tabs--even>a::before,
.theme-pier .pier-navigation>a::before{content:'';position:absolute;pointer-events:none;left:50%;bottom:-2.5px;width:4px;height:4px;transform:translateX(-50%) rotate(45deg);background:#ffe3a2;box-shadow:0 0 5px 2px #e9902a,0 0 17px 4px #c0601399;opacity:0}
.theme-pier .pier-ranking-tabs--even>:is([aria-pressed="true"],:hover,:focus-visible),
.theme-pier .pier-navigation>a:is([aria-current],:hover,:focus-visible){color:#ffe6ad;text-shadow:0 0 3px #ffd58dc9,0 0 9px #ed9b39b3,0 0 20px #d9651d70}
.theme-pier .pier-ranking-tabs--even>:is([aria-pressed="true"],:hover,:focus-visible)::after,
.theme-pier .pier-ranking-tabs--even>:is([aria-pressed="true"],:hover,:focus-visible)::before,
.theme-pier .pier-navigation>a:is([aria-current],:hover,:focus-visible)::after,
.theme-pier .pier-navigation>a:is([aria-current],:hover,:focus-visible)::before{opacity:1}
.theme-pier .pier-navigation>a::after{left:2%;right:2%;bottom:-.25cqw}
.theme-pier .pier-navigation>a::before{bottom:calc(-.25cqw - 1.5px)}

/* Gold play and Discord medallions replace font-dependent triangle/diamond glyphs. */
.theme-pier .pier-community-links>a>.pier-community-medallion{position:relative;display:grid;place-items:center;flex:0 0 auto;width:clamp(38px,4.4cqw,52px);min-width:0;height:clamp(38px,4.4cqw,52px);border:1px solid #bc8c4b;border-radius:50%;color:#eac084;background:radial-gradient(ellipse at 43% 32%,#69432050,#180e08e6 72%);box-shadow:inset 0 0 0 3px #1b120b,0 0 6px #a25b1e40}
.theme-pier .pier-community-medallion::before{content:'';position:absolute;inset:3px;border:1px solid #b07b3c70;border-radius:50%;pointer-events:none}
.theme-pier .pier-community-medallion>.pier-icon{width:57%;height:57%;filter:drop-shadow(0 1px 1px #0008)}
.theme-pier .pier-community-link--presentation .pier-community-medallion>.pier-icon{width:55%;height:55%;margin-left:3%}
.theme-pier .pier-community-name{min-width:0;overflow-wrap:normal;text-wrap:balance}
.theme-pier .pier-community-link:is(:hover,:focus-visible)>.pier-community-medallion{border-color:#edbd75;color:#ffe2ab;box-shadow:inset 0 0 0 3px #1b120b,0 0 9px #b4752c75}

/* Letter glow belongs to the lettering itself, not just the rule underneath. */
.theme-pier .pier-navigation>a{color:#eadcc3;text-shadow:0 1px 2px #000,0 0 8px #da9c3d45}
.theme-pier .pier-ranking-tabs--even>:is([aria-pressed="true"],:hover,:focus-visible){color:#ffe7ac;text-shadow:0 0 3px #ffd58ddd,0 0 9px #ec9e3eaa,0 0 20px #d86c2366}
.theme-pier .pier-button,.theme-pier .pier-news-copy>.pier-text-link,.theme-pier .pier-offer__action{color:#fbe1ad!important;text-shadow:0 1px 2px #000,0 0 3px #eec37e88,0 0 11px #bc6c2b70}
.theme-pier .pier-button:is(:hover,:focus-visible),.theme-pier .pier-news-copy>.pier-text-link:is(:hover,:focus-visible),.theme-pier .pier-offer:is(:hover,:focus-visible) .pier-offer__action{color:#fff0c9!important;text-shadow:0 0 3px #ffe4a9d9,0 0 10px #ed9e4099,0 0 20px #d56d2d70}
.theme-pier .pier-community-link:is(:hover,:focus-visible) .pier-community-name{color:#ffe1a9;text-shadow:0 0 3px #ffd48e99,0 0 12px #ca813d88}
.theme-pier :is(.pier-section-title,.pier-page-title,.pier-page-subtitle,.pier-account h2){text-shadow:0 1px 2px #000,0 0 10px #d29b494f}
.theme-pier .pier-balance{color:#efc16e;text-shadow:0 1px 2px #000,0 0 10px #d5983466}

/* Happy Hour is a rooted timber plaque in the scene, not a solid page-wide bar.
   The full-width scenery must retain its horizontal registration with the hero;
   cover crops the roots and creates rectangular seams at both stage edges.
   All space and decoration belong to the expiry-controlled outer aside. */
.theme-pier.pier-home .pier-promotion--home{display:block;position:relative;isolation:isolate;width:100%;margin:0;padding:8px 0 10px;border:0;background:#15170e url('images/news-heading-v2.webp') center/100% 100% no-repeat}
.pier-home-promotion-board{position:relative;isolation:isolate;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(155px,.7fr) auto;align-items:center;gap:18px;width:76%;margin:0 auto;padding:14px 25px;border:0;background:linear-gradient(#0d100bdb,#17150cdb),url('images/wood.webp') center/720px;box-shadow:0 3px 15px #0005}
.pier-home-promotion-board::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;border:12px solid transparent;border-image:url('images/panel-frame-v5.webp') 80 130 80 130/12px stretch}
.pier-home-promotion-seal{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9d713b;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#99602040,#130e07e6 72%);color:#e7b562;box-shadow:inset 0 0 0 3px #1b150b,0 0 12px #b56b252b}
.pier-home-promotion-seal>.pier-icon{width:26px;height:26px;filter:drop-shadow(0 0 5px #d7903c45)}
.pier-home-promotion-copy{min-width:0}
.theme-pier .pier-home-promotion-copy>strong{display:block;color:#f4dfb7;font:400 23px/1.2 Georgia,'Times New Roman',serif;text-shadow:0 1px 2px #000,0 0 8px #c98b3a4a}
.theme-pier .pier-home-promotion-copy>strong>span{display:inline-block;color:#ffd080;text-shadow:0 0 3px #ffd28b88,0 0 12px #df8a3099;white-space:nowrap}
.theme-pier .pier-home-promotion-copy>small{display:block;margin-top:6px;color:#c1ae89;font:12px/1.5 Georgia,'Times New Roman',serif}
.pier-home-promotion-copy>small>span{padding-inline:4px;color:#a77c3c}
.theme-pier .pier-home-promotion-deadline{display:flex;align-items:center;gap:10px;min-width:0;padding-left:16px;border-left:1px solid #8d68374d;font-size:12px;color:#d3bc96}
.pier-home-promotion-deadline>.pier-icon{width:21px;height:21px;color:#cda05c;flex-shrink:0}
.pier-home-promotion-deadline>div{display:grid;gap:5px;min-width:0}
.theme-pier .pier-home-promotion-deadline [data-promotion-countdown]{display:block;color:#eec16e;font:14px/1.4 Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums}
.pier-home-promotion-deadline [data-promotion-countdown]:empty{display:none}
.pier-home-promotion-deadline time{display:block;color:#a99a7e;font:11px/1.4 Georgia,'Times New Roman',serif}
.theme-pier .pier-home-promotion-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 20px;background:url('images/action-frame-v5.webp') center/100% 100% no-repeat;color:#f0d7a7;font:15px/1.2 Georgia,'Times New Roman',serif;text-align:center;text-shadow:0 1px 2px #000,0 0 9px #c98b3a55}
.pier-home-promotion-cta>.pier-icon{width:16px;height:16px;color:#d5a95f}
.theme-pier .pier-home-promotion-cta:is(:hover,:focus-visible){color:#fff0c7;filter:brightness(1.16);text-shadow:0 0 3px #ffd28bba,0 0 12px #df8a3088}

@media(max-width:1050px){
 .pier-home-promotion-board{width:84%;gap:14px;padding-inline:22px;grid-template-columns:40px minmax(0,1fr) minmax(145px,.7fr) auto}
 .pier-home-promotion-seal{width:40px;height:40px}
 .theme-pier .pier-home-promotion-copy>strong{font-size:21px}
 .theme-pier .pier-home-promotion-cta{font-size:14px;padding-inline:17px}
}
@media(max-width:900px){
 .theme-pier.pier-home .pier-promotion--home{padding:15px 0 18px}
 .pier-home-promotion-board{width:86%;grid-template-columns:40px minmax(0,1fr) auto;gap:9px 15px;padding:22px}
 .pier-home-promotion-seal{grid-column:1;grid-row:1/3}
 .pier-home-promotion-copy{grid-column:2;grid-row:1}
 .theme-pier .pier-home-promotion-deadline{grid-column:2;grid-row:2;padding:0;border:0;gap:8px}
 .pier-home-promotion-deadline>.pier-icon{width:18px;height:18px}
 .pier-home-promotion-deadline>div{gap:3px}
 .theme-pier .pier-home-promotion-deadline [data-promotion-countdown]{font-size:13px}
 .theme-pier .pier-home-promotion-cta{grid-column:3;grid-row:1/3;min-height:43px}
}
@media(max-width:600px){
 .pier-home-promotion-board{width:88%;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:21px 22px}
 .pier-home-promotion-seal{width:36px;height:36px;grid-row:1}
 .pier-home-promotion-seal>.pier-icon{width:23px;height:23px}
 .theme-pier .pier-home-promotion-copy>strong{font-size:21px}
 .theme-pier .pier-home-promotion-copy>small{font-size:11px}
 .theme-pier .pier-home-promotion-deadline{grid-column:1/-1;grid-row:2;padding-top:10px;border-top:1px solid #8d68374d}
 .theme-pier .pier-home-promotion-cta{grid-column:1/-1;grid-row:3;justify-self:center;min-width:180px;margin-top:2px;font-size:15px}
}

@media(max-width:900px){
 .theme-pier .pier-button--secondary{min-height:43px;padding:7px 16px;font-size:16px}
 .theme-pier .pier-news-copy>.pier-text-link{min-width:178px;min-height:43px;padding:7px 20px;gap:14px;font-size:16px}
 .theme-pier .pier-ranking-tabs--even>button,.theme-pier .pier-ranking-tabs--even>a{min-height:54px;padding:10px 5px 13px;font-size:16px}
 .theme-pier .pier-navigation>a::after{bottom:0}.theme-pier .pier-navigation>a::before{bottom:-1.5px}
 .theme-pier .pier-community-links>a{gap:12px}
 .theme-pier .pier-community-links>a>.pier-community-medallion{width:42px;height:42px;min-width:0}
}
@media(max-width:480px){
 .theme-pier .pier-ranking-tabs--even>button,.theme-pier .pier-ranking-tabs--even>a{min-height:55px;padding:9px 3px 12px;font-size:clamp(12px,3.5cqw,15px)}
 .theme-pier .pier-community-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .theme-pier .pier-community-links>a{gap:8px;min-width:0;font-size:clamp(15px,4.2cqw,19px);line-height:1.2}
 .theme-pier .pier-community-links>a>.pier-community-medallion{width:34px;height:34px}
}