:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%}#app{width:100%;margin:0 auto}:root{--primary: #1abc9c;--bg: #0b3a2e;--accent: #6ee7cb;--text: #ffffff}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}div.container{height:100svh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(.7rem + 1vw);background:#232c46;background:linear-gradient(221deg,#151a29,#1f263d,#1f1924)}.game-logos{display:flex;gap:45px}.game-emoji{width:120px;height:120px;font-size:clamp(2.75rem,6vw + 1rem,5rem)!important;cursor:pointer;transition:transform .25s,filter .25s;display:inline-block;padding:clamp(.5rem,1vw + .5rem,.5rem);-webkit-text-stroke:1rem #571557}.game-emoji:hover{transform:scale(1.15);filter:drop-shadow(0 0 1.5rem #2da0bdb4)}h1.project-title{font-size:clamp(1.5rem,4vw + 1rem,3.5em);line-height:1.1;-webkit-text-stroke:.1rem #571557;text-shadow:0 0 5px #ff3dff,0 0 10px #ff3dff,0 0 20px #ff3dff,0 0 40px #ff3dff}footer.click-to-start{font-style:italic;color:#bbd0d58a;font-size:clamp(.8rem,2vw + .5rem,1em);text-shadow:0 0 .5rem #2da0bd9d,0 0 1rem #2da0bd;margin-top:1em}:root{--Green-Dark: hsl(168, 57%, 9%);--Green-Dark-v1: hsl(170, 55%, 10%);--Green-Muted: hsl(171, 27%, 33%);--Green-Muted-v1: hsl(171, 43%, 15%)}.kotaina{width:100%;margin:0 auto;color:#000;background-color:var(--Green-Dark-v1)}nav.skeleton-nav{display:flex;justify-content:space-around;margin-bottom:60px}main.skeleton-main{width:80%;margin:0 auto;padding:20px;background:#163732;border-radius:20px}.group-settings{display:flex;gap:5px}footer.skeleton-footer{color:#dcdcdc;font-size:small;font-style:italic;text-align:center;margin-top:30px}button.skeleton-btn{width:55px;height:55px;border-radius:12px;background-color:var(--Green-Muted);border:none}button.skeleton-btn:hover{color:#1f1f1f;cursor:pointer}button.skeleton-btn img{margin:0 auto}button.skeleton-btn span{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.wrapa{display:flex;gap:14px;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace}.game-board-wrapa{width:450px;height:450px;background-color:#0a241f;border-radius:18px}#game-board{border-radius:100px;display:grid;grid-template-columns:repeat(20,20px);grid-template-rows:repeat(20,20px);margin:5px}.rhs{width:400px;height:400px;background-color:#0a241f3d;border-radius:18px;padding:30px}.info{background-color:hsl(168deg 57 9);color:#fcfcfc;padding:14px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;margin-bottom:30px}.info .info-text{font-size:.8rem}#player-name{width:fit-content;font-size:1rem;margin-left:auto;color:#fcfcfc}.score-wrapa{margin-bottom:30px}.score-wrapa h2{font-size:1.5rem;font-weight:800;color:#fcfcfc}.score-and-highscore{display:flex;justify-content:space-between}#score,#high-score{font-size:1.2rem;font-weight:400;margin:10px 0;color:#abb78a}.game-border-3,#logo{background-color:#c4cfa3}.snake{border:#42d9ad 1px dotted;background-color:#42d9ad}.food{width:8px;height:8px;background-color:#46ecd6;border-radius:50%;box-shadow:0 0 0 3px #46ecd64d,0 0 0 6px #46ecd633}#logo{position:absolute;margin-bottom:58px}.button-wrapa{width:fit-content;margin:0 auto}button#start-game{font-size:1rem;padding:30px 100px;border:none;border-radius:12px;background-color:#ffb86a;cursor:pointer;box-shadow:0 6px #b9ab9b}