*{box-sizing:border-box}@property --glow-intensity{syntax:"<number>";inherits:true;initial-value:.28}body{--board-size:min(84vmin, 700px);--game-green:#00ff4e;--target-red:#f10820;--glow-intensity:.28;--snake-stroke:clamp(10px, 1.9vmin, 16px);min-height:100svh;color:var(--game-green);background:radial-gradient(circle at 50% 0%, rgb(from var(--game-green) r g b / calc(var(--glow-intensity) * .38)) 0%, transparent 42%), linear-gradient(135deg, #06130f, #020706 65%);touch-action:none;place-items:center;margin:0;font-family:MS Gothic,Pixel Operator,Courier New,monospace;animation:6s ease-in-out infinite alternate glow-pulse;display:grid;position:relative;overflow:hidden}@keyframes glow-pulse{0%{--glow-intensity:.28}to{--glow-intensity:.48}}body:before{pointer-events:none;content:"";width:var(--board-size);aspect-ratio:1;border:1px solid rgb(from var(--game-green) r g b / .58);box-shadow:inset 0 0 calc(24px * var(--glow-intensity)) rgb(from var(--game-green) r g b / calc(var(--glow-intensity) * .35)), 0 0 calc(16px * var(--glow-intensity)) rgb(from var(--game-green) r g b / calc(var(--glow-intensity) * .58));position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}div{--food-left:0px;--food-top:0px;width:var(--board-size);aspect-ratio:1;border:var(--snake-stroke) solid var(--game-green);border-shape:path("M 350 350 L 315 350 L 280 350 L 245 350");background:linear-gradient(rgb(from var(--game-green) r g b / .07) 1px, transparent 1px), linear-gradient(90deg, rgb(from var(--game-green) r g b / .07) 1px, transparent 1px), #071a12;-webkit-user-select:none;user-select:none;background-size:5% 5%;position:relative}div:before{top:calc(var(--food-top) - var(--snake-stroke));left:calc(var(--food-left) - var(--snake-stroke));width:var(--snake-stroke);aspect-ratio:1;background:var(--target-red);box-shadow:0 0 calc(10px * var(--glow-intensity)) rgb(from var(--target-red) r g b / var(--glow-intensity));content:"";position:absolute;transform:translate(-50%,-50%)}div:after{width:max-content;max-width:90vw;color:var(--game-green);letter-spacing:.08em;text-align:center;text-shadow:0 0 calc(10px * var(--glow-intensity)) rgb(from var(--game-green) r g b / var(--glow-intensity));content:attr(data-status);font-size:clamp(.68rem,1.7vmin,.9rem);font-weight:700;line-height:1.5;position:absolute;top:calc(100% + 2.2rem);left:50%;transform:translate(-50%)}@supports not (border-shape:path("M 0 0 H 1")){body{animation:none}body:before,div:before{display:none}div{aspect-ratio:auto;background:0 0;border:0;width:min(88vw,34rem)}div:after{width:auto;color:var(--game-green);text-shadow:none;content:"border-shape is not supported in this browser :(";font-size:clamp(1rem,3vmin,1.35rem);line-height:1.6;display:block;position:static;transform:none}}@media (height<=650px){body{--board-size:min(70vmin, 520px)}div{width:var(--board-size)}div:after{top:calc(100% + 1rem)}}