*{box-sizing:border-box;padding:0;margin:0;overflow-x:hidden;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}.PageWrapper{width:100vw;height:100vh;display:flex;background-color:#313131}.Page{width:100%;height:100%;display:flex;flex-direction:column}.Snake{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;z-index:20}.SnakeBackground{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.SnakeBackground img{width:100%;height:100%;object-fit:cover;opacity:50%}.SnakeTitle{color:#f1fa8c;font-size:2.5rem;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,.8);margin-bottom:.5rem}.Canvas{border:2px solid rgb(26,26,26);background-color:#1c1c1c7f;-webkit-backdrop-filter:blur(5px) saturate(180%);backdrop-filter:blur(5px) saturate(180%);border-radius:15px;box-shadow:0 8px 32px #1f268733;position:relative;padding:5px}.SnakeHeader{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;z-index:30}.SnakeInfo{display:flex;gap:1.5rem;color:#fff;font-size:.9rem;opacity:.9}.SnakeScore{font-weight:600}.SnakeHint{font-style:italic}.SnakeBoardWrapper{position:relative;display:inline-block;z-index:30}.SnakeOverlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:15px}.SnakeOverlayContent{background:#0f0f0fe6;padding:1.5rem 2rem;border-radius:12px;text-align:center;color:#fff;box-shadow:0 10px 30px #0009}.SnakeOverlayContent h2{margin-bottom:.5rem}.SnakeOverlayContent p{margin:.25rem 0}.SnakeOverlayContent button{margin-top:.75rem;padding:.5rem 1.2rem;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#17c257,#13a449);color:#0b0b0b;font-weight:700;transition:transform .1s ease,box-shadow .1s ease}.SnakeOverlayContent button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006}.KeyboardKeys{margin-top:20px;display:flex;flex-direction:column;gap:3px}.KeyRow{display:flex;gap:3px;justify-content:center}.KeyRow img{width:30px;height:30px}.KeyButton{width:50px;height:50px;border-radius:9px;display:flex;justify-content:center;align-items:center;background-color:#1c1c1c7f;-webkit-backdrop-filter:blur(5px) saturate(180%);backdrop-filter:blur(5px) saturate(180%);box-shadow:0 8px 32px #1f268733;border:2px solid hsl(0,0%,43%,30%);color:#fff;font-weight:600;transition:background-color .1s ease}.KeyButton.pressed{background-color:#0009;border:2px solid hsl(0,0%,43%,60%);box-shadow:0 8px 32px #1f268733}.LeftArrow{rotate:-90deg}.DownArrow{rotate:180deg}.RightArrow{rotate:90deg}