:root{color-scheme:dark;--ink:#090d10;--steel:#171d21;--paper:#f1f2ed;--muted:#b2b9b8;--cyan:#46dce8;--amber:#e7a858;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:linear-gradient(rgba(5,8,10,.88),rgba(5,8,10,.94)),url("assets/game/steel.webp") repeat;color:var(--paper);font:18px/1.65 var(--sans);background-size:auto,640px}::selection{background:var(--cyan);color:#061012}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#0a0e10}body::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#363f43,#9aa3a5,#252c30);border:2px solid #0a0e10}a{color:inherit}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.skip-link{position:fixed;z-index:10;top:10px;left:10px;padding:12px 16px;background:var(--paper);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{min-height:88px;padding:12px max(32px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(#22282c,#090d10 48%,#171c20);border-bottom:1px solid #718087;box-shadow:0 4px 16px #000}.header-logo img{display:block;width:160px;height:auto}.site-header nav{display:flex;gap:clamp(14px,3vw,40px);align-items:center}.site-header nav a{min-height:40px;display:flex;align-items:center;padding:0 8px;text-decoration:none;color:#d1d6d4;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.site-header nav a:hover,.footer-links a:hover{color:var(--cyan)}main{width:min(calc(100% - 64px),1280px);margin:auto;padding:24px 0 64px;display:flex;flex-direction:column;gap:56px}.hero{position:relative;width:100%;margin:0;min-height:640px;display:grid;align-items:center;overflow:hidden;background:#090d10;border:1px solid #6b7478;box-shadow:0 18px 50px #000}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,7,9,.5),transparent 68%),linear-gradient(0deg,rgba(4,7,9,.42),transparent 28%)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-console{z-index:1;width:min(47%,480px);margin:24px 0 24px 40px;padding:24px;text-align:center}.game-panel{border:18px solid transparent;border-image-source:url("assets/game/panel.webp");border-image-slice:155 fill;border-image-width:18px;border-image-repeat:stretch;background-color:rgba(8,12,15,.94);box-shadow:0 12px 32px rgba(0,0,0,.6)}.hero-logo{display:block;width:min(100%,320px);height:auto;margin:0 auto 20px}.hero h1{position:relative;width:100%;margin:0 auto 20px;overflow:visible;clip-path:none;white-space:normal}.hero h1 .hero-logo{margin:0 auto}.hero-tagline{max-width:430px;margin:0 auto 20px;font-size:20px;font-weight:700;line-height:1.35;text-shadow:0 2px 5px #000}.hero-status{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:0 0 20px;color:#d4dddc;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-actions{display:grid;gap:12px}.game-button{position:relative;isolation:isolate;min-height:52px;padding:8px 20px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;text-transform:uppercase;color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;background:rgba(10,15,17,.88);border:10px solid transparent;border-image-source:url("assets/game/button.webp");border-image-slice:30 105 fill;border-image-width:10px 36px;border-image-repeat:stretch;filter:drop-shadow(0 4px 4px #000);cursor:pointer}.game-button:hover:not(:disabled){filter:drop-shadow(0 0 8px rgba(70,220,232,.72)) brightness(1.15)}.game-button:disabled{color:#bec6c5;opacity:.62;cursor:not-allowed}.hero-caption{margin:18px 0 0;color:#bac4c5;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.intro,.gallery,.trailer-section,.download{width:100%;margin:0;padding:40px;max-width:none}.section-heading{margin-bottom:24px}.section-heading>p{margin:14px 0 0;color:#c7d0ce}h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.035em;text-shadow:0 2px 3px #000}.intro>p{max-width:68ch;margin:0;color:#d1d6d4;line-height:1.65}.mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.mode-list article{min-width:0;padding:16px 20px;border:12px solid transparent;border-image-source:url("assets/game/hud-frame.webp");border-image-slice:76 fill;border-image-width:12px;border-image-repeat:stretch;background:rgba(8,12,15,.72)}.mode-list h3{margin:0 0 4px;font-size:16px;text-transform:uppercase}.mode-list p{margin:0;color:#bec7c5;font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.shot{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;padding:4px;background:#0a0e10;border:1px solid #81898b;box-shadow:0 8px 22px #000}.shot img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.88);transition:filter .2s,transform .2s}.shot:hover img{filter:brightness(1.08);transform:scale(1.02)}.shot span{position:absolute;left:4px;right:4px;bottom:4px;padding:12px 16px;background:linear-gradient(90deg,rgba(5,8,10,.9),rgba(5,8,10,.2));color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 4px #000}.trailer-section video{display:block;width:100%;aspect-ratio:16/9;background:#050708;border:1px solid #647178}.trailer-note{margin:12px 0 0;color:#bec7c5;font-size:12px}.download{position:relative}.download>p{max-width:68ch;color:#d1d6d4}.download>.game-button{width:min(100%,360px);margin-top:24px}.download-meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(188,200,201,.28);color:#c7d0ce;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.site-footer{min-height:120px;padding:32px max(32px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(#171c20,#080b0d);border-top:1px solid #626c70}.footer-logo img{display:block;width:clamp(105px,12vw,150px);height:auto}.site-footer>p{margin:0;color:#b2bcba;font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:16px 22px}.footer-links a{color:#d0d7d5;font-size:12px;text-decoration:none;overflow-wrap:anywhere}.copyright{color:#9ca6a5;font-size:12px;white-space:nowrap}
@media(max-width:960px){
.site-header{padding-inline:32px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero:after{display:none}.hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#070a0c}.hero-console{width:auto;margin:0 24px 24px;padding:24px}.hero-logo{width:min(100%,320px)}.hero-tagline{max-width:32ch}.hero-actions{width:min(100%,400px);margin:auto}.intro,.gallery,.trailer-section,.download{padding:32px}.mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{display:grid;grid-template-columns:1fr auto;gap:16px}.footer-logo{grid-column:1}.copyright{grid-column:2;grid-row:1;text-align:right}.site-footer>p{grid-column:1/-1;grid-row:2}.footer-links{grid-column:1/-1;grid-row:3}
}
@media(max-width:600px){
body{font-size:16px}.site-header{min-height:72px;padding:8px 16px;gap:12px}.header-logo img{width:110px}.site-header nav{gap:8px}.site-header nav a{padding:0 4px;letter-spacing:.02em}main{width:calc(100% - 32px);padding:16px 0 40px;gap:32px}.hero-console{margin:0 8px 8px;padding:24px 16px}.hero-tagline{font-size:18px}.hero-status{gap:8px 12px;letter-spacing:.04em}.game-panel{border-width:12px;border-image-width:12px}.intro,.gallery,.trailer-section,.download{padding:24px}.section-heading{margin-bottom:20px}.mode-list{grid-template-columns:1fr;gap:12px;margin-top:24px}.mode-list article{padding:12px 16px}.gallery-grid{grid-template-columns:1fr;gap:16px}.shot span{padding:8px 12px}.download-meta{gap:8px 16px;letter-spacing:.04em}.site-footer{padding:24px 16px}.footer-links{gap:12px 18px}
}
@media(max-width:360px){
.header-logo img{width:100px}.site-header nav{gap:4px}.hero-console{padding:20px 12px}.intro,.gallery,.trailer-section,.download{padding:20px 16px}.game-button{padding-inline:12px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
