@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/alegreya-extrabold.woff2) format('woff2');
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/alegreya-sans-medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/alegreya-sans-extrabold.woff2) format('woff2');
}

:root{--bg:#161715;--panel:#2c2f2b;--ink:#ffffff;--muted:#cdd7c8;--gold:#ffcb5c;--line:#332300;--serif:"Alegreya",Georgia,serif;--sans:"Alegreya Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1,h2{line-height:1.03;letter-spacing:-.045em}em{font-weight:400;color:var(--gold)}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:12px}.header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--line);position:absolute;inset:0 0 auto;z-index:3}.brand-name{font-family:var(--serif);font-size:30px;letter-spacing:-1px;white-space:nowrap}.brand-name b{color:var(--gold);font-weight:400}.header nav{display:flex;gap:34px;font-size:16px}.header nav a:hover,.text-link:hover{color:var(--gold)}.button{display:inline-flex;justify-content:center;align-items:center;gap:42px;background:var(--gold);color:#1a1200;border:1px solid var(--gold);padding:16px 26px;font-size:17px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#ffe2a3;transform:translateY(-2px)}.button.small{padding:10px 20px;font-size:15px;gap:25px}.hero{min-height:780px;min-height: min(900px,100svh);position:relative;display:flex;align-items:center;padding:155px 8% 110px;isolation:isolate}.hero-media{position:absolute!important;inset:0;background:#2c2f2b!important;border:0!important;z-index:-3}.hero-media video{width:100%;height:100%;object-fit:cover;display:none}.hero-media.has-video video{display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090a09d9,#090a0970 65%,#090a0930);z-index:-1}.hero-label{position:absolute;right:7%;top:48%;color:#cdd7c8!important}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:.18em;color:var(--gold);margin-bottom:26px}.hero h1{font-size:clamp(64px,7.2vw,110px)}.hero-description{margin:28px 0;color:#cdd7c8;font-size:19px}.hero-note{font-size:13px;color:var(--muted);margin-top:20px}.hero-bottom{position:absolute;bottom:29px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.06em}.hero-bottom a span{margin-left:20px}.hero-index{font-size:11px;letter-spacing:.2em}.video-toggle{border:2px solid var(--line);background:#161715;color:var(--ink);padding:5px 12px;font-size:13px}.facts{padding:32px 12%;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--line);gap:24px}.facts p{display:flex;align-items:center;justify-content:center;gap:22px}.facts p+p{border-left:2px solid var(--line)}.facts strong{font-family:var(--serif);font-size:43px;font-weight:400;color:var(--gold);line-height:1}.facts span{font-size:14px;color:var(--muted);max-width:130px;line-height:1.4}.section{max-width:1440px;margin:auto;padding:110px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:64px;margin-bottom:42px}h2{font-size:clamp(42px,4.6vw,67px)}.section-heading>p{max-width:385px;color:var(--muted)}.media{position:relative;background:var(--panel);border:2px solid var(--line);overflow:hidden;background-position:center;background-size:cover}.game-media{aspect-ratio:16/8.5;background:#2c2f2b}.placeholder-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#cdd7c8;text-align:center;padding:24px}.placeholder-number{font-family:var(--serif);font-style:italic;font-size:56px;line-height:1;opacity:.55}.placeholder-center>span:not(.placeholder-number),.placeholder-label{font-size:12px;letter-spacing:.16em}.placeholder-center small{font-size:13px;opacity:.65}.has-image>.placeholder-center,.has-image>.placeholder-label,.has-video>.placeholder-label{display:none}.game-captions{display:flex;justify-content:space-between;gap:30px;padding-top:24px}.game-captions h3{font-size:26px}.game-captions p{max-width:440px;font-size:16px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:30px}.section-copy>p:not(.eyebrow){color:var(--muted);margin-top:26px}.competition-media{aspect-ratio:4/5;background:#332300}.detail{display:flex;gap:20px;margin-top:30px;padding-top:24px;border-top:2px solid var(--line)}.detail>span{font-size:13px;color:var(--gold);padding-top:6px}.detail h3{font-size:24px;margin-bottom:6px}.detail p{font-size:16px;color:var(--muted);line-height:1.5}.campaign-section{display:grid;grid-template-columns:1.15fr 1fr;background:#161715}.campaign-media{min-height:550px;background:#2c2f2b;border:0}.campaign-copy{padding:85px 14% 85px 12%;align-self:center}.campaign-copy h2{font-size:clamp(40px,3.7vw,57px)}.text-link{display:inline-flex;gap:25px;font-size:16px;padding-bottom:8px;border-bottom:1px solid var(--gold);margin-top:32px}.closing{text-align:center;padding-top:115px;padding-bottom:115px}.closing h2{font-size:clamp(64px,6vw,90px)}.closing>p:not(.eyebrow){color:var(--muted);margin:24px 0}.closing .launch-note{font-size:14px}.closing .button{margin-top:10px}footer{border-top:2px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}footer p,footer>span{font-size:13px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1700px){.hero-content{margin-left:calc((100vw - 1500px)/2)}}@media(max-width:900px){.header{height:82px}.header nav{gap:20px;font-size:14px}.hero{min-height:760px;padding-left:7%}.hero-label{top:55%;right:4%;max-width:140px}.section{padding:75px 6%}.section-heading{gap:35px}.section-heading>p{max-width:310px}.split{gap:7%;padding-top:15px}.campaign-copy{padding:55px 10%}.campaign-media{min-height:500px}.facts{padding:28px 6%}.facts p{gap:15px}footer p{display:none}}@media(max-width:600px){.header{padding:0 6%;height:78px}.brand-name{font-size:27px}.header nav{display:none}.button.small{padding:8px 12px;font-size:14px;gap:14px}.hero{min-height:760px;min-height:100svh;padding:140px 7% 105px}.hero h1{font-size:clamp(58px,15vw,84px)}.hero-description{font-size:17px}.hero-note{max-width:260px;line-height:1.7}.hero-label{top:auto;bottom:100px;right:6%;max-width:115px;font-size:10px;text-align:right}.hero-index{display:none}.hero-bottom{left:7%;right:7%}.eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:20px}.facts{padding:25px 5%;gap:9px}.facts p{flex-direction:column;gap:10px;text-align:center}.facts strong{font-size:34px}.facts span{font-size:12px;max-width:100px}.section{padding:65px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;max-width:none;font-size:17px}h2{font-size:45px}.game-media{aspect-ratio:4/3}.game-captions{display:block}.game-captions p{margin-top:10px}.split{display:flex;flex-direction:column;padding-top:5px;gap:35px}.competition-media{width:100%;aspect-ratio:1/1}.section-copy>p:not(.eyebrow){font-size:17px}.campaign-section{display:flex;flex-direction:column}.campaign-media{min-height:0;aspect-ratio:4/3}.campaign-copy{padding:45px 7% 60px}.campaign-copy h2{font-size:43px}.closing{padding-top:75px;padding-bottom:75px}footer{padding:25px 7%;align-items:start;flex-direction:column;gap:12px}.placeholder-center>span:not(.placeholder-number){font-size:10px}.video-toggle{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* Supplied Bela Royal palette and fixed stone floor. */
:root{--acorns-900:#1a1200;--acorns-800:#332300;--acorns-600:#5b3f02;--acorns-500:#8e6816;--acorns-400:#c39228;--acorns-300:#ffcb5c;--acorns-200:#ffe2a3;--acorns-100:#ffedc7;--neutral-900:#090a09;--neutral-800:#161715;--neutral-700:#2c2f2b;--neutral-600:#454843;--neutral-500:#656962;--neutral-400:#868c83;--neutral-300:#a9b2a5;--neutral-200:#cdd7c8;--neutral-100:#ffffff}
body{isolation:isolate;background:var(--neutral-900);font-weight:500}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('assets/floor-dark.webp') center center/cover no-repeat}
h1,h2,h3,.brand-name,.brand-name b,.facts strong{font-weight:800}
h1,h2{letter-spacing:-.025em}
em{font-style:normal;font-weight:inherit}
.button,.eyebrow{font-family:var(--sans);font-weight:800}
.header nav,.hero-note,.hero-bottom,.facts span,.placeholder-center small,.placeholder-label,footer p,footer>span{font-weight:500}
.hero-media{background-color:transparent!important}
.hero-shade{background:linear-gradient(90deg,#090a0980,#090a0933 65%,#090a091a)}
.campaign-section{background:transparent}
.placeholder-number{font-style:normal;font-weight:800}
.hero-label{color:var(--neutral-200)!important}
/* Compact navigation, logo, community links, and the supplied stone background. */
body::before{background-image:linear-gradient(#090a09a6,#090a09a6),url('assets/floor-dark.webp')}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:131px;height:60px;object-fit:contain}
.header-actions{display:flex;align-items:center;gap:32px}.community{display:flex;align-items:center;gap:16px}.community-link{display:grid;place-items:center;width:26px;height:32px;color:var(--ink);transition:color .2s}.community-link svg{width:22px;height:22px}.community-link:hover{color:var(--gold)}.community-link[aria-disabled="true"]{opacity:.6;cursor:default}
.hero-content{max-width:700px}.hero-description{max-width:570px}.hero-tags{display:flex;align-items:center;gap:14px;list-style:none;padding:0;margin:25px 0 0;text-transform:uppercase;font-size:13px;letter-spacing:.12em;font-weight:800;color:var(--neutral-200)}.hero-tags li+li::before{content:"·";margin-right:14px;color:var(--gold)}
.hero-bottom{justify-content:flex-end;min-height:24px}.hero-shade{background:linear-gradient(90deg,#090a09ad 0%,#090a0966 66%,#090a092c 100%)}
.facts,.game-section,.competition,.closing,footer{position:relative}.facts{background:#090a0966}.closing{border-top:2px solid var(--line)}.closing .button{margin-top:30px}.closing>p:not(.eyebrow){margin:18px 0 0}
footer{background:#090a0966}footer .brand img{width:105px;height:48px}.footer-links{display:flex;flex-wrap:wrap;gap:25px;font-size:15px}.footer-links a{color:var(--neutral-200)}.footer-links a[href]:hover{color:var(--gold)}.footer-links a[aria-disabled="true"]{opacity:.7;cursor:default}
@media(max-width:600px){.brand img{width:101px;height:46px}.header-actions{gap:15px}.community{gap:8px}.community-link{width:22px}.community-link svg{width:19px;height:19px}.hero-content{max-width:100%}.hero-description{max-width:430px}.hero-tags{font-size:12px;gap:9px}.hero-tags li+li::before{margin-right:9px}.hero-bottom{bottom:25px}.footer-links{gap:14px 20px}.closing h2{font-size:clamp(44px,11vw,60px)}}
@media(max-width:380px){.header{padding-inline:4%}.header-actions{gap:8px}.community{gap:4px}.button.small{padding:7px 10px}.brand img{width:90px}}
/* Preserve the original closing-section spacing. */
.closing .button{margin-top:10px}

/* User-supplied wooden button surfaces and lighter floor overlay. */
body::before{background-image:linear-gradient(#090a0966,#090a0966),url('assets/floor-dark.webp')}
.button,.button:hover,.button:active{border:0;background-color:transparent;color:var(--acorns-100);background-image:url('assets/wood-xl.png');background-repeat:no-repeat;background-position:center;background-size:100% 100%;font-family:var(--sans);font-weight:800;text-shadow:none;min-width:244px;min-height:56px;padding:10px 28px;transform:none;filter:drop-shadow(0 0 11px #ffcb5c73);transition:filter .18s,transform .12s}
.button.small{background-image:url('assets/wood-lg.png');min-width:146px;min-height:54px;padding:8px 18px;font-size:16px;gap:0}
.button:hover{filter:drop-shadow(0 0 5px #ffcb5c55);transform:translateY(-1px)}
.button:active,.button[aria-disabled="true"]{background-image:url('assets/wood-xl-pressed.png');filter:drop-shadow(0 0 6px #ffcb5c55);transform:translateY(1px)}
.button.small:active,.button.small[aria-disabled="true"]{background-image:url('assets/wood-lg-pressed.png')}
.facts{background:#090a092e;padding:30px 12%;gap:0}.facts p{font-family:var(--sans);font-size:24px;font-weight:800;line-height:1.2;color:var(--acorns-200);text-align:center;min-height:44px}.facts p+p{border-left:2px solid var(--line)}
@media(max-width:600px){.button{min-width:205px;min-height:50px}.button.small{min-width:119px;min-height:46px;padding:5px 13px;font-size:14px}.facts{padding:25px 5%}.facts p{font-size:17px;min-height:32px;white-space:nowrap}}
@media(max-width:380px){.button.small{min-width:106px;font-size:13px;padding:4px 10px}.facts p{font-size:15px}}
/* Glow is reserved for hover only. */
.button,.button:active,.button[aria-disabled="true"]{filter:none}
.button:hover:not(:active):not([aria-disabled="true"]){filter:drop-shadow(0 0 5px #ffcb5c55)}

/* Keep the complete supplied leaderboard visible at every viewport width. */
.competition-media{aspect-ratio:4/5;background:transparent;border:0}
.leaderboard-image{display:block;width:100%;height:auto}

/* Emerald feature labels, button chevrons, and framed screenshots. */
.facts p{flex-direction:row;gap:10px;font-size:20px;font-weight:500}
.facts p img{display:block;width:18px;height:18px;flex-shrink:0}
.facts p span{font:inherit;color:inherit;max-width:none}
.button,.button.small{gap:12px}
.cta-chevron{width:17px;height:17px;flex:0 0 auto}
.competition-media,.game-media.has-image{box-shadow:0 18px 40px #00000099,0 4px 12px #00000066}
.closing{width:calc(100% - 12%);max-width:800px;min-height:600px;margin:25px auto 90px;padding:85px 65px 80px;border:0;background:url('assets/parchment-md.png') center/100% 100% no-repeat;color:var(--acorns-900);display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 15px 20px #00000055)}
.closing h2{font-size:clamp(54px,6vw,80px)}
.closing .eyebrow{color:var(--acorns-800)}
.closing h2 em{color:var(--acorns-600)}
.closing>p:not(.eyebrow){color:var(--acorns-900)}
.closing .button{margin-top:24px;flex-shrink:0}
@media(max-width:600px){.facts p{font-size:16px;gap:7px}.facts p img{width:16px;height:16px}.button.small{gap:6px}.button.small .cta-chevron{width:14px;height:14px}.closing{width:calc(100% - 8%);min-height:480px;margin:15px auto 55px;padding:60px 30px}.closing h2{font-size:clamp(44px,11vw,60px)}.closing>p:not(.eyebrow){font-size:16px}.closing .eyebrow{font-size:10px;letter-spacing:.1em}}
/* Rounded screenshot frames and a compact parchment call to action. */
.game-media,.competition-media,.leaderboard-image{border-radius:12px}
.closing{max-width:560px;min-height:0;padding:42px 38px 46px;margin:20px auto 65px}
.closing h2{font-size:54px}
.closing .eyebrow{margin-bottom:16px}
.closing>p:not(.eyebrow){font-size:17px;margin-top:16px}
.closing .button{margin-top:18px}
@media(max-width:600px){.closing{width:calc(100% - 10%);min-height:0;padding:36px 28px 40px;margin:15px auto 45px}.closing h2{font-size:44px}.closing>p:not(.eyebrow){font-size:16px}}
/* Fit the closing content to the original 400 × 340 parchment. */
.closing{width:400px;max-width:calc(100% - 32px);min-height:340px;padding:30px 28px 34px}
.closing h2{font-size:38px;line-height:1.05}
.closing .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:12px}
.closing>p:not(.eyebrow){font-size:15px;line-height:1.4;margin-top:12px}
.closing .button{min-width:172px;min-height:48px;padding:8px 20px;font-size:15px;margin-top:16px;background-image:url('assets/wood-lg.png')}
.closing .button:active,.closing .button[aria-disabled="true"]{background-image:url('assets/wood-lg-pressed.png')}
.closing .cta-chevron{width:15px;height:15px}
@media(max-width:420px){.closing{min-height:320px;padding:28px 24px 32px}.closing h2{font-size:34px}.closing>p:not(.eyebrow){font-size:14px}}

/* Original-size parchment, compact text and button, and the supplied gameplay screen. */
.game-media{aspect-ratio:16/9}
.gameplay-image{display:block;width:100%;height:auto;border-radius:12px}
.game-media,.competition-media{box-shadow:0 18px 40px #00000099,0 4px 12px #00000066}
.closing{width:min(380px,calc(100% - 32px));max-width:none;aspect-ratio:20/17;min-height:0;margin:20px auto 60px;padding:26px 26px 32px}
.closing h2{font-size:28px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
.closing .eyebrow{margin-bottom:9px}
.closing>p:not(.eyebrow){font-size:14px;margin-top:10px}
.closing .button{background-image:url('assets/wood-md.png');min-width:129px;min-height:48px;padding:7px 13px;font-size:14px;margin-top:13px;gap:6px}
.closing .button:active,.closing .button[aria-disabled="true"]{background-image:url('assets/wood-md-pressed.png')}
.closing .cta-chevron{width:13px;height:13px}
.hero .button,.hero .button:hover{background-image:url('assets/stone2-xl.png');color:var(--acorns-900)}
.hero .button:active,.hero .button[aria-disabled="true"]{background-image:url('assets/stone2-xl-pressed.png');color:var(--acorns-900)}
@media(max-width:420px){.closing{width:calc(100% - 24px);min-height:0;padding:24px 23px 29px}.closing h2{font-size:clamp(22px,7.2vw,28px)}.closing>p:not(.eyebrow){font-size:13px}}
/* Restore the page's regular copy sizes and give parchment content more air. */
.closing{padding:28px 26px 34px}
.closing .eyebrow{font-size:13px;letter-spacing:.18em;margin-bottom:14px}
.closing>p:not(.eyebrow){font-size:18px;line-height:1.5;margin-top:15px}
.closing .button{margin-top:19px}
.button:hover:not(:active):not([aria-disabled="true"]){filter:drop-shadow(0 0 9px #ffcb5c88)}
@media(max-width:420px){.closing{padding:27px 23px 32px}.closing .eyebrow{font-size:11px}.closing>p:not(.eyebrow){font-size:17px}}

/* Two-line hero headline, store badges, and future illustration column. */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;min-height:720px;padding-top:160px;padding-bottom:100px}
.hero-content{max-width:none;margin-left:0;min-width:0}
.hero h1{font-size:clamp(38px,4.4vw,68px)}
.hero h1>span{display:block;white-space:nowrap}
.hero-description{max-width:540px}
.hero-illustration{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1.1;width:100%;background:#2c2f2b60;background-position:center;background-size:contain;background-repeat:no-repeat;border:2px solid var(--line);border-radius:12px}
.hero-illustration.has-image{background-color:transparent;border:0}
.hero-illustration.has-image>.placeholder-label{display:none}
.hero-illustration .placeholder-label{color:var(--muted);text-align:center}
.store-badges{display:flex;align-items:center;gap:8px;margin-top:20px}
.store-badge{display:inline-flex;align-items:center;flex:0 0 auto}
.store-badge img{display:block;width:auto}
.app-store-badge{height:48px}
.google-play-badge{height:70px}
#gameplay-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px}
@media(max-width:900px){.hero{gap:24px;padding-left:6%;padding-right:6%;min-height:680px}.hero h1{font-size:clamp(32px,4.6vw,44px)}.app-store-badge{height:40px}.google-play-badge{height:60px}.store-badges{gap:0}}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:0;padding:135px 6% 65px;gap:36px}.hero h1{font-size:clamp(31px,8.5vw,57px)}.hero-description{max-width:500px}.hero-illustration{aspect-ratio:4/3;max-width:440px;margin:auto}.store-badges{margin-top:17px}}

/* One consistent frame for every screenshot, video, and media placeholder. */
:root{--media-border:2px solid #332300;--media-shadow:0 18px 40px #00000099,0 4px 12px #00000066}
.media,.hero-illustration,.hero-illustration.has-image,.game-media,.game-media.has-image,.competition-media{border:var(--media-border);border-radius:12px;box-shadow:var(--media-shadow);overflow:hidden}
.media>img,.media>video{border:0;border-radius:0;box-shadow:none}
.google-play-badge{height:62px}
@media(max-width:900px){.google-play-badge{height:52px}}
@media(max-width:420px){.closing .eyebrow{letter-spacing:.12em}}

/* Hero play action and store badges share one row, wrapping only on narrow screens. */
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-actions .store-badges{margin-top:0;gap:8px;flex-wrap:nowrap}
.hero-actions .app-store-badge{height:40px}
.hero-actions .google-play-badge{height:52px}
.hero .button,.hero .button:hover{background-image:url('assets/stone2-lg.png');min-width:146px;min-height:54px;padding:8px 18px;font-size:16px;flex:0 0 auto;gap:0}
.hero .button:active,.hero .button[aria-disabled="true"]{background-image:url('assets/stone2-lg-pressed.png')}
@media(max-width:900px){.hero-actions{gap:12px}.hero-actions .store-badges{gap:6px}}

/* Full-width background-video hero; the gameplay still is its fallback. */
.hero{display:flex;align-items:center;min-height:720px;padding:160px 8% 110px;isolation:isolate}
.hero-content{width:100%;max-width:720px;margin-left:0}
.hero-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hero-backdrop img,.hero-backdrop video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}
.hero-shade{background:linear-gradient(90deg,#090a09e8 0%,#090a09ba 48%,#090a0955 100%)}
.hero-video-toggle{position:absolute;right:5%;bottom:26px;padding:7px 13px;color:var(--ink);background:#090a0999;border:2px solid var(--line);border-radius:6px;font-size:14px;cursor:pointer}
/* One continuous wooden table behind the closing section and footer. */
.table-ending{background:linear-gradient(#090a0933,#090a0933),url('assets/bg-landing.webp') center top/cover no-repeat;padding-top:1px}
.table-ending .closing{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1440px;min-height:430px;aspect-ratio:auto;margin:0 auto;padding:100px 8% 70px;background:none;border:0;filter:none;color:var(--ink)}
.table-ending .closing h2{font-size:clamp(42px,4.6vw,67px);line-height:1.03;letter-spacing:-.025em;white-space:normal}
.table-ending .closing h2 em{color:var(--gold)}
.table-ending .closing .eyebrow{font-size:13px;letter-spacing:.18em;color:var(--gold);margin-bottom:26px}
.table-ending .closing>p:not(.eyebrow){font-size:18px;line-height:1.6;color:var(--muted);margin:24px 0 0}
.table-ending .closing .button{margin-top:26px}
.table-ending footer{background:transparent;padding:35px 6% 48px}
@media(max-width:700px){.hero{min-height:680px;padding:135px 6% 90px}.hero-shade{background:#090a09bd}.table-ending .closing{min-height:380px;padding:75px 7% 50px}.table-ending .closing h2{font-size:45px}.table-ending .closing .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:20px}.table-ending .closing>p:not(.eyebrow){font-size:17px}.table-ending footer{padding:28px 7% 38px}}
/* Preserve the complete media height; narrower viewports crop only the sides. */
.hero{--hero-media-height:56.25vw;min-height:max(100vh,720px,var(--hero-media-height));min-height:max(100svh,720px,var(--hero-media-height))}
.hero-backdrop img,.hero-backdrop video{inset:auto;top:0;left:50%;width:auto;max-width:none;height:100%;object-fit:contain;transform:translateX(-50%)}

/* Four highlights and a compact, keyboard-accessible language picker. */
.facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.header-actions{gap:24px}
.language-picker{position:relative;font-size:16px;line-height:1.4;white-space:nowrap}
.language-picker summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 4px}
.language-picker summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:178px;padding:6px;background:#161715;border:2px solid #332300;border-radius:8px;box-shadow:0 10px 25px #0008}
.language-options a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px}
.language-options a:hover,.language-options a[aria-current="page"]{color:var(--gold);background:#ffffff0a}
@media(max-width:760px){.header{height:auto;min-height:96px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:8px 16px}.header-actions{gap:14px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.language-picker{font-size:14px}}
@media(max-width:540px){.header-actions{display:grid;grid-template-columns:auto auto;gap:2px 12px}.language-picker{grid-column:1/-1;justify-self:end}.header-actions .community{grid-row:2}.header-actions>.button{grid-row:2}.facts{padding:22px 5%;gap:18px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.facts p:nth-child(3){border-left:0}.hero{padding-top:175px}}

.language-flag{display:block;width:24px;height:18px;flex:0 0 24px;object-fit:contain}

/* Let the table continue into the footer without a divider. */
.table-ending footer{border-top:0}

/* XL primary actions, scaled proportionally only when the screen is narrower. */
.hero .button,.hero .button:hover,.closing .button,.closing .button:hover{width:min(370px,100%);min-width:0;min-height:0;height:auto;aspect-ratio:370/78;padding:10px 24px;font-size:20px;flex:0 0 auto}
.hero .button,.hero .button:hover{background-image:url('assets/stone2-xl.png')}
.hero .button:active,.hero .button[aria-disabled="true"]{background-image:url('assets/stone2-xl-pressed.png')}
.closing .button,.closing .button:hover{background-image:url('assets/wood-xl.png')}
.closing .button:active,.closing .button[aria-disabled="true"]{background-image:url('assets/wood-xl-pressed.png')}

/* Hero hierarchy and separate store row. */
.header{border-bottom:0}
.hero-content{max-width:960px}
.hero h1{font-size:clamp(44px,6.4vw,100px)}
.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}
.hero-actions .store-badges{margin-top:0;flex-wrap:wrap}
.hero .button,.hero .button:hover,.closing .button,.closing .button:hover{font-size:24px}
/* Highlights share the language dropdown's border and rounded dark surface. */
.language-options{background:rgba(0,0,0,.6)}
.facts{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:30px 6%;border:0;background:transparent}
.facts p,.facts p+p,.facts p:nth-child(3){border:2px solid #332300;border-radius:8px;background:rgba(0,0,0,.6);padding:10px 22px;min-height:48px;gap:10px;white-space:nowrap}
@media(max-width:700px){.hero h1{font-size:clamp(32px,8.8vw,60px)}.facts{gap:12px;padding:26px 5%}.facts p,.facts p+p,.facts p:nth-child(3){padding:9px 16px;min-height:44px}.hero .button,.hero .button:hover,.closing .button,.closing .button:hover{font-size:22px}}

/* Roomier highlight tags, store badges and white wooden-button labels. */
.facts{gap:28px;padding-block:40px}
.facts p,.facts p+p,.facts p:nth-child(3){padding:16px 30px;min-height:60px}
.header .button,.header .button:hover,.header .button:active,.closing .button,.closing .button:hover,.closing .button:active{color:#fff}
.hero-actions .store-badges{gap:16px}
@media(max-width:900px){.hero-actions .store-badges{gap:12px}}
@media(max-width:700px){.facts{gap:20px;padding-block:32px}.facts p,.facts p+p,.facts p:nth-child(3){padding:14px 24px;min-height:54px}}
/* Support uses the same typography and materials as the landing page. */
.support-page{max-width:1000px;margin:auto;padding:160px 6% 90px;min-height:80svh}
.support-page h1{font-size:clamp(44px,6vw,72px);margin-bottom:24px}
.support-intro{max-width:650px;color:var(--muted);margin-bottom:30px}
.support-contact{color:var(--gold);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.support-form{margin-top:36px;max-width:680px;display:grid;gap:20px;padding:30px;background:#0009;border:2px solid #332300;border-radius:12px}
.support-form label{display:grid;gap:8px;font-size:18px}
.support-form input,.support-form textarea{width:100%;font:inherit;color:#fff;background:#161715;border:2px solid #5b3f02;border-radius:8px;padding:12px 14px}
.support-form input:focus-visible,.support-form textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.support-form textarea{min-height:180px;resize:vertical}
.support-form button{justify-self:start;cursor:pointer;border:2px solid #5b3f02;border-radius:8px;color:#fff;background:#332300;padding:12px 22px;font-weight:800}
.support-form-note,.support-status{font-size:16px;color:var(--muted)}
@media(max-width:540px){.support-page{padding-top:180px}.support-form{padding:20px}}

.support-form select{width:100%;font:inherit;color:#fff;background:#161715;border:2px solid #5b3f02;border-radius:8px;padding:12px 14px}
.support-form button:disabled{opacity:.55;cursor:wait}
.support-form a,.legal-page a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.support-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.legal-page{max-width:1060px}.legal-page section{margin:34px 0}.legal-page h2{font-size:30px;line-height:1.2;margin-bottom:14px}.legal-page p{color:var(--muted)}
.legal-placeholder{color:#ffdf93;background:#5b3f024d;font-size:.9em;overflow-wrap:anywhere}
.draft-notice{padding:16px;border:2px solid #5b3f02;border-radius:8px;background:#0009}.legal-links{margin-top:35px}