:root{--navy:#10235c;--blue:#1764d8;--cyan:#40c9ff;--yellow:#ffdc28;--cream:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--navy);font:16px/1.65 'Segoe UI',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}img{max-width:100%;display:block}.skip-link{position:fixed;top:-100px;left:12px;z-index:20;background:white;padding:12px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #b34132;outline-offset:5px}.game-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(28px,calc((100vw - 1280px)/2));background:#fff;border-top:6px solid var(--yellow);box-shadow:0 2px 0 #12245b10}.game-brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.05;font-weight:900;font-size:22px;letter-spacing:-.05em}.game-brand b{color:var(--blue)}.game-brand small{display:block;letter-spacing:.16em;font-size:9px;margin-top:7px}.game-header nav{display:flex;gap:30px;font-size:.9rem;font-weight:700}.game-header nav a{text-decoration:none}.game-header nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;padding:14px 24px;border:2px solid var(--navy);border-radius:16px;text-decoration:none;font-weight:800;box-shadow:0 5px 0 var(--navy);line-height:1.4;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--navy)}.yellow{background:var(--yellow);color:var(--navy)}.white{background:#ffffffef}.blue{background:var(--blue);color:#fff;border-color:#0d4297;box-shadow:0 5px 0 #0d4297}.game-hero{min-height:720px;position:relative;isolation:isolate;display:flex;align-items:center;padding:70px max(32px,calc((100vw - 1280px)/2));overflow:hidden;background:#9ddcff}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#dff4ffed 0%,#ddf3ffbd 20%,#d7f1ff40 44%,transparent 64%)}.hero-copy{max-width:580px}.pill,.kicker{font-size:.72rem;font-weight:900;letter-spacing:.12em}.pill{display:inline-block;padding:8px 13px;background:#fff4bf;border:1px solid #e0bf44;border-radius:30px}.hero-copy h1{font-size:clamp(3.3rem,5.8vw,5.8rem);line-height:1.02;letter-spacing:-.065em;font-weight:900;margin:24px 0}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{max-width:440px;font-size:1.15rem;font-weight:600;line-height:1.75}.actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}.hero-facts{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;font-size:.78rem;font-weight:800}.hero-facts span+span:before{content:'•';margin-right:16px;color:#2367ac}.art-label{position:absolute;right:20px;bottom:16px;background:#ffffffda;padding:6px 12px;border-radius:8px;font-size:.66rem;color:#344167}.review-strip{display:flex;align-items:center;justify-content:center;gap:22px;background:#fff0bf;border-bottom:1px solid #f1d99d;padding:13px 24px;font-size:.8rem}.review-strip>span{font-weight:900;letter-spacing:.08em}.review-strip p{margin:0}.section{padding:90px max(28px,calc((100vw - 1280px)/2))}.kicker{display:block;color:#2963aa}.section h2{font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.055em;margin:20px 0 26px;font-weight:900}.section h2 span{color:var(--blue)}.section p{color:#485b77}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro>div>p{font-size:1.05rem;max-width:620px}.text-link{font-weight:800;text-underline-offset:5px;color:var(--blue)}.race-section{background:#e7f5ff}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:30px}.section-heading>p{max-width:400px;font-size:1rem;margin-bottom:26px}.race-shell{overflow:hidden;border:3px solid var(--navy);border-radius:24px;background:var(--navy);box-shadow:0 10px 0 #bfd9f0}.race-toolbar,.race-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:white;padding:16px 22px;font-size:.75rem;font-weight:700}.race-toolbar i{display:inline-block;width:8px;height:8px;background:#69dfb2;border-radius:50%;margin-right:8px}.race-toolbar button,.race-footer button{background:transparent;color:white;border:1px solid #ffffff60;border-radius:8px;padding:8px 12px}.game-stage{aspect-ratio:16/9;position:relative;background:#0a153c;overflow:hidden}.game-stage>img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.launch-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;padding:24px;background:linear-gradient(0deg,#0c235f88,transparent)}.launch-overlay .pill{color:var(--navy)}.launch-overlay h3{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin:20px 0 26px}.launch-overlay p{color:#e7eefc;font-size:.8rem}.game-stage iframe{width:100%;height:100%;border:0;display:block}.game-stage:fullscreen{aspect-ratio:auto;background:#0a153c}.game-stage:fullscreen iframe{height:100vh}.race-footer{background:#132b68;color:#e4ebfc;font-size:.75rem}.game-loading-note{font-size:.8rem;margin-top:22px}.fine-print{font-size:.76rem;line-height:1.8;max-width:1000px}.flock-section{background:#fff9ec}.flock-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.flock-grid article{min-width:0;background:var(--card);border-radius:22px;border:2px solid #152f6820;padding:10px 10px 20px;overflow:hidden;transition:transform .18s}.flock-grid article:hover{transform:translateY(-5px)}.character-crop{aspect-ratio:1/1.08;border-radius:16px;background-image:url('/assets/terrain-rivals/flock-polished-v2.webp');background-size:500% 200%;background-position:var(--x) var(--y)}.flock-grid article>span{display:block;font-size:.6rem;font-weight:800;letter-spacing:.07em;margin:16px 6px 0;color:#52617e}.flock-grid h3{font-size:1.05rem;line-height:1.25;letter-spacing:-.03em;margin:8px 6px}.flock-grid article>p{font-size:.73rem;line-height:1.6;margin:0 6px}.how-section{background:#e6f6ea}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.control-grid article{background:#ffffffd9;border:2px solid #b7d8c3;border-radius:20px;padding:28px}.control-icon{display:grid;place-items:center;background:#d9f1ff;color:var(--blue);height:52px;width:52px;border-radius:16px;font-size:28px;font-weight:bold}.control-grid h3{font-size:1.15rem;margin:18px 0 10px}.control-grid p{margin-bottom:16px}kbd{display:inline-block;background:#edf2f8;border:1px solid #bac9dd;border-bottom-width:3px;padding:3px 8px;border-radius:6px;font:700 .8rem 'Segoe UI',sans-serif;color:var(--navy)}.control-grid small{color:#485b77;font-size:.8rem;line-height:1.7}.next-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#fff1db;align-items:center}.next-section>div>p{max-width:600px}.phase-card{padding:34px;border:2px solid #eed5ab;border-radius:24px;background:#fffaf2}.phase-card h3{font-size:1.6rem;line-height:1.25;letter-spacing:-.04em}.phase-card .button{margin-top:10px}.game-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:white;padding:40px max(28px,calc((100vw - 1280px)/2));color:#334a73}.game-footer>p{font-weight:600}.game-footer>a:last-of-type{font-size:.85rem;font-weight:700;text-underline-offset:5px}.game-footer>small{flex-basis:100%;font-size:.7rem;border-top:1px solid #dae2ef;padding-top:22px}[hidden]{display:none!important}
@media(max-width:1050px){.game-header{gap:16px;padding:16px 24px}.game-header nav{gap:20px}.game-hero{min-height:650px}.hero-copy{max-width:500px}.hero-shade{background:linear-gradient(90deg,#dff4fff2,#dff4ffb0 35%,transparent 75%)}.flock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro,.next-section{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:150px}.game-header{flex-wrap:wrap;padding:12px 16px;gap:12px}.game-brand{font-size:18px}.game-brand img{width:30px;height:34px}.game-brand small{font-size:7px}.game-header nav{order:3;width:100%;justify-content:center;border-top:1px solid #e3eaf4;padding-top:12px;gap:28px;font-size:.78rem}.header-play{padding:9px 14px;min-height:40px;border-radius:12px;font-size:.8rem;box-shadow:0 3px 0 var(--navy)}.game-hero{padding:38px 20px 300px;min-height:810px;align-items:flex-start}.hero-art{object-position:66% bottom;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#d8f2fff7 0%,#d8f2ffe8 33%,#d8f2ff55 62%,transparent 82%)}.hero-copy{max-width:460px}.hero-copy h1{font-size:clamp(3rem,12vw,4rem);margin:20px 0}.hero-copy>p{font-size:1rem;max-width:360px}.actions{gap:14px}.actions .button{min-height:50px;font-size:.85rem;padding:12px 16px}.hero-facts{font-size:.68rem;gap:10px;margin-top:24px}.hero-facts span+span:before{margin-right:10px}.art-label{font-size:.58rem;left:12px;right:auto;bottom:10px;max-width:90%}.review-strip{display:block;padding:16px 20px}.review-strip p{margin-top:6px}.section{padding:58px 20px}.intro,.next-section{grid-template-columns:1fr;gap:12px}.section h2{font-size:2.5rem}.section-heading{display:block}.section-heading>p{margin-bottom:22px}.race-toolbar,.race-footer{padding:12px;gap:10px;font-size:.62rem}.race-toolbar button{padding:6px 8px;font-size:.7rem}.game-stage{aspect-ratio:4/3}.launch-overlay{padding:14px}.launch-overlay .pill{font-size:.5rem;padding:6px 9px}.launch-overlay h3{font-size:1.4rem;margin:14px 0 20px}.launch-overlay .button{font-size:.75rem;min-height:48px;padding:10px 14px}.launch-overlay p{font-size:.65rem;margin-bottom:0}.flock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flock-grid article{border-radius:18px;padding:8px 8px 16px}.flock-grid h3{font-size:.98rem}.control-grid{gap:14px}.control-grid article{padding:18px}.control-grid h3{font-size:1rem}.control-grid small{font-size:.72rem}.control-grid kbd{font-size:.67rem;padding:3px 6px}.phase-card{padding:24px}.game-footer{padding:32px 20px}.game-footer>p{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.flock-grid article{transition:none}}
.button:disabled{opacity:1;background:#ffdc28;color:#10235c;cursor:default;transform:none;box-shadow:0 5px 0 #10235c}
.character-crop{background-image:url('/assets/terrain-rivals/flock-polished-v2.webp');aspect-ratio:1/1}
.promo-figure{margin:0;background:#fff;border-color:#b8d2ef;box-shadow:0 8px 0 #bfd9f0}
.promo-scene{aspect-ratio:16/9;overflow:hidden}.promo-scene img{width:100%;height:100%;object-fit:cover}
.promo-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;color:var(--navy)}
.promo-figure figcaption h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.035em;margin:15px 0 10px}.promo-figure figcaption p{font-size:.8rem;margin:0}.promo-figure figcaption .button{flex-shrink:0}
@media(max-width:700px){.promo-figure figcaption{flex-direction:column;align-items:flex-start;padding:24px}.promo-figure figcaption .button{width:100%}.promo-figure figcaption h3{font-size:1.3rem}}
@media(min-width:701px) and (max-width:1050px){html{scroll-padding-top:155px}.game-header{flex-wrap:wrap}.game-header nav{order:3;flex-basis:100%;justify-content:center;border-top:1px solid #d6e4f3;padding-top:14px}}

.game-header nav{gap:20px}.game-header nav a[aria-current=page]{color:#1764d8;text-decoration:underline;text-underline-offset:6px}@media(max-width:700px){.game-header nav{overflow-x:auto;justify-content:flex-start;gap:24px;padding-bottom:5px;white-space:nowrap}.game-header nav a{flex-shrink:0}}