/* ElakoS / Pomost — one stage, measured against the approved 986 × 1596 artwork.
   Artwork is decoration only. Forms, navigation, news and rankings remain real HTML. */
:root{color-scheme:dark}
.theme-pier{--pier-gold:#d3a65b;--pier-bright:#f5e5bf;--pier-muted:#b4a58b;--pier-line:#a879353d;--pier-paper:#eadcc3;position:relative;isolation:isolate;min-height:100vh;margin:0;background:#0c130f;color:var(--pier-paper);font:16px/1.6 Georgia,'Times New Roman',serif;font-weight:400;font-synthesis:none;text-shadow:none;-webkit-text-stroke:0;overflow-wrap:anywhere}
.theme-pier *,.theme-pier *::before,.theme-pier *::after{box-sizing:border-box;animation:none!important;transition:none!important;scroll-behavior:auto!important}
.theme-pier [hidden]{display:none!important}
.theme-pier #app{position:relative;z-index:1;isolation:isolate;container-type:inline-size;width:100%;max-width:1180px;margin:0 auto;background:#0c100b;box-shadow:-10px 0 18px -16px #000b,10px 0 18px -16px #000b}
/* True outpainted side scenery fills every monitor, without magnifying the UI
   or showing a second copy of the character outside the central artboard. */
.theme-pier::before,.theme-pier::after{content:'';position:absolute;z-index:0;top:0;bottom:0;width:max(0px,calc((100% - 1180px)/2 + 1px));pointer-events:none;background-repeat:no-repeat;background-size:cover}
.theme-pier::before{left:0;background-image:url('images/scene-left-v4.webp');background-position:right top}
.theme-pier::after{right:0;background-image:url('images/scene-right-v4.webp');background-position:left top}
/* Homepage joins use the same 1180/704 horizontal scale as the central stage.
   The outpaint's stage begins at x334 (16px left of its nominal centre). Its
   vertical registration follows the original 986x1595 scene, not body height.
   Each crop overlaps 30 source pixels = 50.284px for the soft physical join. */
@media(min-width:1181px){
 .theme-pier.pier-home #app{box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent)}
 .theme-pier.pier-home::before,.theme-pier.pier-home::after{width:calc((100% - 1180px)/2 + 50.284px);background-repeat:no-repeat}
 .theme-pier.pier-home::before{background-image:linear-gradient(transparent 0%,transparent 86%,#0c130f 100%),url('images/scene-left-overlap-v6.webp');background-size:100% 1908.824px,610.114px 1908.824px;background-position:right top}
 .theme-pier.pier-home::after{background-image:linear-gradient(transparent 0%,transparent 86%,#0c130f 100%),url('images/scene-right-overlap-v6.webp');background-size:100% 1908.824px,663.75px 1908.824px;background-position:left top}
}
.theme-pier a{color:inherit;text-decoration:none;text-underline-offset:5px}
.theme-pier a:hover{color:#ffd38b}
.theme-pier :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #e3b969;outline-offset:4px}
.theme-pier button,.theme-pier input,.theme-pier select,.theme-pier textarea{font-family:inherit}
.theme-pier button,.theme-pier summary{cursor:pointer}
.theme-pier img{display:block;max-width:100%;height:auto}
.theme-pier h1,.theme-pier h2,.theme-pier h3{font-weight:400;line-height:1.2;text-wrap:balance}
.pier-skip{position:absolute;z-index:50;top:-100px;left:15px;background:#15130e;padding:12px;color:#fff}
.pier-skip:focus{top:12px}

/* The wooden beam is already part of the scenery; do not put another bar over it. */
.pier-header{position:absolute;z-index:5;top:1.8cqw;left:20.5%;width:75.5%;min-height:4.2cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 2cqw;background:none;border:0;box-shadow:none}
.pier-navigation{display:flex;align-items:center;gap:2.5cqw;min-width:0}
.pier-navigation a{position:relative;white-space:nowrap;padding:.5cqw 0;font-size:clamp(12px,1.42cqw,17px);font-weight:400;text-shadow:none}
.pier-navigation a[aria-current]{color:#f3c66e}
.pier-navigation a[aria-current]::after{content:'';position:absolute;bottom:-.2cqw;left:15%;right:15%;height:1px;background:#eab669}
.pier-header-actions{display:flex;align-items:center;gap:1.5cqw;white-space:nowrap}
.pier-languages{display:flex;gap:.8cqw;align-items:center}
.pier-languages a{font-size:clamp(11px,1.12cqw,14px);padding:4px 1px;color:#c1ad89}
.pier-languages a[aria-current]{color:#f9c76d}
.pier-languages a+a{border-left:1px solid #79623f;padding-left:.8cqw}
.pier-header-account{display:none}
.pier-subpage .pier-header-account{display:block;font-size:13px;border-left:1px solid #79623f;padding-left:12px}
.pier-mobile-brand,.pier-menu-toggle{display:none}

/* Hero positions are relative to the SAME artboard as the mockup, not the viewport. */
.pier-hero{position:relative;isolation:isolate;height:81.136cqw;margin:0;background:#11170f}
.pier-hero-scenery{position:absolute;z-index:0;inset:0 0 auto;height:81.136cqw;overflow:hidden;pointer-events:none}
.pier-hero-video{position:absolute;left:18%;top:13cqw;width:72%;height:35.25cqw;object-fit:cover;background:#172a23 url('../scroll/media/elakos-hero-poster.jpg') center/cover no-repeat}
.pier-hero-art{position:absolute;z-index:0;inset:0 0 auto;height:81.136cqw;overflow:hidden;pointer-events:none}
.pier-hero-art::before{content:'';position:absolute;z-index:1;inset:0 0 auto;height:81.136cqw;background:url('images/hero-video-cut-v3.webp') center top/100% 100% no-repeat;pointer-events:none}
.pier-video-toggle{position:absolute;z-index:3;left:65%;top:46cqw;display:grid;place-items:center;min-width:36px;min-height:36px;padding:6px;border:1px solid #967649a3;border-radius:50%;color:#efdbb5;background:#10180be0;font:15px/1 Georgia,serif}
.pier-video-toggle:hover{background:#362a17}.pier-video-toggle:disabled{display:none}
.pier-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pier-hero-account{position:absolute;z-index:2;top:9cqw;left:7.9%;width:20.6%;margin:0;padding:0}
.pier-logo{display:block;width:30cqw;max-width:none;margin:0 0 .5cqw -4.7cqw}
.pier-logo img{width:100%}
.pier-account{color:#e9dcc3}
.pier-account h2{text-align:center;font-size:clamp(24px,2.6cqw,31px);margin:0 0 .7cqw;padding:0 0 .5cqw;border-bottom:1px solid #a97a395e}
.pier-account-form{display:flex;flex-direction:column;gap:.2cqw}
.pier-account-form>label:not(.pier-remember){font-size:clamp(12px,1.25cqw,15px);line-height:1.2;margin:.15cqw 0 0}
.pier-account-form>input{width:100%;height:2.8cqw;min-height:30px;border:1px solid #755326;border-bottom-color:#d69a3e;border-radius:2px;background:linear-gradient(#080b0b,#12140fe8);box-shadow:inset 0 2px 5px #0009;padding:5px 9px;color:#f8e9cc;font-family:system-ui,sans-serif;font-size:16px}
.pier-account .error{color:#ffb5a6;font-size:12px;line-height:1.4}
.pier-remember{display:flex;align-items:center;gap:6px;font-size:clamp(10px,1.05cqw,12px);line-height:1.3;color:#c1b497;margin:.35cqw 0}
.pier-remember input{accent-color:#ba873d;width:13px;height:13px;margin:0}
.pier-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:9px 22px;background:linear-gradient(#281b0f,#120c07 55%,#301b0c);border:1px solid #b78035;color:#f5dfb0!important;font:20px/1.2 Georgia,'Times New Roman',serif;text-transform:uppercase;text-align:center;letter-spacing:.015em;box-shadow:inset 0 0 0 3px #22190d,inset 0 0 11px #ab4f1729;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);cursor:pointer}
.pier-button:hover{color:#fff1cf!important;filter:brightness(1.18)}
.pier-account .pier-button{width:100%;margin-top:.6cqw;min-height:4.3cqw;padding:.8cqw 1cqw;background:url('images/login-frame-v3.webp') center/100% 100% no-repeat;border:0;box-shadow:none;clip-path:none;font-size:clamp(18px,2.25cqw,27px)}
.pier-account-help{display:flex;align-items:center;justify-content:center;gap:.8cqw;flex-wrap:wrap;margin-top:.8cqw;font-size:clamp(10px,1.08cqw,13px);line-height:1.5}
.pier-account-help a+a{border-left:1px solid #655335;padding-left:.8cqw}
.pier-hero-actions{position:absolute;z-index:2;left:50.5%;top:55.7cqw;width:31%;transform:translateX(-50%);text-align:center}
.pier-button--download{width:100%;height:7.45cqw;min-height:0;padding:.7cqw 1.4cqw .7cqw 6.4cqw;background:url('images/download-frame-v3.webp') center/100% 100% no-repeat;border:0;box-shadow:none;clip-path:none;font-size:clamp(21px,2.27cqw,27px);letter-spacing:0;white-space:nowrap}
.pier-hero-actions p{margin:.25cqw 0 .7cqw;font-size:clamp(12px,1.36cqw,16px);line-height:1.5;color:#e2d4bc;text-shadow:0 2px 3px #000}
.pier-hero-actions p span{padding:0 .4cqw;color:#b79054}
.pier-button--secondary{min-height:3.6cqw;width:66%;padding:.6cqw 1.2cqw;font-size:clamp(13px,1.43cqw,17px);margin-top:.4cqw;border-color:#82602d;background:#130f09db;box-shadow:inset 0 0 0 2px #463019}
.pier-hero-actions .pier-game-info{margin-top:.65cqw;font-size:clamp(11px,1.2cqw,14px);color:#c6b89b}
.pier-account--signed-in>p{margin:.35cqw 0;font-size:clamp(13px,1.38cqw,16px)}
.pier-account--signed-in .pier-balance{font-size:clamp(22px,2.35cqw,28px);line-height:1.3;color:#efbd62;margin:.6cqw 0}
.pier-balance strong{font-weight:400}
.pier-account-links{display:grid;gap:0;margin-top:.6cqw}
.pier-account-links a,.pier-logout{display:block;padding:.45cqw .65cqw;border:0;border-top:1px solid var(--pier-line);color:#e2d3b8;background:transparent;font:clamp(12px,1.35cqw,16px)/1.5 Georgia,serif;text-align:left;width:100%}
.pier-account-links a[aria-current]{border-left:2px solid #dfac56;background:#6c3b1026;color:#ffd18b;padding-left:12px}
.pier-logout{margin-top:.6cqw}
.pier-hero .pier-account-links a,.pier-hero .pier-logout{padding:.25cqw .55cqw;font-size:clamp(12px,1.3cqw,15px);line-height:1.35}

/* Independent wood slices let live content grow without shifting the hero composition. */
.pier-main-shell{width:100%;margin:0 auto;position:relative;z-index:1}
.pier-section{margin:0}
.pier-section-title{display:flex;align-items:center;justify-content:center;gap:22px;color:#f2e4cb;font-size:clamp(30px,3.55cqw,42px);text-align:center;margin:0;line-height:1.2}
.pier-section-title::before,.pier-section-title::after{content:'';height:1px;width:17%;max-width:160px;background:linear-gradient(90deg,transparent,#91662d)}
.pier-section-title::after{transform:rotate(180deg)}
.pier-news{padding:0}
.pier-news>.pier-section-title{min-height:7.3cqw;padding:1cqw 10%;background:url('images/news-heading-v2.webp') center/100% 100% no-repeat}
.pier-news-list{display:grid;gap:0}
.pier-news-article{display:grid;grid-template-columns:42.5cqw minmax(0,1fr);align-items:center;gap:2.6cqw;min-height:20.08cqw;padding:.7cqw 12.7cqw 2.1cqw 14.4cqw;background:url('images/news-board-v2.webp') center/100% 100% no-repeat;border:0;box-shadow:none}
.pier-news-image{display:block;align-self:center;overflow:hidden;border:0;margin:0;width:100%;height:16.25cqw}
.pier-news-image img{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:auto}
.pier-news-copy{min-width:0;align-self:center;padding:0}
.pier-news-article__meta{display:flex;gap:6px;flex-wrap:wrap;color:#b2a48b;font:clamp(10px,1.02cqw,12px)/1.4 system-ui,sans-serif}
.pier-news-copy h3{font-size:clamp(20px,2.15cqw,25px);margin:.5cqw 0 .65cqw;line-height:1.12}
.pier-news-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#c6baa5;font-size:clamp(13px,1.38cqw,16px);line-height:1.4;margin:0 0 1cqw}
.pier-text-link{font-size:clamp(13px,1.5cqw,18px);color:#e9bc70!important;text-decoration:none;display:inline-flex;gap:18px;align-items:center}
.pier-text-link:hover{color:#fff1cc!important}
.pier-news-copy>.pier-text-link{border:1px solid #775329;padding:.3cqw 1.4cqw;background:#150f08b3;box-shadow:inset 0 0 0 2px #322414}
.pier-news-empty{padding:30px 15%;text-align:center;border-block:1px solid var(--pier-line)}
.pier-rankings{display:flex;flex-direction:column;min-height:37.93cqw;padding:2cqw 15.3cqw 2.6cqw;background:url('images/ranking-board-v2.webp') center/100% 100% no-repeat;border:0;box-shadow:none}
.pier-rankings .pier-section-title{font-size:clamp(30px,3.5cqw,41px);margin:0 0 .6cqw}
.pier-ranking-tabs{display:flex;gap:3.5cqw;align-items:center;justify-content:center;flex-wrap:wrap;border-bottom:1px solid #8b642f;margin-bottom:0}
.pier-ranking-tabs button,.pier-ranking-tabs a{position:relative;background:none;border:0;color:#d7cbb6;padding:.8cqw .5cqw .9cqw;font:clamp(15px,1.85cqw,22px)/1.25 Georgia,serif}
.pier-ranking-tabs [aria-pressed=true]{color:#f8c56d;border-bottom:2px solid #d59b47}
.pier-rankings [data-pier-ranking-panel]{flex:1;display:flex;flex-direction:column}
.pier-rankings table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:clamp(16px,1.8cqw,21px);line-height:1.3}
.pier-rankings th{font-weight:400;font-size:clamp(13px,1.5cqw,18px);color:#b9aa8d;padding:.7cqw 1cqw;text-align:left}
.pier-rankings td{padding:.45cqw 1cqw;border-top:1px solid #8b642f80;overflow-wrap:anywhere}
.pier-rankings th:first-child,.pier-rankings td:first-child{width:22%;text-align:center}
.pier-rankings th:last-child,.pier-rankings td:last-child{width:22%;text-align:right}
.pier-rankings tr:first-child td:first-child{color:#f0bd57}
.pier-ranking-more{display:flex;justify-content:flex-end;width:max-content;max-width:100%;margin:auto 0 .6cqw auto;padding-top:1cqw}
.pier-server-summary{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;border-top:1px solid var(--pier-line);padding-top:.6cqw;color:#ac9e82;font-size:clamp(11px,1.1cqw,13px)}
.pier-footer-scene{padding:0 14%;background:url('images/footer-scene-v2.webp') center top/100% 100% no-repeat;min-height:15.4cqw}
.pier-community-links{display:grid;grid-template-columns:1fr 1fr;gap:7%;width:77%;margin:0 auto;padding-top:.6cqw}
.pier-community-links>a{display:flex;gap:1.4cqw;align-items:center;justify-content:center;min-height:6.5cqw;font-size:clamp(18px,2.2cqw,26px);border:0;background:none;box-shadow:none}
.pier-community-links>a>span:first-child{display:grid;place-items:center;min-width:3.6cqw;height:3.6cqw;border:1px solid #bc9455;border-radius:50%;color:#e5b563;font-size:2.4cqw;line-height:1}
.pier-community-arrow{display:none}
.pier-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px;padding:1.5cqw 0 20px;color:#b5a88e;font-size:12px;border:0}
.pier-footer p{margin:0;width:100%;text-align:center;font-size:14px}
.pier-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 15px}
.pier-footer a:hover{color:#e7bb6a}
.pier-appearance{width:100%;font-size:12px;text-align:center}
.pier-appearance summary{width:max-content;color:#a1957f;margin:auto}
.pier-appearance .site-theme-switch{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.pier-appearance .site-theme-switch__options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pier-appearance button{background:#14160f;border:1px solid #72582c;color:#c9b898;padding:7px 12px}
.pier-appearance [aria-pressed=true]{color:#f1c576;border-color:#bd8d43}

/* Subpages reuse the same scene and functional documents, not the oversized first draft. */
.pier-masthead{height:29cqw;position:relative;isolation:isolate;background:#101810 url('images/hero-faithful-v2.webp') no-repeat center top/100% auto}
.pier-masthead::after{content:'';position:absolute;z-index:-1;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#0c100d)}
.pier-masthead-logo{position:absolute;top:9cqw;left:5%;width:30%;max-width:355px}
.pier-subpage-shell{width:91%;margin-top:0}
.pier-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:15px 5px 24px;font-size:13px;color:#c3b395}
.pier-breadcrumb>span:last-child{color:#ebd5ad}
.pier-page-grid{min-width:0}.pier-page-grid--account{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px}
.pier-account-sidebar{align-self:start;padding:24px 16px;background:linear-gradient(#0c100be8,#10120fd9),url('images/wood.webp') center/600px;border-block:1px solid #785c31}
.pier-account-sidebar h2{font-size:25px}.pier-account-sidebar .pier-balance{font-size:26px}
.pier-document{min-width:0;padding:30px 34px;background:linear-gradient(#0c100be8,#10120fd9),url('images/wood.webp') center/900px;border-block:1px solid #785c31;box-shadow:0 5px 18px #0006;--document-ink:#e8d9bd;--document-muted:#b5a58a;--document-red:#e2b566;--document-line:#ac80433d;--document-wash:#c4a5700b;color:var(--document-ink)}
.pier-document .pier-page-title{font-size:clamp(30px,3.5vw,44px);margin:0 0 30px;padding-bottom:17px;border-bottom:1px solid #926b354f;font-family:Georgia,serif}
.pier-document .form-group{width:min(100%,620px)}
.pier-document :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){background:#080c09cc;border-color:#73592f;color:#efe1c5}
.pier-document :where(input,textarea)::placeholder{color:#9c907a}
.pier-document :where(.form-group .error,.error,.invalid-feedback){color:#ffb4a5!important}
.pier-document :is(button[type=submit]:not(.pier-button),.btn,.btn-show,.dashboard-action,.tournament-button){background:#2b2011;border:1px solid #a77b38;color:#f0d4a2}
.pier-document :is(button[type=submit]:not(.pier-button),.btn,.dashboard-action):hover{background:#48301a;color:#ffedc9}
.pier-document :where(.table-row,.table-row:nth-child(even),.message,.message-info,.alert,.ticket-content,.ticket-reply){background:#10170d91;color:var(--document-ink)}
.pier-document .form-group label:not(.checkbox){color:var(--document-ink)}
.pier-document .form-group small{color:var(--document-muted)}
.pier-document .table-head{font-size:22px;color:#eedab4}
.pier-document table{color:inherit}.pier-document .ranking-nav a,.pier-document .settings-buttons a{color:#edcd95}
.pier-document .profile :where(.shinsoo,.chunjo,.jinno){filter:brightness(1.6)}
.pier-document .scroll-button{background:#2b2011;color:#f4dfba}
.pier-inline-login{width:min(100%,420px);margin:0 auto 15px}.pier-inline-login .pier-account{max-width:none}.pier-inline-login h2{display:none}
.pier-inline-login .pier-account-form>input{height:44px}.pier-inline-login .pier-account-form{gap:7px}
.pier-inline-login .pier-account-form>label:not(.pier-remember){font-size:15px}
.pier-alert{padding:12px 16px;border-left:2px solid #ba8b46;background:#151c11;color:#e1d3b4;font-size:14px;margin:12px 0}
.pier-alert--danger{border-color:#d88464;background:#30160fd9;color:#ffbdab}
.pier-promotion{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px 20px;padding:20px 24px;margin:20px 0 32px;border-block:1px solid #ad793c;background:linear-gradient(90deg,#39220f91,#15170dd9)}
.pier-home .pier-promotion{width:72%;margin:0 auto 20px}
.pier-promotion strong{font-size:24px;font-weight:400;color:#f0ddb8}.pier-promotion strong span{color:#ffd080}
.pier-promotion small{display:block;font-size:13px;color:#bda988}.pier-promotion-deadline{font-size:13px;color:#dec697;display:grid;gap:4px}
.pier-promotion-deadline [data-promotion-countdown]{color:#f5c16c}
.pier-payments .pier-document .subpage-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pier-payments .pier-document .subpage-content>.table{grid-column:1/-1;margin:0!important}
.pier-payments .pier-document .subpage-content>br{display:none}
.pier-payments .table-head{margin:12px 0 0;padding-bottom:10px;font-size:22px}
.pier-offer{position:relative;display:flex;flex-direction:column;gap:21px;min-width:0;height:100%;padding:20px 18px 16px;border:1px solid #85602c;background:linear-gradient(135deg,#0d110bc9,#11120fe8),url('images/wood.webp') center/580px;color:#e5d6b9!important;text-decoration:none!important;box-shadow:inset 0 0 0 3px #0d120c}
.pier-offer:hover{border-color:#d1a560;background:linear-gradient(135deg,#211c10d9,#16150fe8),url('images/wood.webp') center/580px}
.pier-offer__header{display:flex;justify-content:space-between;align-items:start;gap:12px;min-width:0}
.pier-offer__name{color:#b6a68b;font-size:13px;overflow-wrap:anywhere}.pier-offer__ribbon{flex-shrink:0;background:#462009;border:1px solid #bc7c2f;padding:3px 9px;color:#ffd37d;font:17px Georgia,serif;transform:rotate(0deg)}
.pier-offer__equation{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1.15fr);gap:6px;align-items:center}
.pier-offer__value{min-width:0;text-align:center;display:grid;gap:8px}
.pier-offer__label{display:block;font:11px/1.4 system-ui,sans-serif;color:#bcae94}
.pier-offer__value strong{color:#e7dcc7;font:21px/1.25 Georgia,serif;font-variant-numeric:tabular-nums}.pier-offer__value strong small{font-size:12px;white-space:nowrap}
.pier-offer__value--bonus strong{color:#c4c99c}.pier-offer__value--total strong{color:#f7c66f;font-size:25px}
.pier-offer__operator{color:#a38c65;text-align:center;font-size:17px}
.pier-offer__reward{display:flex;align-items:center;gap:10px;font-size:12px;padding-top:12px;border-top:1px solid #8a633332}
.pier-offer__reward img{width:32px!important;height:32px!important;object-fit:contain;image-rendering:auto;flex-shrink:0}
.pier-offer__reward>span{display:grid;line-height:1.5}.pier-offer__reward b{font-weight:400;color:#e1b66c}.pier-offer__reward>span>span{color:#b6a98f}
.pier-offer__footer{margin-top:auto;padding-top:13px;border-top:1px solid #8a633345;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.pier-offer__price>strong{font:23px Georgia,serif;color:#f2d9aa;white-space:nowrap}.pier-offer__price small{font-size:12px}
.pier-offer__action{display:block;padding:8px 13px;border:1px solid #9a7136;background:#2c1e10;font:14px Georgia,serif;color:#e9c98f}
.pier-tournament-card{margin:0 auto;padding:22px 15%;border:0;background:#151b11}
.pier-tournament-card h3{margin:8px 0;font-size:26px}.pier-tournament-card p,.pier-tournament-card>span{color:#c0b294;font-size:14px}
.theme-pier .legacy-cookie-consent{position:fixed;z-index:50;bottom:0;left:0;right:0;border-top:1px solid #99743f;background:#10160ff5;color:#cfc0a4;font:12px/1.7 system-ui,sans-serif;box-shadow:0 -8px 25px #0006}
.theme-pier .legacy-cookie-consent__inner{width:min(1180px,94%);margin:auto;display:flex;align-items:center;gap:25px;padding:12px 0}
.theme-pier .legacy-cookie-consent p{margin:0}.theme-pier .legacy-cookie-consent a{text-decoration:underline;color:#e1b46d;white-space:nowrap}
.theme-pier .legacy-cookie-consent button{flex-shrink:0;min-height:42px;padding:8px 23px;color:#ecd1a1;background:#30220f;border:1px solid #a47a3b}
.theme-pier .legacy-toast{position:fixed;right:20px;bottom:30px;z-index:49;max-width:calc(100vw - 40px);padding:15px 22px;background:#182013;border:1px solid #93733a;color:#e8d2a6;box-shadow:0 5px 22px #0008;font:14px system-ui,sans-serif}

@media(max-width:1150px){
 .pier-page-grid--account{grid-template-columns:205px minmax(0,1fr);gap:18px}
 .pier-document{padding:24px}.pier-payments .pier-document .subpage-content{grid-template-columns:1fr}
}
@media(max-width:1180px){.theme-pier::before,.theme-pier::after{display:none}}
@media(max-width:900px){
 .pier-header{position:relative;top:auto;left:auto;width:100%;padding:10px 5%;min-height:62px;gap:12px;background:#0c120de8;border-bottom:1px solid #72542d}
 .pier-mobile-brand{display:block;font-size:21px;color:#edd3a1}
 .pier-menu-toggle{display:block;background:none;color:#dec79d;border:0;font:15px Georgia,serif;min-height:42px;padding:4px 8px;margin-left:auto}
 .pier-header-actions{gap:12px}.pier-languages{gap:9px}.pier-languages a{font-size:12px}.pier-languages a+a{padding-left:9px}
 .pier-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 6%;background:#10160ffa;border-bottom:1px solid #9e7438;box-shadow:0 10px 20px #0008}
 .pier-navigation.is-open{display:grid;grid-template-columns:1fr 1fr;justify-items:start;gap:7px 18px}
 .pier-navigation a{font-size:16px;white-space:normal;min-height:42px}.pier-navigation a[aria-current]::after{bottom:0;left:0;right:0}
 .pier-hero{height:auto;min-height:0;padding:65cqw 5% 30px}
 .pier-video-toggle{min-width:44px;min-height:44px;top:44cqw}
 .pier-hero-account{position:relative;top:auto;left:auto;width:min(100%,400px);margin:0 auto;padding:15px 24px 23px;background:linear-gradient(#090d0aef,#0e110df5),url('images/wood.webp') center/650px;border-block:1px solid #75502b}
 .pier-logo{width:min(100%,290px);max-width:100%;margin:0 auto 8px}
 .pier-account h2{font-size:27px;margin-bottom:15px;padding-bottom:10px}
 .pier-account-form{gap:6px}.pier-account-form>label:not(.pier-remember){font-size:14px;margin-top:3px}
 .pier-account-form>input{height:44px}.pier-remember{font-size:12px;margin:7px 0}
 .pier-account .pier-button{min-height:48px;padding:10px 16px;font-size:23px;margin-top:8px}
 .pier-account-help{gap:10px;margin-top:12px;font-size:12px}.pier-account-help a+a{padding-left:10px}
 .pier-account--signed-in>p{font-size:15px;margin:7px 0}.pier-account--signed-in .pier-balance{font-size:25px;margin:9px 0}
 .pier-account-links{margin-top:12px}.pier-account-links a,.pier-logout,.pier-hero .pier-account-links a,.pier-hero .pier-logout{padding:8px;font-size:15px;line-height:1.5}.pier-logout{margin-top:10px}
 .pier-hero-actions{position:relative;left:auto;top:auto;transform:none;width:min(100%,350px);margin:24px auto 0}
 .pier-button--download{height:auto;aspect-ratio:2140/514;padding:0 4% 0 19%;font-size:clamp(18px,6cqw,25px)}
 .pier-hero-actions p{font-size:14px;margin:5px 0 12px}.pier-hero-actions p span{padding:0 5px}
 .pier-button--secondary{min-height:40px;font-size:16px;padding:8px 12px;margin-top:2px}
 .pier-hero-actions .pier-game-info{font-size:13px;margin-top:8px}
 .pier-news>.pier-section-title{min-height:75px;font-size:34px;padding:15px 5%;background-size:100% 100%}
 .pier-news-article{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding:15px 8% 30px;background:linear-gradient(#0b100bc9,#0c100cf0),url('images/news-board-v2.webp') center/100% 100%}
 .pier-news-image{height:auto;aspect-ratio:16/8;border:1px solid #8c6534}
 .pier-news-copy{padding:20px 4px 0}.pier-news-article__meta{font-size:12px}
 .pier-news-copy h3{font-size:27px;margin:10px 0 12px}.pier-news-copy p{font-size:15px;line-height:1.6;margin-bottom:15px}
 .pier-text-link{font-size:16px}.pier-news-copy>.pier-text-link{padding:5px 17px}
 .pier-rankings{min-height:410px;padding:30px 10% 40px;background-size:100% 100%}
 .pier-rankings .pier-section-title{font-size:34px;margin:0 0 15px}.pier-ranking-tabs{gap:10px 18px}
 .pier-ranking-tabs button,.pier-ranking-tabs a{font-size:16px;padding:10px 4px 12px}
 .pier-rankings table{font-size:17px}.pier-rankings th{font-size:13px;padding:12px 7px}.pier-rankings td{padding:9px 7px}
 .pier-ranking-more{padding-top:18px;margin-bottom:12px}.pier-server-summary{font-size:11px;padding-top:10px}
 .pier-footer-scene{padding:0 7%;min-height:190px}.pier-community-links{width:90%;gap:8%;padding-top:10px}
 .pier-community-links>a{font-size:22px;gap:15px;min-height:75px}
 .pier-community-links>a>span:first-child{min-width:38px;height:38px;font-size:24px}
 .pier-footer{padding:15px 0 25px;gap:12px}.pier-footer nav{gap:8px 15px}
 .pier-masthead{height:240px;background-size:100% auto;background-position:center 19%}.pier-masthead-logo{top:40px;left:5%;width:40%;max-width:280px}
 .pier-subpage .pier-header-account{font-size:12px;padding-left:9px}
 .pier-page-grid--account{grid-template-columns:1fr}.pier-account-sidebar{padding:15px 20px}
 .pier-account-sidebar .pier-account{max-width:none}.pier-account-sidebar h2{display:none}
 .pier-account-sidebar .pier-account>p{display:inline-block;margin:0 15px 8px 0;font-size:17px}
 .pier-account-sidebar .pier-account-links{display:flex;flex-wrap:wrap;gap:8px 18px}
 .pier-account-sidebar .pier-account-links a{width:auto;border:0;padding:5px 0;font-size:14px}
 .pier-account-sidebar .pier-logout{width:auto;margin:8px 0 0;border:0;padding:5px 0;font-size:14px}
 .pier-document{padding:24px 20px}.pier-document .pier-page-title{font-size:34px}
 .pier-home .pier-promotion{width:90%}.pier-promotion{padding:17px;gap:12px}.pier-promotion strong{font-size:21px}.pier-promotion-deadline{font-size:12px}
 .theme-pier .legacy-cookie-consent__inner{align-items:flex-start;gap:12px;padding:12px 0}.theme-pier .legacy-cookie-consent button{padding:8px 14px}
}
@media(max-width:480px){
 .pier-header{gap:5px}.pier-languages{gap:7px}.pier-languages a+a{padding-left:7px}.pier-mobile-brand{font-size:19px}
 .pier-subpage .pier-mobile-brand{font-size:17px}.pier-subpage .pier-header-account{font-size:11px;padding-left:6px}
 .pier-subpage .pier-menu-toggle{font-size:14px;padding:4px}
 .pier-hero-account{padding:14px 20px 22px}.pier-logo{width:260px}
 .pier-section-title{gap:12px}.pier-section-title::before,.pier-section-title::after{width:13%}
 .pier-news>.pier-section-title{font-size:30px}.pier-news-copy h3{font-size:25px}
 .pier-rankings{padding:25px 8% 30px}.pier-rankings .pier-section-title{font-size:30px}
 .pier-ranking-tabs{gap:5px 7px}.pier-ranking-tabs button,.pier-ranking-tabs a{font-size:14px;padding:10px 5px}
 .pier-rankings th:first-child,.pier-rankings td:first-child{width:20%}
 .pier-community-links{width:100%;gap:15px}.pier-community-links>a{font-size:19px;gap:10px}
 .pier-community-links>a>span:first-child{min-width:32px;height:32px;font-size:22px}
 .pier-document{padding:23px 16px}.pier-document .pier-page-title{font-size:30px}.pier-breadcrumb{gap:9px;font-size:12px}
 .pier-masthead{height:190px}.pier-masthead-logo{top:35px;width:46%}
 .pier-offer{padding:17px 14px}.pier-offer__equation{gap:4px}.pier-offer__value strong{font-size:21px}.pier-offer__value--total strong{font-size:24px}
 .pier-offer__label{font-size:11px}.pier-offer__action{font-size:13px;padding:9px 10px}.pier-offer__price>strong{font-size:22px}
 .theme-pier .legacy-cookie-consent__inner{flex-wrap:wrap}.theme-pier .legacy-cookie-consent button{margin-left:auto}
}