/* Craft Strike website. Palette sampled from the game's own art:
   night teal shadows, sandstone walls, brick tiles, steel defenders, amber logo. */
:root{
  color-scheme:dark;
  --night:#0b1519;--night-2:#11212a;--night-3:#172b35;--line:#24383f;--line-soft:#1b2d35;
  --bone:#f2eadb;--mist:#a7b4b5;--sand:#e8d4aa;--sand-2:#dcc28c;--sand-3:#f3e6c8;--ink:#1d160e;--ink-2:#5b4c37;
  --amber:#f2b33d;--amber-deep:#c98a1c;--brick:#c04a35;--steel:#5b82cf;--ok:#7fc7a0;
  --display:"Bungee",Impact,"Arial Black",sans-serif;
  --text:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wide:"Archivo",system-ui,sans-serif;
  --page:1280px;--gutter:clamp(18px,4vw,48px);
  /* Older names still used by visuals.css (art sections on the guide and profile). */
  --muted:var(--mist);--bg:var(--night);--gold:var(--amber);--green:var(--ok);--panel:var(--night-2);
  font:16px/1.6 var(--text);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--bone);font-family:var(--text);text-rendering:optimizeLegibility}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
button,input,select{font:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:1.02;text-wrap:balance}
h1{font-size:clamp(40px,6.2vw,84px);margin-bottom:22px}
h2{font-size:clamp(28px,3.6vw,46px);margin-bottom:18px}
h3{font-size:20px;line-height:1.25;margin-bottom:8px;font-weight:700;font-stretch:112%}
p{color:var(--mist);text-wrap:pretty}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#d6dbd6}
.micro{font-size:13px;color:var(--mist)}
.skip{position:fixed;left:16px;top:-80px;z-index:100;padding:10px 14px;background:var(--amber);color:var(--ink);font-weight:700}
.skip:focus{top:12px}

/* Small caps label: names a section, never numbers it. */
.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:700 12px/1.4 var(--wide);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.live-dot,.amber-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;background:var(--brick);box-shadow:0 0 0 3px #c04a3533;border-radius:1px}
.amber-dot{background:var(--amber);box-shadow:0 0 0 3px #f2b33d33}
.live-dot{animation:live 1.8s steps(2,end) infinite}
@keyframes live{50%{opacity:.35}}

/* Buttons: chunky, square-ish, like the in-game HUD. */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px;border:2px solid var(--amber);border-radius:3px;background:var(--amber);color:var(--ink);
  font:800 14px/1 var(--wide);font-stretch:118%;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--amber-deep);transition:transform .08s,box-shadow .08s,background .15s}
