@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --ink: #f5f1e8;
  --muted: #a9b0b7;
  --panel: #171d24;
  --panel-2: #202832;
  --line: rgba(255, 255, 255, 0.11);
  --red: #e64235;
  --red-dark: #a9211f;
  --gold: #f2b84b;
  --green: #59d174;
  --amber: #f5b942;
  --offline: #e45a55;
  --shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
  font-family: "Inter", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  color: var(--ink);
  background: #10151b;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: #10151b; scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: #10151b; color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
[hidden] { display: none !important; }

.skip-link {
  position: fixed;
  left: 18px;
  top: -100px;
  z-index: 999;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fff;
  color: #111;
}
.skip-link:focus { top: 18px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  height: 78px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
  align-items: center;
  gap: 28px;
  padding: 0 4vw;
  border-bottom: 1px solid var(--line);
  background: rgba(12, 16, 21, 0.88);
  backdrop-filter: blur(18px);
}

.wordmark { display: inline-flex; flex-direction: column; width: max-content; line-height: .86; letter-spacing: .035em; text-transform: uppercase; }
.wordmark span { font-size: .78rem; font-weight: 800; color: #fff; }
.wordmark strong { margin-top: 5px; font-family: "Inter", "Segoe UI", sans-serif; font-size: 1.36rem; font-weight: 800; letter-spacing: .015em; color: var(--red); text-shadow: 2px 2px 0 #560a09; }
.wordmark-small strong { font-size: 1.35rem; }

.site-nav { display: flex; align-items: center; gap: 28px; }
.site-nav a, .account-link { position: relative; color: #d7dadd; font-size: .82rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.site-nav a::after, .account-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -10px; height: 2px; background: var(--red); transition: right .2s ease; }
.site-nav a:hover::after, .site-nav a.active::after, .account-link:hover::after, .account-link.active::after { right: 0; }
.site-nav a:hover, .site-nav a.active, .account-link:hover, .account-link.active { color: #fff; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 20px; }
.nav-toggle { display: none; border: 0; background: none; cursor: pointer; }

main { min-height: calc(100vh - 178px); }
.page { display: none; min-height: calc(100vh - 100px); padding-top: 78px; }
.page.active { display: block; animation: reveal .35s ease both; }
@keyframes reveal { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }

.page-home { position: relative; min-height: calc(100vh - 64px); min-height: calc(100svh - 64px); overflow: hidden; isolation: isolate; }
.hero-art { position: absolute; inset: -8px; z-index: -3; background: url("/assets/ui/splash-clean.webp") center 52% / cover no-repeat; filter: blur(4px); transform: scale(1.035); }
.hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, rgba(7, 10, 13, .97) 0%, rgba(10, 14, 18, .86) 38%, rgba(10, 14, 18, .22) 68%, rgba(10, 14, 18, .46) 100%); }
.hero-scrim { position: absolute; inset: auto 0 0; z-index: -2; height: 38%; background: linear-gradient(transparent, #10151b); }
.hero-content { width: min(650px, 90vw); padding: clamp(150px, 19vh, 220px) 0 100px 7vw; }
.eyebrow { margin: 0 0 16px; color: var(--red); font-size: .76rem; font-weight: 850; letter-spacing: .22em; text-transform: uppercase; }
.hero-content h1, .display-heading { margin: 0; font-family: "Inter", "Segoe UI", sans-serif; font-size: clamp(3rem, 4.8vw, 4.75rem); font-weight: 800; line-height: .94; letter-spacing: -.045em; text-transform: uppercase; text-shadow: 0 9px 30px rgba(0, 0, 0, .4); }
.hero-content h1 span { color: var(--red); text-shadow: 3px 4px 0 var(--red-dark), 0 9px 30px rgba(0, 0, 0, .4); }
.hero-copy { max-width: 590px; margin: 32px 0 0; color: #d4d8dc; font-size: clamp(1rem, 1.5vw, 1.17rem); line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }

.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 23px; border: 1px solid transparent; border-radius: 6px; cursor: pointer; font-size: .79rem; font-weight: 850; letter-spacing: .085em; text-transform: uppercase; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--red); color: #fff; box-shadow: 0 10px 30px rgba(230, 66, 53, .24); }
.button-primary:hover { background: #f04c40; }
.button-secondary { border-color: rgba(255, 255, 255, .24); background: rgba(17, 22, 28, .72); color: #fff; }
.button-secondary:hover { border-color: rgba(255, 255, 255, .5); }
.button-wide { width: 100%; }
.button-small { min-height: 40px; padding: 0 16px; }

.content-page { min-height: calc(100vh - 100px); background: radial-gradient(circle at 80% 10%, rgba(230, 66, 53, .08), transparent 30%), #11171d; }
.content-wrap { width: min(1120px, 90vw); margin: 0 auto; padding: clamp(72px, 10vw, 128px) 0; }
.content-wrap-narrow { width: min(780px, 90vw); }
.centered { text-align: center; }
.display-heading { font-size: clamp(2.5rem, 4.5vw, 4rem); line-height: 1; }
.lead { color: #c9ced3; font-size: 1.12rem; line-height: 1.75; }
.prose { margin-top: 46px; padding: 34px; border: 1px solid var(--line); border-radius: 10px; background: rgba(31, 39, 48, .54); box-shadow: var(--shadow); }
.prose p { margin: 0 0 20px; color: #c6cbd0; font-size: 1.04rem; line-height: 1.8; }
.prose p:last-child { margin-bottom: 0; }

.about-wrap { width: min(1180px, 90vw); }
.about-wrap .display-heading { max-width: 980px; margin-inline: auto; font-size: clamp(2.5rem, 4.5vw, 4rem); }
.about-story { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); gap: clamp(36px, 6vw, 78px); align-items: center; margin-top: 0; }
.about-copy > p { margin: 0 0 20px; color: #bfc6cc; font-size: 1.02rem; line-height: 1.78; }
.about-copy .about-lead { color: #f1f3f4; font-size: clamp(1.22rem, 2vw, 1.52rem); font-weight: 700; line-height: 1.45; }
.about-copy .about-description { color: #d1d6da; font-size: clamp(1.03rem, 1.4vw, 1.14rem); line-height: 1.82; }
.about-pillars { display: grid; gap: 1px; margin-top: 34px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--line); }
.about-pillars > div { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 17px 20px; background: rgba(25, 32, 40, .96); }
.about-pillars strong { color: #f2f3f4; font-size: .82rem; letter-spacing: .035em; text-transform: uppercase; }
.about-pillars span { color: #8f9aa3; font-size: .84rem; line-height: 1.45; }

.monster-showcase { position: relative; min-height: 570px; display: flex; align-items: center; justify-content: center; padding: 54px 28px 132px; overflow: hidden; border: 1px solid rgba(242, 184, 75, .28); border-radius: 18px; background: radial-gradient(circle at 50% 36%, rgba(242, 184, 75, .16), transparent 38%), linear-gradient(150deg, #242b32, #12171d 70%); box-shadow: var(--shadow); isolation: isolate; }
.monster-showcase::before { content: ""; position: absolute; inset: 18px; z-index: -1; border: 1px solid rgba(255, 255, 255, .05); border-radius: 12px; }
.showcase-glow { position: absolute; top: 98px; width: 280px; height: 280px; z-index: -1; border-radius: 50%; background: rgba(242, 184, 75, .18); filter: blur(38px); }
.golden-dave { width: min(94%, 405px); max-height: 365px; object-fit: contain; border-radius: 14px; filter: drop-shadow(0 24px 24px rgba(0, 0, 0, .55)) drop-shadow(0 0 30px rgba(242, 184, 75, .15)); }
.showcase-title { position: absolute; left: 34px; right: 34px; bottom: 128px; display: grid; gap: 5px; text-align: center; }
.showcase-title span { color: var(--gold); font-size: .66rem; font-weight: 850; letter-spacing: .2em; text-transform: uppercase; }
.showcase-title strong { font-family: "Inter", "Segoe UI", sans-serif; font-size: clamp(1.45rem, 2.5vw, 1.95rem); font-weight: 800; letter-spacing: -.025em; text-transform: uppercase; }
.monster-strip { position: absolute; inset: auto 18px 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.monster-strip figure { min-width: 0; margin: 0; padding: 8px 7px 7px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 9px; background: rgba(7, 10, 13, .72); text-align: center; }
.monster-strip img { width: 100%; height: 66px; object-fit: contain; }
.monster-strip figcaption { margin-top: 4px; color: #aab2b9; font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }

.download-card { display: grid; grid-template-columns: 1.45fr .75fr; gap: 36px; align-items: center; margin-top: 55px; padding: 44px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(135deg, #202934, #161c23); box-shadow: var(--shadow); }
.card-kicker, .muted-label { color: var(--red); font-size: .72rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.download-copy h2, .donate-panel h2, .info-card h2, .account-session h2 { margin: 10px 0 14px; font-size: 1.65rem; }
.download-copy p, .donate-panel p, .info-card p { color: #b7bec5; line-height: 1.7; }
.check-list { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; color: #d6dade; }
.check-list li::before { content: "✓"; margin-right: 10px; color: var(--green); font-weight: 900; }
.download-action { display: grid; gap: 13px; justify-items: center; }
.download-action small { color: #8f99a2; text-align: center; line-height: 1.5; }
.text-link { color: #f16a5f; font-size: .83rem; font-weight: 750; }
.text-link:hover { text-decoration: underline; }
.windows-mark { display: grid; grid-template-columns: repeat(2, 28px); gap: 4px; margin-bottom: 5px; transform: skewY(-4deg); }
.windows-mark i { height: 28px; background: #eff3f5; }

.community-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 46px; }
.info-card, .donate-panel { padding: 34px; border: 1px solid var(--line); border-radius: 10px; background: rgba(30, 38, 47, .62); }
.card-icon { display: block; color: var(--red); font-size: 2rem; }
.donate-panel { margin-top: 45px; }

.leaderboard-shell { margin-top: 48px; padding: 28px; border: 1px solid var(--line); border-radius: 10px; background: rgba(30, 38, 47, .62); box-shadow: var(--shadow); }
.leaderboard-tools { display: flex; align-items: end; gap: 16px; flex-wrap: wrap; }
.leaderboard-tools label { display: grid; gap: 7px; color: #aeb6bd; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
select, input { min-height: 44px; border: 1px solid #3b4651; border-radius: 5px; outline: 0; background: #11171d; color: #f5f7f8; }
select { min-width: 190px; padding: 0 36px 0 12px; }
input { width: 100%; margin-top: 7px; padding: 0 13px; }
select:focus, input:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(230, 66, 53, .12); }
.inline-message { padding: 34px 8px; color: #aeb5bc; text-align: center; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 15px 12px; border-top: 1px solid var(--line); text-align: left; }
th { color: #8e99a3; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
td:first-child { color: var(--red); font-weight: 850; }

.account-wrap { width: min(800px, 90vw); }
.auth-shell, .account-session { margin-top: 42px; border: 1px solid var(--line); border-radius: 10px; background: rgba(30, 38, 47, .68); box-shadow: var(--shadow); }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
.auth-tabs button { padding: 17px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #9fa8b0; cursor: pointer; font-weight: 800; }
.auth-tabs button.active { border-color: var(--red); color: #fff; }
.auth-form { display: grid; gap: 19px; padding: 30px; }
.auth-form label { color: #bac1c7; font-size: .81rem; font-weight: 750; }
.field-note { margin: -8px 0 0; color: #8f99a1; font-size: .76rem; }
.form-message { min-height: 20px; margin: 0; color: #f28a82; font-size: .83rem; line-height: 1.45; }
.form-message.success { color: var(--green); }
.account-session { display: grid; gap: 26px; padding: 30px; }
.account-session p { margin: 0; color: #9ca5ad; }
.account-session-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.discord-verification { display: grid; gap: 18px; padding: 24px; border: 1px solid #394653; border-radius: 8px; background: rgba(10, 15, 20, .6); }
.registration-success { padding: 16px 18px; border: 1px solid rgba(89, 209, 116, .5); border-radius: 8px; background: rgba(39, 100, 53, .18); color: #e8f7eb; line-height: 1.55; }
.registration-success a, .discord-verification-copy a { color: #7ab7ff; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.discord-verification[data-verified="true"] { border-color: rgba(89, 209, 116, .48); background: rgba(39, 100, 53, .12); }
.discord-verification h3 { margin: 5px 0 7px; font-size: 1.22rem; }
.discord-verification-copy p { line-height: 1.55; }
.discord-code-wrap { display: grid; gap: 8px; padding: 18px; border: 1px dashed #526170; border-radius: 7px; background: #10171d; }
.discord-code-wrap > span, .discord-code-wrap small { color: #89959f; font-size: .72rem; letter-spacing: .05em; }
.discord-code-wrap > div { display: flex; align-items: center; gap: 12px; }
.discord-code-wrap code { color: #fff; font-size: clamp(1.45rem, 4vw, 2rem); font-weight: 900; letter-spacing: .16em; }
.discord-code-wrap button { padding: 8px 11px; border: 1px solid #465563; border-radius: 5px; background: #202a33; color: #fff; cursor: pointer; }
.discord-verification-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.shop-wrap { width: min(980px, 92vw); }
.shop-lead { max-width: 700px; margin-inline: auto; }
.shop-message { max-width: 720px; margin: 34px auto 0; padding: 14px 18px; border: 1px solid #3b4651; border-radius: 8px; background: rgba(15, 21, 27, .82); color: #c2c9cf; text-align: center; }
.shop-message[data-state="success"] { border-color: rgba(89, 209, 116, .5); color: #dff7e4; }
.shop-message[data-state="error"] { border-color: rgba(228, 90, 85, .55); color: #ffd7d3; }
.shop-message[data-state="pending"] { border-color: rgba(245, 185, 66, .45); color: #f6dfaa; }
.shop-packages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.shop-package { position: relative; display: grid; justify-items: center; gap: 8px; padding: 30px 24px 24px; border: 1px solid #394653; border-radius: 11px; background: linear-gradient(160deg, rgba(34, 43, 52, .94), rgba(16, 22, 28, .96)); box-shadow: var(--shadow); text-align: center; }
.shop-package.featured { border-color: rgba(245, 185, 66, .72); transform: translateY(-5px); }
.shop-package-badge { position: absolute; top: -11px; padding: 5px 12px; border-radius: 999px; background: var(--amber); color: #19140a; font-size: .67rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.shop-package-kicker { color: #aab3ba; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.shop-package strong { margin-top: 5px; color: #ffd665; font-size: clamp(2.2rem, 6vw, 3.45rem); line-height: 1; text-shadow: 0 3px 20px rgba(245, 185, 66, .22); }
.shop-package-unit { color: #d8c690; font-size: .75rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.shop-package-price { margin: 14px 0 8px; color: #fff; font-size: 1.3rem; font-weight: 850; }
.shop-package button:disabled { cursor: not-allowed; filter: grayscale(1); opacity: .5; }
.shop-security { display: flex; align-items: center; justify-content: center; gap: 13px; margin: 28px auto 0; color: #909ba4; }
.shop-security > span { font-size: 1.3rem; }
.shop-security strong { color: #ccd2d7; font-size: .78rem; }
.shop-security p { margin: 3px 0 0; font-size: .72rem; }

.dave-club-page { overflow: hidden; background: radial-gradient(circle at 78% 18%, rgba(191, 132, 15, .14), transparent 30%), #141a20; }
.dave-club-wrap { width: min(1120px, 92vw); }
.dave-club-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; min-height: 620px; }
.dave-club-copy { position: relative; z-index: 2; }
.dave-club-copy .display-heading { margin-bottom: 18px; color: #fff2bd; text-shadow: 0 4px 28px rgba(245, 185, 66, .16); }
.dave-club-lead { max-width: 610px; color: #c4c9cd; font-size: 1.08rem; line-height: 1.72; }
.dave-club-price { display: flex; align-items: end; gap: 12px; margin-top: 30px; }
.dave-club-price strong { color: #ffd15a; font-size: clamp(2.7rem, 7vw, 4.8rem); line-height: .9; letter-spacing: -.055em; }
.dave-club-price span { padding-bottom: 6px; color: #a99a71; font-size: .75rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.dave-club-message { max-width: 620px; margin: 28px 0 0; text-align: left; }
.dave-club-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.dave-club-fine-print { max-width: 560px; margin-top: 16px; color: #7f8991; font-size: .72rem; line-height: 1.55; }
.dave-club-art { position: relative; display: grid; place-items: center; isolation: isolate; min-height: 520px; }
.dave-club-art img { position: relative; z-index: 1; width: min(610px, 52vw); max-width: none; border-radius: 50%; filter: drop-shadow(0 34px 34px rgba(0, 0, 0, .52)); }
.dave-club-art-glow { position: absolute; width: 76%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(255, 193, 44, .3), rgba(134, 81, 4, .08) 46%, transparent 72%); filter: blur(12px); }
.dave-club-seal { position: absolute; z-index: 2; right: 2%; bottom: 12%; padding: 10px 17px; border: 1px solid rgba(255, 213, 99, .65); border-radius: 999px; background: rgba(20, 14, 4, .9); color: #ffd96c; font-size: .68rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; transform: rotate(-5deg); box-shadow: 0 9px 25px rgba(0, 0, 0, .4); }
.dave-club-benefits { padding: 50px 0 38px; border-top: 1px solid rgba(246, 198, 77, .16); }
.dave-club-benefits-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.dave-club-benefits-heading h2 { max-width: 590px; margin: 0; font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.08; }
.dave-benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dave-benefit { min-height: 210px; padding: 26px; border: 1px solid #35404a; border-radius: 11px; background: linear-gradient(155deg, rgba(35, 43, 51, .9), rgba(17, 22, 27, .94)); }
.dave-benefit.featured { border-color: rgba(245, 185, 66, .56); background: linear-gradient(155deg, rgba(78, 58, 17, .7), rgba(25, 24, 19, .96)); }
.dave-benefit > span { color: #c6952c; font-size: .67rem; font-weight: 900; letter-spacing: .15em; }
.dave-benefit h3 { margin: 26px 0 10px; color: #f3f0e5; font-size: 1.08rem; }
.dave-benefit p { margin: 0; color: #9da6ad; font-size: .86rem; line-height: 1.62; }
.dave-club-member-panel { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin: 30px 0 10px; padding: 30px; border: 1px solid rgba(245, 185, 66, .52); border-radius: 12px; background: linear-gradient(120deg, rgba(78, 57, 11, .46), rgba(24, 28, 29, .94)); }
.dave-club-member-panel h2 { margin: 8px 0; }
.dave-club-member-panel p { margin: 0; color: #bdc3c7; }
.dave-club-active-mark { display: grid; place-items: center; flex: 0 0 64px; width: 64px; height: 64px; border: 2px solid #ffd466; border-radius: 50%; color: #ffd466; font-size: 1.7rem; box-shadow: 0 0 24px rgba(245, 185, 66, .18); }

.uptime-panel { margin-top: 48px; padding: 54px 38px 38px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(150deg, #202934, #141a20); box-shadow: var(--shadow); }
.status-overline { margin: 0 0 8px; color: #89949e; font-size: .7rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.uptime-panel h2 { margin: 0; font-size: clamp(2rem, 5vw, 3.6rem); }
.uptime-panel > p:not(.status-overline) { color: #aeb6bd; }
.status-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--line); }
.status-meta span { display: grid; gap: 6px; color: #828d97; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; }
.status-meta strong { color: #d8dde1; font-size: .78rem; letter-spacing: 0; text-transform: none; }
.status-footnote { color: #77838d; font-size: .78rem; }

.site-footer { min-height: 64px; display: grid; grid-template-columns: 1fr; align-items: center; gap: 18px; padding: 14px 4vw; border-top: 1px solid var(--line); background: #0c1116; }
.site-footer p { margin: 0; color: #77828c; font-size: .75rem; }
.site-footer > div { justify-self: end; display: flex; gap: 18px; color: #9aa3ab; font-size: .75rem; }

@media (max-width: 1060px) {
  .site-header { grid-template-columns: 1fr auto; }
  .site-nav { position: fixed; inset: 78px 0 auto; display: none; padding: 24px 5vw; flex-direction: column; align-items: flex-start; border-bottom: 1px solid var(--line); background: rgba(12, 16, 21, .98); }
  .site-nav.open { display: flex; }
  .header-actions { margin-right: 48px; }
  .nav-toggle { position: absolute; right: 4vw; display: grid; gap: 5px; width: 32px; padding: 4px; }
  .nav-toggle > span:not(.sr-only) { height: 2px; background: #fff; }
  .download-card { grid-template-columns: 1fr; }
  .about-story { grid-template-columns: 1fr; }
  .monster-showcase { width: min(540px, 100%); margin-inline: auto; }
}

@media (max-width: 720px) {
  .site-header { height: 70px; padding: 0 20px; }
  .site-nav { top: 70px; }
  .wordmark span { font-size: .66rem; }
  .wordmark strong { font-size: 1.32rem; }
  .header-actions { margin-right: 38px; }
  .header-actions .account-link { display: none; }
  .shop-packages { grid-template-columns: 1fr; }
  .shop-package.featured { transform: none; }
  .dave-club-hero { grid-template-columns: 1fr; gap: 10px; padding-top: 54px; }
  .dave-club-art { grid-row: 1; min-height: 340px; }
  .dave-club-art img { width: min(560px, 95vw); }
  .dave-benefit-grid { grid-template-columns: 1fr; }
  .dave-club-benefits-heading { align-items: flex-start; flex-direction: column; }
  .page { padding-top: 70px; }
  .hero-content { padding: 142px 24px 86px; }
  .hero-content h1 { font-size: clamp(2.6rem, 12vw, 3.6rem); }
  .display-heading { font-size: clamp(2rem, 9vw, 2.75rem); }
  .hero-art { background-position: 59% center; }
  .download-card, .leaderboard-shell, .prose { padding: 24px; }
  .about-story { margin-top: 0; }
  .about-pillars > div { grid-template-columns: 1fr; gap: 5px; }
  .monster-showcase { min-height: 510px; padding-inline: 18px; }
  .showcase-title { left: 20px; right: 20px; }
  .community-grid { grid-template-columns: 1fr; }
  .status-meta { grid-template-columns: 1fr; gap: 18px; }
  .site-footer { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .site-footer > div { justify-self: center; }
  .account-session-header { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* BYM Reborn: Command Center. The website and launcher share one visual language. */
@font-face{font-family:"Reborn Display";src:url("/fonts/anton-latin.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#ede8cf;--muted:#a2aa96;--panel:#191f15;--panel-2:#242b1c;--line:#3d4431;--lime:#c2e629;--red:#c2e629;--red-dark:#687d15;--green:#c2e629;--gold:#dab45d;--display:"Reborn Display",Impact,"Arial Narrow",sans-serif;color-scheme:dark}
html{background:#10150e;scroll-padding-top:115px}
body{background:#10150e;color:var(--ink)}
::selection{background:#c2e629;color:#13190b}
:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.content-width{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.site-header{height:96px;position:fixed;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:36px;padding:0 48px;background:linear-gradient(120deg,#262c1fee,#10150ff5 38%);border-bottom:1px solid #65634780;box-shadow:0 5px 30px #0004;backdrop-filter:blur(16px)}
.wordmark{display:flex;align-items:center;gap:0;line-height:1;filter:drop-shadow(0 3px 1px #050904)}
.wordmark strong{font-family:var(--display);font-size:44px;font-weight:400;letter-spacing:2px;color:#e7dfb9;text-shadow:none;margin:0}
.wordmark span{font-size:11px;font-weight:850;color:var(--lime);letter-spacing:4.2px;padding-left:4px;margin-top:4px}
.site-nav{gap:clamp(16px,1.9vw,28px);justify-content:center}
.site-nav a,.account-link{font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap;color:#b6baa7}
.site-nav a{padding:39px 0}
.site-nav a::after{bottom:0;background:var(--lime);height:2px}
.site-nav a.active,.site-nav a:hover,.account-link.active,.account-link:hover{color:var(--lime)}
.account-link{display:flex;align-items:center;gap:9px;min-height:44px}
.account-link::after{display:none}
.account-link .icon{width:17px;height:17px}
.header-actions{gap:22px}
.header-play{min-height:41px!important;padding:0 16px!important;gap:18px!important}
.header-play .icon{width:17px}
.nav-toggle{color:var(--ink);border:1px solid #586143;border-radius:3px;width:42px;height:42px;align-content:center;padding:10px;gap:5px}
.nav-toggle>span:not(.sr-only){background:var(--ink)}
.page{padding-top:96px}
.page.active{animation:page-reveal .3s ease both}
@keyframes page-reveal{from{opacity:0}to{opacity:1}}
.button{border-radius:3px;gap:12px;min-height:52px;font-size:11px;letter-spacing:.6px;padding:0 23px;line-height:1.4;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}
.button-primary{color:#192207;background:linear-gradient(125deg,#d9f447,#b4d51a 75%);border:1px solid #d9ed7d;box-shadow:inset 0 0 0 3px #6d821d,inset 0 0 0 4px #cce24b,0 4px 0 #050903,0 7px 20px #080d0780}
.button-primary:hover{background:linear-gradient(125deg,#e7ff6b,#c9e937);box-shadow:inset 0 0 0 3px #738724,inset 0 0 0 4px #d9ed69,0 4px 0 #050903,0 0 24px #bdde2824}
.button-secondary{background:linear-gradient(125deg,#303827b0,#161d12d9);border-color:#72755480;color:#e0e2ce;box-shadow:inset 0 0 0 3px #0d140a80}
.button-secondary:hover{border-color:#a0a783;background:#2c3621}
.button:active{transform:translateY(1px)}
.button:disabled{cursor:not-allowed;opacity:.55;transform:none}
.button-discord{background:linear-gradient(140deg,#655cb3,#494187);border:1px solid #aba4e0;box-shadow:inset 0 0 0 3px #2e284c,0 4px 10px #0004;color:#f1edf8}
.button-discord:hover{background:linear-gradient(140deg,#786dc5,#584d9d);border-color:#d2caff}
.page-home{padding-top:96px;min-height:0;overflow:clip;background:#10150e}
.home-hero{min-height:665px;position:relative;isolation:isolate;display:flex;align-items:center;border-bottom:1px solid #53543a;overflow:hidden}
.hero-art{inset:0 0 0 34%;z-index:-3;transform:none;filter:none;background:url("/assets/command-center/yard.webp") 50% 47%/cover no-repeat;background-color:#3c3724}
.hero-art::after{background:linear-gradient(90deg,#10150e 0%,#10150e80 14%,transparent 44%),linear-gradient(0deg,#10150e 0%,#10150e15 32%,#10150e15 75%,#10150e50 100%)}
.home-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#10150e 0%,#10150ef2 20%,#10150e90 39%,transparent 64%),radial-gradient(ellipse at 15% 55%,#7a8b1520,transparent 45%)}
.hero-grain{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.13;background:repeating-linear-gradient(110deg,transparent 0 2px,#0003 2px 3px)}
.hero-content{width:min(1320px,calc(100% - 96px));padding:52px 0 112px;margin:auto}
.eyebrow{font-size:10px;line-height:1.5;font-weight:800;letter-spacing:2px;color:var(--lime);margin:0 0 23px}
.hero-content h1{font-family:var(--display);font-size:clamp(72px,7.6vw,114px);line-height:1.04;font-weight:400;letter-spacing:-.5px;color:#eee8cd;text-shadow:0 4px 0 #080d0760,0 8px 24px #0003}
.hero-content h1 .hero-game-name{display:block;font-size:.38em;line-height:1.2;letter-spacing:.035em;color:var(--ink);text-shadow:none;margin-bottom:10px}
.hero-content h1 .hero-game-edition{display:block;font-size:1.2em;line-height:1;letter-spacing:.02em;color:var(--lime);text-shadow:0 4px 0 #1d2908,0 8px 24px #0003}
.hero-copy{color:#c1c5b1;margin-top:23px;font-size:14px;line-height:1.8;max-width:415px;text-shadow:0 2px 5px #0007}
.hero-actions{margin-top:30px;gap:12px}
.hero-actions .button-primary{min-width:214px;font-size:13px}
.hero-actions .button-primary .icon{margin-left:9px}
.hero-platform{display:flex;align-items:center;gap:9px;font-size:10px;color:#949e87;margin:20px 0 0}
.hero-platform .icon{width:12px;height:12px}
.hero-caption{position:absolute;right:48px;bottom:91px;display:flex;align-items:center;gap:16px;border-top:1px solid #aaab7760;padding-top:15px;width:320px;max-width:35%;text-shadow:0 2px 10px #000}
.hero-caption div{display:grid;gap:6px}
.hero-caption span:not(.caption-cross){font-size:8px;letter-spacing:1.7px;color:#d3ddaf}
.hero-caption strong{font-size:12px;font-weight:500;color:#ededdc}
.caption-cross{font-size:30px;font-weight:300;color:var(--lime)}
.hero-caption .icon{margin-left:auto;width:18px}
.scroll-cue{position:absolute;bottom:23px;left:48px;display:flex;align-items:center;gap:14px;font-size:8px;color:#b4bca3;letter-spacing:1.8px}
.scroll-cue span:last-child{display:grid;place-items:center;width:28px;height:28px;border:1px solid #6c745445;font-size:15px;color:var(--lime)}
.home-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.hub-card{display:flex;gap:17px;align-items:center;position:relative;min-height:122px;min-width:0;padding:13px;border:1px solid #53563d;background:radial-gradient(ellipse at top left,#444b2b50,transparent 70%),linear-gradient(135deg,#23291bdd,#131a10);border-radius:5px;box-shadow:inset 0 0 0 3px #0f160b,0 5px 16px #0002;transition:border-color .2s,transform .2s}
.hub-card:hover{transform:translateY(-4px);border-color:#a4ba53}
.hub-card>div:not(.hub-art){min-width:0}
.hub-card h2{font-family:var(--display);font-size:18px;font-weight:400;letter-spacing:.35px;line-height:1.25;margin:8px 0 6px}
.hub-card .card-kicker{font-size:7px;letter-spacing:1.3px}
.hub-card p{font-size:10px;line-height:1.6;color:#a4ad96;margin:0}
.hub-card>.icon{position:absolute;right:11px;bottom:9px;width:15px;color:var(--lime)}
.hub-art{width:85px;height:90px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;background:#10170c;border:1px solid #52573c55}
.hub-art img{width:100%;height:100%;object-fit:contain}
.hub-yard img{width:88%;height:88%}
.gold-card .card-kicker,.gold-card>.icon{color:var(--gold)}
.gold-card .hub-art{border:0;background:radial-gradient(circle,#aa7e2438,transparent)}
.section-index{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #515a384d;padding-bottom:18px;font-size:8px;letter-spacing:1.9px;color:#879475}
.section-index>span:first-child{color:#b3bc9d}
.game-section{padding-top:94px;padding-bottom:90px;scroll-margin-top:96px}
.game-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:53px}
.section-heading{font-family:var(--display);font-size:clamp(38px,3.3vw,49px);line-height:1.13;letter-spacing:.2px;font-weight:400;margin:0}
.section-heading span{color:#9da589}
.section-copy{color:#a8b19b;font-size:13px;line-height:1.8;margin-top:22px;max-width:390px}
.game-intro .eyebrow{margin-bottom:18px}
.game-tabs{display:grid;gap:3px;margin-top:30px}
.game-tab{display:flex;align-items:center;text-align:left;gap:17px;width:100%;border:1px solid transparent;border-left:2px solid #3c4730;min-height:82px;padding:16px 19px;background:transparent;cursor:pointer}
.game-tab:hover{background:#28351a70}
.game-tab.active{border-color:#707d364f;border-left:2px solid var(--lime);background:linear-gradient(90deg,#6983212d,transparent)}
.tab-number{font-size:10px;font-weight:800;color:#828f6c}
.game-tab.active .tab-number{color:var(--lime)}
.game-tab div{display:grid;gap:7px}
.game-tab strong{font-size:11px;letter-spacing:.6px;color:#d7ddc5}
.game-tab div>span{font-size:10px;line-height:1.5;color:#a1ad92}
.tab-arrow{margin-left:auto;color:#839266;font-size:18px}
.game-tab.active .tab-arrow{color:var(--lime)}
.field-frame{position:relative;border:1px solid #707153;border-radius:6px;padding:10px;background:repeating-linear-gradient(100deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(140deg,#2e3524,#141c10);box-shadow:inset 0 0 0 4px #10170d,0 25px 65px #0004;min-width:0;transform:rotate(1deg)}
.frame-top{display:flex;align-items:center;justify-content:space-between;padding:13px 13px 21px;color:#a8b796}
.frame-top>span{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px}
.game-panel{outline-offset:8px}
.art-expand{display:grid;place-items:center;position:relative;width:100%;height:350px;padding:16px;border:1px solid #404a31;cursor:zoom-in;background:linear-gradient(#0c150ec9,#0c150ec9),repeating-linear-gradient(0deg,transparent 0 29px,#65764999 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#65764999 29px 30px);overflow:hidden}
.art-expand img{display:block;max-width:100%;width:auto;height:auto;max-height:100%;object-fit:contain;box-shadow:0 7px 25px #0007;transition:transform .3s}
.art-expand:hover img{transform:scale(1.025)}
.map-art img{width:340px;image-rendering:auto}
.expand-icon{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #71875780;background:#18230fe8;color:var(--lime);font-size:22px}
.frame-caption{padding:23px 18px 20px}
.frame-caption>span{font-size:7px;font-weight:800;letter-spacing:1.6px;color:var(--lime)}
.frame-caption p{margin:8px 0 0;font-size:13px;color:#d5dbc6}
.community-banner{position:relative;display:flex;gap:31px;align-items:center;min-height:228px;padding:38px 43px;border:1px solid #66635480;border-radius:6px;background:radial-gradient(ellipse at 10% 80%,#66549723,transparent 65%),repeating-linear-gradient(100deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(130deg,#292c23,#191e16);box-shadow:inset 0 0 0 4px #151b12;overflow:hidden}
.community-symbol{display:grid;place-items:center;width:97px;height:97px;flex-shrink:0;border:1px solid #8c82b757;transform:rotate(-8deg);background:linear-gradient(140deg,#6b5b9433,#342d4819);border-radius:17px}
.community-symbol svg{width:56px;height:56px;fill:#b7addb;transform:rotate(8deg)}
.community-banner h2{font-family:var(--display);font-size:33px;line-height:1.2;font-weight:400;margin:0}
.community-banner .eyebrow{color:#b6a5d9;font-size:8px;margin-bottom:13px}
.community-banner p:not(.eyebrow){font-size:11px;line-height:1.8;color:#aab09e;margin:13px 0 0}
.community-banner>.button{margin-left:auto;white-space:nowrap}
.faq-section{display:grid;grid-template-columns:1fr 1.45fr;gap:100px;padding-top:95px;padding-bottom:100px}
.faq-section .text-link{display:inline-flex;align-items:center;gap:50px;font-size:11px;margin-top:12px}
.faq-list{border-top:1px solid #454f36}
.faq-list details{border-bottom:1px solid #454f36}
.faq-list summary{list-style:none;display:flex;align-items:center;gap:20px;padding:25px 0;cursor:pointer;font-size:12px;font-weight:650;color:#d7dcc9}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:9px;color:#828f6c}
.faq-list summary>b{font-size:20px;font-weight:400;color:var(--lime);margin-left:auto;transition:transform .2s}
.faq-list details[open] summary>b{transform:rotate(45deg)}
.faq-list details>p{padding:0 35px 23px;margin:0;font-size:11px;line-height:1.9;color:#aab59b}
.faq-list a{color:#d0dbb2;text-decoration:underline;text-underline-offset:3px}
.content-page{background:radial-gradient(ellipse at 80% 0%,#617b1824,transparent 60%),repeating-linear-gradient(110deg,#ffffff01 0 1px,transparent 1px 5px),#11170e}
.content-wrap{padding-top:72px;padding-bottom:90px}
.display-heading{font-family:var(--display);font-weight:400;font-size:clamp(44px,5vw,70px);line-height:1.1;letter-spacing:.5px;color:var(--ink)}
.lead{color:#b5bea7;font-size:14px;line-height:1.85}
.text-link{color:#c5dd87;text-underline-offset:4px}
.card-kicker{color:var(--lime)}
.download-card,.info-card,.leaderboard-shell,.auth-shell,.account-session,.uptime-panel,.monster-showcase{border:1px solid #62654980;background:repeating-linear-gradient(100deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(140deg,#283120,#151e10);box-shadow:inset 0 0 0 4px #11190de0,0 20px 50px #0003;border-radius:6px}
.download-card{margin-top:40px;position:relative;overflow:hidden}
.download-copy h2{font-family:var(--display);font-size:42px;font-weight:400;letter-spacing:.5px;margin:13px 0}
.download-copy p,.info-card p{font-size:13px;color:#b3bea6}
.check-list{font-size:12px;gap:15px}
.download-action{border-left:1px solid #6e785044;padding-left:30px}
.download-action small{font-size:10px;color:#a0ad90}
.windows-mark{margin:10px 0 22px;grid-template-columns:repeat(2,24px)}
.windows-mark i{height:24px;background:var(--lime)}
.download-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:37px}
.download-steps>div{border-top:1px solid #485b32;padding:22px 10px}
.download-steps>div>span{font-family:var(--display);font-size:30px;color:#839259}
.download-steps h3{font-size:12px;color:#d2dac2;margin:15px 0 8px}
.download-steps p{color:#9eaf8f;font-size:12px;line-height:1.9}
.download-steps a{color:#d2e4a6;text-decoration:underline;text-underline-offset:4px}
.about-copy .display-heading{font-size:57px;margin:0 0 25px}
.about-copy .about-description{font-size:14px;line-height:1.95;color:#b6c0aa}
.about-pillars{border-color:#4f5e3d;background:#4f5e3d;border-radius:4px}
.about-pillars>div{background:#1b2614}
.about-pillars strong{color:#d2dec0;font-size:10px}
.about-pillars span{color:#a0af92;font-size:12px}
.monster-showcase{border-color:#95803a80}
.monster-showcase img.golden-dave{border-radius:0}
.monster-strip figure{background:#10170b;border-color:#55613b66}
.monster-strip figcaption{color:#b6c79c}
.showcase-title strong{font-family:var(--display);font-weight:400;font-size:31px;color:#e7cf8d}
.community-grid{grid-template-columns:1fr 1fr;text-align:left}
.community-feature-art{grid-column:1/-1;width:min(450px,100%);height:auto;justify-self:center;border:1px solid #72764b;padding:7px;background:#151b10;margin-bottom:10px;border-radius:6px}
.card-icon .icon{width:34px;height:34px}
.info-card h2{font-family:var(--display);font-size:29px;letter-spacing:.5px;font-weight:400}
.auth-shell{max-width:500px;margin-inline:auto}
.auth-tabs button{font-size:12px;color:#a7b794;min-height:56px}
.auth-tabs button.active{background:#829b1920;border-color:var(--lime);color:var(--lime)}
.auth-form{padding:30px;gap:20px}
input,select{color:#e8ecd9;background:#0d150a;border-color:#4d5d3b;outline:revert}
input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #c2e62912}
.auth-form label,.leaderboard-tools label{color:#b5c4a0}
.field-note{color:#94a47d;font-size:11px;line-height:1.6}
.account-session p{color:#aebc9e}
.discord-verification{background:#101b0ccc;border-color:#5b7345}
.registration-success a,.discord-verification-copy a{color:#c5da91}
.leaderboard-tools{gap:20px}
.leaderboard-tools label{font-size:10px}
.inline-message{font-size:13px;color:#afbea0}
th{color:#99ad82;font-size:9px}
td{font-size:12px}
td:first-child{color:var(--lime)}
.shop-message{background:#121d0e;border-color:#4e623b;color:#b7c7a6;font-size:12px}
.shop-packages{gap:20px;margin-top:35px}
.shop-package{border-color:#4b5b36;background:repeating-linear-gradient(100deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(145deg,#2c3721,#141e0f);border-radius:6px;box-shadow:inset 0 0 0 4px #111a0d,0 15px 30px #0003}
.shop-package strong{font-family:var(--display);font-weight:400;font-size:58px;margin-top:10px}
.shop-package-kicker{color:#b4c59e;font-size:10px}
.shop-package-price{color:#e2e9d3;font-size:24px}
.shop-package-badge{background:#d9b557;border-radius:2px;font-size:8px;padding:7px 15px;color:#29230c}
.shop-security{color:#a3b392}
.shop-security strong{color:#c8d7b8}
.dave-club-page{background:radial-gradient(ellipse at 85% 20%,#a7822426,transparent 45%),#141b10}
.dave-club-hero{min-height:520px}
.dave-club-art img{width:100%;max-width:550px;border-radius:0}
.dave-club-lead{color:#bac5a9;font-size:14px}
.dave-club-price strong{font-family:var(--display);font-weight:400}
.dave-club-price span{color:#b7a873}
.dave-club-fine-print{color:#a4a987}
.dave-benefit{background:linear-gradient(145deg,#2b321d,#151e0f);border-color:#566139;border-radius:5px}
.dave-benefit.featured{background:linear-gradient(145deg,#54451f,#211e10)}
.dave-benefit h3{color:#dddac3}
.dave-benefit p{color:#aeb69b;font-size:12px}
.dave-club-benefits-heading h2{font-family:var(--display);font-weight:400;font-size:38px;letter-spacing:.5px}
.uptime-panel h2{font-family:var(--display);font-weight:400;letter-spacing:.6px}
.uptime-panel>p:not(.status-overline){color:#aebf98;font-size:13px;line-height:1.7}
.status-meta span{color:#8d9f77}
.status-meta strong{color:#c7d5b2}
.status-footnote{color:#9caa8b;font-size:11px;line-height:1.7}
.site-footer{display:block;padding:0;background:#0b1009;border-color:#52603580}
.site-footer>div{display:flex;justify-self:auto}
.footer-top{min-height:140px;align-items:center;gap:35px}
.footer-top .wordmark strong{font-size:43px}
.footer-top .wordmark span{font-size:10px}
.footer-top>p{font-size:8px;letter-spacing:1.8px;color:#8f9b7b}
.footer-top nav{display:flex;gap:29px;margin-left:auto}
.footer-top nav a{font-size:10px;color:#b7c1a6}
.footer-top a:hover{color:var(--lime)}
.footer-bottom{border-top:1px solid #3f4d2b66;padding-top:23px;padding-bottom:25px;gap:22px;justify-content:space-between;align-items:center}
.footer-bottom p{font-size:8px;color:#889875;line-height:1.7}
.footer-bottom a{font-size:8px;letter-spacing:1px;color:#a0ae8a;white-space:nowrap}
.art-dialog{max-width:calc(100vw - 40px);width:max-content;max-height:90svh;padding:28px;border:1px solid #83925b;border-radius:6px;background:linear-gradient(145deg,#293821,#0d180a);box-shadow:0 30px 100px #000b;color:var(--ink)}
.art-dialog::backdrop{background:#030900da;backdrop-filter:blur(9px)}
.art-dialog h2{font-family:var(--display);font-size:25px;letter-spacing:.5px;font-weight:400;margin:0 40px 23px 0}
.art-dialog img{display:block;width:auto;height:auto;max-width:min(900px,100%);max-height:68svh;margin:auto;object-fit:contain}
.dialog-close{position:absolute;right:12px;top:9px;background:#101b0c;border:1px solid #556c3e;border-radius:3px;width:35px;height:35px;cursor:pointer;color:#d3e6b5;font-size:25px}
#main-content:focus{outline:0}
@media(min-width:1600px){.home-hero{min-height:760px}.hero-art{inset-inline-start:35%}.hero-caption{right:calc((100% - 1320px)/2)}.scroll-cue{left:calc((100% - 1320px)/2)}}
@media(max-width:1250px){.site-header{gap:22px;padding-inline:32px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.site-nav{gap:17px}.site-nav a{font-size:9px}.header-actions{gap:18px}.content-width,.hero-content{width:calc(100% - 64px)}.hero-content h1{font-size:92px}.hub-card{gap:12px}.hub-art{width:68px;height:83px}.hub-card h2{font-size:16px}.game-layout{gap:50px}.community-banner{gap:25px;padding-inline:30px}.community-banner h2{font-size:28px}.community-banner>.button{font-size:9px;padding-inline:17px}.faq-section{gap:70px}.hero-caption{right:32px}.scroll-cue{left:32px}.footer-top{gap:27px}.footer-top nav{gap:21px}}
@media(max-width:1060px){.site-header{grid-template-columns:100px 1fr;height:84px;padding-inline:30px}.site-nav{inset:84px 0 auto;padding:16px 30px 22px;background:#131d0dfc;border-bottom:1px solid #7c8c4b;gap:0;box-shadow:0 20px 35px #0006}.site-nav a{width:100%;padding:15px 0;font-size:11px}.site-nav a::after{display:none}.site-nav a.active{border-left:2px solid var(--lime);padding-left:15px;background:#73941612}.header-actions{margin-right:60px;gap:24px}.nav-toggle{right:30px}.wordmark strong{font-size:39px}.wordmark span{font-size:10px;letter-spacing:3.9px}.page,.page-home{padding-top:84px}.home-hero{min-height:635px}.hero-content h1{font-size:82px}.hero-art{inset-inline-start:29%}.hero-content{padding-bottom:110px}.hero-copy{font-size:13px}.hero-caption{max-width:31%;width:280px}.hero-caption strong{font-size:10px}.hero-caption span:not(.caption-cross){font-size:6px}.hub-card{min-height:135px;align-items:flex-start}.hub-art{width:52px;height:65px}.hub-card h2{font-size:17px}.hub-card p{font-size:9px}.hub-card .card-kicker{font-size:6px}.game-layout{gap:35px}.section-heading{font-size:37px}.game-tab{padding:14px 12px;gap:12px}.game-tab strong{font-size:10px}.game-tab div>span{font-size:9px}.art-expand{height:318px}.community-symbol{width:70px;height:70px}.community-symbol svg{width:40px;height:40px}.community-banner{flex-wrap:wrap;gap:22px;padding:30px}.community-banner-copy{flex:1}.community-banner>.button{margin-left:92px;min-height:47px}.community-banner h2{font-size:31px}.faq-section{gap:45px;grid-template-columns:1fr 1.35fr}.faq-list summary{font-size:11px;gap:14px}.footer-top>p{display:none}.footer-bottom{flex-wrap:wrap}.download-action{border-left:0;border-top:1px solid #6e785044;padding:30px 0 0}.download-card{max-width:720px;margin-inline:auto}.download-steps{max-width:720px;margin-inline:auto}.about-copy .display-heading{max-width:none}.about-story{gap:50px}.about-copy{max-width:700px;margin-inline:auto}.about-copy .display-heading{font-size:56px}.about-pillars{max-width:650px}.dave-club-hero{gap:30px}.content-wrap{padding-top:62px}}
@media(max-width:760px){.content-width,.hero-content{width:calc(100% - 40px)}.site-header{height:76px;padding:0 20px;grid-template-columns:80px 1fr}.site-nav{top:76px;padding:12px 20px 20px}.nav-toggle{right:20px}.header-actions{gap:18px;margin-right:56px}.header-actions .account-link{display:flex}.account-link>span{display:none}.account-link .icon{width:19px;height:19px}.header-play{font-size:10px!important;padding-inline:15px!important;gap:11px!important;min-height:39px!important}.wordmark strong{font-size:34px}.wordmark span{font-size:8px;letter-spacing:3.7px}.page,.page-home{padding-top:76px}.home-hero{min-height:720px;align-items:flex-start}.hero-art{inset:0 0 0 12%;height:455px;background-position:55% 38%;opacity:.96}.hero-art::after{background:linear-gradient(0deg,#10150e 0%,transparent 50%),linear-gradient(90deg,#10150e70,transparent 70%)}.home-hero::before{background:linear-gradient(0deg,#10150e 0%,#10150e 25%,#10150eb8 58%,#10150e18 100%)}.hero-content{padding:237px 0 85px;margin:0 auto}.hero-content .eyebrow{font-size:8px;gap:10px;letter-spacing:1.6px;margin-bottom:20px}.hero-content h1{font-size:clamp(62px,12vw,90px);line-height:1.05}.hero-copy{font-size:13px;margin-top:20px;line-height:1.8;max-width:400px}.hero-actions{gap:10px;margin-top:26px}.hero-actions .button{font-size:10px;padding:0 17px;min-height:53px;gap:9px}.hero-actions .button-primary{min-width:0}.hero-actions .button-primary .icon{margin-left:5px}.hero-actions .button .icon{width:17px;height:17px}.hero-platform{font-size:9px;margin-top:17px}.hero-caption{display:none}.scroll-cue{left:20px;bottom:23px;font-size:7px}.home-hub{grid-template-columns:1fr;gap:12px;margin-top:18px}.hub-card{min-height:103px;padding:12px;gap:19px;align-items:center}.hub-art{width:83px;height:76px}.hub-card h2{font-size:21px;margin:7px 0 5px}.hub-card p{font-size:10px}.hub-card .card-kicker{font-size:7px}.hub-card>.icon{bottom:auto;top:45px;right:16px;width:17px}.hub-card>div:not(.hub-art){padding-right:24px}.game-section{padding-top:65px;padding-bottom:55px;scroll-margin-top:74px}.section-index{font-size:6px;letter-spacing:1.3px;padding-bottom:16px}.game-layout{grid-template-columns:1fr;gap:28px;padding-top:34px}.section-heading{font-size:42px}.game-intro .eyebrow{font-size:8px;margin-bottom:16px}.section-copy{font-size:12px;margin-top:20px}.game-tabs{margin-top:25px}.game-tab{min-height:78px;padding:14px 17px;gap:20px}.game-tab strong{font-size:11px}.game-tab div>span{font-size:10px}.field-frame{transform:none}.art-expand{height:330px}.frame-top{padding:10px 10px 18px}.frame-caption{padding:22px 13px}.community-banner{gap:20px;padding:28px 23px;min-height:0}.community-symbol{width:56px;height:56px;border-radius:10px}.community-symbol svg{width:32px;height:32px}.community-banner-copy{flex-basis:calc(100% - 80px)}.community-banner h2{font-size:25px}.community-banner .eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:9px}.community-banner p:not(.eyebrow){font-size:10px;line-height:1.7}.community-banner p br{display:none}.community-banner>.button{margin:2px 0 0;width:100%;font-size:10px}.faq-section{grid-template-columns:1fr;gap:34px;padding-top:65px;padding-bottom:65px}.faq-intro .eyebrow{font-size:8px}.faq-section .section-heading br{display:none}.faq-section .section-heading{font-size:39px;line-height:1.2}.faq-intro .section-copy br{display:none}.faq-intro .section-copy{font-size:12px}.faq-section .text-link{gap:18px;font-size:11px;margin-top:2px}.faq-list summary{padding:23px 0;font-size:11px}.faq-list details>p{font-size:11px;padding-left:27px;padding-right:15px}.footer-top{flex-wrap:wrap;gap:24px;min-height:0;padding-top:33px;padding-bottom:29px}.footer-top .wordmark strong{font-size:38px}.footer-top .wordmark span{font-size:9px;letter-spacing:3.5px}.footer-top nav{order:3;width:100%;justify-content:space-between;gap:12px;margin-left:0}.footer-top nav a{font-size:9px;padding-block:9px}.footer-bottom{gap:10px;align-items:flex-start;flex-direction:column;text-align:left;padding-top:20px;padding-bottom:25px}.footer-bottom p{font-size:8px}.footer-bottom a{margin-top:6px;padding-block:9px}.content-wrap{padding-top:50px;padding-bottom:60px}.display-heading{font-size:49px}.content-page .eyebrow{font-size:8px;margin-bottom:18px}.lead{font-size:13px}.download-card{margin-top:28px;padding:29px 22px}.download-copy h2{font-size:36px}.download-copy p{font-size:12px}.download-steps{grid-template-columns:1fr;gap:8px}.download-steps>div{display:grid;grid-template-columns:36px 1fr;column-gap:17px;padding-top:19px;padding-bottom:10px}.download-steps>div>span{grid-row:1/3;font-size:28px}.download-steps h3{margin:0;align-self:center;font-size:11px}.download-steps p{grid-column:2;font-size:11px;margin:10px 0}.about-copy .display-heading{font-size:45px}.about-copy .about-description{font-size:13px}.community-grid{grid-template-columns:1fr}.community-feature-art{width:100%;max-width:380px}.info-card{padding:28px}.account-wrap{width:calc(100% - 40px)}.auth-form{padding:24px}.leaderboard-shell{padding:25px 19px}.leaderboard-tools label{width:100%;font-size:9px}.leaderboard-tools select{width:100%;max-width:100%;font-size:12px}.leaderboard-tools button{width:100%}.leaderboard-tools{gap:17px}.shop-wrap{width:calc(100% - 40px)}.shop-packages{grid-template-columns:1fr}.shop-package{padding:29px}.shop-package strong{font-size:55px}.shop-security{align-items:flex-start;font-size:10px;line-height:1.8}.dave-club-hero{padding-top:0;grid-template-columns:1fr;gap:10px}.dave-club-art{grid-row:2;min-height:320px}.dave-club-art img{max-width:380px}.dave-club-copy .display-heading{font-size:49px}.dave-club-price strong{font-size:65px}.dave-club-price span{font-size:10px}.dave-benefit-grid{grid-template-columns:1fr}.dave-club-benefits-heading h2{font-size:36px}.dave-club-benefits-heading{align-items:flex-start;flex-direction:column;gap:10px}.dave-benefit{min-height:170px}.dave-benefit h3{margin-top:20px}.uptime-panel{padding:35px 23px}.uptime-panel h2{font-size:42px}.status-meta{grid-template-columns:1fr;gap:20px}.art-dialog{padding:20px;max-width:calc(100vw - 24px)}.art-dialog h2{font-size:20px}.art-dialog img{max-height:65svh}.desktop-break{display:none}}
@media(max-width:370px){.hero-content h1{font-size:59px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.home-hero{min-height:850px}.header-actions{gap:11px;margin-right:52px}.header-play{padding-inline:10px!important;gap:8px!important}.content-width,.hero-content{width:calc(100% - 32px)}.section-heading{font-size:36px}.hub-art{width:67px;height:72px}.hub-card{gap:13px}.hub-card h2{font-size:18px}.art-expand{height:290px}.community-banner-copy{flex-basis:100%}.community-symbol{display:none}.faq-section .section-heading{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:1061px) and (max-width:1250px){.header-actions .account-link>span{display:none}.header-actions .account-link{width:36px;justify-content:center}}

/* Search landing content and static player guides. Keep the established design. */
.hero-guide-link { display:inline-block; margin-top:14px; font-size:13px; }
.returning-section { padding-top:70px; padding-bottom:54px; }
.returning-intro { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; margin-bottom:34px; }
.returning-intro h2, .guide-main h1, .guide-main h2, .returning-card h3 { color:#f0edda; line-height:1.15; }
.returning-intro h2 { font-family:Anton,Impact,sans-serif; font-size:clamp(28px,3vw,42px); font-weight:400; margin:10px 0 22px; }
.returning-intro p:not(.eyebrow), .returning-card p { color:#c5c9b9; line-height:1.75; }
.returning-game-screen { margin:0; background:#171c13; border:1px solid #3a432e; padding:12px; }
.returning-game-screen img { display:block; width:100%; height:auto; }
.returning-game-screen figcaption { color:#bfc5ad; font-size:12px; line-height:1.6; padding:12px 4px 3px; }
.returning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.returning-card { display:flex; flex-direction:column; align-items:flex-start; padding:26px; background:#171e13; border:1px solid #39432c; text-decoration:none; color:inherit; }
.returning-card:hover { border-color:#a9c83f; }
.returning-card:focus-visible { outline:3px solid #d9ec89; outline-offset:4px; }
.returning-card .eyebrow { font-size:11px; margin:0 0 12px; }
.returning-card h3 { font-size:22px; margin:0 0 12px; }
.returning-card p { font-size:14px; margin:0 0 20px; }
.returning-card .text-link { margin-top:auto; }
.guide-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:24px; padding-bottom:24px; border-bottom:1px solid #39432c; }
.guide-header nav, .guide-footer nav { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.guide-header nav > a:not(.button), .guide-footer a, .guide-breadcrumbs a { color:#d1d8c0; }
.guide-header .button { font-size:13px; }
.guide-main { padding-top:52px; padding-bottom:70px; }
.guide-main h1 { font-family:Anton,Impact,sans-serif; font-size:clamp(34px,5vw,58px); font-weight:400; margin:16px 0 24px; max-width:900px; }
.guide-breadcrumbs { display:flex; gap:14px; font-size:13px; margin-bottom:34px; }
.guide-article { max-width:800px; margin:0 auto; }
.guide-intro { font-size:20px; line-height:1.7; color:#e0e3d2; max-width:800px; margin-bottom:24px; }
.guide-byline { color:#a9b59c; font-size:13px; margin-bottom:40px; }
.guide-article h2 { margin:38px 0 16px; font-size:25px; }
.guide-article p:not(.eyebrow):not(.guide-intro):not(.guide-byline), .guide-article li { font-size:17px; line-height:1.85; color:#cbd0bf; }
.guide-article p { margin-bottom:18px; }
.guide-article ul, .guide-article ol { padding-left:26px; }
.guide-article li { margin-bottom:12px; }
.guide-article a:not(.button) { color:#c5e465; text-decoration:underline; text-underline-offset:3px; }
.guide-cta { margin-top:44px; padding:26px; border:1px solid #455333; background:#1b2416; }
.guide-cta h2 { margin-top:0; }
.guide-related { padding-top:54px; }
.guide-related > h2 { margin-bottom:24px; }
.guide-footer { border-top:1px solid #39432c; padding-top:32px; padding-bottom:38px; font-size:13px; color:#aeb8a0; }
.guide-footer p { margin:16px 0; line-height:1.7; }
@media(max-width:900px) { .returning-intro { gap:26px; } .returning-grid { grid-template-columns:1fr; } .returning-card { padding:24px; } }
@media(max-width:600px) { .returning-section { padding-top:40px; } .returning-intro { grid-template-columns:1fr; } .guide-header { align-items:flex-start; flex-direction:column; } .guide-header nav { gap:18px; width:100%; } .guide-header .button { padding:12px; } .guide-main { padding-top:30px; } .guide-intro { font-size:18px; } .guide-article p:not(.eyebrow):not(.guide-intro):not(.guide-byline), .guide-article li { font-size:16px; } }

/* One-time Discord account code */
#discord-code-panel { min-width: 0; padding: 18px; border: 1px solid #738651; border-radius: 8px; background: #101b0c; }
#discord-code-panel[hidden] { display: none; }
#discord-code-panel label { display: block; margin-bottom: 8px; font-weight: 700; }
#discord-code { width: 100%; max-width: 320px; box-sizing: border-box; font: 700 1.6rem monospace; letter-spacing: .12em; padding: 12px; color: #f3dc99; background: #0c1309; border: 1px solid #738651; border-radius: 5px; }
#discord-code-expiry { margin: 8px 0; font-weight: 700; }
#discord-code-help { line-height: 1.55; margin-bottom: 14px; }

/* Readable installation help and authentic guide illustrations. */
.download-help {max-width:800px;margin:36px auto 0;line-height:1.8;color:#cbd0bf;}
.download-help h2 {margin:28px 0 12px;color:#f0edda;font-size:24px;}
.download-help p {margin:0 0 16px;}
.download-help a {color:#c5e465;text-decoration:underline;text-underline-offset:3px;}
.guide-figure {margin:28px 0;}
.guide-figure img {display:block;width:100%;height:auto;border:1px solid #455333;border-radius:6px;}
.guide-figure figcaption {margin-top:12px;color:#a9b59c;font-size:14px;line-height:1.6;}
.guide-next-steps {max-width:800px;padding-left:24px;color:#cbd0bf;line-height:1.8;margin:0 0 32px;}
.guide-next-steps li {margin-bottom:12px;}
.guide-next-steps a {color:#c5e465;text-decoration:underline;}
.no-script-note {position:relative;z-index:20;margin:110px 20px 0;padding:14px;background:#1b2416;color:#e0e3d2;}

.launcher-controls {max-width:320px;margin-inline:auto;}

/* Original game display face, self-hosted for the title and navigation. */
@font-face {
  font-family:"BYM Grobold";
  src:url("/fonts/groboldov.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
/* Game-led header branding; keep the footer wordmark and hero layout independent. */
.site-header {
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:24px;
  padding-inline:clamp(20px,2.5vw,48px);
}
.site-header .wordmark-game {
  filter:none;
  flex-direction:row;
  justify-self:start;
  gap:10px;
  min-width:0;
  max-width:100%;
  text-transform:none;
  letter-spacing:0;
}
.site-header .wordmark-pokey {
  display:block;
  width:48px;
  height:56px;
  flex-shrink:0;
  object-fit:contain;
}
.site-header .wordmark-name {
  filter:drop-shadow(0 3px 1px #050904);
  margin:0;
  padding:0;
  color:var(--ink);
  font:400 20px/1.2 "BYM Grobold", "Inter", sans-serif;
  font-synthesis:none;
  letter-spacing:0;
  white-space:nowrap;
}
.site-header .wordmark-name .brand-reborn,
.page-home .hero-content h1 .brand-reborn {
  color:var(--green);
  font:inherit;
  letter-spacing:inherit;
  margin:0;
  padding:0;
  text-shadow:inherit;
}
.site-header .site-nav { gap:clamp(16px,1.5vw,28px); }
.site-header .site-nav a {
  display:flex;
  align-items:center;
  min-height:96px;
  padding:0;
  font:400 16px/1.3 "BYM Grobold", "Inter", sans-serif;
  font-synthesis:none;
  letter-spacing:0;
  text-transform:none;
}
.site-header .account-link,
.site-header .header-play {
  font:400 16px/1.3 "BYM Grobold", "Inter", sans-serif;
  font-synthesis:none;
  letter-spacing:0;
}
@media(min-width:1201px) and (max-width:1390px) {
  .site-header { gap:20px; }
  .site-header .wordmark-name { font-size:18px; }
  .site-header .wordmark-pokey { width:42px; height:52px; }
  .site-header .site-nav { gap:18px; }
  .site-header .site-nav a,
  .site-header .account-link,
  .site-header .header-play { font-size:14px; }
  .site-header .header-actions { gap:16px; }
  .site-header .account-link>span { display:none; }
}
@media(max-width:1200px) {
  .site-header { grid-template-columns:minmax(0,1fr) auto; gap:16px; }
  .site-header .site-nav {
    position:fixed;
    inset:96px 0 auto;
    display:none;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:16px 30px 22px;
    max-height:calc(100svh - 96px);
    overflow-y:auto;
    border-bottom:1px solid #7c8c4b;
    background:#131d0dfc;
    box-shadow:0 20px 35px #0006;
  }
  .site-header .site-nav.open { display:flex; }
  .site-header .site-nav a { width:100%; min-height:0; padding:15px 12px; font-size:18px; }
  .site-header .site-nav a::after { display:none; }
  .site-header .site-nav a.active { border-left:2px solid var(--lime); padding-left:10px; background:#73941612; }
  .site-header .header-actions { margin-right:58px; }
  .site-header .nav-toggle { position:absolute; right:clamp(20px,2.5vw,30px); display:grid; }
}
@media(max-width:1060px) {
  .site-header .site-nav { top:84px; max-height:calc(100svh - 84px); }
}
@media(max-width:760px) {
  .site-header { padding-inline:20px; }
  .site-header .wordmark-name { font-size:18px; }
  .site-header .wordmark-pokey { width:40px; height:50px; }
  .site-header .site-nav { top:76px; padding-inline:20px; max-height:calc(100svh - 76px); }
}
@media(max-width:620px) {
  .site-header { padding-inline:16px; gap:8px; }
  .site-header .wordmark-game { gap:8px; }
  .site-header .wordmark-name { max-width:190px; font-size:17px; white-space:normal; text-wrap:balance; }
  .site-header .wordmark-pokey { width:36px; height:48px; }
  .site-header .header-play { display:none; }
  .site-header .header-actions { margin-right:52px; }
  .site-header .nav-toggle { right:16px; }
}
@media(max-width:370px) {
  .site-header .wordmark-name { font-size:15px; }
  .site-header .wordmark-pokey { width:32px; height:44px; }
}

/* Focused homepage: a single opening view; deeper content lives in Community.
   Use natural minimum heights, never scroll locking or clipping, for zoom/reflow. */
.page-home .home-opening {
  --opening-header:96px;
  display:flex;
  flex-direction:column;
  min-height:calc(100vh - var(--opening-header));
  min-height:calc(100svh - var(--opening-header));
}
.page-home .home-opening .home-hero { flex:1; min-height:0; align-items:center; }
.page-home .home-opening .hero-content {
  width:min(700px,50vw);
  padding:32px 0;
  margin:auto 0 auto clamp(36px,6vw,116px);
  text-align:center;
}
.page-home .home-opening .hero-content h1 {
  font-family:"BYM Grobold", "Inter", sans-serif;
  font-size:clamp(28px,2.8vw,48px);
  font-weight:400;
  font-synthesis:none;
  text-transform:none;
  line-height:1.3;
  letter-spacing:0;
  white-space:nowrap;
}
.page-home .home-opening .hero-copy {
  max-width:min(33em,100%);
  margin:24px auto 0;
  font-size:16px;
  line-height:1.8;
  text-align:left;
  text-wrap:balance;
}
.page-home .home-opening .hero-actions {
  width:fit-content;
  max-width:100%;
  margin:28px auto 0;
  justify-content:center;
  align-items:center;
}
.page-home .gameplay-strip {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  flex-shrink:0;
  padding:20px 0;
}
.page-home .gameplay-strip article { display:flex; align-items:center; min-width:0; gap:20px; padding:8px 30px; }
.page-home .gameplay-strip article:first-child { padding-left:0; }
.page-home .gameplay-strip article:last-child { padding-right:0; }
.page-home .gameplay-strip img { display:block; width:74px; height:82px; object-fit:contain; flex-shrink:0; filter:drop-shadow(0 7px 4px #0005); }
.page-home .gameplay-strip h2 { font:400 20px/1.25 var(--display); letter-spacing:.03em; margin:0 0 9px; color:#e9e5cd; }
.page-home .gameplay-strip p { color:#aab795; font-size:12px; line-height:1.6; margin:0; }
/* The three gameplay cards finish Home; the shared footer remains on other routes. */
body[data-current-page="home"] .site-footer { display:none; }
[data-page="community"] > .content-wrap { padding-bottom:0; }
@media(max-width:1250px) {
  .page-home .gameplay-strip article { gap:14px; padding-inline:20px; }
  .page-home .gameplay-strip h2 { font-size:17px; }
  .page-home .gameplay-strip img { width:62px; height:74px; }
}
@media(max-width:1060px) {
  .page-home .home-opening { --opening-header:84px; }
}
@media(min-width:761px) and (max-width:950px) {
  .page-home .gameplay-strip article { padding-inline:12px; gap:10px; }
  .page-home .gameplay-strip img { width:44px; height:60px; }
  .page-home .gameplay-strip h2 { font-size:16px; }
}
@media(min-width:761px) and (max-height:740px) {
  .page-home .home-opening .hero-content { padding-block:22px; }

  .page-home .home-opening .hero-copy { margin-top:18px; font-size:15px; line-height:1.7; }
  .page-home .home-opening .hero-actions { margin-top:20px; }
  .page-home .gameplay-strip { padding-block:12px; }
  .page-home .gameplay-strip img { height:64px; }
  .page-home .gameplay-strip h2 { margin-bottom:6px; }
}
@media(max-width:760px) {
  .page-home .home-opening { --opening-header:76px; }
  .page-home .home-opening .hero-content { width:calc(100% - 40px); margin:auto 20px; padding:26px 0; }
  .page-home .home-opening .hero-content h1 { font-size:clamp(19px,6.15vw,36px); letter-spacing:0; }
  .page-home .home-opening .hero-copy { margin-top:16px; font-size:13px; line-height:1.65; max-width:480px; }
  .page-home .home-opening .hero-actions { flex-direction:row; margin-top:18px; gap:10px; }
  .page-home .home-opening .hero-actions .button { min-height:46px; padding-inline:14px; font-size:10px; width:auto; }
  .page-home .gameplay-strip { grid-template-columns:1fr; padding-block:6px; }
  .page-home .gameplay-strip article { padding:8px 0; gap:18px; }
  .page-home .gameplay-strip img { width:50px; height:52px; }
  .page-home .gameplay-strip h2 { font-size:17px; margin-bottom:4px; }
  .page-home .gameplay-strip p { font-size:12px; line-height:1.5; }
}
@media(max-width:760px) and (max-height:700px) {
  .page-home .home-opening .hero-content { padding-block:16px; }
  .page-home .home-opening .hero-copy { margin-top:12px; }
  .page-home .home-opening .hero-actions { margin-top:14px; }
  .page-home .gameplay-strip article { padding-block:6px; gap:14px; }
  .page-home .gameplay-strip img { height:44px; width:44px; }
}
@media(max-width:370px) and (max-height:700px) {
  .page-home .home-opening .hero-content { padding-block:8px; }
  .page-home .home-opening .hero-copy { font-size:12px; line-height:1.6; }
  .page-home .gameplay-strip h2 { font-size:15px; }
  .page-home .gameplay-strip article { padding-block:4px; gap:10px; }
}
@media(min-width:500px) and (max-width:760px) and (max-height:550px) {
  .page-home .home-opening .hero-content { padding-block:14px; }
  .page-home .home-opening .hero-content h1 { font-size:28px; }
  .page-home .home-opening .hero-copy { max-width:100%; font-size:12px; line-height:1.6; margin-top:10px; }
  .page-home .home-opening .hero-actions { margin-top:12px; }
  .page-home .gameplay-strip { grid-template-columns:repeat(3,minmax(0,1fr)); padding-block:8px; }
  .page-home .gameplay-strip article { padding:4px 10px; gap:8px; align-items:center; }
  .page-home .gameplay-strip article:first-child { padding-left:0; }
  .page-home .gameplay-strip article:last-child { padding-right:0; }
  .page-home .gameplay-strip img { width:32px; height:42px; }
  .page-home .gameplay-strip h2 { font-size:13px; }
  .page-home .gameplay-strip p { font-size:11px; }
}
/* Keep expanded navigation reachable in short windows and when zoomed in. */
@media(max-width:1060px) {
  .site-nav.open { max-height:calc(100svh - 84px); overflow-y:auto; }
}
@media(max-width:760px) {
  .site-nav.open { max-height:calc(100svh - 76px); }
}

/* Downloads: the familiar launcher panel and three steps in a single view.
   Natural reflow remains available for text zoom and unusually small windows. */
.page-downloads {
  --downloads-header:96px;
  --downloads-gap:clamp(16px,2.4svh,26px);
  min-height:100vh;
  min-height:100svh;
  padding-top:var(--downloads-header);
}
body[data-current-page="downloads"] .site-footer { display:none; }
.page-downloads .downloads-screen {
  width:min(1120px,calc(100% - 64px));
  min-height:calc(100vh - var(--downloads-header));
  min-height:calc(100svh - var(--downloads-header));
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:var(--downloads-gap);
  padding-block:clamp(20px,3svh,36px);
}
.page-downloads :is(h1,h2,h3,.download-action .button,.download-steps>div>span) {
  font-family:"BYM Grobold","Inter",sans-serif;
  font-weight:400;
  font-synthesis:none;
  letter-spacing:0;
  text-transform:none;
}
.page-downloads .eyebrow { margin:0 0 10px; }
.page-downloads h1 { font-size:clamp(26px,3.2vw,44px); line-height:1.3; margin:0; }
.page-downloads .download-lead { margin:12px 0 0; font-size:14px; line-height:1.5; }
.page-downloads .download-card {
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  width:100%;
  max-width:none;
  gap:36px;
  margin:0;
  padding:clamp(24px,3svh,36px);
  overflow:visible;
}
.page-downloads .card-kicker { font-size:10px; letter-spacing:1.3px; }
.page-downloads .download-copy h2 { font-size:clamp(25px,2.4vw,32px); line-height:1.3; margin:12px 0; }
.page-downloads .download-copy p { max-width:460px; font-size:14px; line-height:1.6; margin:0; }
.page-downloads .check-list { margin:18px 0 0; gap:9px; font-size:12px; }
.page-downloads .download-action { gap:12px; border-top:0; border-left:1px solid #6e785044; padding:0 0 0 36px; }
.page-downloads .windows-mark { grid-template-columns:repeat(2,20px); gap:4px; margin:0 0 6px; }
.page-downloads .windows-mark i { height:20px; }
.page-downloads .download-action .button { font-size:17px; min-height:52px; padding:10px 14px; line-height:1.3; }
.page-downloads .download-action .text-link { font-size:12px; }
.page-downloads .download-action small { max-width:300px; font-size:11px; line-height:1.5; }
.page-downloads .download-steps { width:100%; max-width:none; gap:26px; margin:0; }
.page-downloads .download-steps>div { display:flex; align-items:flex-start; gap:14px; padding:18px 0 0; }
.page-downloads .download-steps>div>span { font-size:27px; line-height:1.3; color:var(--green); }
.page-downloads .download-steps h3 { font-size:17px; line-height:1.35; margin:0 0 8px; }
.page-downloads .download-steps h3 a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.page-downloads .download-steps p { font-size:12px; line-height:1.6; margin:0; }
.page-downloads .step-detail { display:block; }
.page-downloads .download-help {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:24px;
  width:100%;
  max-width:none;
  margin:0;
  padding-top:18px;
  border-top:1px solid #485b3266;
}
.page-downloads .download-help p { font-size:12px; line-height:1.6; margin:0; }
.page-downloads .download-help p:first-child { flex-shrink:0; }
.page-downloads .download-help p:last-child { max-width:none; text-align:right; color:#9eaf8f; }
@media(max-width:1060px) {
  .page-downloads { --downloads-header:84px; }
  .page-downloads .download-steps { gap:18px; }
  .page-downloads .download-steps h3 { font-size:15px; }
  .page-downloads .download-help { gap:16px; }
}
@media(min-width:761px) and (max-height:740px) {
  .page-downloads { --downloads-gap:16px; }
  .page-downloads .downloads-screen { padding-block:18px; }
  .page-downloads .eyebrow { margin-bottom:6px; font-size:9px; }
  .page-downloads h1 { font-size:34px; }
  .page-downloads .download-lead { margin-top:8px; font-size:13px; }
  .page-downloads .download-card { padding:22px 28px; }
  .page-downloads .download-copy h2 { font-size:27px; margin-block:9px; }
  .page-downloads .download-copy p { font-size:13px; }
  .page-downloads .check-list { margin-top:12px; gap:6px; }
  .page-downloads .windows-mark { grid-template-columns:repeat(2,16px); margin-bottom:0; }
  .page-downloads .windows-mark i { height:16px; }
  .page-downloads .download-action { gap:9px; }
  .page-downloads .download-action .button { min-height:46px; font-size:16px; }
  .page-downloads .download-steps>div { padding-top:13px; gap:10px; }
  .page-downloads .download-steps h3 { font-size:15px; margin-bottom:5px; }
  .page-downloads .download-help { padding-top:12px; }
}
@media(max-width:760px) {
  .page-downloads { --downloads-header:76px; --downloads-gap:16px; }
  .page-downloads .downloads-screen { width:calc(100% - 40px); padding-block:18px; }
  .page-downloads .eyebrow { font-size:9px; margin-bottom:8px; }
  .page-downloads h1 { font-size:clamp(21px,5.5vw,34px); }
  .page-downloads .download-lead { font-size:12px; margin-top:8px; }
  .page-downloads .download-card { grid-template-columns:1fr; gap:16px; padding:18px; }
  .page-downloads .download-copy h2 { font-size:25px; margin:9px 0; }
  .page-downloads .download-copy p { font-size:13px; max-width:none; }
  .page-downloads .check-list { grid-template-columns:1fr; gap:5px; margin-top:12px; font-size:11px; }
  .page-downloads .download-action { border-left:0; border-top:1px solid #6e785044; padding:16px 0 0; gap:9px; }
  .page-downloads .windows-mark { display:none; }
  .page-downloads .download-action .button { min-height:46px; font-size:16px; }
  .page-downloads .download-action small { max-width:none; font-size:10px; }
  .page-downloads .download-steps { grid-template-columns:1fr; gap:10px; }
  .page-downloads .download-steps>div { gap:14px; padding:10px 0 0; }
  .page-downloads .download-steps>div>span { font-size:24px; min-width:34px; }
  .page-downloads .download-steps h3 { font-size:15px; margin-bottom:4px; }
  .page-downloads .download-steps p { font-size:11px; line-height:1.5; }
  .page-downloads .step-detail { display:none; }
  .page-downloads .download-help { display:block; padding-top:12px; text-align:center; }
  .page-downloads .download-help p { font-size:11px; line-height:1.5; }
  .page-downloads .download-help p:last-child { margin:7px auto 0; text-align:center; max-width:480px; }
}
@media(max-width:760px) and (max-height:740px) {
  .page-downloads { --downloads-gap:12px; }
  .page-downloads .downloads-screen { padding-block:14px; }
  .page-downloads .eyebrow { display:none; }
  .page-downloads .download-lead { margin-top:5px; }
  .page-downloads .download-card { padding:16px 18px; gap:12px; }
  .page-downloads .card-kicker { font-size:8px; }
  .page-downloads .download-copy h2 { font-size:22px; margin:6px 0; }
  .page-downloads .download-copy p { font-size:12px; line-height:1.5; }
  .page-downloads .check-list { display:none; }
  .page-downloads .download-action { padding-top:12px; gap:7px; }
  .page-downloads .download-action .button { min-height:44px; font-size:15px; }
  .page-downloads .download-action .text-link { font-size:11px; }
  .page-downloads .download-steps { gap:7px; }
  .page-downloads .download-steps>div { padding-top:7px; gap:10px; }
  .page-downloads .download-steps>div>span { font-size:20px; min-width:30px; }
  .page-downloads .download-steps h3 { font-size:13px; margin-bottom:3px; }
  .page-downloads .download-help { padding-top:9px; }
}
@media(min-width:560px) and (max-width:760px) and (max-height:540px) {
  .page-downloads { --downloads-gap:10px; }
  .page-downloads .downloads-screen { padding-block:12px; }
  .page-downloads h1 { font-size:24px; }
  .page-downloads .download-card { grid-template-columns:1fr 1fr; gap:20px; padding:16px 20px; }
  .page-downloads .download-copy h2 { font-size:23px; }
  .page-downloads .download-action { border-top:0; border-left:1px solid #6e785044; padding:0 0 0 20px; }
  .page-downloads .download-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  .page-downloads .download-steps>div { gap:8px; }
  .page-downloads .download-steps>div>span { min-width:0; font-size:18px; }
  .page-downloads .download-steps h3 { font-size:12px; }
  .page-downloads .download-help p:last-child { max-width:none; margin-top:4px; }
}

@media(min-width:761px) and (max-height:650px) {
  .page-downloads { --downloads-gap:12px; }
  .page-downloads .downloads-screen { padding-block:14px; }
  .page-downloads .eyebrow { display:none; }
  .page-downloads h1 { font-size:30px; }
  .page-downloads .download-card { padding-block:18px; }
  .page-downloads .download-steps>div { padding-top:10px; }
}
@media(max-width:559px) and (max-height:620px) {
  .page-downloads { --downloads-gap:10px; }
  .page-downloads .downloads-screen { width:calc(100% - 32px); padding-block:10px; }
  .page-downloads .download-lead,
  .page-downloads .card-kicker { display:none; }
  .page-downloads .download-card { padding:12px 14px; gap:10px; }
  .page-downloads .download-copy h2 { font-size:20px; margin:0 0 6px; }
  .page-downloads .download-copy p { font-size:11px; line-height:1.4; }
  .page-downloads .download-action { padding-top:10px; gap:6px; }
  .page-downloads .download-action small { font-size:10px; line-height:1.3; }
  .page-downloads .download-steps { gap:5px; }
  .page-downloads .download-steps>div { padding-top:6px; }
  .page-downloads .download-steps h3 { font-size:13px; line-height:1.3; margin-bottom:2px; }
  .page-downloads .download-steps p { line-height:1.4; }
  .page-downloads .download-help { padding-top:7px; }
  .page-downloads .download-help p { line-height:1.4; }
  .page-downloads .download-help p:last-child { margin-top:5px; }
}

/* Downloads works without JavaScript; keep the sign-in warning on Account. */
body[data-current-page="downloads"] .no-script-note { display:none; }
/* Current account-code instructions stay visible at every Downloads breakpoint. */
.page-downloads .download-copy .download-discord-title { margin:0 0 12px; font-size:clamp(20px,2.1vw,27px); }
.page-downloads .download-copy .download-code-note { margin-top:12px; font-size:11px; color:#b9c7ad; }
@media(max-width:760px) {
  .page-downloads .download-copy .download-discord-title { margin-bottom:6px; font-size:18px; }
  .page-downloads .download-copy .download-code-note { margin-top:6px; font-size:10px; }
}
@media(max-width:559px) and (max-height:620px) {
  .page-downloads { --downloads-gap:8px; }
  .page-downloads .downloads-screen { padding-block:8px; }
  .page-downloads .download-card { padding-block:10px; gap:8px; }
  .page-downloads .download-action { padding-top:8px; gap:4px; }
  .page-downloads .download-steps>div { padding-top:4px; }
}

/* Downloads help links keep their alignment without underlining. */
.page-downloads .download-help a { text-decoration:none; }
.page-downloads .download-help a:hover { color:#fff; }

/* Public Shiny catalog: shared site palette, typography and button treatment. */
.page-shiny-shop { padding-top:96px; }
.page-shiny-shop .shop-wrap {
  width:min(1240px,calc(100% - 64px)); max-width:none;
  min-height:calc(100svh - 196px); padding:44px 0 34px;
  display:flex; flex-direction:column; justify-content:center;
}
.page-shiny-shop .shiny-store-header { text-align:center; margin:0 0 32px; }
.page-shiny-shop .shiny-store-header .eyebrow { margin:0 0 12px; font-size:10px; }
.page-shiny-shop h1 {
  margin:0; color:var(--ink); font-family:"BYM Grobold","Inter",sans-serif;
  font-size:clamp(32px,3.6vw,48px); line-height:1.3; font-weight:400;
  font-synthesis:none; letter-spacing:0;
}
.page-shiny-shop h1 span { color:var(--green); }
.page-shiny-shop .shiny-store-header p:not(.eyebrow) {
  margin:12px 0 0; color:#b5bea7; font-size:14px; line-height:1.6;
}
.page-shiny-shop .shiny-packages { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:0; }
.page-shiny-shop .shiny-pack {
  position:relative; min-width:0; display:flex; flex-direction:column; align-items:center;
  padding:24px 16px 18px; border:1px solid #62654980; border-radius:7px;
  background:radial-gradient(ellipse at 50% 32%,#8eaa2820,transparent 62%),linear-gradient(145deg,#273120,#151e10);
  box-shadow:inset 0 0 0 3px #11190d90,0 12px 25px #0002;
  text-align:center; transition:border-color .18s ease,transform .18s ease;
}
.page-shiny-shop .shiny-pack:hover { border-color:#9daa62; transform:translateY(-3px); }
.page-shiny-shop .shiny-pack:last-child { border-color:#a2b954; background:radial-gradient(ellipse at 50% 30%,#abc52f26,transparent 65%),linear-gradient(145deg,#2c371f,#17200f); }
.page-shiny-shop .shiny-pack-name {
  font:400 16px/1.4 "BYM Grobold","Inter",sans-serif; font-synthesis:none;
  color:#e5e7d4; margin:0; min-height:23px;
}
.page-shiny-shop .shiny-pack-art { width:150px; max-width:100%; height:154px; object-fit:contain; display:block; margin:10px 0 16px; filter:drop-shadow(0 8px 6px #0004); }
.page-shiny-shop .shiny-amount {
  display:block; margin:0; color:var(--ink); font:400 clamp(24px,2.4vw,32px)/1.15 "BYM Grobold","Inter",sans-serif;
  font-synthesis:none; letter-spacing:0;
}
.page-shiny-shop .shiny-unit { display:block; margin-top:6px; color:#b5bea7; font:600 10px/1.4 "Inter",sans-serif; letter-spacing:1.8px; text-transform:uppercase; }
.page-shiny-shop .shiny-bonus { display:block; min-height:25px; margin-top:10px; color:var(--green); font:700 11px/1.5 "Inter",sans-serif; }
.page-shiny-shop .shiny-price { display:block; align-self:stretch; margin:14px 0 15px; padding-top:18px; border-top:1px solid #63734755; color:#e9ecd9; font:700 20px/1.2 "Inter",sans-serif; }
.page-shiny-shop .shiny-buy { width:100%; min-height:46px; padding:8px 12px; font:400 17px/1.3 "BYM Grobold","Inter",sans-serif; letter-spacing:0; text-decoration:none; }
.page-shiny-shop .shiny-buy:focus-visible { outline:2px solid var(--green); outline-offset:5px; }
.page-shiny-shop .shiny-buy[aria-disabled="true"],
.page-shiny-shop .shiny-packages[aria-busy="true"] .shiny-buy { filter:grayscale(.6); opacity:.7; cursor:wait; transform:none; }
.page-shiny-shop .shiny-store-footer { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-top:20px; color:#a9b699; font-size:12px; line-height:1.6; }
.page-shiny-shop .shiny-store-footer p { margin:0; }
.page-shiny-shop .shiny-account-link { color:var(--green); font-weight:600; }
.page-shiny-shop .shiny-account-link:hover { color:#e1f5a8; }
.page-shiny-shop .shiny-shop-status { display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap; gap:8px; margin:24px 0 0; text-align:center; }
.page-shiny-shop #shop-message { margin:0; color:#b5bea7; font-size:12px; line-height:1.5; }
.page-shiny-shop #shop-message[data-state="error"] { color:#ffb2a2; }
.page-shiny-shop #shop-message[data-state="success"] { color:var(--green); }
.page-shiny-shop #shop-retry { background:none; border:0; padding:4px; color:var(--green); font:inherit; font-size:12px; text-decoration:underline; cursor:pointer; }
.page-shiny-shop .shiny-payment-note { margin:10px 0 0; color:#a4b392; font-size:11px; line-height:1.6; text-align:center; }
.page-shiny-shop .shiny-payment-note span { padding-inline:7px; }
.page-shiny-shop .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body[data-current-page="shop"] .no-script-note { display:none; }
@media(max-width:1100px) and (min-width:761px) {
  .page-shiny-shop .shop-wrap { width:calc(100% - 40px); }
  .page-shiny-shop .shiny-packages { gap:9px; }
  .page-shiny-shop .shiny-pack { padding:20px 10px 14px; }
  .page-shiny-shop .shiny-pack-name { font-size:13px; min-height:37px; display:flex; align-items:center; }
  .page-shiny-shop .shiny-pack-art { height:132px; margin:4px 0 12px; }
  .page-shiny-shop .shiny-bonus { font-size:10px; }
}
@media(max-width:1060px) { .page-shiny-shop { padding-top:84px; } }
@media(max-width:760px) {
  .page-shiny-shop { padding-top:76px; }
  .page-shiny-shop .shop-wrap { width:min(580px,calc(100% - 28px)); padding:28px 0; }
  .page-shiny-shop .shiny-store-header { margin-bottom:24px; }
  .page-shiny-shop .shiny-store-header p:not(.eyebrow) { font-size:12px; }
  .page-shiny-shop .shiny-packages { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .page-shiny-shop .shiny-pack { padding:20px 12px 16px; }
  .page-shiny-shop .shiny-pack-name { font-size:14px; min-height:39px; display:flex; align-items:center; }
  .page-shiny-shop .shiny-pack-art { height:134px; margin:4px 0 14px; }
  .page-shiny-shop .shiny-amount { font-size:27px; }
  .page-shiny-shop .shiny-bonus { font-size:10px; }
  .page-shiny-shop .shiny-price { font-size:18px; margin-top:10px; padding-top:14px; }
  .page-shiny-shop .shiny-pack:last-child:nth-child(odd) { grid-column:1/-1; width:calc(50% - 6px); justify-self:center; }
  .page-shiny-shop .shiny-store-footer { flex-direction:column; align-items:center; gap:6px; text-align:center; }
  .page-shiny-shop .shiny-payment-note span { padding-inline:3px; }
}
@media(max-width:350px) {
  .page-shiny-shop .shiny-pack { padding-inline:9px; }
  .page-shiny-shop .shiny-pack-name { font-size:12px; }
  .page-shiny-shop .shiny-amount { font-size:24px; }
  .page-shiny-shop .shiny-bonus { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .page-shiny-shop .shiny-pack,.page-shiny-shop .shiny-buy { transition:none; } }

/* Personal invitations use the existing account palette and game heading font. */
.referral-panel { margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--line, #343a2b); }
.referral-panel h3 { font-family: "BYM Grobold", "Inter", sans-serif; font-weight: 400; color: #c2e629; font-size: 26px; margin: 0 0 12px; }
.referral-panel > p { color: #b8bfac; line-height: 1.6; }
.referral-panel label { display: block; margin: 18px 0 8px; }
.referral-link-row { display: flex; gap: 12px; }
.referral-link-row input { min-width: 0; flex: 1; background: #171b13; border: 1px solid #404733; color: #eef1e5; border-radius: 8px; padding: 12px; }
.referral-milestones { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.referral-milestone { background: #202719; border: 1px solid #414b2b; border-radius: 10px; padding: 16px 12px; display: grid; gap: 8px; }
.referral-milestone span { color: #c2e629; font-weight: 700; }
.referral-milestone small { color: #b8bfac; }
.referral-milestone[data-earned="true"] { border-color: #c2e629; }
.referral-invitation { padding: 16px 20px; margin-bottom: 20px; border: 1px solid #53652f; border-radius: 10px; background: #202719; line-height: 1.6; }
.referral-invitation button { background: none; border: 0; color: #c2e629; padding: 0; cursor: pointer; }
@media (max-width: 560px) {
  .referral-link-row { flex-direction: column; }
  .referral-milestones { gap: 7px; }
  .referral-milestone { padding: 12px 8px; font-size: 13px; }
}

/* Owner-only complimentary membership administration. */
.dave-admin-panel { margin-top: 24px; padding: 24px; border: 1px solid var(--border, #444b40); border-radius: 12px; background: rgba(0,0,0,.13); }
.dave-admin-panel h3 { margin: 8px 0; }
.dave-admin-search, .dave-admin-form { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; margin: 16px 0; }
.dave-admin-panel label { display: grid; gap: 6px; flex: 1 1 120px; min-width: 0; }
.dave-admin-panel input, .dave-admin-panel select { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #5b6552; border-radius: 6px; background: #1c251c; color: #fff; font: inherit; }
.dave-admin-form .dave-admin-reason, .dave-admin-form .field-note { flex-basis: 100%; }
.dave-admin-panel details { margin-top: 18px; }
.dave-admin-panel li, #dave-admin-summary { overflow-wrap: anywhere; }
.dave-admin-panel [hidden] { display: none !important; }
@media (max-width: 480px) { .dave-admin-panel { padding: 16px; } .dave-admin-search button { width: 100%; } }

.shiny-lock-control { display: flex; align-items: center; gap: 0.65rem; cursor: pointer; }
.shiny-lock-control input { width: 1.2rem; height: 1.2rem; margin: 0; accent-color: var(--accent, #f2ce62); }

/* One-time account setup, matching the existing account panel. */
#discord-setup-steps { padding-left: 1.4em; line-height: 1.65; }
#discord-setup-steps li + li { margin-top: .65em; }
#discord-setup-help { font-size: .92rem; line-height: 1.6; }
#discord-play-next { margin-top: 12px; }