/* CoinBrawl's approved arcade identity. Landing rules are deliberately scoped. */
.landing-page{--bg:#101818;--white:#f5f1d7;--coral:#ff784b;--line:#354743;--lime:#e4edb1;background:radial-gradient(ellipse at 85% 8%,#20403966,transparent 36%),var(--bg);color:var(--white)}
.landing-page .landing-skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:14px 20px;background:var(--white);color:var(--bg);font-weight:700;transform:translateY(-160%)}
.landing-page .landing-skip-link:focus{transform:translateY(0)}
.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}
.landing-page .site-header{height:90px;padding-inline:40px;gap:24px;max-width:1320px}
.landing-page .site-brand{min-width:0;width:270px;flex-shrink:1}
.landing-page .site-brand .coinbrawl-horizontal{width:100%;height:auto;display:block}
.landing-page .site-header nav{gap:28px;font-size:13px;color:#ced5c4;flex-shrink:0}
.landing-page .site-header .header-play{border-radius:3px;font-size:12px;min-height:44px;padding:12px 22px}
.landing-page .landing-main{max-width:1240px;padding-inline:40px}
.landing-page .stake-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;padding:62px 0 76px}
.landing-page .landing-eyebrow{font-size:11px;letter-spacing:1.7px;color:#c3cfb4;margin-bottom:22px}
.landing-page .stake-hero h1{font-size:clamp(84px,8.7vw,118px);line-height:.89;letter-spacing:.2px}
.landing-page .stake-hero h1 span,.landing-page .stake-hero h1 em{display:block}
.landing-page .pot-promise{font:bold 15px/1.4 Arial,sans-serif;letter-spacing:.8px;margin:25px 0 0;color:var(--white)}
.landing-page .landing-lead{font-size:16px;line-height:1.7;color:#c2ccbb;margin-top:16px}
.landing-page .landing-actions{gap:24px;margin-top:26px}
.landing-page .landing-primary{min-height:54px;border-radius:3px;padding:17px 25px;box-shadow:0 4px 0 #853a26;font-size:12px;letter-spacing:.5px}
.landing-page .landing-primary:hover{background:#ff9568}
.landing-page .landing-secondary,.landing-page .landing-text-link{font-size:12px;color:var(--white);border-color:#849b84;min-height:44px}
.landing-page .landing-install-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:21px}
.landing-page .landing-install-row:has([data-add-app].hidden),.landing-page .landing-install-row:has([data-add-app][hidden]){display:none}
.landing-page .landing-install-row>span{font:12px/1.5 Arial,sans-serif;color:#b8c5b4;max-width:150px}
.landing-page .landing-install{margin:0;min-height:44px;padding:11px 15px;border:1px solid #6b827a;background:#172b26;border-radius:3px;color:var(--white);font:700 12px Arial,sans-serif}
.landing-page .landing-install:hover{background:#203c34;border-color:#a9bcb0}
.landing-page .landing-demo-note{font-size:12px;line-height:1.6;margin-top:23px;color:#afbfac;max-width:440px}
.landing-page .landing-demo-note b{font-size:10px;letter-spacing:.65px;color:#dde3d1}
.landing-page .landing-demo-note span{margin-top:7px}
.landing-page .arena-poster{transform:none;padding:24px 25px 20px;border:1px solid #4d685e;border-radius:5px;background:radial-gradient(ellipse at 50% 33%,#28483b88,transparent 72%),#11201d;box-shadow:0 14px 45px #0004}
.landing-page .poster-location{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font:9px/1.5 monospace;letter-spacing:1px;border-color:#455e52;color:#bfcdb7;padding-bottom:15px}
.landing-page .poster-lockup{width:100%;height:auto;max-height:none;max-width:480px;margin:22px auto 24px}
.landing-page .poster-gameplay{display:block;width:100%;height:auto;border:1px solid #4d685e;border-radius:2px;margin-bottom:20px}
.landing-page .poster-facts{padding:16px 0;border-color:#455e52;font-size:9px;color:#c1cdb7;gap:10px}
.landing-page .poster-facts b{font-size:15px;color:var(--white)}
.landing-page .poster-caption{font:italic 17px/1.2 Impact,'Arial Black',sans-serif;letter-spacing:1.2px;color:var(--white);margin:17px 0 0}
.landing-page .pot-explainer,.landing-page .ways-to-play,.landing-page .crypto-future{grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:55px;padding:64px 0}
.landing-page .section-lead h2,.landing-page .fighters-intro h2,.landing-page .crypto-future h2{font-size:40px;line-height:1.02}
.landing-page .section-lead>p:last-child{font-size:14px;line-height:1.7;color:#b8c6b1;margin-top:18px}
.landing-page .duel-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.landing-page .duel-steps li{border-color:#587264;padding-top:16px}
.landing-page .step-number{font-size:13px;color:var(--coral)}
.landing-page .duel-steps h3,.landing-page .play-option-list h3{font-size:16px;line-height:1.4;margin:19px 0 11px}
.landing-page .duel-steps p,.landing-page .play-option-list p{font-size:13px;line-height:1.8;color:#bcc9b5}
.landing-page .fighters-intro{gap:26px 54px;padding:63px 0}
.landing-page .fighters-copy{font-size:14px;line-height:1.8;color:#becab8}
.landing-page .landing-game-frame{border-color:#567565;border-radius:3px;margin-top:12px}
.landing-page .fighter-name-list{gap:22px;font-size:22px}
.landing-page .fighter-name-list small{font-size:8px;letter-spacing:.4px;color:#b4c3ab}
.landing-page .play-option-list{gap:24px}
.landing-page .play-option-list article{border-color:#587264}
.landing-page .option-label{font-size:10px;line-height:1.5;color:#d8e5bc;letter-spacing:.8px}
.landing-page .play-option-list a{font-size:11px;line-height:1.5;color:var(--white);margin-top:14px;min-height:44px}
.landing-page .crypto-future p:not(.landing-eyebrow){font-size:14px;color:#bcc9b5}
.landing-page .crypto-future .landing-text-link{margin-top:14px}
.landing-page .landing-faq{max-width:850px;padding:28px 0 38px}
.landing-page .landing-faq summary{padding:22px 4px;font-size:15px;color:var(--white)}
.landing-page .landing-faq p{font-size:14px;line-height:1.85;color:#bcc9b5;padding-inline:4px;max-width:740px}
.landing-page .landing-faq details{border-color:#3d5649}
.landing-page .landing-last-call{padding:38px 0 78px}
.landing-page .landing-last-call>p{font-size:11px;color:#cbd8b7}
.landing-page .landing-last-call h2{font-size:70px}
.landing-page .landing-last-call>span{font-size:12px;color:#bac8b0;margin-top:20px}
.landing-page .site-footer{padding:28px 40px;gap:32px}
.landing-page .site-footer .site-brand{width:225px;display:block;flex:0 1 225px}
.landing-page .site-footer p{font-size:11px;line-height:1.7;color:#adbea8;min-width:0;max-width:470px}
.landing-page .site-footer>a:last-child{font-size:11px;flex-shrink:0;color:var(--white)}
@media(max-width:1000px){
  .landing-page .site-header{padding-inline:28px;height:82px}.landing-page .site-brand{width:240px}.landing-page .landing-main{padding-inline:28px}
  .landing-page .stake-hero{gap:32px;padding:48px 0 58px}.landing-page .stake-hero h1{font-size:96px}.landing-page .arena-poster{padding:20px 18px}
  .landing-page .landing-actions{gap:21px}.landing-page .landing-primary{padding-inline:20px}.landing-page .landing-lead{font-size:15px}
  .landing-page .poster-location{font-size:8px}.landing-page .poster-facts{font-size:8px}.landing-page .poster-facts b{font-size:13px}
  .landing-page .pot-explainer,.landing-page .ways-to-play,.landing-page .crypto-future{grid-template-columns:1fr;gap:32px;padding:48px 0}
  .landing-page .section-lead{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.landing-page .section-lead>.landing-eyebrow{grid-column:1/-1;margin-bottom:16px}.landing-page .section-lead>p:last-child{margin:0;align-self:end}
  .landing-page .section-lead h2,.landing-page .fighters-intro h2,.landing-page .crypto-future h2{font-size:36px}
  .landing-page .fighters-intro{padding:48px 0;gap:24px 32px}.landing-page .fighter-name-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
  .landing-page .site-footer{padding-inline:28px;gap:24px}.landing-page .site-footer .site-brand{flex-basis:190px}.landing-page .site-footer p{font-size:10px}
}
@media(max-width:760px){
  .landing-page .site-header{padding-inline:22px;height:76px;gap:18px}.landing-page .site-brand{width:210px}.landing-page .site-header nav{font-size:12px;gap:18px}.landing-page .site-header .header-play{font-size:11px;padding-inline:17px}
  .landing-page .landing-main{padding-inline:24px}.landing-page .stake-hero{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}
  .landing-page .stake-hero h1{font-size:76px}.landing-page .landing-eyebrow{font-size:10px;letter-spacing:1.2px}.landing-page .pot-promise{font-size:13px;letter-spacing:.1px}.landing-page .landing-lead{font-size:14px}
  .landing-page .landing-actions{gap:12px}.landing-page .landing-primary{font-size:11px;padding-inline:17px;min-height:50px}.landing-page .landing-secondary{font-size:11px}
  .landing-page .landing-install-row{gap:8px}.landing-page .landing-install-row>span{font-size:11px;max-width:180px}.landing-page .landing-demo-note b{font-size:9px;letter-spacing:.3px}.landing-page .landing-demo-note{font-size:11px}
  .landing-page .arena-poster{padding:17px 13px}.landing-page .poster-location{font-size:7px;gap:5px;letter-spacing:.3px}.landing-page .poster-lockup{margin:18px auto}.landing-page .poster-facts{font-size:7px;gap:5px;padding:12px 0}.landing-page .poster-facts b{font-size:11px}.landing-page .poster-caption{font-size:15px}
  .landing-page .duel-steps,.landing-page .play-option-list{gap:20px}.landing-page .duel-steps h3,.landing-page .play-option-list h3{font-size:15px}.landing-page .duel-steps p,.landing-page .play-option-list p{font-size:13px}
  .landing-page .site-footer{padding-inline:24px;flex-wrap:wrap}.landing-page .site-footer p{font-size:11px;flex-basis:100%;order:3}.landing-page .site-footer>a:last-child{margin-left:auto}
}
@media(max-width:580px){
  .landing-page .site-header{height:70px;padding-inline:20px}.landing-page .site-brand{width:210px;max-width:54vw}.landing-page .site-header nav>a:first-child{display:none}.landing-page .site-header .header-play{min-height:44px;padding-inline:15px}
  .landing-page .landing-main{padding-inline:22px}.landing-page .stake-hero{grid-template-columns:1fr;gap:34px;padding:36px 0 42px}.landing-page .stake-hero-copy{min-width:0}
  .landing-page .stake-hero .landing-eyebrow{margin-bottom:18px}.landing-page .stake-hero h1{font-size:clamp(53px,13.9vw,78px);line-height:.99;letter-spacing:-.5px}.landing-page .stake-hero h1 span{display:inline}.landing-page .stake-hero h1 em{display:block;font-size:1.38em;line-height:.92;margin-top:3px}
  .landing-page .pot-promise{font-size:14px;margin-top:22px}.landing-page .landing-lead{font-size:15px}.landing-page .landing-actions{gap:25px;margin-top:23px}.landing-page .landing-primary{padding:16px 22px;min-height:52px;font-size:12px}.landing-page .landing-secondary{font-size:12px}
  .landing-page .landing-install-row{flex-wrap:nowrap;gap:13px;margin-top:21px}.landing-page .landing-install-row>span{font-size:12px;max-width:155px}.landing-page .landing-install{flex-shrink:0;font-size:12px}.landing-page .landing-demo-note{margin-top:19px;font-size:12px}.landing-page .landing-demo-note b{font-size:10px}
  .landing-page .arena-poster{max-width:410px;width:100%;padding:20px 22px;margin:0 auto;transform:none}.landing-page .poster-location{font-size:8px;letter-spacing:.6px}.landing-page .poster-lockup{width:100%;max-width:none;max-height:none;margin:18px auto 22px}.landing-page .poster-facts{font-size:9px;padding:14px 0}.landing-page .poster-facts b{font-size:14px}.landing-page .poster-caption{font-size:17px}
  .landing-page .pot-explainer,.landing-page .ways-to-play,.landing-page .crypto-future{padding:38px 0;gap:28px}.landing-page .section-lead{display:block}.landing-page .section-lead>p:last-child{margin-top:16px}.landing-page .section-lead h2,.landing-page .fighters-intro h2,.landing-page .crypto-future h2{font-size:34px}
  .landing-page .duel-steps,.landing-page .play-option-list{grid-template-columns:1fr;gap:25px}.landing-page .duel-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 14px}.landing-page .step-number{grid-row:1/3;padding-top:2px}.landing-page .duel-steps h3{font-size:17px;margin:0 0 10px}.landing-page .duel-steps p{font-size:14px}
  .landing-page .fighters-intro{grid-template-columns:1fr;padding:38px 0;gap:23px}.landing-page .fighters-copy{font-size:14px;margin:0}.landing-page .landing-game-frame{margin-top:0}.landing-page .fighter-name-list{font-size:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}.landing-page .fighter-name-list small{font-size:7px;letter-spacing:0}.landing-page .fighters-intro .landing-text-link{margin-top:0}
  .landing-page .play-option-list h3{font-size:20px;margin:15px 0 10px}.landing-page .play-option-list p{font-size:14px}.landing-page .play-option-list a{font-size:12px}.landing-page .crypto-future p:not(.landing-eyebrow){font-size:14px}
  .landing-page .landing-faq{padding:16px 0 26px}.landing-page .landing-faq summary{font-size:14px;padding-block:20px}.landing-page .landing-faq p{font-size:14px}.landing-page .landing-last-call{padding:30px 0 48px}.landing-page .landing-last-call h2{font-size:56px}
  .landing-page .site-footer{padding:25px 22px;gap:20px}.landing-page .site-footer .site-brand{flex-basis:210px}
}
@media(max-width:360px){
  .landing-page .site-header{padding-inline:16px;gap:12px}.landing-page .site-brand{max-width:52vw}.landing-page .landing-main{padding-inline:18px}.landing-page .stake-hero h1{font-size:48px}.landing-page .landing-actions{gap:18px}.landing-page .landing-primary{padding-inline:18px}.landing-page .landing-install-row>span{font-size:11px}.landing-page .fighter-name-list{grid-template-columns:repeat(2,minmax(0,1fr));font-size:21px}.landing-page .poster-facts{font-size:8px}.landing-page .poster-facts b{font-size:12px}.landing-page .landing-last-call h2{font-size:49px}
}
@media(prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}.landing-page .landing-primary{transition:none}}