/* A persistent roadmap clock and invitation in the site's bronze and gold. */
:root{--beta-banner-height:76px}
html{scroll-padding-top:calc(var(--beta-banner-height) + 16px)}
body{padding-top:var(--beta-banner-height)}
.skip{z-index:121}
.beta-banner{position:fixed;inset:0 0 auto;z-index:120;height:var(--beta-banner-height);background:linear-gradient(90deg,#30200f,#594025 48%,#30200f);border-bottom:1px solid #d8b36b;box-shadow:inset 0 -3px #120d0870,0 2px 12px #0009;color:#f6e1b0}
.beta-banner-inner{max-width:1450px;margin:auto;height:100%;padding:0 32px;display:grid;grid-template-columns:minmax(165px,1fr) minmax(290px,440px) minmax(200px,1fr);align-items:center;gap:24px}
.beta-banner p{margin:0;font-size:11px;line-height:1.5;min-width:0}
.beta-banner p>strong{display:block;font:700 13px/1.5 var(--display);color:#ffe1a0;letter-spacing:1px;text-shadow:0 2px #291808}
.beta-banner .next-countdown{display:block;margin-top:3px;color:#e4cfab;font-size:10px;line-height:1.35}
.banner-countdown{position:relative;min-width:0;padding:4px 19px;text-align:center;border-inline:1px solid #c9a36655;background:linear-gradient(90deg,#100e0b00,#19171077 22%,#19171077 78%,#100e0b00)}
.banner-countdown::before,.banner-countdown::after{content:'';position:absolute;top:50%;width:5px;height:5px;margin-top:-3px;border:1px solid #c6a060;background:#3e2d19;transform:rotate(45deg);pointer-events:none}
.banner-countdown::before{left:-4px}.banner-countdown::after{right:-4px}
.banner-countdown-values{display:flex;justify-content:center;gap:27px}
.banner-countdown-unit{position:relative;display:block;min-width:42px;text-align:center}
.banner-countdown-unit:not(:last-child)::after{content:':';position:absolute;right:-16px;top:1px;font:20px/1.3 var(--display);color:#b79359;text-shadow:0 1px #000}
.banner-countdown-unit>strong{display:block;font:700 26px/1.05 var(--display);font-variant-numeric:tabular-nums;color:#ffe5aa;text-shadow:0 2px #1a1008,0 0 18px #f1be5333;letter-spacing:1px}
.banner-countdown-unit>span{display:block;margin-top:3px;font:600 7px/1.2 'DM Sans',sans-serif;letter-spacing:1.4px;color:#d8bf8d}
.banner-countdown-note{display:block;margin-top:5px;color:#dbc9a5;font:400 9px/1.3 'DM Sans',sans-serif}
.banner-countdown-message{display:block;padding:5px 0;font:600 17px/1.5 var(--display);color:#ffe1a0}
.beta-banner a{justify-self:end;display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:9px 20px;border:1px solid #dfb564;background:linear-gradient(#ac2e1c,#681c12);box-shadow:inset 0 0 0 2px #3a110d88,inset 0 1px #f6b47433,0 2px 8px #1d100d88;color:#fff0c3;text-decoration:none;font:700 12px/1.6 'DM Sans',sans-serif;white-space:nowrap}
.beta-banner a:hover{background:linear-gradient(#c83b26,#862317);border-color:#ffe0a0;color:#fff7dc}
.beta-banner a:focus-visible{outline:2px solid #fff0c0;outline-offset:3px}
.beta-banner a>span{font-size:19px;line-height:1}
@media(max-width:1100px){.beta-banner-inner{padding:0 20px;gap:16px;grid-template-columns:minmax(145px,1fr) minmax(270px,360px) minmax(180px,1fr)}.beta-banner a{padding:9px 15px;gap:12px}.banner-countdown{padding-inline:10px}.banner-countdown-values{gap:21px}.banner-countdown-unit:not(:last-child)::after{right:-13px}.beta-banner p>strong{font-size:12px}}
@media(max-width:780px){:root{--beta-banner-height:112px}.beta-banner-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 48px;gap:4px 12px;padding:8px 18px}.beta-banner p{grid-column:1;grid-row:1}.beta-banner a{grid-column:2;grid-row:1}.banner-countdown{grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,400px);padding:0 12px}.banner-countdown-unit>strong{font-size:23px}.banner-countdown-unit>span{margin-top:2px}.banner-countdown-note{margin-top:4px}.beta-banner .next-countdown{font-size:9px;margin-top:2px}.banner-countdown-message{font-size:15px;padding:3px 0}}
@media(max-width:400px){.beta-banner-inner{padding-inline:12px;gap:4px 8px}.beta-banner p>strong{font-size:10px;letter-spacing:.4px}.beta-banner a{font-size:11px;padding:9px 11px;gap:8px}.beta-banner .next-countdown{font-size:8px}.banner-countdown-note{font-size:8px}.banner-countdown-values{gap:22px}.banner-countdown-unit:not(:last-child)::after{right:-14px}}