:root{color:#f4f7ef;background:#121611;font-family:Outfit,Avenir Next,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:#121611}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";pointer-events:none;background:linear-gradient(115deg,rgba(151,193,48,.15),transparent 34%),radial-gradient(circle at 78% 18%,rgba(42,120,74,.36),transparent 30rem),radial-gradient(circle at 24% 84%,rgba(203,217,146,.13),transparent 28rem),#121611}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";opacity:.22;pointer-events:none;background-image:linear-gradient(rgba(244,247,239,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(244,247,239,.06) 1px,transparent 1px);background-size:2rem 2rem;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,transparent 78%)}button{font:inherit}.game-shell{display:grid;width:min(calc(100% - 2rem),1180px);min-height:100dvh;margin-inline:auto;gap:clamp(1rem,2.5vw,1.6rem);padding:clamp(1rem,2.5vw,1.7rem) 0}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.76fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;padding-top:clamp(.5rem,4vw,3rem)}.title-group{max-width:46rem}.eyebrow,.panel-label,.score-strip span{margin:0;color:#b9cf6b;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1,p,strong{margin:0}h1{max-width:9ch;margin-top:.55rem;color:#f7f9ed;font-size:clamp(3.2rem,8vw,7.8rem);font-weight:900;letter-spacing:0;line-height:.88;text-wrap:balance}.title-group>p:last-child{max-width:43rem;margin-top:1.25rem;color:#bdc8b0;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.65}.score-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgba(244,247,239,.12);border-radius:.5rem;background:#131812c2;box-shadow:inset 0 1px #ffffff14,0 1.2rem 3rem #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.score-strip div{display:grid;gap:.35rem;min-width:0;padding:clamp(.85rem,2vw,1.15rem)}.score-strip div+div{border-left:1px solid rgba(244,247,239,.1)}.score-strip strong{color:#f7f9ed;font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;line-height:1}.play-layout{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(17rem,.38fr);gap:clamp(1rem,2.4vw,1.4rem);align-items:stretch}.game-card,.control-panel{border:1px solid rgba(244,247,239,.12);border-radius:.6rem;background:#111510c7;box-shadow:inset 0 1px #ffffff12,0 1.8rem 4rem #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.game-card{display:grid;gap:.9rem;align-content:start;padding:clamp(.7rem,1.8vw,1rem)}.board-header{display:flex;min-height:2.4rem;align-items:center;gap:.55rem;color:#d8e2ce;font-size:.92rem;font-weight:800}.live-dot{width:.66rem;height:.66rem;border-radius:50%;background:#9fca38;box-shadow:0 0 #9fca386b;animation:live-pulse 1.4s ease-out infinite}.snake-board{display:grid;width:min(100%,calc(100dvh - 13.2rem));max-width:45rem;aspect-ratio:1;grid-template-columns:repeat(21,minmax(0,1fr));gap:clamp(2px,.35vw,5px);justify-self:center;border:1px solid rgba(244,247,239,.13);border-radius:.48rem;background:linear-gradient(135deg,rgba(244,247,239,.05),transparent),#171d15;padding:clamp(.35rem,1vw,.55rem)}.cell{aspect-ratio:1;border-radius:.22rem;background:#f4f7ef0b;transition:background 80ms ease,transform 80ms ease,border-radius 80ms ease}.snake-body,.snake-head{background:#d8e7a8;box-shadow:inset 0 -.12rem #1c2b1438}.snake-head{border-radius:.36rem;background:#f1f7d0;transform:scale(1.04)}.apple{border:2px solid rgba(9,24,12,.34);border-radius:50%;background:radial-gradient(circle at 32% 28%,#eef7c1 0 12%,transparent 13%),#67b42e;box-shadow:inset 0 -.18rem #0d461747,0 .3rem 1rem #67b42e57;animation:apple-pop .62s cubic-bezier(.16,1,.3,1) both}.control-panel{display:grid;align-content:start;gap:1rem;padding:clamp(.9rem,2vw,1.15rem)}.panel-block{display:grid;gap:.45rem;border-bottom:1px solid rgba(244,247,239,.1);padding-bottom:1rem}.panel-block strong{color:#f7f9ed;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;line-height:1}.panel-block p:not(.panel-label){color:#bdc8b0;font-size:.96rem;line-height:1.55}.touch-pad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;max-width:18rem;margin-inline:auto;padding:.3rem 0}.pad-button{min-height:3.25rem;border:1px solid rgba(244,247,239,.13);border-radius:.45rem;background:#f4f7ef12;color:#f4f7ef;cursor:pointer;font-size:.86rem;font-weight:850;transition:transform .16s ease,background .16s ease,border-color .16s ease}.pad-button:hover,.pad-button:focus-visible{border-color:#b9cf6b8a;background:#b9cf6b21;outline:none}.pad-button:active{transform:scale(.97)}.pad-button.up{grid-area:up}.pad-button.left{grid-area:left}.pad-button.right{grid-area:right}.pad-button.down{grid-area:down}.actions{display:grid;gap:.65rem}.button{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.45rem;padding:.8rem 1rem;cursor:pointer;font-weight:900;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.button:hover,.button:focus-visible{transform:translateY(-1px);outline:none}.button:active{transform:scale(.98)}.button.primary{background:#b9cf6b;color:#162111}.button.primary:hover,.button.primary:focus-visible{background:#d8e7a8}.button.secondary{border-color:#f4f7ef24;background:#f4f7ef0d;color:#f4f7ef}.button.secondary:hover,.button.secondary:focus-visible{border-color:#b9cf6b80;background:#b9cf6b1f}@keyframes live-pulse{70%{box-shadow:0 0 0 .55rem #9fca3800}to{box-shadow:0 0 #9fca3800}}@keyframes apple-pop{0%{transform:scale(.62)}to{transform:scale(1)}}@media(max-width:920px){.hero-panel,.play-layout{grid-template-columns:1fr}.hero-panel{padding-top:.25rem}.snake-board{width:min(100%,calc(100dvh - 21rem));min-width:min(100%,18rem)}.control-panel{grid-template-columns:minmax(0,.8fr) minmax(14rem,1fr);align-items:start}.actions,.touch-pad{grid-column:span 2}}@media(max-width:620px){.game-shell{width:min(calc(100% - 1rem),1180px)}h1{font-size:clamp(2.85rem,17vw,4.5rem)}.score-strip{grid-template-columns:1fr}.score-strip div+div{border-top:1px solid rgba(244,247,239,.1);border-left:0}.snake-board{width:min(100%,calc(100dvh - 25rem));gap:2px}.control-panel{grid-template-columns:1fr}.actions,.touch-pad{grid-column:auto}}