@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#071419;--paper:#eef4ed;--accent:#c9fb63}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Barlow,Arial,sans-serif}a{color:inherit}header{position:absolute;z-index:4;top:0;left:0;width:100%;padding:30px 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:700;letter-spacing:.18em}.brand small{display:block;font-size:9px;letter-spacing:.58em;margin-bottom:4px;color:#c5d4d5}.edition{font-size:11px;letter-spacing:.16em;color:#c9d3d2}.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding:125px 7% 100px}.art{position:absolute;inset:0;overflow:hidden;background:#18353b}.art img{position:absolute;max-width:none;width:100%;height:145%;object-fit:cover;object-position:50% 0;top:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,19,.98) 0%,rgba(4,15,19,.9) 29%,rgba(4,15,19,.32) 62%,rgba(4,15,19,.08)),linear-gradient(0deg,#071419 0%,transparent 25%);pointer-events:none}.content{position:relative;z-index:2;width:min(650px,56%)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.22em;color:var(--accent);font-weight:600}.eyebrow:before{content:'';width:28px;height:2px;background:var(--accent)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,7.6vw,118px);line-height:.9;text-transform:uppercase;letter-spacing:-.025em;font-weight:700;margin:25px 0}h1 em{font-style:normal;color:var(--accent)}.description{font-size:18px;line-height:1.6;max-width:445px;color:#d3dedd;margin:25px 0 30px}.cta{display:inline-flex;align-items:center;gap:36px;background:var(--accent);color:#111b17;padding:20px 25px;text-decoration:none;font-weight:700;font-size:17px;min-height:64px;border:1px solid transparent;transition:background .16s,transform .16s}.cta:hover{background:#e0ff9f;transform:translateY(-2px)}.cta:focus-visible{outline:3px solid white;outline-offset:5px}.cta span{font-size:25px}.reassurance{font-size:13px;line-height:1.6;color:#c3cece;margin:14px 0 0}.free{font-weight:700;color:var(--paper)}.scene-label{position:absolute;z-index:2;right:5%;bottom:102px;font-size:11px;letter-spacing:.16em;color:#e0eae8;writing-mode:vertical-rl}.scene-label:before{content:'+';display:inline-block;color:var(--accent);margin-bottom:14px}.bottom{position:absolute;z-index:3;bottom:26px;left:5%;right:5%;border-top:1px solid #ffffff30;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#afc2c3;font-size:11px;letter-spacing:.06em}.bottom b{font-weight:500;color:#e7eeee}.strategy{--accent:#ffb85a;--ink:#081c24}.strategy .hero{align-items:flex-end}.strategy .art{left:33%}.strategy .art img{height:154%;object-position:center top}.strategy .hero:after{background:linear-gradient(90deg,#081c24 12%,#081c24e8 35%,#081c2422 77%),linear-gradient(0deg,#081c24,transparent 40%)}.strategy h1{font-size:clamp(70px,8.4vw,125px)}.strategy .content{padding-bottom:25px}.explore{--accent:#9de9ed;--ink:#061d27}.explore .hero{text-align:center;justify-content:center;align-items:center}.explore .content{width:min(850px,100%)}.explore .art img{height:170%;object-position:center top}.explore .hero:after{background:linear-gradient(0deg,#061d27 1%,#061d27cc 32%,#061d2777 72%,#061d2788)}.explore .eyebrow{justify-content:center}.explore h1{font-size:clamp(65px,8vw,110px)}.explore .description{margin:24px auto 28px;max-width:530px}.explore .cta{background:#9de9ed}.explore .cta:hover{background:#ccf9fb}.explore .scene-label{display:none}@media(min-width:1600px){.hero{padding-left:12%}.content{width:650px}}@media(max-width:700px){header{padding:23px 6%}.brand{font-size:15px}.edition{font-size:9px;max-width:95px;text-align:right}.hero{min-height:100svh;padding:230px 7% 112px;align-items:flex-end}.content{width:100%}h1{font-size:67px}.description{font-size:16px;max-width:350px;margin:18px 0 23px}.art img{width:190%;height:100%;left:-70%;object-fit:cover;object-position:60% top}.hero:after{background:linear-gradient(0deg,#071419 8%,#071419ee 36%,#07141933 100%)}.cta{width:100%;justify-content:space-between;font-size:16px;padding:18px 20px}.reassurance{font-size:12px}.scene-label{display:none}.bottom{font-size:9px;line-height:1.5;bottom:18px;gap:15px}.strategy .hero{padding-top:250px}.strategy .art{left:0}.strategy .art img{width:100%;height:140%;left:0}.strategy .hero:after{background:linear-gradient(0deg,#081c24 8%,#081c24e8 43%,#081c2422)}.strategy h1{font-size:67px}.strategy .content{padding-bottom:0}.explore .hero{padding-top:190px;align-items:flex-end}.explore .art img{width:130%;height:155%;left:-15%}.explore h1{font-size:64px}.explore .hero:after{background:linear-gradient(0deg,#061d27 5%,#061d27d9 48%,#061d2755)}.explore .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Frame promotional artwork without unverified award badges. */
.background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.explore .hero:after{background:linear-gradient(0deg,#061d27ed 0%,#061d2799 42%,#061d2777 100%),linear-gradient(90deg,#061d2744,transparent)}
.video-control{position:absolute;z-index:4;right:5%;bottom:90px;padding:10px 13px;border:1px solid #d5eeee66;background:#061d27bf;color:#eef4ed;font:500 12px Barlow,Arial,sans-serif;cursor:pointer;border-radius:2px}
.video-control:hover{background:#163c48}.video-control:focus-visible{outline:2px solid #9de9ed;outline-offset:4px}
@media(max-width:700px){.video-control{top:95px;bottom:auto}.explore .hero:after{background:linear-gradient(0deg,#061d27f5 0%,#061d27ca 50%,#061d2755)}}
.strategy .art img{top:-24%;height:180%}
@media(min-width:701px) and (max-height:800px){.hero{padding-top:110px;padding-bottom:85px}h1{font-size:82px;margin:20px 0}.description{margin:18px 0 22px;font-size:17px}.strategy h1,.explore h1{font-size:85px}.strategy .content{padding-bottom:0}}
/* USA desktop campaign: official hero art, electric blue and orange. */
/* Strategy revision is scoped below the shared campaign rules. */
:root{--ink:#02050d;--paper:#f5f8ff;--accent:#8fbaff}html,body{height:100%;overflow:hidden}body{background:#02050d}.hero,.strategy .hero,.explore .hero{height:100svh;min-height:0;padding:100px 7% 90px;background:radial-gradient(ellipse at 75% 48%,#0752c26b,transparent 60%),#02050d;align-items:center}.art,.strategy .art{inset:0;background:transparent}.art img,.strategy .art img{top:0;left:auto;right:-8%;width:85%;height:100%;object-fit:cover;object-position:57% center;opacity:.92}.hero:after,.strategy .hero:after{background:linear-gradient(90deg,#02050d 0%,#020712f7 25%,#031330b5 45%,#00113410 78%),linear-gradient(0deg,#02050d 0%,transparent 30%,#02050d33 85%)}.hero:before{content:'';position:absolute;z-index:1;width:70vw;height:70vw;right:-20vw;top:-30vw;border-radius:50%;box-shadow:0 0 180px 60px #086aff38;pointer-events:none}.content{width:min(590px,52%)}.eyebrow{color:#88baff}.eyebrow:before{background:#338dff;box-shadow:0 0 15px #338dff}h1,.strategy h1{font-size:clamp(48px,min(6.7vw,10.6vh),102px);line-height:.95;letter-spacing:-.015em;margin:22px 0}h1 em{color:#8fbaff;text-shadow:0 0 35px #0064ff33}.description{font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:#d0daec;max-width:405px;margin:0 0 28px}.cta,.explore .cta{gap:35px;min-width:285px;min-height:66px;padding:17px 27px;background:linear-gradient(180deg,#ffb241,#ff8a08);border:1px solid #ffc16e;box-shadow:0 0 30px #ff850040,inset 0 1px 0 #ffe1ad;color:#120a01;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;letter-spacing:.06em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.cta:hover,.explore .cta:hover{background:linear-gradient(180deg,#ffc46a,#ff9c25);transform:none}.cta:focus-visible{clip-path:none}.reassurance{font-size:12px;line-height:1.7;color:#bdcbe2;margin:14px 0 0}.reassurance strong{color:#eef4ff;font-weight:600}.requirements{display:block;font-size:11px;letter-spacing:.1em}.edition{display:flex;align-items:center;gap:10px;font-size:11px;color:#e2ebff}.edition svg{width:16px;height:16px;fill:#b9d6ff}.bottom{border-color:#84adff26;color:#a1b1ca;font-size:10px}.bottom b{color:#dce7fa}.scene-label{color:#a5bee1;font-size:10px}.strategy{--ink:#02050d;--accent:#8fbaff}.strategy .hero{justify-content:center;text-align:center;align-items:flex-end;padding-bottom:12vh}.strategy .art img{width:100%;right:0;object-position:center 30%;opacity:.85}.strategy .hero:after{background:linear-gradient(0deg,#02050dfc 0%,#020b1ae8 25%,#03173740 63%,#02050d99 100%),linear-gradient(90deg,#02050d77,transparent 35%,transparent 65%,#02050d77)}.strategy .content{width:90%;display:grid;grid-template-columns:1fr auto;align-items:end;text-align:left;column-gap:40px;padding:0}.strategy .message{max-width:580px}.strategy h1{font-size:clamp(48px,min(6vw,9vh),86px);margin:12px 0}.strategy .description{max-width:460px;margin:0}.strategy .action{text-align:center;padding-bottom:5px}.strategy .scene-label{display:none}.explore{--ink:#02050d;--accent:#8fbaff}.explore .content{width:min(850px,90%)}.explore h1{font-size:clamp(55px,min(7.8vw,12vh),112px)}.explore .description{margin:0 auto 28px;max-width:465px}.explore .hero:after{background:radial-gradient(ellipse at center,#030a1b30 5%,#02050d9e 85%),linear-gradient(0deg,#02050df5,#03122d7a 45%,#02081444)}.background-video{opacity:.85}.video-control{border-color:#8ca8d149;background:#020813b8;color:#cedcf2}
@media(min-width:701px) and (max-height:650px){header{top:0;padding-top:25px}.hero,.explore .hero{padding-top:90px;padding-bottom:75px}h1{margin:15px 0}.description{margin-bottom:18px;font-size:15px}.cta,.explore .cta{min-height:56px;padding:12px 22px}.reassurance{margin-top:9px;font-size:11px}.strategy .hero{padding-bottom:85px}.bottom{bottom:16px;padding-top:10px}.video-control{bottom:73px}.explore .description{margin-bottom:18px}}
@media(max-width:700px){header{padding:24px 6%}.edition{font-size:8px;letter-spacing:.04em;max-width:115px;line-height:1.5}.edition svg{flex-shrink:0}.hero,.strategy .hero,.explore .hero{padding:100px 7% 90px;align-items:flex-end}.art img,.strategy .art img{top:0;left:auto;width:145%;right:-40%;height:100%;object-position:60% top}.hero:after,.strategy .hero:after{background:linear-gradient(0deg,#02050d 4%,#020814ed 43%,#04122e55 90%)}.content,.strategy .content,.explore .content{width:100%;display:block}.eyebrow{font-size:9px;letter-spacing:.12em}h1,.strategy h1{font-size:clamp(40px,min(11vw,8.3vh),64px);margin:15px 0}.description,.strategy .description{font-size:14px;line-height:1.45;margin-bottom:18px;max-width:340px}.cta,.explore .cta{min-width:0;width:100%;min-height:56px;font-size:22px}.reassurance{font-size:10px;margin-top:10px}.requirements{font-size:10px}.bottom{left:7%;right:7%;bottom:16px;font-size:8px;line-height:1.5;gap:15px;padding-top:10px}.strategy .action{text-align:left}.explore .hero{align-items:center}.explore h1{font-size:clamp(42px,min(12vw,9vh),70px)}.explore .description{margin-bottom:20px}.video-control{top:auto;bottom:75px;font-size:10px;padding:6px 10px}.explore .requirements{letter-spacing:.04em}}
/* Strategy: command briefing on the left, full-height hero on the right */
.strategy .hero{justify-content:flex-start;align-items:center;text-align:left;padding:100px 7% 85px}
.strategy .content{display:block;width:min(530px,49%);padding:30px 32px;border-left:2px solid #398fff;background:linear-gradient(110deg,#07152bd9,#050d1a9c 75%,#04102522);box-shadow:-20px 0 75px #0059ff0c;position:relative}
.strategy .content:before,.strategy .content:after{content:'';position:absolute;width:35px;height:14px;border-color:#5c9fff;border-style:solid;pointer-events:none}
.strategy .content:before{top:0;right:0;border-width:1px 1px 0 0}
.strategy .content:after{bottom:0;right:0;border-width:0 1px 1px 0}
.strategy .message{max-width:100%}
.strategy h1{font-size:clamp(48px,min(6.3vw,9.3vh),88px);margin:20px 0;line-height:.95}
.strategy .description{max-width:410px;margin:0 0 25px;line-height:1.55}
.strategy .action{text-align:left;padding:0}
.strategy .cta{min-width:295px;justify-content:space-between}
.strategy .art img{width:84%;height:100%;right:-10%;object-position:55% center;opacity:.96}
.strategy .hero:after{background:linear-gradient(90deg,#02050d 0%,#030b19f2 24%,#04152c99 43%,#03122a11 75%),linear-gradient(0deg,#02050df2,transparent 30%,#02050d22 85%)}
.strategy .hero:before{width:60vw;height:60vw;right:-18vw;top:-23vw;box-shadow:0 0 180px 65px #005eff2b}
@media(min-width:701px) and (max-height:650px){.strategy .hero{padding-top:85px;padding-bottom:70px}.strategy .content{padding:20px 26px}.strategy h1{margin:14px 0}.strategy .description{font-size:14px;margin-bottom:18px}.strategy .reassurance{font-size:10px;line-height:1.5}.strategy .requirements{font-size:10px}}
@media(max-width:700px){.strategy .hero{align-items:flex-end;padding:100px 7% 85px}.strategy .content{width:100%;padding:20px}.strategy h1{font-size:clamp(38px,min(10vw,7.6vh),60px);margin:14px 0}.strategy .description{font-size:13px;margin-bottom:18px}.strategy .art img{width:145%;right:-40%;object-position:60% top}.strategy .hero:after{background:linear-gradient(0deg,#02050d 4%,#020814d9 45%,#04122e33 90%)}.strategy .cta{min-width:0}.strategy .eyebrow{font-size:8px}.strategy .reassurance{font-size:9px}}
@keyframes strategy-cta-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 18px #ff850035,inset 0 1px 0 #ffe1ad}50%{filter:brightness(1.17);box-shadow:0 0 40px #ff920080,inset 0 1px 0 #fff0cf}}
.strategy .cta{animation:strategy-cta-pulse 2.2s ease-in-out infinite}
.strategy .cta:hover,.strategy .cta:focus-visible{animation-play-state:paused;filter:brightness(1.13)}
@media(prefers-reduced-motion:reduce){.strategy .cta{animation:none}}
/* Bright orange command CTA with an unclipped outer glow */
@keyframes strategy-cta-radiance{0%,100%{filter:brightness(1.03);box-shadow:0 0 22px #ff8500a6,0 0 50px #ff6a005c,inset 0 1px 0 #fff4ce}50%{filter:brightness(1.3);box-shadow:0 0 34px #ffb52be6,0 0 76px #ff7b00a6,0 0 115px #ff670047,inset 0 2px 0 #fffbe6}}
.strategy .cta{clip-path:none;border-radius:3px;border:2px solid #ffd895;background:linear-gradient(180deg,#ffd066 0%,#ffad24 45%,#ff8700 100%);box-shadow:0 0 26px #ff8500a6,0 0 65px #ff6a0066;animation:strategy-cta-radiance 1.8s ease-in-out infinite}
.strategy .cta:hover,.strategy .cta:focus-visible{animation-play-state:paused;filter:brightness(1.22)}
@media(prefers-reduced-motion:reduce){.strategy .cta{animation:none}}
@keyframes strategy-art-float{0%,100%{transform:translate3d(0,0,0) scale(1.045)}50%{transform:translate3d(-10px,-12px,0) scale(1.07)}}
.strategy .art img{animation:strategy-art-float 12s ease-in-out infinite;transform-origin:65% 45%;will-change:transform}
.strategy{cursor:pointer}
@media(prefers-reduced-motion:reduce){.strategy .art img{animation:none;transform:none;will-change:auto}}
/* Strategy palette matched to projectentropygame.com: #191d24 / #48f6f2 / #2ca1b6 */
.strategy{--ink:#191d24;--paper:#ffffff;--accent:#48f6f2;background:#191d24}
.strategy .hero{background:radial-gradient(ellipse at 75% 48%,#2ca1b633,transparent 60%),#191d24}
.strategy .hero:after{background:linear-gradient(90deg,#191d24 0%,#191d24f5 24%,#152932b3 43%,#15293222 75%),linear-gradient(0deg,#191d24f5,transparent 30%,#191d2433 85%)}
.strategy .hero:before{box-shadow:0 0 180px 65px #2ca1b62e}
.strategy .content{border-left-color:#48f6f2;background:linear-gradient(110deg,#152a32eb,#17252dd1 75%,#191d2444);box-shadow:-20px 0 75px #2ca1b614}
.strategy .content:before,.strategy .content:after{border-color:#48f6f2}
.strategy .eyebrow{color:#48f6f2}.strategy .eyebrow:before{background:#48f6f2;box-shadow:0 0 15px #48f6f266}
.strategy h1{color:#fff}.strategy h1 em{color:#48f6f2;text-shadow:0 0 35px #48f6f226}
.strategy .description{color:#e3edef}.strategy .reassurance{color:#c0d3d8}.strategy .reassurance strong{color:#fff}
.strategy .edition{color:#e5f6f6}.strategy .edition svg{fill:#48f6f2}.strategy .bottom{border-color:#48f6f233;color:#b1c7cb}.strategy .bottom b{color:#fff}
@keyframes strategy-turquoise-radiance{0%,100%{box-shadow:0 0 22px #2ca1b699,0 0 48px #2ca1b63d,inset 0 1px 0 #adffff99}50%{box-shadow:0 0 34px #48f6f2bd,0 0 76px #2ca1b685,0 0 110px #48f6f233,inset 0 1px 0 #d9ffffcc}}
.strategy .cta{background:#2ca1b6;border:2px solid #70e0e8;color:#fff;box-shadow:0 0 26px #2ca1b699,0 0 65px #48f6f233;animation:strategy-turquoise-radiance 1.8s ease-in-out infinite;filter:none}
.strategy .cta:hover,.strategy .cta:focus-visible{background:#25899b;filter:none;animation-play-state:paused}
.strategy .cta:focus-visible{outline-color:#fff}
@media(max-width:700px){.strategy .hero:after{background:linear-gradient(0deg,#191d24 4%,#191d24e8 45%,#15293244 90%)}}
@media(prefers-reduced-motion:reduce){.strategy .cta{animation:none}}
.strategy .brand .game-logo{display:block;width:240px;height:auto;object-fit:contain;margin:-16px 0 -16px -20px}
@media(max-width:700px){.strategy .brand .game-logo{width:170px;margin:-12px 0 -12px -14px}}
.brand .game-logo{display:block;width:240px;height:auto;object-fit:contain;margin:-16px 0 -16px -20px}
@media(max-width:700px){.brand .game-logo{width:170px;margin:-12px 0 -12px -14px}}
.strategy .content{left:0;background:transparent;border-left-color:transparent;box-shadow:none}
.strategy .content:before{inset:0 56px 0 -24px;width:auto;height:auto;background:linear-gradient(110deg,#152a32eb,#17252dd1 75%,#191d2444);border:0;border-left:2px solid #48f6f2;box-shadow:-20px 0 75px #2ca1b614;z-index:-1}
.strategy .content:after{right:56px}
@media(max-width:700px){.strategy .content:before{left:-8px;right:20px}.strategy .content:after{right:20px}}
@keyframes strategy-cta-intense{0%,100%{background:#237f90;box-shadow:0 0 12px #2ca1b655;transform:scale(1)}48%,60%{background:#2ca1b6;box-shadow:0 0 24px #48f6f2f2,0 0 58px #48f6f2b3,0 0 95px #2ca1b688;transform:scale(1.035)}}
.strategy .cta{animation:strategy-cta-intense .85s ease-in-out infinite;transform-origin:center}
.strategy .cta:hover,.strategy .cta:focus-visible{animation-play-state:paused;transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.strategy .cta{animation:none;transform:none}}