.snake-segment{background:linear-gradient(#27ae60,#1e8449);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 -4px 6px #00000014,0 6px 12px #00000073}.snake-head{background:linear-gradient(#36d399,#1fbf6b);border-radius:10px}.snake-head .eye{background:#111;border-radius:50%;width:3px;height:3px;position:absolute;top:6px}.snake-head .eye.left{left:6px}.snake-head .eye.right{right:6px}.snake-food{border:1px solid color-mix(in srgb, var(--foreground) 6%, transparent);background:radial-gradient(circle at 30% 30%,#fff3f3,#ff4d4d 40%,#d32f2f 100%);border-radius:50%;box-shadow:0 4px 8px #00000040}@keyframes headWiggle{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.snake-head{animation:.9s ease-in-out infinite headWiggle}.snake-segment.collision{border:2px solid #ff404099;transform:scale(1.05)}
:root{--menu-size:420px;--panel-padding:12px;--panel-radius:14px;--btn-size:64px;--grid-gap:20px;--accent-start:#7c3aed;--accent-end:#06b6d4}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}60%{opacity:1;transform:translateY(-6%)}80%{transform:translateY(2%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#00000080;animation:.22s forwards fadeIn;position:fixed;inset:0}.modal-backdrop.fade-out{animation:.22s forwards fadeOut}.slide-up-modal{z-index:100;border-radius:14px;width:auto;max-width:calc(100% - 32px);animation:.52s cubic-bezier(.22,.9,.39,1) forwards slideUp;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.game-panel-content{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:100%;display:flex;overflow:auto}.winning-cell{border-color:var(--accent);background:color-mix(in srgb, var(--foreground) 5%, transparent)}