:root{
  --ink:#0b1115;
  --ink-2:#10181d;
  --paper:#eadcc6;
  --muted:#b8aa98;
  --orange:#d94f27;
  --orange-2:#a82e1d;
  --blue:#174e72;
  --blue-2:#123c59;
  --line:rgba(234,220,198,.16);
  --shadow:rgba(0,0,0,.48);
  /* Drop the commissioned hero art into assets/ and change this one value later. */
  --hero-bg-image:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Georgia,"Times New Roman",serif;line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 5%,rgba(23,78,114,.12),transparent 35%),radial-gradient(circle at 86% 14%,rgba(217,79,39,.07),transparent 27%),linear-gradient(180deg,#0c1317,#080d10 70%);z-index:-3}
.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.13;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
a{color:inherit}.section-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{height:74px;width:min(1280px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}
.mini-brand{text-decoration:none;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:28px;letter-spacing:.04em;color:var(--orange);text-shadow:3px 3px 0 #121a1f}
.nav{display:flex;gap:28px;align-items:center}.nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-family:Arial,sans-serif;font-size:12px;color:#c7baa8}.nav a:hover,.nav a.active{color:var(--orange)}
.hero{min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;padding:70px 0 80px;position:relative}
.hero:before{content:"";position:absolute;inset:70px -12vw 0;background-image:linear-gradient(90deg,rgba(8,13,16,.98) 0%,rgba(8,13,16,.92) 38%,rgba(8,13,16,.68) 62%,rgba(8,13,16,.92) 100%),radial-gradient(circle at 70% 45%,rgba(23,78,114,.18),transparent 38%),var(--hero-bg-image);background-size:auto,auto,cover;background-position:center,center,center;background-repeat:no-repeat;z-index:-1;border-bottom:1px solid var(--line)}
.eyebrow{text-transform:uppercase;font-family:Arial,sans-serif;letter-spacing:.18em;font-weight:700;font-size:11px;color:var(--orange);margin:0 0 12px}
.hero-wordmark{width:min(580px,100%);display:block;margin:0 0 20px;border-radius:4px;box-shadow:0 18px 60px rgba(0,0,0,.2)}
.hero h1,.rules-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.02;margin:8px 0 20px;font-weight:600}.hero-lead{font-size:20px;color:#d0c2af;max-width:650px;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:700 12px Arial,sans-serif;border:1px solid var(--line);transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange-2);border-color:#d04a2c}.button.secondary{background:rgba(16,24,29,.72)}.button.oversized{padding:18px 30px;margin-top:34px}.soft-launch{font:700 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9e9386;margin-top:22px}.soft-launch span{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:7px}
.hero-cards{height:650px;position:relative;min-width:0;isolation:isolate}.game-card{position:absolute;width:min(300px,55%);border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.52);transition:transform .25s ease,filter .25s ease;transform-origin:50% 85%}.game-card:hover{z-index:10;filter:brightness(1.05)}.trike-card{left:-4%;top:78px;transform:rotate(-12deg);z-index:1}.trike-card:hover{transform:rotate(-9deg) translateY(-10px)}.random-card{left:17%;top:46px;transform:rotate(-4deg);z-index:7}.random-card:hover{transform:rotate(-2deg) translateY(-10px)}.apex-card{right:16%;top:12px;transform:rotate(5deg);z-index:4}.apex-card:hover{transform:rotate(3deg) translateY(-10px)}.deathmarked-card{right:-5%;top:74px;transform:rotate(12deg);z-index:2}.deathmarked-card:hover{transform:rotate(9deg) translateY(-10px)}
.loop,.leaderboards,.find-server{padding:110px 0}.section-intro{max-width:760px;margin-bottom:42px}.section-intro.compact{max-width:850px}.section-intro h2,.split-feature h2,.rules-signoff h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:0 0 16px}.section-intro>p:last-child{color:#bfb2a1;font-size:18px}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.score-card,.rule-item,.placeholder-panel{position:relative;background:linear-gradient(180deg,#141d22,#0e1519);border:1px solid var(--line);padding:34px;overflow:hidden}.feature-card{min-height:285px;border-radius:4px;box-shadow:0 22px 55px rgba(0,0,0,.16)}.feature-card:after,.score-card:after,.rule-item:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 38%)}.blue-wash{background:linear-gradient(158deg,rgba(30,91,128,.97),rgba(20,64,91,.96)),radial-gradient(circle at 18% 10%,rgba(238,220,190,.11),transparent 34%);border-color:rgba(238,220,190,.22);box-shadow:inset 0 0 80px rgba(5,28,45,.34),0 22px 55px rgba(0,0,0,.18)}.blue-wash:before{content:"";position:absolute;inset:0;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='w'%3E%3CfeTurbulence baseFrequency='.03' numOctaves='3' seed='11'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)' opacity='.3'/%3E%3C/svg%3E")}.exit-card{border-top:3px solid rgba(217,79,39,.8);background:linear-gradient(180deg,rgba(39,29,26,.96),rgba(17,20,21,.98))}.number,.coming{position:relative;font:700 11px Arial,sans-serif;letter-spacing:.16em;color:var(--orange);text-transform:uppercase}.feature-card h3,.score-card h3,.step h3{font-size:28px;margin:18px 0 12px}.feature-card p,.score-card p{color:#c5b8a7;position:relative}.split-feature{padding:92px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line)}.deathmarked-feature{position:relative;margin-top:18px;padding-inline:42px;background:radial-gradient(circle at 9% 25%,rgba(168,46,29,.15),transparent 29%),linear-gradient(110deg,rgba(11,12,13,.98),rgba(15,18,19,.96));border:1px solid rgba(217,79,39,.2);border-left:4px solid var(--orange-2)}.deathmarked-feature:after{content:"WILD";position:absolute;right:28px;top:20px;font:900 86px/1 Impact,Arial,sans-serif;letter-spacing:.04em;color:rgba(234,220,198,.025);pointer-events:none}.deathmarked-feature h2{color:#f0dfc9}.feature-copy{font-size:19px;color:#c7baa9}.feature-copy p{margin-top:0;margin-bottom:18px}.closing-line{color:var(--paper)!important;font-style:italic}.rank-section{background:linear-gradient(90deg,rgba(23,78,114,.08),transparent)}
.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.score-card{min-height:390px;padding:38px}.score-card.red-accent{border-top:3px solid var(--orange)}.formula{margin:26px 0;padding:18px;border-left:3px solid var(--orange);background:#0a1013;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#e8dac5}.small{font-size:14px}.coming{position:absolute;left:38px;right:38px;bottom:30px;border-top:1px solid var(--line);padding-top:18px;color:#90867a}
.find-server{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{display:flex;gap:20px;padding-top:22px;border-top:2px solid #2a343a}.step>span{font:800 44px/1 Impact,Arial,sans-serif;color:#355a70}.step h3{margin:0 0 5px}.step p{margin:0;color:#a99e91}
.footer{min-height:130px;padding:36px 0;display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);color:#8f867b;font:12px Arial,sans-serif}.footer strong{color:var(--paper);display:block;letter-spacing:.1em}.footer span{display:block;margin-top:5px}.footer-links{display:flex;gap:20px}.footer a{text-decoration:none}.footer a:hover{color:var(--orange)}
.rules-page{padding:90px 0 120px}.rules-hero{max-width:850px;padding-bottom:60px}.rules-hero>p:last-child{font-size:20px;color:#bfb2a1;max-width:760px}.rule-list{display:grid;gap:16px}.rule-item{display:grid;grid-template-columns:90px 1fr;gap:26px;padding:34px 38px}.rule-number{font:700 56px/1 Impact,Arial,sans-serif;color:#5f6e76}.rule-item h2{margin:2px 0 10px;font-size:30px}.rule-item p{margin:0;color:#c4b7a6;font-size:17px}.rule-item a{color:#e48a68}.rules-signoff{margin-top:90px;padding-top:50px;border-top:1px solid var(--line)}.rules-signoff>p{font-style:italic;color:#a99e91}.placeholder-panel{max-width:800px}.placeholder-panel h2{font-size:34px;margin:8px 0 10px}.placeholder-panel p{color:#bfb2a1;margin-bottom:24px}
@media(max-width:900px){.site-header{height:auto;min-height:74px;padding:16px 0;flex-wrap:wrap;gap:12px}.nav{display:flex;width:100%;gap:18px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap}.hero{grid-template-columns:1fr;padding-top:42px}.hero-cards{height:590px;margin-top:-10px}.game-card{width:min(285px,53%)}.trike-card{left:0;top:92px}.random-card{left:20%;top:54px}.apex-card{right:20%;top:24px}.deathmarked-card{right:0;top:88px}.three-grid,.two-grid,.steps{grid-template-columns:1fr}.split-feature{grid-template-columns:1fr;gap:20px}.score-card{min-height:auto}.coming{position:static;margin-top:26px}.footer{align-items:flex-start;flex-direction:column}.rule-item{grid-template-columns:58px 1fr}.rule-number{font-size:42px}}
@media(max-width:600px){.section-shell{width:min(100% - 26px,1180px)}.site-header{width:calc(100% - 26px)}.hero{min-height:auto;padding-bottom:30px}.hero-wordmark{margin-top:8px}.hero-lead{font-size:18px}.hero-cards{height:500px;margin-top:4px}.game-card{width:52%;border-radius:14px}.trike-card{left:-2%;top:94px;transform:rotate(-12deg)}.random-card{left:18%;top:56px;transform:rotate(-4deg)}.apex-card{right:18%;top:28px;transform:rotate(5deg)}.deathmarked-card{right:-2%;top:90px;transform:rotate(12deg)}.loop,.leaderboards,.find-server{padding:76px 0}.feature-card,.score-card{padding:28px}.split-feature{padding:70px 0}.rule-item{grid-template-columns:1fr;padding:28px}.rules-page{padding-top:62px}.footer-links{flex-wrap:wrap}}

.deathmark-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 26px}
.deathmark-facts div{padding:14px 14px 13px;border:1px solid rgba(234,220,198,.12);background:rgba(255,255,255,.025)}
.deathmark-facts strong{display:block;font:800 22px/1 Impact,Arial,sans-serif;letter-spacing:.04em;color:var(--orange)}
.deathmark-facts span{display:block;margin-top:7px;font:700 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8f867b}
.survival-rank-feature{position:relative;margin-top:22px;padding-inline:42px;background:linear-gradient(112deg,rgba(23,78,114,.19),rgba(10,16,19,.7) 54%,transparent);border-top:1px solid rgba(91,142,173,.18);border-bottom:1px solid rgba(91,142,173,.12)}
.survival-rank-feature:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.035' numOctaves='3' seed='8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)' opacity='.55'/%3E%3C/svg%3E")}

.loop{position:relative}
.loop:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(234,220,198,.16),transparent)}
.leaderboards{position:relative}
.leaderboards:before{content:"";position:absolute;left:50%;top:0;width:min(1180px,calc(100% - 40px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(234,220,198,.15),transparent)}

@media(max-width:700px){
  .deathmarked-feature,.survival-rank-feature{padding-inline:26px}
  .deathmark-facts{grid-template-columns:1fr}
  .deathmarked-feature:after{font-size:60px;right:18px;top:18px}
}


/* HOW TO PLAY */
.section-link-row{margin-top:38px}
.section-link-row .text-link{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border:1px solid rgba(217,79,39,.72);background:linear-gradient(180deg,rgba(177,55,31,.20),rgba(96,29,20,.12));box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 0 28px rgba(217,79,39,.06);font:900 13px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#f07955;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.section-link-row .text-link:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(217,79,39,.30),rgba(115,34,22,.18));border-color:var(--orange);color:#ff9a74}
.text-link{font:800 11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--orange)}
.text-link:hover{color:#ef8765}

.play-page{padding-bottom:30px}
.play-hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:78px 0 90px;border-bottom:1px solid var(--line)}
.play-hero-copy h1{font-size:clamp(48px,6.7vw,88px);line-height:.94;margin:10px 0 24px;max-width:760px;font-weight:600}
.play-lead{max-width:720px;font-size:21px;color:#c9bcaa}
.play-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.play-jump a{padding:10px 13px;border:1px solid var(--line);text-decoration:none;text-transform:uppercase;font:800 10px Arial,sans-serif;letter-spacing:.12em;color:#a99e91}
.play-jump a:hover{border-color:rgba(217,79,39,.55);color:var(--orange)}

.play-hero-art{height:520px;position:relative}
.play-card{position:absolute;width:min(300px,67%);border-radius:18px;box-shadow:0 34px 80px rgba(0,0,0,.52)}
.play-card-random{left:4%;top:65px;z-index:3;transform:rotate(-7deg)}
.play-card-apex{right:3%;top:22px;z-index:2;transform:rotate(8deg)}

.play-section{position:relative;display:grid;grid-template-columns:80px 0.72fr 1.28fr;gap:38px;padding:100px 0;border-bottom:1px solid var(--line)}
.play-section-number{font:800 62px/1 Impact,Arial,sans-serif;color:#2e414c;letter-spacing:.02em}
.play-section-heading h2{font-size:clamp(34px,4.2vw,60px);line-height:1.02;margin:0;max-width:470px}
.play-copy{font-size:19px;color:#c6baa9;max-width:760px}
.play-copy>p{margin-top:0;margin-bottom:20px}
.play-copy strong{color:#eadcc6}
.play-copy code{font:700 .92em ui-monospace,SFMono-Regular,Menlo,monospace;color:#f0dfc9;background:#080d10;border:1px solid var(--line);padding:2px 6px}

.play-callout{margin-top:28px;padding:22px 24px;border:1px solid rgba(113,160,188,.25)}
.play-callout strong,.play-callout span{display:block}
.play-callout strong{font-size:21px;color:#eadcc6;margin-bottom:5px}
.play-callout span{font:700 11px Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#9fb2bd}
.blue-wash-lite{background:linear-gradient(145deg,rgba(27,89,126,.48),rgba(17,44,60,.25))}

.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.path-card{padding:30px;min-height:300px;border:1px solid var(--line);background:#0d1519}
.path-card h3{font-size:28px;line-height:1.08;margin:12px 0 14px;color:#eadcc6}
.path-card p{font-size:16px;color:#b9ad9d}
.path-label{font:800 10px Arial,sans-serif;letter-spacing:.16em;color:var(--orange)}
.survival-path{background:linear-gradient(160deg,rgba(24,83,118,.38),rgba(11,17,21,.96));border-top:3px solid #315f7a}
.predator-path{background:linear-gradient(160deg,rgba(110,35,27,.24),rgba(11,17,21,.96));border-top:3px solid var(--orange-2)}

.play-principle{margin-top:32px;padding:24px;border-left:4px solid #356782;background:rgba(23,78,114,.12)}
.play-principle span,.play-principle strong{display:block}
.play-principle span{font:800 10px Arial,sans-serif;letter-spacing:.16em;color:#8fa7b5;margin-bottom:7px}
.play-principle strong{font-size:25px;line-height:1.2}
.play-principle.red{border-left-color:var(--orange-2);background:rgba(168,46,29,.10)}
.play-principle.red span{color:#d0775d}

.deathmarked-play{grid-template-columns:80px .62fr 1fr 270px;background:radial-gradient(circle at 88% 50%,rgba(168,46,29,.14),transparent 28%),linear-gradient(110deg,rgba(8,10,11,.99),rgba(15,18,19,.97));padding-inline:38px;border-left:4px solid var(--orange-2)}
.deathmarked-play .play-section-number{color:#4d211d}
.deathmark-big-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}
.deathmark-big-facts div{padding:18px 14px;border:1px solid rgba(234,220,198,.10);background:rgba(255,255,255,.025)}
.deathmark-big-facts strong{display:block;font:800 25px/1 Impact,Arial,sans-serif;letter-spacing:.04em;color:var(--orange)}
.deathmark-big-facts span{display:block;margin-top:8px;font:800 9px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#857a6f}
.play-side-card{align-self:center}
.play-side-card img{display:block;width:100%;border-radius:18px;transform:rotate(5deg);box-shadow:0 32px 75px rgba(0,0,0,.48)}

.entomb-play{background:linear-gradient(115deg,rgba(31,26,23,.40),transparent 58%)}
.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}
.risk-grid article{padding:26px;border:1px solid var(--line);background:#0c1215}
.risk-grid article:first-child{border-top:3px solid #356782}
.risk-grid article:last-child{border-top:3px solid var(--orange-2)}
.risk-grid span{font:800 10px Arial,sans-serif;letter-spacing:.16em;color:var(--orange)}
.risk-grid h3{font-size:25px;line-height:1.1;margin:10px 0}
.risk-grid p{font-size:15px;color:#afa395;margin-bottom:0}

.compete-play{border-bottom:0}
.play-final{padding:110px 0 130px;text-align:center}
.play-final h2{font-size:clamp(40px,5vw,70px);margin:4px 0 16px}
.play-final>p:not(.eyebrow){font-size:19px;color:#bdb1a1}
.play-final .hero-actions{justify-content:center}

@media(max-width:1000px){
  .play-hero{grid-template-columns:1fr}
  .play-hero-art{height:500px;max-width:620px;width:100%;margin:0 auto}
  .play-section{grid-template-columns:70px 1fr;gap:28px}
  .play-copy{grid-column:2}
  .deathmarked-play{grid-template-columns:70px 1fr}
  .deathmarked-play .play-copy{grid-column:2}
  .play-side-card{grid-column:2;max-width:280px;margin-top:18px}
}
@media(max-width:700px){
  .play-hero{padding-top:55px}
  .play-hero-art{height:410px}
  .play-card{width:58%}
  .play-section{grid-template-columns:1fr;padding:72px 0}
  .play-section-number{font-size:42px}
  .play-copy,.deathmarked-play .play-copy,.play-side-card{grid-column:1}
  .path-grid,.risk-grid,.deathmark-big-facts{grid-template-columns:1fr}
  .deathmarked-play{padding-inline:24px}
  .play-side-card{width:62%;margin-inline:auto}
}


/* LEADERBOARDS */
.coming-link{text-decoration:none}
.coming-link:hover{color:var(--orange);border-color:rgba(217,79,39,.35)}

.boards-page{padding-bottom:30px}
.boards-hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:72px 0 90px;border-bottom:1px solid var(--line)}
.boards-hero h1{font-size:clamp(52px,6.6vw,88px);line-height:.94;margin:8px 0 24px;max-width:760px}
.boards-lead{font-size:21px;color:#c7baa8;max-width:730px}
.boards-card-fan{height:500px;position:relative}
.boards-card{position:absolute;width:min(295px,66%);border-radius:18px;box-shadow:0 34px 80px rgba(0,0,0,.50)}
.boards-trike{left:7%;top:64px;z-index:3;transform:rotate(-8deg)}
.boards-apex{right:4%;top:18px;z-index:2;transform:rotate(8deg)}

.board-explainer,.score-board-section,.species-board-section,.board-rules{padding:100px 0;border-bottom:1px solid var(--line)}
.board-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.board-type-card{min-height:285px;padding:30px;border:1px solid var(--line);background:#0d1519}
.board-type-card>span{font:800 10px Arial,sans-serif;letter-spacing:.16em;color:var(--orange)}
.board-type-card h3{font-size:30px;line-height:1.05;margin:15px 0}
.board-type-card p{font-size:16px;color:#b7aa99}
.board-type-card strong{display:block;margin-top:24px;font:800 11px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#e1d1ba}
.living-board{border-top:3px solid #436d85;background:linear-gradient(160deg,rgba(29,87,119,.35),#0d1519 64%)}
.survival-board{border-top:3px solid #b08b35;background:linear-gradient(160deg,rgba(132,99,29,.22),#0d1519 64%)}
.predator-board{border-top:3px solid var(--orange-2);background:linear-gradient(160deg,rgba(117,35,25,.24),#0d1519 64%)}

.score-board-header{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:end;margin-bottom:34px}
.score-board-header h2{font-size:clamp(40px,5vw,66px);margin:4px 0 0}
.score-formula{justify-self:end;width:min(100%,520px);padding:22px 24px;border-left:4px solid #436d85;background:rgba(35,82,108,.14)}
.score-formula span,.score-formula strong{display:block}
.score-formula span{font:800 9px Arial,sans-serif;letter-spacing:.16em;color:#88a6b6;margin-bottom:9px}
.score-formula strong{font-size:18px;line-height:1.35;color:#eadcc6}
.red-formula{border-left-color:var(--orange-2);background:rgba(126,40,28,.12)}
.red-formula span{color:#d17861}

.leaderboard-shell{border:1px solid var(--line);background:linear-gradient(180deg,#11191d,#0a0f12);box-shadow:0 28px 70px rgba(0,0,0,.20)}
.leaderboard-head{display:grid;grid-template-columns:90px 1fr 150px 150px;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);font:800 9px Arial,sans-serif;letter-spacing:.15em;color:#746d65}
.leaderboard-head span:nth-child(3),.leaderboard-head span:nth-child(4){text-align:right}
.leaderboard-empty{min-height:230px;display:flex;align-items:center;gap:28px;padding:38px}
.empty-rank{font:800 58px/1 Impact,Arial,sans-serif;color:#2d404b}
.leaderboard-empty strong{display:block;font-size:26px;color:#e4d4bd}
.leaderboard-empty p{max-width:650px;color:#9f9588}
.predator-shell .empty-rank{color:#4f231d}
.board-note{margin:18px 0 0;font-size:14px;color:#827a70;max-width:900px}

.species-rank-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.species-rank-copy{padding:38px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(29,87,119,.18),rgba(10,15,18,.96))}
.species-rank-copy h3{font-size:32px;margin:0 0 16px}
.species-rank-copy p{color:#b7aa99;font-size:17px}
.species-placeholder{display:flex;min-height:300px;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:34px;border:1px solid rgba(217,79,39,.20);background:radial-gradient(circle at 50% 30%,rgba(168,46,29,.15),transparent 45%),#0b1013}
.species-placeholder span{font:800 9px Arial,sans-serif;letter-spacing:.18em;color:var(--orange)}
.species-placeholder strong{font:800 37px/1 Impact,Arial,sans-serif;letter-spacing:.04em;margin:14px 0;color:#e5d6c0}
.species-placeholder p{max-width:340px;color:#8e8478}

.board-rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.board-rules-grid div{padding:28px 22px;border:1px solid var(--line);background:#0d1418}
.board-rules-grid strong{display:block;font:800 36px/1 Impact,Arial,sans-serif;color:#365d73;margin-bottom:18px}
.board-rules-grid span{font-size:16px;color:#c0b3a2}

.boards-final{padding:110px 0 130px;text-align:center}
.boards-final h2{font-size:clamp(40px,5vw,70px);margin:4px 0 16px}
.boards-final>p:not(.eyebrow){font-size:19px;color:#bdb1a1}
.boards-final .hero-actions{justify-content:center}

@media(max-width:900px){
  .boards-hero{grid-template-columns:1fr}
  .boards-card-fan{height:480px;max-width:620px;width:100%;margin:0 auto}
  .board-type-grid{grid-template-columns:1fr}
  .score-board-header{grid-template-columns:1fr}
  .score-formula{justify-self:start}
  .species-rank-preview{grid-template-columns:1fr}
  .board-rules-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .boards-hero{padding-top:54px;min-height:auto}
  .boards-card-fan{height:395px}
  .boards-card{width:59%}
  .leaderboard-head{grid-template-columns:55px 1fr 90px}
  .leaderboard-head span:nth-child(4){display:none}
  .leaderboard-head span:nth-child(3){text-align:right}
  .leaderboard-empty{padding:28px 22px}
  .board-rules-grid{grid-template-columns:1fr}
}


/* SERVER STATUS — intentionally no public player count during soft launch */
.server-status-bar{
  display:grid;
  grid-template-columns:1.25fr .75fr .9fr auto;
  gap:0;
  align-items:stretch;
  margin-top:-18px;
  margin-bottom:8px;
  border:1px solid rgba(234,220,198,.12);
  background:linear-gradient(180deg,rgba(14,21,25,.97),rgba(9,14,17,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.18)
}
.server-status-main,.server-status-detail{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 22px;
  border-right:1px solid rgba(234,220,198,.09)
}
.server-status-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  flex:0 0 auto;
  background:#67b77a;
  box-shadow:0 0 0 5px rgba(103,183,122,.08),0 0 18px rgba(103,183,122,.35)
}
.server-status-main>div,.server-status-detail{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center
}
.server-status-kicker,.server-status-detail span{
  font:800 9px Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#776f66
}
.server-status-main strong{
  margin-top:4px;
  font:800 22px/1 Impact,Arial,sans-serif;
  letter-spacing:.05em;
  color:#dce9dc
}
.server-status-detail strong{
  margin-top:5px;
  font:800 15px Arial,sans-serif;
  letter-spacing:.08em;
  color:#d7c9b5
}
.server-status-link{
  min-width:175px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 22px;
  text-decoration:none;
  font:900 10px Arial,sans-serif;
  letter-spacing:.14em;
  color:var(--orange);
  background:rgba(217,79,39,.05);
  transition:background .2s ease,color .2s ease
}
.server-status-link:hover{
  background:rgba(217,79,39,.12);
  color:#ff9a74
}
@media(max-width:800px){
  .server-status-bar{grid-template-columns:1fr 1fr;margin-top:0}
  .server-status-main{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(234,220,198,.09)}
  .server-status-detail:nth-of-type(2){border-right:0}
  .server-status-link{grid-column:1/-1;min-height:58px;border-top:1px solid rgba(234,220,198,.09)}
}


/* DINO POOLS */
.pools-page{padding-bottom:30px}
.pools-hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;padding:76px 0 88px;border-bottom:1px solid var(--line)}
.pools-hero h1{font-size:clamp(52px,6.5vw,88px);line-height:.94;margin:8px 0 24px;max-width:780px}
.pools-lead{font-size:21px;color:#c7baa8;max-width:740px}
.pools-hero-cards{height:520px;position:relative}
.pool-hero-card{position:absolute;width:min(305px,67%);border-radius:18px;box-shadow:0 34px 80px rgba(0,0,0,.52)}
.pool-galli-card{left:5%;top:64px;z-index:3;transform:rotate(-8deg)}
.pool-pachy-card{right:2%;top:18px;z-index:2;transform:rotate(8deg)}

.pool-rule-strip{display:grid;grid-template-columns:.8fr .9fr 1.3fr;border:1px solid rgba(234,220,198,.12);background:#0c1317;margin-top:-20px}
.pool-rule-strip>div{padding:20px 24px;border-right:1px solid rgba(234,220,198,.09)}
.pool-rule-strip>div:last-child{border-right:0}
.pool-rule-strip span{display:block;font:800 9px Arial,sans-serif;letter-spacing:.16em;color:#7e756c}
.pool-rule-strip strong{display:block;margin-top:7px;font-size:15px;line-height:1.3;color:#dccdb9}
.pool-lock{background:linear-gradient(110deg,rgba(30,91,128,.16),rgba(12,19,23,0))}

.pool-section{padding:105px 0;border-bottom:1px solid var(--line)}
.pool-heading{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:end;margin-bottom:42px}
.pool-heading h2{font-size:clamp(48px,5.4vw,74px);line-height:.96;margin:4px 0 0}
.pool-summary{max-width:720px}
.pool-summary strong{display:block;font-size:24px;color:#e2d3bd;margin-bottom:8px}
.pool-summary p{font-size:17px;color:#a99e90}

.pool-layout{display:grid;grid-template-columns:330px 1fr;gap:34px;align-items:start}
.pool-layout.reverse{grid-template-columns:330px 1fr}
.pool-feature-card img,.rare-card-wrap img,.apex-card-wrap img{display:block;width:100%;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.42)}
.pool-feature-card{position:sticky;top:105px}

.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.species-tile{min-height:165px;padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,#111a1e,#0c1215)}
.species-tile span{font:800 9px Arial,sans-serif;letter-spacing:.14em;color:#78826d}
.species-tile h3{font-size:23px;line-height:1.05;margin:10px 0}
.species-tile p{font-size:14px;color:#9f9589;margin-bottom:0}
.survival-pool .species-tile{border-top:3px solid #47764a}
.core-pool .species-tile{border-top:3px solid #6c4786}
.core-species{grid-template-columns:repeat(3,1fr)}

.rare-pool{background:radial-gradient(circle at 82% 45%,rgba(172,130,36,.10),transparent 27%)}
.rare-showcase{display:grid;grid-template-columns:1.15fr 340px;gap:46px;align-items:center}
.rare-copy{font-size:19px;color:#baad9d}
.rare-species-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}
.rare-species-list span{padding:15px 18px;border:1px solid rgba(213,172,66,.20);background:rgba(173,124,28,.07);font:800 12px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#d9c294}
.rare-card-wrap{transform:rotate(5deg)}

.apex-pool{background:radial-gradient(circle at 20% 50%,rgba(151,42,27,.14),transparent 30%)}
.apex-showcase{display:grid;grid-template-columns:360px 1fr;gap:52px;align-items:center}
.apex-card-wrap{transform:rotate(-4deg)}
.apex-copy>span{font:800 10px Arial,sans-serif;letter-spacing:.18em;color:var(--orange)}
.apex-copy h3{font-size:clamp(40px,4.5vw,62px);margin:9px 0 14px}
.apex-copy p{font-size:19px;color:#b8aa9a;max-width:620px}
.apex-copy strong{display:block;margin-top:24px;font-size:24px;color:#e1d0b8}

.pool-final{padding:110px 0 130px;text-align:center}
.pool-final h2{font-size:clamp(42px,5vw,70px);margin:4px 0 16px}
.pool-final>p:not(.eyebrow){font-size:19px;color:#bdb1a1}
.pool-final .hero-actions{justify-content:center}

@media(max-width:950px){
  .pools-hero{grid-template-columns:1fr}
  .pools-hero-cards{height:480px;max-width:620px;width:100%;margin:0 auto}
  .pool-rule-strip{grid-template-columns:1fr}
  .pool-rule-strip>div{border-right:0;border-bottom:1px solid rgba(234,220,198,.09)}
  .pool-rule-strip>div:last-child{border-bottom:0}
  .pool-heading{grid-template-columns:1fr}
  .pool-layout,.pool-layout.reverse,.rare-showcase,.apex-showcase{grid-template-columns:1fr}
  .pool-feature-card{position:static;max-width:330px}
  .species-grid,.core-species{grid-template-columns:1fr 1fr}
  .rare-card-wrap,.apex-card-wrap{max-width:340px}
}
@media(max-width:600px){
  .pools-hero{padding-top:54px;min-height:auto}
  .pools-hero-cards{height:395px}
  .pool-hero-card{width:59%}
  .species-grid,.core-species,.rare-species-list{grid-template-columns:1fr}
  .pool-section{padding:78px 0}
}