@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-tracking:initial}}}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.h-full{height:100%}.min-h-\[70vh\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[880px\]{max-width:880px}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.border-\[4px\]{border-style:var(--tw-border-style);border-width:4px}.border-\[var\(--snake-ink\)\]{border-color:var(--snake-ink)}.bg-\[var\(--snake-bg\)\]{background-color:var(--snake-bg)}.bg-\[var\(--snake-card\)\]{background-color:var(--snake-card)}.text-center{text-align:center}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-\[var\(--snake-ink\)\]{color:var(--snake-ink)}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--snake-bg:#c8d9a6;--snake-card:#b7cf7c;--snake-ink:#2e3a1a;--snake-accent:#1f2b12;--snake-food:#b0413e;--snake-cta:#2e3a1a;--snake-cta-text:#f2f7e6;--transition-fast:.12s;--transition-normal:.25s;--transition-slow:.4s}html,body,#root{height:100%}body{background:var(--snake-bg);color:var(--snake-ink);-webkit-font-smoothing:antialiased;font-family:"Press Start 2P",monospace}.hud{pointer-events:none;justify-content:space-between;padding:8px 6px;display:flex;position:absolute;top:0;left:0;right:0}.icon-btn{pointer-events:auto;border:2px solid var(--snake-ink);background:var(--snake-card);color:var(--snake-ink);cursor:pointer;will-change:transform;border-radius:10px;padding:6px;font-family:inherit;transition:filter .12s;box-shadow:inset 0 -2px #0000002e,0 2px #0000001a}.icon-btn:hover{filter:brightness(.96);box-shadow:inset 0 -2px #0000002e,0 3px #0000001f}.menu-card{border:3px solid var(--snake-ink);background:var(--snake-card);text-align:center;width:100%;max-width:520px;box-shadow:inset 0 0 0 3px var(--snake-ink);gap:16px;padding:44px 40px;display:grid}.menu-title{letter-spacing:.1em;text-transform:uppercase;color:var(--snake-accent);margin:0;font-size:42px}.menu-subtitle{letter-spacing:.32em;text-transform:uppercase;color:var(--snake-ink);margin:0;font-size:13px}.menu-levels{color:var(--snake-ink);flex-wrap:wrap;justify-content:center;gap:20px;margin-top:12px;line-height:1;display:flex}.menu-level{background:var(--snake-card);border:3px solid var(--snake-ink);color:var(--snake-ink);cursor:pointer;text-transform:uppercase;letter-spacing:.15em;padding:16px 32px;font-family:inherit;font-size:18px;line-height:1;transition:all .12s;position:relative;box-shadow:inset 0 -3px #00000040,0 4px #00000026}.menu-level:hover{background:var(--snake-accent);color:var(--snake-cta-text);transform:translateY(-2px);box-shadow:inset 0 -3px #00000059,0 6px #0003}.menu-level:active{transform:translateY(1px);box-shadow:inset 0 -1px #00000040,0 2px #0000001a}.board-shell{flex-direction:column;align-items:center;gap:16px;width:min(70vmin,520px);display:flex;position:relative}.board-frame{position:relative}.status-line{text-align:left;text-transform:uppercase;letter-spacing:.3em;width:100%;color:var(--snake-ink);font-size:10px}.controls-row{justify-content:center;gap:16px;width:100%;display:flex}.hint-line{text-transform:uppercase;letter-spacing:.2em;color:var(--snake-ink);font-size:10px}.pixel-btn{border:3px solid var(--snake-ink);background:var(--snake-card);min-width:130px;color:var(--snake-ink);cursor:pointer;text-transform:uppercase;letter-spacing:.12em;will-change:transform;padding:10px 20px;font-family:inherit;font-size:12px;transition:filter .12s,box-shadow .12s;box-shadow:inset 0 -3px #00000040,0 4px #00000026}.pixel-btn--primary{background:var(--snake-cta);color:var(--snake-cta-text);box-shadow:inset 0 -3px #00000059,0 4px #0003}.pixel-btn:hover{filter:brightness(.96);box-shadow:inset 0 -3px #00000040,0 5px #0000002e}.pixel-btn--primary:hover{box-shadow:inset 0 -3px #00000059,0 5px #00000038}.pixel-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.pixel-btn:focus-visible{outline:2px solid var(--snake-ink);outline-offset:2px}@keyframes pulse-food{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@keyframes float-title{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.pulse-food{animation:1.2s ease-in-out infinite pulse-food}.shake{animation:.5s ease-in-out shake}.snake-head{background:var(--snake-accent);border-radius:50%;position:relative;transform:scale(.95);box-shadow:inset -2px -2px 4px #0000004d,inset 2px 2px 4px #ffffff1a}.snake-body{background:var(--snake-accent);border-radius:50%;transform:scale(.9);box-shadow:inset -1px -1px 3px #00000040}.snake-tail{background:var(--snake-accent);opacity:.9;border-radius:50%;transform:scale(.7);box-shadow:inset -1px -1px 2px #0003}.snake-eye{background:var(--snake-cta-text);border-radius:50%;width:20%;height:20%;position:absolute;box-shadow:0 0 2px #00000080}.snake-eye.left{top:25%;left:20%}.snake-eye.right{top:25%;right:20%}.snake-head.dir-up .snake-eye.left{top:20%;left:25%}.snake-head.dir-up .snake-eye.right{top:20%;right:25%}.snake-head.dir-down .snake-eye.left{top:auto;bottom:20%;left:25%}.snake-head.dir-down .snake-eye.right{top:auto;bottom:20%;right:25%}.snake-head.dir-left .snake-eye.left{top:25%;left:15%}.snake-head.dir-left .snake-eye.right{top:55%;left:15%;right:auto}.snake-head.dir-right .snake-eye.left{top:25%;left:auto;right:15%}.snake-head.dir-right .snake-eye.right{top:55%;left:auto;right:15%}.food-star{background:var(--snake-food);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:1.5s ease-in-out infinite star-glow,4s linear infinite star-rotate;transform:scale(.85);box-shadow:0 0 8px #b0413ecc,0 0 16px #b0413e80,inset 0 0 8px #ffffff4d}@keyframes star-glow{0%,to{transform:scale(.85);box-shadow:0 0 8px #b0413ecc,0 0 16px #b0413e80,inset 0 0 8px #ffffff4d}50%{transform:scale(.95);box-shadow:0 0 12px #b0413e,0 0 24px #b0413eb3,0 0 32px #ffc8004d,inset 0 0 12px #ffffff80}}@keyframes star-rotate{0%{transform:rotate(0)scale(.85)}to{transform:rotate(360deg)scale(.85)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}