@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;0,800;0,900;1,600;1,700;1,800;1,900&display=swap);.playButton{display:flex;flex-wrap:wrap;cursor:pointer}.letter{display:flex;justify-content:center;align-items:center;height:50px;width:50px;font-size:17px;letter-spacing:5px;border-radius:10px;margin:5px;background-color:#e2e2e2;text-transform:uppercase;box-shadow:var(--insets);transition:all .3s ease-in-out}.letter:hover{box-shadow:none;text-shadow:5px 5px 3px #515151}button[data-v-36338f66]{background-color:var(--bg);color:var(--color);box-shadow:var(--shadow);border:none;width:40px;height:40px;margin:20px;outline:none;border-radius:50%;transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center}button[data-v-36338f66]:active{box-shadow:none}h1[data-v-46c2908c]{color:var(--color);text-align:center;margin:20px;letter-spacing:10px}.themeChnager[data-v-46c2908c]{position:absolute;right:-60px;top:-60px}h2[data-v-46c2908c]{color:var(--color);text-align:center;margin:20px;letter-spacing:5px}.menuScreen[data-v-46c2908c]{display:flex;flex-direction:column;height:100%;position:relative}.content[data-v-46c2908c]{display:flex;justify-content:center;height:80%}.left[data-v-46c2908c]{display:flex;justify-content:center;align-items:center;margin:30px;width:calc(50% - 61.5px);height:calc(100% - 60px)}.line[data-v-46c2908c]{height:calc(100% - 60px);width:1px;margin:30px 1px;background-color:#a1a1a1}.right[data-v-46c2908c]{justify-content:space-between;margin:30px;width:calc(50% - 61.5px);height:calc(100% - 60px)}.right[data-v-46c2908c],.scores[data-v-46c2908c]{display:flex;flex-direction:column;align-items:center}.scores[data-v-46c2908c]{height:60%;justify-content:flex-start;width:100%}.score[data-v-46c2908c]{color:var(--color);font-size:28px;margin:5px;transition:all .3s ease-in-out;cursor:pointer;position:relative}.name[data-v-46c2908c]{position:absolute;display:none;font-size:15px;top:20px;left:70px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.score[data-v-46c2908c]:hover{font-size:40px!important}div[data-v-3c51702f]{display:flex;justify-content:center;align-items:center}input[data-v-3c51702f]{width:300px;height:50px;background-color:var(--bg);outline:none;color:var(--color);padding:10px 20px;border:none;border-radius:35px;box-shadow:var(--insets)}label[data-v-d283ea90]{position:absolute;top:calc(50% - 30px);right:-80px}label input[data-v-d283ea90]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}label span[data-v-d283ea90]{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--bg);border-radius:40px;box-shadow:var(--card-shadow);transition:all .3s ease-in-out}input:active:checked~span[data-v-d283ea90]{box-shadow:var(--shadow)}input:active~span[data-v-d283ea90]{box-shadow:var(--card-shadow)}input:checked~span[data-v-d283ea90]{box-shadow:var(--shadow)}.gameScreen{position:relative}.canvas,.gameScreen{width:100%;height:100%}.canvas{border-radius:15px;display:flex;flex-wrap:wrap;justify-content:center}.path{width:20px;height:20px;margin:1px}.name-input{position:relative;margin:20px}.snake{background-color:var(--snake);border-radius:3px;box-shadow:var(--snake-shadow)}.head{background-color:var(--snake-head)}.fruit{background-color:#d72323;border-radius:50%;box-shadow:var(--snake-shadow)}.bulletinBoard{position:relative;top:-60px;font-size:18px;color:#e2e2e2;text-align:center}.btn{right:-70px;top:-70px;margin:10px!important}.btn,.btn-group{position:absolute}.btn-group{right:-100px;top:calc(50% + 10px)}.scoreBoard{position:absolute;right:-80px;top:calc(50% - 90px);width:40px;height:40px;display:flex;box-shadow:var(--shadow);justify-content:center;align-items:center;font-size:12px;color:var(--color);border-radius:10px}:root{font-family:Poppins,sans-serif;--bg:#252525;--color:#e2e2e2;--shadow:5px 5px 15px rgba(0,0,0,0.6),-5px -5px 15px hsla(0,0%,100%,0.1);--insets:inset 5px 5px 7px rgba(0,0,0,0.6),inset -5px -5px 7px hsla(0,0%,100%,0.1);--snake-shadow:0 0 5px rgba(0,0,0,0.9);--snake:#545454;--snake-head:#3d6cb9;--card-shadow:5px 5px 15px rgba(0,0,0,0.6),-5px -5px 15px hsla(0,0%,100%,0.1),inset 5px 5px 15px rgba(0,0,0,0.6),inset -5px -5px 15px hsla(0,0%,100%,0.1)}[data-theme=light]{--bg:#d8d8d8;--color:#242424;--shadow:5px 5px 15px rgba(0,0,0,0.2),-5px -5px 15px hsla(0,0%,100%,0.9);--insets:inset 5px 5px 7px rgba(0,0,0,0.2),inset -5px -5px 7px hsla(0,0%,100%,0.6);--snake-shadow:0 0 5px rgba(0,0,0,0.2);--snake:#a8a8a8;--snake-head:#2f89fc;--card-shadow:5px 5px 15px rgba(0,0,0,0.2),-5px -5px 15px hsla(0,0%,100%,0.7),inset 5px 5px 15px rgba(0,0,0,0.2),inset -5px -5px 15px hsla(0,0%,100%,0.7)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.normal{box-shadow:var(--shadow)}.confined{box-shadow:var(--card-shadow)}#snake{width:810px;height:470px;background-color:var(--bg);border-radius:15px;padding:5px}