@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Permanent+Marker&family=Rubik+Dirt&display=swap');
:root{
  --sky:#78cfff;--cyan:#36dcff;--blue:#2d7eea;--deep:#071728;--deep2:#020914;
  --ink:#05070b;--white:#f4fbff;--lime:#d7ff52;--red:#e31d2d;--card:rgba(3,12,23,.80);
  --line:rgba(255,255,255,.18);--shadow:0 24px 70px rgba(0,0,0,.30)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden;background:linear-gradient(145deg,#95dcff 0%,#4daef5 34%,#1667c4 70%,#082343 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.34),transparent 24%),radial-gradient(circle at 84% 20%,rgba(53,222,255,.25),transparent 32%),linear-gradient(rgba(2,12,24,.08),rgba(2,12,24,.28))}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.24;pointer-events:none;background:repeating-linear-gradient(168deg,transparent 0 11px,rgba(255,255,255,.24) 12px 13px,transparent 14px 32px),repeating-linear-gradient(12deg,transparent 0 27px,rgba(5,7,11,.18) 28px 29px,transparent 30px 57px);mix-blend-mode:overlay}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(4,16,31,.78);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.16)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-family:'Rubik Dirt',Impact,sans-serif;text-transform:uppercase;letter-spacing:.05em}.brand-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#f6fdff 0 8%,#8de1ff 9% 33%,#1678d7 34% 66%,#07172c 67%);border:2px solid rgba(255,255,255,.6);box-shadow:0 0 28px rgba(54,220,255,.56);font-size:22px}.navlinks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.navlinks a{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:10px 11px;border-radius:9px;border:1px solid transparent}.navlinks a:hover,.navlinks a.active{background:rgba(54,220,255,.10);border-color:rgba(215,255,82,.5);color:var(--lime)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}.scratch,h1,h2,h3{font-family:'Rubik Dirt','Black Ops One',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}.kicker{font-family:'Permanent Marker',cursive;color:var(--lime);font-size:16px;transform:rotate(-1deg);margin-bottom:12px}.hero{min-height:78vh;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:44px;padding:66px 0 42px}.hero h1{font-size:clamp(62px,9vw,116px);line-height:.78;margin:0;text-shadow:5px 6px 0 rgba(0,0,0,.28)}.hero h1 .sky{color:#dff7ff}.hero h1 .lime{color:var(--lime);font-size:.68em}.hero p,.page-hero p{font-size:18px;line-height:1.65;color:#e8f7ff;max-width:690px;text-shadow:0 2px 6px rgba(0,0,0,.28)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 18px;border-radius:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:#07111e;border:1px solid rgba(255,255,255,.22);box-shadow:5px 5px 0 rgba(0,0,0,.28);transition:.18s transform,.18s box-shadow}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 rgba(0,0,0,.3)}.btn.primary{background:var(--lime);color:#07111e;border-color:var(--lime)}.btn.cyan{background:var(--cyan);color:#04101c;border-color:#9bf0ff}.btn.red{background:var(--red);color:white;border-color:#ff8d95}.hero-art{position:relative;min-height:535px;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:88%;height:88%;border-radius:50%;background:radial-gradient(circle,rgba(165,235,255,.62),rgba(36,165,239,.18) 46%,transparent 71%);filter:blur(10px)}.hero-art img{position:relative;z-index:2;width:min(500px,94%);aspect-ratio:1/1;object-fit:cover;border-radius:28px;border:2px solid rgba(255,255,255,.28);box-shadow:0 32px 80px rgba(0,0,0,.45);transform:rotate(1.6deg)}.sticker-tape{position:absolute;z-index:3;background:var(--lime);color:#07111e;font-family:'Black Ops One',sans-serif;padding:9px 15px;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.28)}.sticker-tape.one{left:2%;top:12%;transform:rotate(-8deg)}.sticker-tape.two{right:-1%;bottom:10%;transform:rotate(7deg)}.section{padding:84px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:30px}.section-head h2{font-size:clamp(40px,6vw,70px);margin:0}.section-head p{max-width:520px;line-height:1.65;color:#e4f6ff}.grid{display:grid;gap:18px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(160deg,rgba(5,19,37,.93),rgba(1,8,17,.86));border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:after{content:"";position:absolute;left:10%;right:-20%;bottom:-55px;height:95px;background:var(--cyan);filter:blur(70px);opacity:.12}.card h3{margin:0 0 10px;font-size:25px}.card p,.card li{color:#dceefa;line-height:1.62}.metric{font-family:'Black Ops One',sans-serif;font-size:38px;color:var(--lime)}.muted{color:#b8d6e7}.warning{padding:13px 15px;margin-top:18px;background:rgba(215,255,82,.09);border:1px dashed rgba(215,255,82,.65);border-radius:10px;color:#f6ffcc;font-size:14px}.photo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}.photo-strip img,.gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 36px rgba(0,0,0,.26)}.photo-strip img:nth-child(odd){transform:rotate(-1.2deg)}.photo-strip img:nth-child(even){transform:rotate(1deg)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.page-hero{padding:72px 0 34px}.page-hero h1{font-size:clamp(58px,8vw,104px);line-height:.82;margin:0}.page-image{margin-top:34px;width:100%;max-height:510px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.2);box-shadow:0 28px 70px rgba(0,0,0,.32)}.roadmap{position:relative}.roadmap:before{content:"";position:absolute;left:28px;top:26px;bottom:26px;width:3px;background:linear-gradient(var(--lime),var(--cyan),var(--blue))}.road-step{padding-left:75px;margin-bottom:20px}.road-step:before{content:"⚡";position:absolute;left:8px;top:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#07111e;font-weight:900;box-shadow:0 0 28px rgba(215,255,82,.38)}.copybox{display:flex;gap:10px;align-items:center;padding:12px;border-radius:10px;background:#020913;border:1px solid rgba(255,255,255,.12)}.copybox code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lime)}.copybox button{margin-left:auto}.dex-frame{width:100%;height:560px;background:#020913;border:1px solid rgba(255,255,255,.16);border-radius:16px}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}#snakeCanvas{width:100%;aspect-ratio:1/1;background:#02080f;border:2px solid rgba(215,255,82,.68);border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.35),0 0 45px rgba(54,220,255,.24)}.scoreboard{position:sticky;top:96px}.scorebig{font-family:'Black Ops One',sans-serif;font-size:58px;color:var(--lime)}.progress{height:12px;background:#020913;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.progress>span{height:100%;display:block;width:0;background:linear-gradient(90deg,var(--red),var(--cyan));transition:.15s width}.legend{display:grid;gap:9px;margin-top:17px}.legend div{display:flex;align-items:center;gap:10px}.dot{width:13px;height:13px;border-radius:50%;background:var(--red)}.dot.enemy{background:var(--lime);box-shadow:0 0 12px rgba(215,255,82,.6)}.drop-sticker{position:fixed;z-index:90;width:74px;height:92px;opacity:0;pointer-events:none;transform:translateY(22px) rotate(-12deg) scale(.72);transition:.35s ease;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}.drop-sticker.show{opacity:1;transform:translateY(0) rotate(9deg) scale(1)}.drop-sticker svg{width:100%;height:100%}.footer{padding:36px 0 50px;border-top:1px solid rgba(255,255,255,.17);background:rgba(3,15,29,.32);color:#d2e7f4}.footer-row{display:flex;justify-content:space-between;gap:22px;align-items:center;flex-wrap:wrap}.socials{display:flex;gap:9px;flex-wrap:wrap}.socials a{padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px}.socials a:hover{color:var(--lime)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:46px}.hero-art{min-height:420px}.navlinks{display:none;position:absolute;left:16px;right:16px;top:66px;background:#07182d;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:12px}.navlinks.open{display:flex}.menu-btn{display:block}.cols-3,.cols-4,.gallery-grid{grid-template-columns:repeat(2,1fr)}.photo-strip{grid-template-columns:repeat(3,1fr)}.game-shell{grid-template-columns:1fr}.scoreboard{position:static}}
@media(max-width:580px){.hero h1{font-size:58px}.cols-2,.cols-3,.cols-4,.gallery-grid{grid-template-columns:1fr}.photo-strip{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:12px}.hero-art{min-height:360px}}