@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--gold:#d8ae57;--white:#f4f3f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121315;color:var(--white);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 max(5%,calc((100vw - 1370px)/2));display:flex;align-items:center;gap:40px;background:#0a0b0d;position:relative;z-index:3}.mini-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:.18em;margin-right:auto}.mini-brand small{display:block;color:#aaa;font-size:8px;letter-spacing:.36em;margin-top:3px}.mini-symbol{color:var(--gold);font-size:30px;font-weight:800}.topbar nav{display:flex;gap:28px;color:#aaa;font-size:12px;font-weight:700}.topbar nav a:hover{color:white}.play-button{background:linear-gradient(135deg,#f2d486,#bc8934);color:#17130a;padding:17px 26px;font-size:12px;font-weight:800;letter-spacing:.12em;box-shadow:0 8px 28px #0008;white-space:nowrap;transition:transform .2s,filter .2s}.play-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.play-button span{font-size:17px;margin-right:12px}.hero{height:clamp(420px,33.5vw,670px);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#090a0b}.hero-photo{position:absolute;inset:0;background:url('assets/vice-city-background.webp') center center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 25%,#0003 75%,#0003),linear-gradient(180deg,#0001 65%,#18191b 100%)}.hero-logo{position:relative;z-index:1;width:clamp(270px,31vw,540px);max-height:84%;object-fit:contain;filter:drop-shadow(0 12px 30px #000d)}.information{position:relative;background:radial-gradient(ellipse at 45% 30%,#333437 0%,#232427 45%,#141517 100%);padding:80px 6% 100px}.info-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.34em;color:#b6b6b8}.line{display:inline-block;width:35px;height:1px;background:var(--gold);vertical-align:middle;margin:0 12px}.intro h1{font-size:clamp(33px,3.4vw,57px);line-height:1.13;letter-spacing:-.045em;margin:20px 0}.intro h1 span{color:#a9a9af}.intro p{max-width:510px;color:#a9aaad;font-size:14px;line-height:1.9}.highlights{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px;color:#b7b7ba;font-size:10px;font-weight:800;letter-spacing:.07em}.status-card{border:1px solid #494a4c;background:linear-gradient(150deg,#202123e8,#121315ed);box-shadow:0 15px 60px #0004;border-radius:8px;overflow:hidden}.status-top{display:flex;justify-content:space-between;gap:20px;padding:30px 32px;border-bottom:1px solid #3b3c3e}.meta{display:block;color:#939498;font-size:10px;letter-spacing:.1em;margin-bottom:10px}.status-value{color:var(--gold);font-weight:800;font-size:21px}.dot{display:inline-block;background:var(--gold);width:11px;height:11px;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #d8ae5760}.population .value{font-size:23px;font-weight:700}.status-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px 32px}.status-bottom strong{font-size:14px;font-weight:700}.status-note{border-top:1px solid #333;margin:0;padding:16px 32px;color:#838589;font-size:11px}.download{background:#111214;padding:52px max(6%,calc((100vw - 1250px)/2));border-top:1px solid #303134;display:flex;justify-content:space-between;align-items:center;gap:24px}.download h2{margin:12px 0;font-size:27px}.download p{color:#999;font-size:13px}.coming-soon{font-size:11px;letter-spacing:.09em;color:#d2b77d;border:1px solid #6b5936;padding:15px 18px;text-align:center}footer{padding:24px 6%;background:#090a0b;display:flex;justify-content:space-between;font-size:11px;color:#8b8c90}@media(max-width:760px){.topbar{height:66px;padding:0 5%;gap:10px}.topbar nav{display:none}.mini-brand{font-size:12px}.play-button{padding:14px 12px;font-size:10px}.play-button span{margin-right:4px}.hero{height:430px}.hero-photo{background-position:center center}.hero-logo{width:min(80vw,400px)}.information{padding:60px 6%}.info-inner{grid-template-columns:1fr;gap:38px}.status-top,.status-bottom{padding:22px}.status-value{font-size:17px}.status-bottom strong{font-size:12px}.download{padding:40px 6%;display:block}.coming-soon{display:inline-block;margin-top:15px}}