:root{--ink:#09070f;--panel:#15111f;--paper:#fff7dc;--muted:#aaa2b7;--lime:#b7ff36;--orange:#ff713d;--pink:#ff4fa3;--purple:#8f68ff;--cyan:#66f5ff;--line:#3b3048;--display:"Archivo Black",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100vh;color:var(--paper);font:16px/1.5 var(--body);background:radial-gradient(circle at 78% -10%,#48285f 0,transparent 38%),radial-gradient(circle at 4% 28%,#2d213b 0,transparent 32%),var(--ink)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.08) 4px),repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.025) 8px)}.topbar,main,footer{width:min(1180px,calc(100% - 36px));margin:auto;position:relative}.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--paper);text-decoration:none;text-transform:uppercase;font:14px/1.05 var(--display);letter-spacing:.04em}.brand>span{width:48px;height:48px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font:25px var(--display);transform:rotate(-4deg);box-shadow:4px 4px 0 var(--pink)}.brand>span span{color:var(--pink)}.topbar p{margin:0;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.topbar i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}main{padding:clamp(56px,8vw,110px) 0 90px}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:40px;margin-bottom:60px}.eyebrow{grid-column:1/-1;margin:0 0 -20px;color:var(--lime);font:12px var(--display);letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:0;font:clamp(58px,10vw,126px)/.79 var(--display);text-transform:uppercase;letter-spacing:-.07em}.hero h1 em{color:var(--orange);font-style:normal;text-shadow:5px 5px 0 var(--pink)}.intro{margin:0 0 8px;color:var(--muted);font-size:clamp(17px,2vw,21px)}.games{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game{position:relative;min-height:520px;padding:clamp(28px,4vw,50px);overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 55%),var(--panel);box-shadow:10px 10px 0 #21192e}.game:before{content:"";position:absolute;width:250px;height:250px;right:-90px;top:-110px;border-radius:50%;background:var(--accent);opacity:.13;filter:blur(2px)}.survivor{--accent:var(--lime)}.runner{--accent:var(--orange)}.number{position:absolute;right:30px;top:20px;color:var(--accent);opacity:.18;font:110px/1 var(--display)}.tag{position:relative;margin:0 0 26px;color:var(--accent);font:11px var(--display);text-transform:uppercase;letter-spacing:.12em}.game h2{position:relative;margin:0 0 25px;font:clamp(44px,6vw,72px)/.86 var(--display);letter-spacing:-.06em;text-transform:uppercase}.game>p:not(.tag){max-width:520px;color:var(--muted);font-size:17px}.game ul{margin:25px 0 35px;padding:0;list-style:none}.game li{padding:8px 0;border-bottom:1px solid var(--line);font-weight:700}.game li:before{content:"✦";margin-right:10px;color:var(--accent)}.game a{position:absolute;left:clamp(28px,4vw,50px);right:clamp(28px,4vw,50px);bottom:35px;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 20px;background:var(--accent);color:var(--ink);font:14px var(--display);text-decoration:none;text-transform:uppercase;box-shadow:5px 5px 0 var(--pink);transition:.2s}.game a:hover{transform:translateY(-3px);background:var(--paper)}.game a span{font-size:24px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer span{color:var(--paper);font-family:var(--display);text-transform:uppercase}footer p{margin:0}@media(max-width:760px){.topbar p{display:none}.hero{grid-template-columns:1fr}.eyebrow{margin:0}.hero h1{font-size:clamp(54px,17vw,90px)}.games{grid-template-columns:1fr}.game{min-height:500px}footer{display:block}footer p{margin-top:8px}}

/* Keep the headline within its grid column at every viewport width. */
.hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}
.hero .eyebrow{grid-column:auto;margin:0}
.hero h1{max-width:100%;font-size:clamp(48px,8vw,108px);line-height:.93;letter-spacing:-.065em;overflow-wrap:normal}
.hero h1 em{display:inline-block;font-size:clamp(43px,7.3vw,98px)}
.hero .intro{max-width:690px;margin:0;color:var(--muted)}
.game{display:flex;flex-direction:column;min-height:420px}
.game h2{font-size:clamp(40px,4.8vw,64px);line-height:.95}
.game .game-description{position:relative;max-width:430px;margin:0 0 94px;font-size:18px;line-height:1.5}
.leaderboard-section{margin-top:80px}
.leaderboard-section>.eyebrow{margin:0 0 10px}
.leaderboard-section h2{font:clamp(30px,5vw,54px)/1 var(--display);text-transform:uppercase;margin:0 0 12px}
.leaderboard-note{max-width:760px;color:var(--muted);margin:0 0 24px}
.leaderboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.leaderboard-panel{background:var(--panel);border:1px solid var(--line);padding:26px;min-width:0}
.leaderboard-panel h3{font:clamp(19px,2.5vw,27px)/1.1 var(--display);text-transform:uppercase;margin:0 0 20px}
.leaderboard-panel ol{list-style:none;margin:0;padding:0}
.leaderboard-panel li{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.leaderboard-panel li.empty{display:block;color:var(--muted)}
.leaderboard-rank{color:var(--lime);font-family:var(--display)}
.leaderboard-name{overflow-wrap:anywhere}
.leaderboard-value{color:var(--orange);font-weight:900;white-space:nowrap}
@media(max-width:760px){.hero h1{font-size:clamp(44px,11vw,78px)}.hero h1 em{font-size:clamp(41px,10.4vw,72px)}.leaderboard-grid{grid-template-columns:1fr}.game{min-height:380px}}