:root{--bg: #05060b;--bg-2: #070a14;--panel: rgba(255,255,255,.04);--panel-strong: rgba(255,255,255,.08);--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.16);--text: #f5f7ff;--muted: #aeb6cc;--accent: #7bf6ff;--accent-2: #8b9bff;--accent-3: #a1ffcf;--glow: 0 0 24px rgba(123,246,255,.12);--shadow: 0 10px 30px rgba(0,0,0,.45);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--transition: .16s ease;--container: 1200px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:linear-gradient(180deg,var(--bg),var(--bg-2));overflow-x:hidden}.bg-stars{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px),radial-gradient(rgba(123,246,255,.12) 1px,transparent 1px),radial-gradient(rgba(139,155,255,.1) 1px,transparent 1px);background-size:22px 22px,34px 34px,58px 58px;background-position:0 0,12px 18px,20px 10px;opacity:.35;animation:star-drift 40s linear infinite}@keyframes star-drift{0%{transform:translateY(0)}to{transform:translateY(180px)}}.bg-nebula{position:fixed;inset:-10%;z-index:0;pointer-events:none;background:radial-gradient(900px 600px at 10% 20%,rgba(123,246,255,.08),transparent 60%),radial-gradient(900px 600px at 90% 30%,rgba(139,155,255,.1),transparent 60%),radial-gradient(900px 600px at 50% 90%,rgba(161,255,207,.08),transparent 60%);filter:blur(6px);animation:nebula-float 18s ease-in-out infinite alternate;opacity:.9}@keyframes nebula-float{0%{transform:translateY(-10px) translate(-8px)}to{transform:translateY(14px) translate(10px)}}#ambient-layer{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.14;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),transparent 55%);animation:orb-float linear forwards}@keyframes orb-float{0%{transform:translateY(20px) scale(.9)}to{transform:translateY(-120vh) scale(1.15)}}.ambient-streak{position:absolute;width:140px;height:2px;opacity:.22;background:linear-gradient(90deg,transparent,rgba(123,246,255,.6),transparent);transform:rotate(-12deg);animation:streak 2.2s ease forwards}@keyframes streak{0%{transform:translate(-30vw) rotate(-12deg);opacity:0}30%{opacity:.3}to{transform:translate(130vw) rotate(-12deg);opacity:0}}.container{width:min(100% - 32px,var(--container));margin-inline:auto;position:relative;z-index:2}.main{padding:34px 0 70px}.site-header{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,#7bf6ff0d,#8b9bff0d,#a1ffcf0d),#05060bd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.brand-orb{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(123,246,255,.8),transparent 55%),radial-gradient(circle at 70% 60%,rgba(139,155,255,.7),transparent 60%),radial-gradient(circle at 50% 50%,rgba(161,255,207,.5),transparent 60%);box-shadow:var(--glow)}.brand-text strong{display:block;font-size:15px;letter-spacing:.04em}.brand-text small{display:block;font-size:10px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.progress-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:999px;font-size:10px;color:var(--muted)}.progress-pill .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start;margin-bottom:36px}.eyebrow{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin:0 0 10px}.hero-copy h1{margin:0 0 10px;font-size:clamp(26px,3.6vw,38px);line-height:1.12}.lead{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-card{padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.hero-label{display:block;font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.req-list{margin:0;padding-left:16px;font-size:11.5px;color:var(--muted)}.best-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:4px 0;color:var(--muted)}.best-row strong{color:var(--accent-3);font-size:14px}.tiny-badge-row{display:flex;gap:6px;flex-wrap:wrap}.tiny-badge{font-size:9px;padding:4px 7px;border-radius:999px;background:var(--panel-strong);border:1px solid var(--border);color:var(--muted)}.hero-visual{display:grid;gap:12px}.hero-lower{margin-top:-6px;margin-bottom:28px}.hero-lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.hero-lower .hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.hero-lower .hero-card,.hero-lower .unlock-card{height:100%;min-height:190px}.unlock-card{display:flex;flex-direction:column}@media(max-width:1100px){.hero-lower-grid{grid-template-columns:1fr}.hero-lower .hero-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.hero-lower .hero-grid{grid-template-columns:1fr}}.radar{position:relative;height:300px;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 50%,rgba(123,246,255,.1),transparent 60%),var(--panel);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow);--beam-softness: 12px}.radar:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(123,246,255,.08),transparent 55%),radial-gradient(circle at 50% 50%,rgba(139,155,255,.06),transparent 70%);pointer-events:none}.radar-ring{position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(255,255,255,.08)}.radar-ring.r2{inset:24%}.radar-ring.r3{inset:36%}.radar-center{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--glow);z-index:3}.radar-sweep{position:absolute;inset:-30%;border-radius:50%;z-index:1;background:conic-gradient(from 0deg,transparent 0deg,rgba(123,246,255,0) 6deg,rgba(123,246,255,.05) 18deg,rgba(123,246,255,.12) 32deg,rgba(123,246,255,.22) 46deg,rgba(123,246,255,.2) 120deg,rgba(123,246,255,.22) 72deg,rgba(123,246,255,.12) 88deg,rgba(123,246,255,.05) 104deg,rgba(123,246,255,0) 120deg,transparent 360deg);filter:blur(16px) saturate(1.15);opacity:.9;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,.45) 70%,transparent 82%);mask-image:radial-gradient(circle,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,.45) 70%,transparent 82%);animation:none!important}.radar-blips span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent-3);opacity:.18;transform:scale(.85);transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease,filter .12s ease;z-index:2;animation:none!important}.radar-blips span:nth-child(1){left:18%;top:32%}.radar-blips span:nth-child(2){left:64%;top:22%}.radar-blips span:nth-child(3){left:70%;top:70%}.radar-blips span:nth-child(4){left:28%;top:66%}.radar-blips span.is-hit{opacity:.98;transform:scale(1.65);box-shadow:0 0 8px #a1ffcf59,0 0 16px #7bf6ff47,0 0 28px #7bf6ff2e;filter:brightness(1.25)}.hero-float-card{padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.progress-bars{display:grid;gap:10px;margin-top:10px}.pbar{display:grid;grid-template-columns:70px 1fr;gap:8px;font-size:10px;color:var(--muted);align-items:center}.track{height:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);border-radius:999px;overflow:hidden}.fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));transition:width .22s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:11.5px;font-weight:650;letter-spacing:.04em;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:var(--transition)}.btn:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 6px 18px #00000040}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(135deg,#7bf6ff29,#8b9bff29,#a1ffcf1f),var(--panel)}.btn.ghost{background:transparent}.btn.small{padding:8px 10px;font-size:10.5px}.zone-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:26px 0 10px}.game-card{padding:18px;margin-bottom:14px;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 40%),var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.game-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.game-head h3{margin:0 0 6px;font-size:20px}.game-meta{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:9px;padding:4px 8px;border-radius:999px;background:var(--panel-strong);border:1px solid var(--border);color:var(--muted)}.game-body{display:grid;gap:12px}.two-col{grid-template-columns:1fr .9fr}.three-col{grid-template-columns:.9fr .9fr 1.1fr}.panel{padding:14px;background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-md)}.panel.center{display:grid;place-items:center}.panel-title{margin:0 0 10px;font-size:12.5px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.divider{height:1px;background:var(--border);margin:12px 0}.mini-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.score-stack{display:grid;gap:8px}.score-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.score-line strong{color:var(--accent-3);font-size:14px}.tiny{font-size:10px}.tiny-list{margin:0;padding-left:16px;font-size:10.5px}.muted{color:var(--muted)}#snake-canvas{width:100%;max-width:360px;aspect-ratio:1 / 1;background:radial-gradient(300px 220px at 20% 20%,rgba(123,246,255,.08),transparent 60%),radial-gradient(300px 220px at 80% 80%,rgba(161,255,207,.07),transparent 60%),#05050a;border:1px solid var(--border);border-radius:var(--radius-md)}.cookie-btn{position:relative;width:min(210px,88%);height:170px;border-radius:var(--radius-md);border:1px solid var(--border);background:radial-gradient(800px 500px at 10% 10%,rgba(123,246,255,.08),transparent 60%),radial-gradient(800px 500px at 90% 90%,rgba(161,255,207,.08),transparent 60%),var(--panel);cursor:pointer;overflow:hidden;transition:var(--transition)}.cookie-btn:hover{border-color:var(--border-strong);box-shadow:var(--glow);transform:translateY(-1px)}.cookie-core{font-size:56px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));position:relative;z-index:2}.cookie-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 55%),radial-gradient(circle at 30% 30%,rgba(123,246,255,.1),transparent 60%),radial-gradient(circle at 70% 70%,rgba(161,255,207,.08),transparent 60%);opacity:.9;animation:cookie-pulse 2.8s ease-in-out infinite}@keyframes cookie-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.cookie-label{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:2;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--text);padding:6px 10px;border-radius:999px;background:#00000040;border:1px solid var(--border)}.cookie-float{position:absolute;font-size:12px;color:var(--accent-3);opacity:.9;animation:float-up .9s ease forwards;text-shadow:0 0 10px rgba(161,255,207,.18)}@keyframes float-up{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-24px);opacity:0}}.upgrade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.upgrade-item{position:relative;aspect-ratio:1 / 1;padding:10px;border-radius:12px;border:1px solid var(--border);background:radial-gradient(120px 120px at 20% 20%,rgba(123,246,255,.1),transparent 60%),radial-gradient(120px 120px at 80% 80%,rgba(161,255,207,.1),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.02),transparent 40%),var(--panel);color:var(--text);cursor:pointer;transition:var(--transition);display:grid;align-content:center;gap:6px;text-align:center}.upgrade-item:hover{border-color:var(--border-strong);box-shadow:0 0 0 1px #7bf6ff14,0 10px 24px #00000059,0 0 22px #7bf6ff1a;transform:translateY(-1px)}.upgrade-item:active{transform:translateY(0) scale(.99)}.upgrade-item strong{display:block;font-size:11.5px;line-height:1.15;letter-spacing:.02em;color:var(--accent);text-shadow:0 0 10px rgba(123,246,255,.18)}.upgrade-item small{display:block;font-size:9.5px;line-height:1.15;color:var(--muted)}.upgrade-item em{display:block;font-style:normal;font-size:9.5px;color:var(--accent-3);margin-top:2px}.upgrade-item.is-locked{opacity:.45;filter:grayscale(.2);cursor:not-allowed;box-shadow:none;transform:none}@media(min-width:900px){.upgrade-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.cookie-stage{position:relative;width:100%;display:grid;place-items:center;padding:8px 0 16px}.cookie-float-layer{position:absolute;inset:0;pointer-events:none}.cookie-btn.is-clicking{transform:translateY(0) scale(.985);filter:brightness(1.08)}.cookie-btn:hover{border-color:var(--border-strong);box-shadow:0 0 0 1px #7bf6ff14,0 10px 30px #00000073,0 0 28px #7bf6ff1f}.upgrade-item.is-locked{opacity:.5;filter:grayscale(.15);cursor:not-allowed}#dodger-canvas{width:100%;max-width:460px;background:radial-gradient(400px 240px at 30% 20%,rgba(139,155,255,.1),transparent 60%),radial-gradient(400px 240px at 70% 80%,rgba(123,246,255,.08),transparent 60%),#05050a;border:1px solid var(--border);border-radius:var(--radius-md)}.gate{margin:22px 0 10px}.gate-inner{padding:22px;text-align:center;background:linear-gradient(135deg,#7bf6ff1f,#8b9bff1a,#a1ffcf1a),var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.gate-badge{display:inline-flex;font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;margin-bottom:10px}.footer{margin-top:40px;border-top:1px solid var(--border);padding-top:18px}.footer-inner{display:flex;gap:10px;justify-content:space-between;font-size:10.5px;color:var(--muted)}@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 1fr}}@media(max-width:980px){.two-col,.three-col{grid-template-columns:1fr}}@media(max-width:620px){.hero-grid{grid-template-columns:1fr}}