:root {
  --night: #070711;
  --night-2: #0D0A18;
  --pink: #FF2D95;
  --pink-2: #FF4DB8;
  --purple: #8A4DFF;
  --purple-2: #B052FF;
  --blue: #35D8FF;
  --orange: #FF7849;
  --orange-2: #FF9A55;
  --yellow: #FFD166;
  --white: #FFFFFF;
  --muted: rgba(255,255,255,.66);
  --line: rgba(255,255,255,.12);
  --panel: rgba(12, 10, 26, .68);
  --max: 1240px;
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--white);
  background:
    radial-gradient(circle at 20% 10%, rgba(255,45,149,.10), transparent 28%),
    radial-gradient(circle at 80% 40%, rgba(53,216,255,.08), transparent 28%),
    var(--night);
  overflow-x: hidden;
}
body.vice-mode { filter: saturate(1.3) contrast(1.04); }
body.vice-mode .scanlines { opacity: .18; }
body.vice-mode .topbar, body.vice-mode .glass { box-shadow: 0 0 42px rgba(255,45,149,.18); }

a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }

.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 100;
  opacity: .028; mix-blend-mode: screen;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}
.scanlines {
  position: fixed; inset: 0; pointer-events: none; z-index: 99; opacity: 0;
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,.035) 0 1px, transparent 1px 4px);
  transition: opacity .3s ease;
}

.topbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 90;
  height: 76px; display: flex; align-items: center; justify-content: space-between;
  padding: 0 max(20px, calc((100vw - var(--max))/2));
  background: linear-gradient(to bottom, rgba(7,7,17,.92), rgba(7,7,17,.35), transparent);
  backdrop-filter: blur(8px);
}
.brand { display: flex; align-items: center; gap: 11px; }
.brand-mark {
  width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center;
  font-weight: 1000; letter-spacing: -2px; transform: skew(-5deg);
  background: linear-gradient(135deg, var(--pink), var(--orange));
  box-shadow: 0 0 26px rgba(255,45,149,.28);
}
.brand-copy { font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.desktop-nav { display: flex; gap: 24px; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.desktop-nav a:hover { color: white; }
.audio-toggle {
  color: white; background: rgba(255,255,255,.06); border: 1px solid var(--line); border-radius: 999px;
  padding: 10px 14px; cursor: pointer;
}
.audio-toggle[aria-pressed="true"] { border-color: rgba(53,216,255,.6); box-shadow: 0 0 18px rgba(53,216,255,.13); }

.section { position: relative; padding: 120px max(20px, calc((100vw - var(--max))/2)); }
.glass {
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(18px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 80px rgba(0,0,0,.24);
}
.section-kicker { font-size: 12px; font-weight: 900; letter-spacing: .22em; color: var(--pink-2); text-transform: uppercase; }
.section-heading { max-width: 720px; margin-bottom: 44px; }
.section-heading h2, .story h2, .launch-card h2 { font-size: clamp(44px, 7vw, 88px); line-height: .9; margin: 12px 0 18px; letter-spacing: -.055em; }
.section-heading p, .muted { color: var(--muted); line-height: 1.65; }

.hero {
  min-height: 100svh; display: flex; align-items: center; overflow: hidden; isolation: isolate;
  padding-top: 120px; padding-bottom: 90px;
  background:
    linear-gradient(90deg, rgba(7,7,17,.84) 0%, rgba(7,7,17,.58) 34%, rgba(7,7,17,.36) 58%, rgba(7,7,17,.62) 100%),
    linear-gradient(to bottom, rgba(7,7,17,.10), rgba(7,7,17,.12) 40%, rgba(7,7,17,.76) 84%, var(--night)),
    url("hero-background.webp") center center / cover no-repeat;
}
.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -6;
  background:
    radial-gradient(circle at 72% 66%, rgba(255,45,149,.18), transparent 22%),
    radial-gradient(circle at 16% 82%, rgba(53,216,255,.14), transparent 18%),
    linear-gradient(to bottom, rgba(255,77,184,.06), transparent 26%);
}
.hero-sky {
  position: absolute; inset: 0; z-index: -5;
  background: linear-gradient(to top, rgba(7,7,17,.38), transparent 32%);
}
.sun, .hero-grid, .palm, .car-wrap { display: none; }
.palm-a { right: 10%; transform: rotate(4deg) scale(1.2); }
.palm-b { right: 28%; height: 31%; bottom: 18%; transform: rotate(-7deg) scale(.8); opacity: .86; }
.hero-car, .custom-car { position: absolute; left: 4%; right: 4%; bottom: 36px; height: 130px; border-radius: 46% 40% 15% 12% / 50% 50% 26% 30%; background: linear-gradient(160deg,#20232b 2%,#08090d 45%,#151722 67%,#050506); border-bottom: 3px solid rgba(255,45,149,.36); }
.hero-car::before, .custom-car::before { content:""; position:absolute; width:46%; height:76px; left:28%; top:-47px; clip-path: polygon(15% 100%, 32% 10%, 78% 0, 100% 100%); background: linear-gradient(160deg,#151823,#05060a); }
.car-glass, .custom-glass { position:absolute; width:37%; height:48px; left:35%; top:-34px; clip-path: polygon(10% 100%, 25% 10%, 77% 4%, 98% 100%); background: linear-gradient(120deg, rgba(53,216,255,.42), rgba(22,12,47,.75)); }
.car-light { position:absolute; width:9%; height:10px; top:32px; border-radius:999px; background:#ffd4f3; box-shadow:0 0 18px #ff4db8,0 0 40px #ff2d95; }
.car-light.left{left:5%}.car-light.right{right:5%}
.hero-wheel, .custom-wheel { position:absolute; width:78px; height:78px; border-radius:50%; bottom:-32px; background:radial-gradient(circle,#09090c 0 18%,#60616c 19% 23%,#111218 24% 46%,#020203 47% 58%,#22232d 59%); border:3px solid #050505; }
.hero-wheel.w1,.custom-wheel.cw1{left:16%}.hero-wheel.w2,.custom-wheel.cw2{right:13%}
.hero-content { width: min(760px, 100%); z-index: 3; position: relative; }
.eyebrow { font-size: 12px; font-weight: 900; letter-spacing: .16em; color: rgba(255,255,255,.92); margin-bottom: 18px; text-shadow: 0 8px 30px rgba(0,0,0,.35); }
.hero h1 { margin: 0; font-size: clamp(64px, 10vw, 150px); line-height: .74; letter-spacing: -.085em; font-weight: 1000; text-shadow: 0 7px 30px rgba(0,0,0,.28); }
.hero h1 span { display: block; }
.hero h1 span:nth-child(2) { color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.9); text-shadow: none; }
.hero-tagline { font-weight: 900; letter-spacing: .15em; font-size: clamp(13px, 1.3vw, 17px); margin: 28px 0; text-shadow: 0 12px 34px rgba(0,0,0,.42); }
.countdown-panel { width: min(680px, 100%); border-radius: var(--radius); padding: 18px; }
.countdown-label { font-size: 11px; font-weight: 900; letter-spacing: .2em; color: var(--yellow); margin-bottom: 12px; }
.countdown { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.time-card { padding: 16px 8px; border-radius: 16px; background: rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.08); text-align:center; }
.time-card strong { display:block; font-size: clamp(34px,5vw,62px); line-height:1; font-variant-numeric: tabular-nums; }
.time-card strong.tick { animation: tick .22s ease; }
.time-card span { display:block; color:var(--muted); margin-top:7px; font-size:10px; letter-spacing:.15em; font-weight:900; }
.launch-date { margin-top: 12px; font-size: 11px; color: var(--muted); letter-spacing:.12em; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.btn { min-height: 48px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; padding:13px 18px; text-transform:uppercase; letter-spacing:.08em; font-size:12px; font-weight:1000; border:1px solid transparent; cursor:pointer; transition:.22s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color:white; background:linear-gradient(135deg,var(--pink),var(--orange)); box-shadow:0 12px 28px rgba(255,45,149,.24); }
.btn-secondary { color:white; background:linear-gradient(135deg,rgba(138,77,255,.9),rgba(53,216,255,.78)); box-shadow:0 12px 28px rgba(53,216,255,.12); }
.btn-ghost { color:white; background:rgba(255,255,255,.05); border-color:var(--line); }
.scroll-hint { position:absolute; left:50%; bottom:22px; transform:translateX(-50%); font-size:10px; letter-spacing:.25em; color:rgba(255,255,255,.55); }

.story { background: linear-gradient(180deg,var(--night),#0a0816); }
.story-layout { display:grid; grid-template-columns: .9fr 1.1fr; gap:70px; align-items:end; }
.statement { font-size: clamp(28px,4vw,56px); line-height:1.06; font-weight:900; margin:24px 0; letter-spacing:-.04em; }
.max-copy{max-width:550px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat-card{border-radius:22px;padding:28px}.stat-card span{display:block;font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:900}.stat-card strong{display:block;font-size:clamp(42px,6vw,72px);margin-top:10px;line-height:1}

.roadmap { background: radial-gradient(circle at 70% 25%,rgba(138,77,255,.09),transparent 26%),#090712; }
.mission-rail { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; position:relative; }
.mission-card { position:relative; text-align:left; min-height:180px; padding:22px; border-radius:22px; border:1px solid var(--line); color:white; background:rgba(255,255,255,.035); cursor:pointer; transition:.22s ease; overflow:hidden; }
.mission-card::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--pink),var(--orange));transform:scaleX(0);transform-origin:left;transition:.25s ease}.mission-card:hover,.mission-card.active{transform:translateY(-4px);background:rgba(255,255,255,.075);border-color:rgba(255,77,184,.4)}.mission-card.active::after{transform:scaleX(1)}.phase-number{display:block;color:var(--pink-2);font-size:10px;font-weight:900;letter-spacing:.16em}.mission-card strong{display:block;margin-top:48px;font-size:18px}.mission-card small{display:block;margin-top:8px;color:var(--muted);font-size:10px;letter-spacing:.13em}.mission-detail{margin-top:16px;border-radius:22px;padding:26px}.mission-detail h3{font-size:30px;margin:0 0 14px}.objectives{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.objective{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.12);color:var(--muted)}.objective.done{color:white}.objective.done::before{content:"✓ ";color:var(--blue)}.objective.pending::before{content:"• ";color:var(--orange)}

.adventure-map-section{background:linear-gradient(180deg,#090712,#080b16)}.city-map{height:min(70vw,680px);min-height:430px;border-radius:32px;position:relative;overflow:hidden;background:linear-gradient(160deg,#191531 0 55%,#0d2030 55%);box-shadow:inset 0 0 70px rgba(0,0,0,.3),0 40px 90px rgba(0,0,0,.2)}.city-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px}.water{position:absolute;right:-7%;bottom:-10%;width:58%;height:56%;border-radius:42% 0 0 0;background:repeating-radial-gradient(ellipse at top left,rgba(53,216,255,.2) 0 2px,transparent 3px 15px),#0b2638;transform:rotate(-10deg)}.map-road{position:absolute;height:24px;border:1px solid rgba(255,45,149,.26);background:rgba(255,255,255,.035);box-shadow:0 0 24px rgba(255,45,149,.08)}.road-a{width:70%;left:5%;top:34%;transform:rotate(9deg)}.road-b{width:60%;left:27%;top:62%;transform:rotate(-16deg)}.road-c{width:54%;left:18%;top:50%;transform:rotate(68deg)}.road-d{width:40%;left:52%;top:40%;transform:rotate(78deg)}.map-pin{position:absolute;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:13px;background:rgba(7,7,17,.78);border:1px solid rgba(255,255,255,.14);font-weight:900;font-size:12px;box-shadow:0 0 0 5px rgba(255,45,149,.04);transition:.2s ease}.map-pin::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink);position:absolute;left:-4px;top:50%;transform:translateY(-50%)}.map-pin small{font-weight:600;color:var(--muted);font-size:9px}.map-pin:hover{transform:scale(1.06);border-color:rgba(255,77,184,.55);box-shadow:0 0 28px rgba(255,45,149,.18)}.beach{right:14%;bottom:15%}.garage{left:12%;bottom:17%}.downtown{left:48%;top:30%}.club{right:18%;top:18%}.office{left:15%;top:20%}.docks{right:35%;bottom:30%}

.games{background:#080b16}.game-panel{border-radius:30px;padding:24px;display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;background:linear-gradient(135deg,rgba(255,45,149,.08),rgba(53,216,255,.04));border:1px solid var(--line)}.game-copy{padding:18px}.game-copy h3,.game-card h3{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;margin:10px 0}.game-copy p{color:var(--muted)}.control-block{margin-top:18px}.control-block>span{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:900;margin-bottom:8px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:38px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:white;cursor:pointer;font-size:11px;font-weight:800}.chip.active{border-color:var(--pink-2);background:rgba(255,45,149,.12);box-shadow:0 0 16px rgba(255,45,149,.08)}.garage-stage{min-height:470px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(180deg,#211b37,#090912)}.garage-backdrop{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.03),rgba(0,0,0,.25)),repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,255,255,.04) 90px 92px)}.garage-backdrop::after{content:"";position:absolute;left:10%;right:10%;bottom:16%;height:2px;background:var(--pink);box-shadow:0 0 30px var(--pink)}.custom-car{left:8%;right:8%;bottom:28%;height:120px;background:linear-gradient(160deg,#12141c,#050506);transition:background .3s ease,filter .3s ease}.custom-car::after{content:"";position:absolute;left:6%;right:6%;bottom:-12px;height:10px;border-radius:50%;background:var(--pink);filter:blur(12px);opacity:.85}.under-neon{position:absolute;left:16%;right:16%;height:7px;bottom:-7px;border-radius:50%;background:var(--pink);box-shadow:0 0 30px var(--pink)}.custom-wheel{width:72px;height:72px}.cw1{left:14%}.cw2{right:13%}.tiny{font-size:10px!important;letter-spacing:.08em;color:rgba(255,255,255,.45)!important;line-height:1.5}.game-copy .btn{margin-top:12px;margin-right:8px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.game-card{border-radius:26px;padding:28px}.reaction-zone{height:220px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;margin:20px 0;transition:.08s ease}.reaction-zone.waiting{background:rgba(255,154,85,.1)}.reaction-zone.go{background:var(--pink);box-shadow:inset 0 0 50px rgba(255,255,255,.18),0 0 40px rgba(255,45,149,.24)}.reaction-message{font-size:24px;font-weight:1000;letter-spacing:.08em}.game-result{margin-top:15px;font-weight:900;color:var(--yellow);min-height:22px}.wheel-wrap{width:270px;max-width:82vw;aspect-ratio:1;margin:18px auto;position:relative}.prize-wheel{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--pink) 0 45deg,var(--purple) 45deg 90deg,var(--blue) 90deg 135deg,var(--orange) 135deg 180deg,var(--pink-2) 180deg 225deg,var(--purple-2) 225deg 270deg,var(--yellow) 270deg 315deg,#ff5c6d 315deg 360deg);border:8px solid rgba(255,255,255,.08);box-shadow:0 0 40px rgba(255,45,149,.15);transition:transform 4.2s cubic-bezier(.12,.68,.11,1)}.wheel-wrap::after{content:"GTA";position:absolute;inset:35%;border-radius:50%;display:grid;place-items:center;background:#080812;border:1px solid rgba(255,255,255,.12);font-weight:1000;font-size:24px}.wheel-pointer{position:absolute;z-index:3;left:50%;top:-10px;transform:translateX(-50%);font-size:30px;color:white;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}

.mission{background:linear-gradient(180deg,#080b16,#0b0814)}.mission-box{border-radius:26px;padding:28px}.mission-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.mission-progress div{height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow));transition:width .35s ease}.mission-count{font-weight:1000;letter-spacing:.08em;margin:12px 0 18px}.mission-objectives{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mission-objective{min-height:52px;text-align:left;padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:white;cursor:pointer;font-weight:900;font-size:12px;letter-spacing:.04em}.mission-objective small{color:var(--muted);font-weight:600;margin-left:7px}.mission-objective.complete{border-color:rgba(53,216,255,.35);background:rgba(53,216,255,.06)}.mission-objective.complete span{color:var(--blue)}

.community{background:radial-gradient(circle at 20% 10%,rgba(255,45,149,.11),transparent 22%),#0b0814}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.social-card{min-height:250px;border-radius:26px;padding:28px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:.22s ease}.social-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.15),transparent 30%);opacity:.7}.social-card:hover{transform:translateY(-5px)}.social-card span,.social-card strong,.social-card p{position:relative}.social-card span{font-size:11px;letter-spacing:.18em;font-weight:900}.social-card strong{font-size:28px;margin-top:8px}.social-card p{color:rgba(255,255,255,.72);max-width:260px}.telegram{background:linear-gradient(145deg,rgba(53,216,255,.24),rgba(0,0,0,.1))}.x{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(0,0,0,.2))}.tiktok{background:linear-gradient(145deg,rgba(255,45,149,.22),rgba(53,216,255,.08))}

.launch-info{padding-top:60px;padding-bottom:60px;background:#0b0814}.launch-card{border-radius:28px;padding:32px;display:grid;grid-template-columns:1fr .85fr;gap:30px}.launch-card h2{font-size:clamp(36px,5vw,64px)}.launch-card p{color:var(--muted);line-height:1.6}.launch-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-self:center}.launch-meta div{padding:16px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.launch-meta span{display:block;font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.14em}.launch-meta strong{display:block;margin-top:8px;font-size:13px}

.faq{background:#090712}.faq-list{display:grid;gap:10px;max-width:900px}.faq-item{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);overflow:hidden}.faq-q{width:100%;min-height:60px;padding:16px 18px;border:0;background:transparent;color:white;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:900}.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-a p{padding:0 18px 18px;margin:0;color:var(--muted);line-height:1.6}.faq-item.open .faq-a{max-height:220px}.faq-item.open .faq-q i{transform:rotate(45deg)}.faq-q i{font-style:normal;font-size:20px;transition:.2s ease}

footer{position:relative;padding:100px max(20px, calc((100vw - var(--max))/2)) 48px;background:#05050b;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.footer-brand{font-size:clamp(30px,6vw,70px);font-weight:1000;letter-spacing:-.05em}.footer-tagline{margin-top:12px;font-weight:900;letter-spacing:.14em;font-size:12px}.footer-date{margin-top:12px;color:var(--yellow);font-size:11px;letter-spacing:.12em;font-weight:900}.disclaimer{max-width:820px;margin:48px auto 20px;color:rgba(255,255,255,.5);font-size:11px;line-height:1.6}.footer-final{margin-top:38px;font-weight:900;letter-spacing:.14em}.graffiti{position:absolute;left:5%;bottom:24%;font-family:"Comic Sans MS",cursive;transform:rotate(-7deg);font-size:12px;color:rgba(255,45,149,.14);user-select:none}

.hidden-item{position:absolute;z-index:12;border:0;background:transparent;filter:grayscale(.4) brightness(.85);opacity:.18;cursor:pointer;font-size:20px;transition:.2s ease}.hidden-item:hover{opacity:.7;filter:none;transform:scale(1.15)}.hidden-item.found{opacity:.08;pointer-events:none}.hidden-palm{right:4%;bottom:25%}.hidden-diamond{left:3%;top:46%}.hidden-car{right:3%;top:25%}.hidden-sunset{left:2%;bottom:20%}.hidden-crown{right:3%;bottom:15%}.hidden-counter{position:fixed;z-index:85;right:16px;bottom:16px;border-radius:14px;padding:10px 12px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.hidden-counter strong{color:white;margin-left:6px}.toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;padding:12px 16px;border-radius:14px;background:#11111c;border:1px solid var(--line);font-size:12px;font-weight:900;transition:.25s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.launch-overlay{position:fixed;inset:0;z-index:130;background:radial-gradient(circle,rgba(255,45,149,.2),rgba(7,7,17,.92));display:grid;place-items:center;opacity:0;pointer-events:none;transition:.4s ease}.launch-overlay.show{opacity:1;pointer-events:auto}.launch-live{font-size:clamp(38px,8vw,110px);font-weight:1000;text-align:center;text-shadow:0 0 28px var(--pink);animation:launchPulse .8s ease-in-out infinite alternate}.confetti span{position:absolute;width:8px;height:16px;background:white;top:48%;left:50%;animation:confetti 1.8s ease-out forwards}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}

@keyframes tick{50%{transform:translateY(-3px);text-shadow:0 0 18px rgba(255,255,255,.42)}}
@keyframes launchPulse{to{transform:scale(1.03);filter:saturate(1.3)}}
@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(540deg);opacity:0}}

@media (max-width: 980px){
  .desktop-nav{display:none}.brand-copy{display:none}.story-layout,.game-panel,.launch-card{grid-template-columns:1fr}.mission-rail{grid-template-columns:repeat(2,1fr)}.mission-card:last-child{grid-column:span 2}.social-grid{grid-template-columns:1fr}.launch-meta{grid-template-columns:1fr 1fr 1fr}.car-wrap{right:-18vw;width:75vw;opacity:.68}.hero-content{width:100%}.hero h1{font-size:clamp(58px,14vw,105px)}
}
@media (max-width: 680px){
  .topbar{height:64px;padding-left:14px;padding-right:14px}.audio-toggle{font-size:10px;padding:9px 10px}.section{padding:90px 16px}.hero{padding-top:90px;padding-bottom:85px}.hero h1{line-height:.78}.eyebrow{font-size:9px;max-width:260px;line-height:1.5}.hero-tagline{font-size:11px}.countdown{grid-template-columns:repeat(2,1fr)}.time-card strong{font-size:42px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn:last-child{grid-column:span 2}.sun{right:-20vw;top:19vh}.palm-a{right:3%;opacity:.75}.palm-b{display:none}.car-wrap{right:-36vw;width:110vw;bottom:5%;opacity:.48}.story-layout{gap:30px}.stats-grid{gap:10px}.stat-card{padding:20px}.mission-rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.mission-card{min-width:70vw;scroll-snap-align:start}.mission-card:last-child{min-width:76vw}.objectives{grid-template-columns:1fr}.city-map{min-height:520px}.map-pin{font-size:10px;padding:8px}.office{left:6%;top:16%}.club{right:5%;top:19%}.downtown{left:36%;top:37%}.garage{left:7%;bottom:19%}.beach{right:5%;bottom:11%}.docks{right:21%;bottom:31%}.game-grid{grid-template-columns:1fr}.garage-stage{min-height:340px}.custom-car{bottom:30%;height:90px}.custom-car::before{height:60px;top:-36px}.custom-glass{height:38px;top:-26px}.custom-wheel{width:56px;height:56px;bottom:-24px}.mission-objectives{grid-template-columns:1fr}.launch-meta{grid-template-columns:1fr}.hidden-counter{font-size:8px;right:8px;bottom:8px}.section-heading h2,.story h2{font-size:clamp(42px,14vw,70px)}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}