.snake-page{background:radial-gradient(circle at 12% 10%,rgba(255,76,188,.1),transparent 25rem),#070815}.snake-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(38px,7vw,90px);padding:64px 0}.snake-copy h1{font-size:clamp(4.4rem,9vw,8.2rem);line-height:.78;letter-spacing:-.085em;margin:0}.snake-copy h1 span{color:#5aefc5}.snake-copy>p:not(.eyebrow){color:#bdc1d4;line-height:1.7;max-width:470px;margin:30px 0 24px}.snake-shell{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.13);padding:13px;border-radius:28px;box-shadow:0 40px 90px rgba(0,0,0,.45)}.snake-scorebar{display:flex;gap:25px;align-items:center;padding:3px 5px 12px}.snake-scorebar div{display:grid}.snake-scorebar div:nth-child(3){margin-left:auto}.snake-scorebar span{font-size:.58rem;color:var(--muted);letter-spacing:.15em}.snake-scorebar strong{font-size:1.1rem}.snake-canvas-wrap{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;touch-action:none;background:#080b21}.snake-canvas-wrap canvas{width:100%;height:100%}.snake-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(circle at center,rgba(24,18,69,.55),rgba(4,7,20,.93));backdrop-filter:blur(4px);transition:opacity .25s}.snake-overlay.hidden{opacity:0;pointer-events:none}.snake-overlay h2{font-size:clamp(2rem,5vw,3rem);margin:22px 0 7px}.snake-overlay p{color:var(--muted);margin:0 0 24px}.snake-overlay h2 small{display:block;font-size:.6rem;letter-spacing:.17em;color:var(--muted);margin-top:11px}.snake-logo{display:flex;gap:6px;transform:rotate(-8deg)}.snake-logo i{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#59efc5,#32caff);box-shadow:0 0 18px rgba(81,229,255,.35)}.snake-logo i:last-child{background:linear-gradient(135deg,#fff,#59efc5)}.snake-play{min-width:210px;min-height:52px;border:0;border-radius:999px;background:linear-gradient(100deg,#59efc5,#60dcff);color:#07141b;font-weight:900;letter-spacing:.08em;cursor:pointer}.snake-page .info-grid a{color:#59efc5}@media(max-width:820px){.snake-layout{grid-template-columns:1fr;padding-top:42px}.snake-copy{text-align:center}.snake-copy>p:not(.eyebrow){margin-inline:auto}.snake-copy .feature-row{justify-content:center}.snake-shell{width:min(100%,570px);margin:auto}}@media(max-width:520px){.snake-layout{padding-top:32px}.snake-copy h1{font-size:21vw}.snake-shell{padding:8px;border-radius:22px}.snake-canvas-wrap{border-radius:15px}}