.newsletter{padding:clamp(56px,7vw,90px) 22px;border-top:1px solid var(--line, #a6a79940);text-align:center}.newsletter-inner{max-width:720px;margin:0 auto}.newsletter .newsletter-label{margin:0 0 20px;color:var(--accent);font:600 12px/1.6 monospace;letter-spacing:2px;text-transform:uppercase}.newsletter h2{margin:0 0 22px;font-size:clamp(32px,4vw,48px);line-height:1.15}.newsletter .newsletter-description{margin:0 auto 28px;max-width:610px;font-size:17px;line-height:1.7}.newsletter .newsletter-link{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:14px 24px;border:1px solid var(--accent);color:var(--accent);font:600 14px/1.4 system-ui,sans-serif}.newsletter .newsletter-link:hover{background:var(--accent);color:var(--deep, var(--ink, #13191e))}.newsletter .newsletter-note{margin:18px 0 0;font:12px/1.7 system-ui,sans-serif}.media-section{border-top:1px solid var(--line)}.media-intro,.gallery-note{color:var(--muted);max-width:650px}.media-intro{margin-bottom:36px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.video-card,.written-review{min-width:0}.video-frame{aspect-ratio:16 / 9;background:#101019;border:1px solid var(--line)}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-caption{padding:22px 0 0}.video-caption h3,.written-review h3{font-size:1.5rem;line-height:1.35;margin:0 0 14px}.media-label{font:.8125rem/1.6 system-ui,sans-serif;color:var(--muted);margin:0 0 10px}.written-review{padding:32px;border:1px solid var(--line);align-self:start}.tutorial{max-width:960px;margin-top:60px;scroll-margin-top:110px}.community-gallery{border-top:1px solid var(--line)}.play-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.play-gallery .gallery-photo{margin:0;min-width:0}.play-gallery .gallery-photo:nth-child(2){margin-top:50px}.play-gallery .image-open{display:block;position:relative;width:100%;background:transparent;padding:0;border:1px solid var(--line);overflow:hidden}.play-gallery img{width:100%;height:360px;object-fit:cover}.play-gallery .gallery-expand{position:absolute;right:10px;bottom:10px;background:#101019eb;color:#f8efd9;padding:8px 12px;font:.875rem/1.5 system-ui,sans-serif}.play-gallery figcaption{margin-top:16px;color:var(--muted);font:.9375rem/1.6 system-ui,sans-serif}.gallery-note{font-size:1rem;margin:30px 0 0}@media(max-width:900px){.play-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.play-gallery .gallery-photo:nth-child(2){margin-top:0}}@media(max-width:620px){.video-grid,.play-gallery{grid-template-columns:1fr}.video-grid{gap:40px}.play-gallery img{height:auto;max-height:440px;object-fit:contain}.written-review{padding:24px}}.footer-top nav{flex-wrap:wrap}@media(max-width:1000px){.footer-top{flex-wrap:wrap}}.company-icon{position:relative;display:inline-block;width:36px;aspect-ratio:1.05;overflow:hidden;flex-shrink:0}.company-icon img{position:absolute;top:0;left:-42.5%;width:185%;max-width:none;height:auto}.company-lockup{display:inline-flex;align-items:center;gap:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent, #51bb75);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;padding:15px;background:#101c26;color:#fff;z-index:100}.skip:focus{top:10px}.menu{display:none}.dialog{max-width:92vw;max-height:94dvh;background:#14232e;color:#eff5ef;border:1px solid #51bb7570;padding:20px;box-shadow:0 20px 80px #0009}.dialog::backdrop{background:#061019e8}.dialog img{max-height:73dvh;max-width:82vw;margin:auto;object-fit:contain}.dialog p{text-align:center;font-size:14px;margin:15px 0 0}.dialog .close{display:block;margin-left:auto;background:none;border:0;color:inherit;padding:5px 0 15px}@media(max-width:760px){.menu{display:flex;align-items:center;gap:12px;background:none;border:0;color:inherit;padding:12px;font-size:12px}#navigation{display:none;position:absolute;top:71px;left:0;right:0;padding:22px;background:#101c26;border-bottom:1px solid #51bb7550}#navigation.open{display:flex;align-items:stretch;flex-direction:column;gap:0}#navigation a{padding:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root{--ink: #0b151e;--panel: #142630;--green: #51bb75;--accent: #86e5a2;--white: #edf3ed;--muted: #adc3c6;--line: #3f655c;--yellow: #f5c34a}body{background:var(--ink);color:var(--white);font:1.1875rem/1.7 Corbel,Segoe UI,Arial,sans-serif}h1,h2,h3,p,figure{margin-top:0}h1,h2{font-family:Arial Black,Segoe UI,Arial,sans-serif;font-weight:900;line-height:1;letter-spacing:-2.6px}h2{font-size:clamp(32px,4vw,56px);margin-bottom:28px}em{font-style:normal;color:var(--green)}p{margin-bottom:22px}.wrap{width:calc(100% - 112px);max-width:1180px;margin:auto}.section{padding:100px 0}.eyebrow{font:600 .8125rem/1.6 monospace;letter-spacing:2px;color:var(--accent);margin-bottom:25px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:30px;border-bottom:1px solid #51bb7530;background:#0b151ef5;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.company{font-size:.9375rem;line-height:1.2;font-weight:900;letter-spacing:1px;flex-shrink:0}.company div>span{display:block;font:.75rem/1.7 monospace;letter-spacing:5px;color:var(--muted)}.topbar nav{display:flex;align-items:center;gap:28px;font-size:.9375rem}.topbar a:hover,footer a:hover{color:var(--accent)}.hero{position:relative;isolation:isolate;min-height:790px;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 35%;z-index:-3;background:url(/assets/hyperwars/artwork/cover.webp) center 48% / cover}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--ink) 4%,#0b151ef7 27%,#0b151eac 44%,#0b151e00 69%),linear-gradient(0deg,var(--ink),transparent 25%)}.hero-content{width:64%;padding:80px 0 90px 7%}.game-logo{width:460px;margin:0 0 36px;filter:drop-shadow(0 3px 8px #0008)}h1{font-size:clamp(45px,6.15vw,88px);margin:0 0 28px;line-height:.98;letter-spacing:-3.5px}.hero-content>p:not(.eyebrow){font-size:19px;line-height:1.6;color:#d6e5db}.status-dot{width:6px;height:6px;background:var(--green);box-shadow:0 0 10px var(--green);display:inline-block;margin-right:8px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;background:var(--green);color:#081b13;padding:15px 25px;font-size:.9375rem;font-weight:800;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .2s,transform .2s}.button:hover{background:#83d999;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.text-link{font-size:.875rem;border-bottom:1px solid #51bb7570;padding:5px 0}.hero-coordinate{position:absolute;right:35px;bottom:38px;font:.75rem monospace;letter-spacing:3px;color:var(--accent);writing-mode:vertical-rl}.game-facts{display:flex;justify-content:center;align-items:center;gap:64px;padding:28px 40px;border-block:1px solid #51bb7540;background:#11252b;position:relative}.game-facts>span{font:.75rem monospace;letter-spacing:2px;color:var(--muted)}.game-facts strong{font:700 28px Segoe UI,Arial,sans-serif;letter-spacing:-1px;color:var(--white);margin-right:9px}.game-facts .fact-type{line-height:1.8;color:var(--green);border-left:1px solid var(--line);padding-left:60px}.fact-type b{display:block;letter-spacing:2px}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.intro-grid>div>p{color:var(--muted);max-width:470px}.intro-grid .lead{font-size:21px;color:var(--white)}.intro-photo{margin:0;transform:rotate(2deg);border:1px solid #51bb7550;padding:9px;background:#15242c;box-shadow:18px 18px #51bb7508}.intro-photo img{height:440px;width:100%;object-fit:cover}.image-open{display:block;width:100%;padding:0;background:#142630;border:0;position:relative;overflow:hidden}.image-open img{transition:transform .4s}.image-open:hover img{transform:scale(1.03)}.image-open>span{position:absolute;bottom:14px;right:14px;background:#0b151ee8;color:var(--accent);padding:8px 12px;font:.8125rem monospace}.intro-photo figcaption{font:.75rem/1.8 monospace;letter-spacing:1.3px;padding:15px 2px 5px;color:var(--muted)}.clock-section{background:#142630;border-block:1px solid #51bb7525}.clock-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.clock-panel{border:1px solid #51bb7560;padding:45px 28px;position:relative;background:linear-gradient(0deg,#51bb7509,transparent)}.clock-panel:before,.clock-panel:after{content:"+";position:absolute;color:var(--green);font:20px monospace;top:-15px;left:-6px}.clock-panel:after{inset:auto -6px -15px auto}.clock{font:700 clamp(70px,9vw,140px)/1.2 monospace;letter-spacing:-10px;color:var(--green);text-shadow:0 0 40px #51bb7520;white-space:nowrap}.clock span{color:#51bb7570}.clock-label{font:.875rem/1.8 monospace;color:var(--muted);letter-spacing:2px;margin:20px 0 30px}.signal{display:flex;align-items:end;gap:5px;height:55px;opacity:.6}.signal i{display:block;background:var(--green);flex:1;height:30%}.signal i:nth-child(3n){height:90%}.signal i:nth-child(3n+1){height:55%}.signal i:nth-child(5n){height:100%}.action-notes h2{font-size:36px}.action-notes article{display:flex;gap:20px;margin-bottom:22px}.action-notes article>span{color:var(--green);font:.875rem/2 monospace}.action-notes h3{font-size:18px;line-height:1.4;margin-bottom:8px}.action-notes article p{font-size:1.125rem;color:var(--muted);margin-bottom:0}.phase-note{font:.75rem/1.7 monospace;letter-spacing:1px;color:var(--green);margin:28px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-head h2{margin:0}.section-head>p{font-size:1.125rem;color:var(--muted);margin:0}.district-console{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #51bb7550;background:#101f29}.district-picture{position:relative;min-width:0}.district-picture>img{width:100%;height:560px;object-fit:cover;object-position:center}.image-tag{position:absolute;left:18px;bottom:16px;font:.75rem monospace;letter-spacing:1px;color:#fff;background:#0b151ed9;padding:9px}.district-info{padding:45px;min-width:0}.district-buttons{display:flex;flex-direction:column}.district-buttons button{display:flex;gap:20px;text-align:left;background:transparent;border:0;border-bottom:1px solid #51bb7530;color:var(--muted);padding:16px 0;font:.875rem monospace;align-items:center}.district-buttons button span{flex:1;font:600 1.1875rem Segoe UI,Arial,sans-serif}.district-buttons button[aria-pressed=true]{color:var(--accent)}.district-buttons button:hover{color:var(--white)}.district-story{margin-top:35px;min-height:150px}.district-story h3{font-size:26px;margin-bottom:12px}.district-story p{font-size:1.125rem;color:var(--muted)}.world-note{font:.75rem/1.9 monospace;letter-spacing:2px;color:#78a397;margin:30px 0 0}.components{background:linear-gradient(170deg,#18303b,var(--ink))}.photo-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;align-items:start;margin-top:45px}.photo-grid figure{margin:0}.photo-grid .image-open{height:380px}.photo-grid img{width:100%;height:100%;object-fit:cover}.photo-grid figure:nth-child(2){margin-top:60px}.photo-grid figcaption{font:.75rem/1.7 monospace;color:var(--muted);padding-top:15px;letter-spacing:1px}.component-caption{display:flex;justify-content:space-between;gap:35px;padding-top:30px;border-top:1px solid #51bb7530;margin-top:35px}.component-caption>span{font:.75rem/2 monospace;color:var(--green);letter-spacing:1.2px}.component-caption p{font-size:1.125rem;color:var(--muted);margin:0}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.rules-grid>div>p:not(.eyebrow){color:var(--muted)}.resources a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #51bb7530;font-size:21px}.resources a:first-child{border-top:1px solid #51bb7530}.resources a:hover{color:var(--accent)}.resources small{display:block;font-size:.9375rem;color:var(--muted);margin-top:5px}.resources b{font:.8125rem monospace;color:var(--green);white-space:nowrap}.faqs{max-width:900px;margin-top:65px}.faqs details{border-top:1px solid #51bb7530}.faqs details:last-child{border-bottom:1px solid #51bb7530}.faqs summary{padding:17px 0;list-style:none;cursor:pointer}.faqs summary:after{content:"+";float:right;color:var(--green)}.faqs details[open] summary:after{content:"\2212"}.faqs p{font-size:1.125rem;color:var(--muted);padding-right:25px}.closing{position:relative;isolation:isolate;min-height:500px;display:flex;align-items:center;overflow:hidden}.closing:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b151ef7 20%,#0b151e77 65%),url(/assets/hyperwars/artwork/cover.webp) center 40% / cover}.closing-copy{padding-block:70px}.closing h2{font-size:clamp(40px,5vw,68px)}.closing-copy>p:last-child{font-size:.875rem;color:var(--muted);margin:18px 0 0}footer{padding:35px 0 25px;background:#08121a;border-top:1px solid #51bb7520}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top nav{display:flex;gap:25px;font-size:.875rem}.credits{border-top:1px solid #51bb7520;padding-top:22px;margin-top:30px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8125rem}.credits p{margin:0}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.topbar nav{gap:18px;font-size:.875rem}.hero-content{width:72%;padding-left:5%}.hero{min-height:750px}.intro-grid,.clock-grid,.rules-grid{gap:45px}.clock-panel{padding-inline:22px}.clock{font-size:100px}.district-info{padding:32px}.district-picture>img{height:540px}.game-facts{gap:35px}.game-facts .fact-type{padding-left:35px}}@media(max-width:760px){.topbar{height:72px;padding:0 20px}.company{font-size:.875rem}.topbar #navigation{font-size:1rem}.wrap{width:calc(100% - 44px)}.section{padding:65px 0}.hero{min-height:850px}.hero-content{width:100%;padding:45px 23px 360px}.hero-art{inset:250px 0 0;background-position:60% bottom}.hero:before{background:linear-gradient(180deg,var(--ink) 9%,#0b151ef5 26%,#0b151e88 48%,transparent 75%,var(--ink))}.game-logo{width:310px;margin-bottom:28px}.hero .eyebrow{font-size:.75rem;letter-spacing:1px}.hero h1{font-size:clamp(42px,10.6vw,68px);letter-spacing:-2px}.hero-content>p:not(.eyebrow){font-size:1.1875rem}.hero-actions{gap:20px;margin-top:26px}.hero-coordinate{right:14px;bottom:30px;font-size:.75rem}.button{padding:13px 20px;gap:28px}.game-facts{gap:12px;padding:22px 12px;justify-content:space-around}.game-facts>span{font-size:.75rem;letter-spacing:.5px}.game-facts strong{display:block;font-size:25px;margin:0}.game-facts .fact-type{padding-left:12px;font-size:.75rem}.intro-grid,.clock-grid,.rules-grid{grid-template-columns:1fr;gap:40px}h2{font-size:36px;letter-spacing:-1.6px}.intro-grid .lead{font-size:20px}.intro-photo img{height:330px}.intro-photo{max-width:500px;width:97%;margin:auto}.clock{font-size:clamp(75px,20vw,130px);letter-spacing:-8px}.clock-panel{padding:30px 24px}.clock-label{font-size:.75rem}.action-notes h2{font-size:32px}.section-head{display:block}.section-head>p{margin-top:20px}.district-console{grid-template-columns:1fr}.district-picture>img{height:350px;object-position:center 65%}.district-info{padding:25px}.district-story{min-height:145px}.world-note{margin-top:15px}.photo-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.photo-grid .image-open{height:300px}.photo-grid figure:nth-child(2){margin-top:0}.component-caption{flex-direction:column;gap:20px}.resources a{font-size:20px}.faqs{margin-top:45px}.faqs summary{font-size:1.125rem;padding-right:5px}.closing{min-height:500px}.closing h2{font-size:42px}.closing:before{background:linear-gradient(90deg,#0b151eee,#0b151e77),url(/assets/hyperwars/artwork/cover.webp) 60% center/cover}.footer-top{align-items:start;flex-direction:column;gap:25px}.footer-top nav{flex-wrap:wrap;gap:18px}.credits{flex-direction:column;gap:15px}}@media(max-width:380px){.hero h1{font-size:36px;letter-spacing:-1.8px}.hero-content{padding-inline:22px}.hero .eyebrow{font-size:.75rem;letter-spacing:.5px}}.district-picture>img{height:100%;min-height:680px}.district-story{min-height:130px}@media(max-width:1200px){.topbar{height:72px}.topbar .menu{display:flex}.topbar #navigation{display:none;position:absolute;top:71px;left:0;right:0;padding:22px;background:var(--ink);border-bottom:1px solid var(--line);font-size:1rem}.topbar #navigation.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.topbar #navigation a{padding:14px}}@media(max-width:760px){body{font-size:1.125rem}.district-picture>img{min-height:0;height:410px}.district-buttons button{gap:12px}.game-facts{flex-wrap:wrap}.footer-top nav{flex-wrap:wrap}}.header-game-logo{display:block;width:180px;flex-shrink:0}.header-game-logo img{width:100%}.topbar nav>a{white-space:nowrap}.topbar nav .company-icon{width:28px}.topbar .nav-cta{padding:11px 18px;gap:18px;font-size:.875rem;line-height:1.5;color:#081b13}.topbar .nav-cta:hover{color:#081b13}.topbar .menu{background:transparent;border:0;color:var(--white);align-items:center;padding:12px 0;font:inherit;font-size:1rem;gap:12px}@media(max-width:1200px){.topbar #navigation .nav-cta{margin-top:12px;justify-content:space-between}}@media(max-width:760px){.header-game-logo{width:160px}}
/*# sourceMappingURL=hyperwars-style-BINHRXD7.css.map */