.button:hover:not(:disabled){background:#ffc552}
.button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--amber-deep)}
.button.outline{background:transparent;color:var(--bone);border-color:#f2eadb59;box-shadow:none}
.button.outline:hover:not(:disabled){background:#f2eadb14;border-color:var(--bone)}
.button.large{min-height:54px;padding:15px 28px;font-size:15px}
.button:disabled{opacity:.45;cursor:default}
.text-link{color:var(--amber);font-weight:700;text-decoration:none;border-bottom:2px solid #f2b33d55;padding-bottom:2px}
.text-link:hover{border-color:var(--amber)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;max-width:none;margin:0;padding:12px var(--gutter);background:#0b1519e6;backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.brand{display:inline-flex;align-items:center;gap:10px;font:400 18px/1 var(--display);letter-spacing:.02em;text-decoration:none;color:var(--bone);white-space:nowrap}
.brand img{width:34px;height:34px;border-radius:3px}
.site-header nav{display:flex;align-items:center;gap:6px;margin-left:auto;font:700 13px/1 var(--wide);font-stretch:110%;letter-spacing:.03em}
.site-header nav a:not(.button){display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:3px;text-decoration:none;color:#cfd6d2}
.site-header nav a:not(.button):hover{color:var(--bone);background:#f2eadb0f}
.site-header nav a[aria-current=page]{color:var(--amber)}
.site-header nav .button{margin-left:10px;min-height:40px;padding:10px 18px;font-size:13px;box-shadow:0 3px 0 var(--amber-deep)}

/* Layout */
main{display:block}
.wrap,.section{max-width:var(--page);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(56px,8vw,104px)}
.band{background:var(--sand);color:var(--ink)}
.band p{color:var(--ink-2)}
.band h2,.band h3{color:var(--ink)}
.band .eyebrow{color:#9a3b29}
.band .text-link{color:#8e3424;border-color:#8e342455}
.band .text-link:hover{border-color:#8e3424}
.band .button.outline{color:var(--ink);border-color:#1d160e55}
.band .button.outline:hover{background:#1d160e0d;border-color:var(--ink)}
.deep{background:var(--night-2)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}
.section-head h2{margin:0}
.section-head p{max-width:440px;margin:0}

/* Stepped voxel edge between dark and sand sections. */
.steps-top{position:relative}
.steps-top::before{content:"";position:absolute;left:0;right:0;top:-23px;height:24px;background:inherit;
  clip-path:polygon(0 100%,0 66%,6% 66%,6% 33%,13% 33%,13% 66%,24% 66%,24% 0,31% 0,31% 66%,47% 66%,47% 33%,55% 33%,55% 66%,70% 66%,70% 0,76% 0,76% 33%,88% 33%,88% 66%,94% 66%,94% 33%,100% 33%,100% 100%)}

/* Home hero */
.hero{position:relative;isolation:isolate;min-height:min(88vh,860px);display:grid;align-items:end;padding:120px var(--gutter) 64px;overflow:hidden;background:#071116}
.hero-art{position:absolute;inset:0;z-index:0;margin:0}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:62% 40%}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#071116f2 0%,#071116d9 30%,#0711168c 55%,#07111600 78%),linear-gradient(0deg,#0b1519 0%,#0b151900 32%)}
.hero-grid{position:relative;z-index:2;width:100%;max-width:var(--page);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:end;gap:48px}
.hero-copy{max-width:760px}
.hero h1{font-size:clamp(38px,4.7vw,68px)}
.hero h1 span{display:block;color:var(--amber)}
.hero .lead{max-width:520px}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 18px}

/* Signature: today's leaders, styled like the in-game kill feed. */
.killfeed{align-self:end;padding:16px;background:#0b1519cc;border:1px solid #f2eadb1f;border-radius:4px;backdrop-filter:blur(6px)}
.killfeed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font:700 12px/1.3 var(--wide);font-stretch:110%;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;color:var(--mist)}
.killfeed-head span{display:inline-flex;align-items:center;gap:8px;color:var(--bone)}
.killfeed ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.killfeed li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;background:#00000059;border-left:3px solid var(--amber);border-radius:2px;font-size:14px;animation:feed-in .35s ease-out both}
.killfeed li.wins{border-left-color:var(--steel)}
.killfeed li.empty{display:block;border-left-color:var(--line);color:var(--mist);font-size:13px}
.killfeed .who{font-weight:700;color:var(--amber);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.killfeed li.wins .who{color:#9db8ef}
.killfeed .icon{width:22px;height:14px;color:var(--bone);opacity:.85}
.killfeed .stat{font:700 13px/1 var(--wide);font-variant-numeric:tabular-nums;color:var(--bone);white-space:nowrap}
.killfeed .stat small{font-weight:500;color:var(--mist);margin-left:4px}
.killfeed a{display:block;margin-top:12px;font-size:13px;color:var(--amber);font-weight:700;text-decoration:none}
@keyframes feed-in{from{opacity:0;transform:translateX(12px)}}
.hero .note{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--mist);margin:0}
.hero .note span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--amber);vertical-align:2px}

/* Modes */
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mode{display:flex;flex-direction:column;background:var(--sand-3);border:1px solid var(--sand-2);border-radius:4px;overflow:hidden;box-shadow:0 2px 0 #c7a96f}
.mode img{aspect-ratio:3/2;object-fit:cover;background:#0b1d24}
.mode-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}
.tag{display:inline-flex;align-self:flex-start;gap:6px;margin-bottom:12px;padding:5px 9px;border-radius:2px;background:var(--ink);color:var(--sand-3);font:700 12px/1.2 var(--wide);font-stretch:120%;letter-spacing:.1em;text-transform:uppercase}
.mode h3{font:400 24px/1.1 var(--display);margin-bottom:10px}
.mode p{flex:1;margin-bottom:18px}
.mode .text-link{align-self:flex-start}

/* Build feature with the buy-menu list */
.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.feature figure{margin:0}
.feature figure img{border-radius:4px}
.buylist{list-style:none;margin:26px 0 28px;padding:0;border:1px solid var(--line);border-radius:4px;background:#0b1519}
.buylist li{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--line-soft)}
.buylist li:first-child{border-top:0}
.buylist i{width:22px;height:22px;border-radius:2px;box-shadow:inset 0 -4px 0 #0000003b,inset 0 0 0 1px #0000004d}
.buylist b{display:block;font-weight:700;color:var(--bone)}
.buylist small{color:var(--mist);font-size:13px}
.buylist .price{font:700 15px/1 var(--wide);font-variant-numeric:tabular-nums;color:var(--ok)}

/* Maps */
.maps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.map{margin:0;position:relative;border-radius:4px;overflow:hidden;background:#0b1d24;border:1px solid var(--line)}
.map a{display:block;text-decoration:none}
.map img{aspect-ratio:4/5;width:100%;object-fit:cover;transition:transform .5s ease}
.map a:hover img{transform:scale(1.04)}
.map figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 18px;background:linear-gradient(0deg,#071116f0 30%,#07111600)}
.map h3{font:400 22px/1 var(--display);margin:0 0 6px;color:var(--bone)}
.map p{margin:0;font-size:13px;color:#cdd5d1}
.map .new{position:absolute;top:12px;left:12px;padding:5px 9px;background:var(--amber);color:var(--ink);font:800 12px/1.2 var(--wide);letter-spacing:.12em;text-transform:uppercase;border-radius:2px}

/* Earn */
.earn{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.reward-steps{list-style:none;margin:28px 0 0;padding:0;counter-reset:step}
.reward-steps li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:18px 0;border-top:1px solid #1d160e26}
.band .reward-steps li{border-color:#1d160e26}
.reward-steps li:first-child{border-top:0;padding-top:0}
.reward-steps li>span{display:grid;place-items:center;width:40px;height:40px;border-radius:3px;background:var(--ink);color:var(--sand-3);font:400 16px/1 var(--display)}
:not(.band)>.reward-steps li>span,.section:not(.band) .reward-steps li>span{background:var(--night-3);color:var(--amber)}
.reward-steps h3{margin-bottom:4px}
.reward-steps p{margin:0;font-size:15px}
.reward-steps a{color:inherit;font-weight:700}

/* Shared leaderboard tables */
.boards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.board{min-width:0;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:var(--night-2)}
.band .board{background:var(--night-2);color:var(--bone);border-color:#00000033;box-shadow:0 3px 0 #1d160e33}
.band .board p{color:var(--mist)}
.board>header{display:block;padding:18px 18px 12px;border-top:4px solid var(--amber)}
.board>header .eyebrow{margin-bottom:6px}
.board.wins>header,.board:nth-child(2)>header{border-top-color:var(--steel)}
.board>header .eyebrow{margin:0;color:var(--bone)}
.board h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 4px;color:var(--bone)}
.board>header p{margin:0;font-size:13px}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
caption{text-align:left;color:var(--mist);padding:0 0 10px;font-size:13px}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line-soft)}
th{font:700 12px/1.3 var(--wide);font-stretch:120%;letter-spacing:.1em;text-transform:uppercase;color:var(--mist);background:#0b151966}
td{color:var(--mist)}
.board-table td{vertical-align:middle}
.board-table .rank{width:46px;font:400 16px/1 var(--display);color:var(--mist)}
.board-table .top .rank{color:var(--amber)}
.board-table .top-1{background:#f2b33d12}
.board-table .who b{display:block;color:var(--bone);font-weight:700;overflow-wrap:anywhere}
.board-table small{display:block;font-size:12px;color:var(--mist);font-variant-numeric:tabular-nums}
.board-table .count{font:700 18px/1 var(--wide);font-variant-numeric:tabular-nums;color:var(--bone)}
.board-table .prize strong{display:block;color:var(--ok);white-space:nowrap;font-variant-numeric:tabular-nums}
.board-table .sent{font-size:12px;color:var(--ok)}
.board-table .empty{text-align:center;padding:28px 14px;color:var(--mist)}

/* Token block */
.token-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}
.token-panel{padding:26px;border:1px solid var(--line);border-radius:4px;background:var(--night-2);min-width:0}
dl{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;margin:0 0 22px;font-size:14px}
dt{color:var(--mist)}
dd{margin:0;text-align:right;font-weight:700;color:var(--bone);font-variant-numeric:tabular-nums}
.token-panel label{display:block;font:700 12px/1.3 var(--wide);letter-spacing:.1em;text-transform:uppercase;color:var(--mist)}
.mint{margin:8px 0 16px;padding:12px 14px;border-radius:3px;background:#0b1519;border:1px solid var(--line-soft);color:var(--bone);overflow-wrap:anywhere;font:500 13px/1.6 ui-monospace,"Cascadia Mono",Consolas,monospace}
.social{margin:18px 0 0;font-size:14px;color:var(--mist)}
.social a{color:var(--amber);font-weight:700}
.treasury{margin-top:26px;padding:22px;border:1px solid var(--line);border-radius:4px;background:var(--night-2)}
.treasury dl{margin-bottom:16px}
.treasury-log{list-style:none;margin:0;padding:0;font-size:13px}
.treasury-log li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid var(--line-soft)}
.treasury-log b{font:700 11px/1.3 var(--wide);letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.treasury-log a{color:var(--bone);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.treasury-log time{color:var(--mist)}
.treasury-note{margin:12px 0 0;font-size:12px;color:var(--mist)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:2px;border:1px solid #f2b33d66;color:var(--amber);font:700 12px/1.2 var(--wide);letter-spacing:.1em;text-transform:uppercase}

/* Footer */
footer{border-top:1px solid var(--line-soft);background:#081014}
.footer-inner{max-width:var(--page);margin:0 auto;padding:36px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;font-size:14px}
.footer-inner p{flex:1 1 260px;margin:0;font-size:13px}
.footer-inner nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.footer-inner nav a{color:var(--mist);text-decoration:none}
.footer-inner nav a:hover{color:var(--bone)}

/* ---------- Leaderboard page ---------- */
.board-hero{max-width:var(--page);margin:0 auto;padding:clamp(48px,7vw,88px) var(--gutter) 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.board-hero h1{font-size:clamp(38px,5vw,66px)}
.board-hero h1 span{display:block;color:var(--amber)}
.board-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--night-2)}
.board-stats div{padding:18px 20px;border:1px solid var(--line-soft);min-width:0}
.board-stats small,.totals small{display:block;font:700 12px/1.4 var(--wide);font-stretch:120%;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.board-stats strong,.totals strong{display:block;margin-top:4px;font:700 22px/1.25 var(--wide);font-variant-numeric:tabular-nums;color:var(--bone);overflow-wrap:anywhere}
.board-notice{max-width:calc(var(--page) - 2*var(--gutter));margin:0 auto 22px;padding:14px 18px;display:flex;gap:10px;align-items:center;background:#f2b33d14;border:1px solid #f2b33d40;border-radius:4px;color:#ecdcb7;font-size:14px}
@media(max-width:1328px){.board-notice{margin-inline:var(--gutter)}}
.board-toolbar{max-width:var(--page);margin:0 auto;padding:0 var(--gutter) 18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--mist)}
.board-toolbar select,.wallet-check input{min-height:46px;padding:10px 12px;border:1px solid #3a5059;border-radius:3px;background:#0b1519;color:var(--bone)}
main>.boards{max-width:var(--page);margin:0 auto;padding:0 var(--gutter) 64px}
.board-info{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start;border-top:1px solid var(--line-soft)}
.wallet-check{margin:22px 0 10px}
.wallet-check label{display:block;margin-bottom:8px;font-size:13px;color:var(--mist)}
.wallet-check div{display:flex;gap:10px}
.wallet-check input{flex:1;min-width:0;font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:13px}
.wallet-check p{min-height:24px;margin:10px 0 0;font-size:14px;color:var(--amber)}
.check-result{padding:24px;border:1px solid var(--line);border-radius:4px;background:var(--night-2);min-width:0}
.check-result h3{font-size:16px;margin:0 0 12px}
.check-result h3:not(:first-child){margin-top:24px}
.checklist{list-style:none;margin:0;padding:0}
.checklist li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.checklist li>span{flex:0 0 26px;height:26px;display:grid;place-items:center;border-radius:2px;font-weight:900;border:1px solid var(--line)}
.checklist .ok>span{background:var(--ok);border-color:var(--ok);color:#0b1519}
.checklist .no>span{background:var(--brick);border-color:var(--brick);color:#fff}
.checklist .wait>span{color:var(--mist)}
.checklist b{display:block;font-size:15px;color:var(--bone)}
.checklist small{display:block;color:var(--mist);font-size:13px;line-height:1.5}
.totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.totals div{padding:14px;border-radius:3px;background:#0b1519;border:1px solid var(--line-soft)}
.prize-history .history-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:14px}
.prize-history small{display:block;color:var(--mist);font-size:12px}
.prize-history a{color:var(--ok)}
.prize-history p{font-size:14px;margin:0}
.economy-note{padding:20px 22px;border-radius:4px;background:var(--night-2);border:1px solid var(--line)}
.economy-note.flush{margin-top:20px}
.economy-note strong{color:var(--bone)}
.economy-note p{font-size:14px;margin:6px 0 10px}
.economy-note a{color:var(--amber);font-weight:700}
#prize-table td:last-child{color:var(--ok);font-variant-numeric:tabular-nums}

/* ---------- Token page ---------- */
.token-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.token-section h1{font-size:clamp(34px,4.6vw,60px);overflow-wrap:anywhere}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.fee-bar{display:flex;height:26px;border-radius:3px;overflow:hidden;border:1px solid var(--line);background:#0b1519;margin-bottom:20px}
.fee-bar span{display:block;height:100%}
.fee-list{list-style:none;margin:0;padding:0}
.fee-list li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line-soft);color:var(--mist);font-size:15px}
.fee-list i{flex:0 0 14px;height:14px;border-radius:2px}
.fee-list strong{font:700 20px/1 var(--wide);font-variant-numeric:tabular-nums;color:var(--bone);min-width:56px}
.quick-help{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line-soft)}
.quick-help p{max-width:640px;margin-bottom:0}
.quick-help .button{white-space:nowrap}

/* ---------- Player guide ---------- */
.handbook{max-width:var(--page);margin:0 auto;display:grid;grid-template-columns:230px minmax(0,800px);gap:clamp(32px,6vw,80px);padding:clamp(40px,6vw,72px) var(--gutter)}
.contents{position:sticky;top:90px;align-self:start}
.contents nav{display:flex;flex-direction:column;margin-bottom:22px}
.contents nav a{display:block;padding:9px 0 9px 12px;border-left:2px solid var(--line);text-decoration:none;font-size:14px;color:var(--mist)}
.contents nav a:hover{color:var(--bone);border-left-color:var(--amber)}
.guide{min-width:0}
.guide-title{padding-bottom:28px}
.guide h1{font-size:clamp(36px,4.6vw,58px)}
.guide h1 span{color:var(--amber)}
.guide section{padding:36px 0;border-top:1px solid var(--line-soft);scroll-margin-top:90px}
.guide h2{font-size:clamp(24px,2.6vw,32px)}
.guide h3{margin-top:26px}
.guide p,.guide li{font-size:16px;line-height:1.75;color:#c3ccc9}
.guide a:not(.button){color:var(--amber)}
.guide strong{color:var(--bone)}
.guide li{margin-bottom:10px}
.guide ol,.guide ul{padding-left:22px}
.guide .callout,.guide .example{padding:22px 24px;margin:24px 0;border-radius:4px;background:var(--night-2);border:1px solid var(--line);border-left:4px solid var(--amber)}
.guide .example .eyebrow{color:var(--mist)}
.callout p:last-child,.example p:last-child{margin-bottom:0}
.guide details{border-bottom:1px solid var(--line-soft);padding:16px 0}
.guide summary{cursor:pointer;font-weight:700;color:var(--bone)}
.guide details p{margin:12px 0 0}
.guide-bottom{display:flex;align-items:center;gap:24px;padding:28px 0}
.guide-bottom>a:last-child{font-size:14px;color:var(--mist)}
.guide .token-panel{margin:18px 0}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .killfeed{max-width:440px}
  .maps{grid-template-columns:repeat(2,1fr)}
  .maps .map:last-child{grid-column:span 2}
  .map img{aspect-ratio:4/3}
}
@media(max-width:900px){
  .modes,.feature,.earn,.token-row,.boards,.board-hero,.board-info,.token-section,.split{grid-template-columns:1fr}
  .section-head{display:block}
  .section-head p{margin-top:10px}
  .handbook{grid-template-columns:1fr}
  .contents{position:static}
  .contents nav{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .quick-help{display:block}
  .quick-help .button{margin-top:22px}
}
@media(max-width:720px){
  .site-header{flex-wrap:wrap;gap:8px 16px;padding-block:10px}
  .site-header nav{order:3;width:100%;margin:0;justify-content:space-between;gap:0;font-size:12px}
  .site-header nav a:not(.button){padding:8px 6px}
  .site-header nav .button{display:none}
  .header-play{margin-left:auto}
  .hero{min-height:auto;padding-top:96px;padding-bottom:44px}
  .hero::after{background:linear-gradient(0deg,#0b1519 8%,#071116d9 55%,#07111680)}
  .maps{grid-template-columns:1fr 1fr;gap:12px}
  .maps .map:last-child{grid-column:span 2}
  .map figcaption{padding:36px 12px 12px}
  .map h3{font-size:17px}
  .map p{display:none}
  .board-table th,.board-table td{padding:10px 8px}
  .board-table .hide-sm{display:none}
  .wallet-check div{flex-direction:column}
  .prize-history .history-row{grid-template-columns:1fr auto}
  .prize-history .history-row>:last-child{grid-column:1/-1}
}
@media(min-width:721px){.header-play{display:none}}
@media(max-width:720px){.header-play{min-height:38px;padding:8px 14px;font-size:12px;box-shadow:0 3px 0 var(--amber-deep)}.brand{font-size:16px}.brand img{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.earn .boards{grid-template-columns:1fr}
.earn .board .hide-sm{display:none}
.earn .board>header{padding-bottom:6px}

.launch-status{padding:12px 24px;background:#322819;color:#f4d39a;font-size:14px;text-align:center}.launch-status a{font-weight:700}footer{flex-wrap:wrap}footer>nav{width:100%;padding:0 24px 24px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-size:13px}.account-bar+.account-bar{margin-top:18px}

.gameplay-preview{display:grid;grid-template-columns:1fr 1.5fr;gap:36px;align-items:center}.gameplay-preview video{width:100%;height:auto;border:1px solid var(--line);border-radius:6px}.gameplay-preview p{color:var(--mist)}@media(max-width:800px){.gameplay-preview{grid-template-columns:1fr}}