.gridContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--blockSize),1fr));grid-template-rows:repeat(auto-fill,minmax(var(--blockSize),1fr));width:100%;height:100vh;background-color:var(--green);position:absolute;top:0;left:0;right:0;bottom:0}.grid-cell{width:var(--blockSize);height:var(--blockSize);transition:background-image .3s ease;cursor:pointer;background-image:url(images/grass.webp);background-position:center;background-size:cover}.user{width:var(--blockSize);height:var(--blockSize);background-color:#c58c85;position:absolute;transition:all .1s ease;background-image:url(/images/user.jpg);background-position:center;background-size:cover;overflow:hidden;cursor:pointer}.mainGround .sheep{width:var(--blockSize);height:var(--blockSize);background-color:#fff;position:absolute;background-image:url(/images/sheep.webp);background-size:cover;background-position:center;transition:background-image .3s ease;cursor:pointer}.inventory-box{display:grid;grid-template-columns:repeat(3,64px);grid-gap:8px;padding:16px;background-color:#8b8b8b;border:4px solid #5a5a5a;border-radius:8px;position:absolute;bottom:10px;left:50%;right:50%;transform:translate(-50%);margin:0 auto;z-index:99;width:fit-content}.slot{width:var(--blockSize);height:var(--blockSize);background-color:#c6c6c6;border:2px solid #5a5a5a;box-sizing:border-box;background-position:center;background-size:cover}.slot:hover{background-color:#a8a8a8;cursor:pointer}.inventory-box .bush{background-image:url(/images/bush.webp)}.inventory-box .sheep{background-image:url(/images/sheep.webp)}.clock .time{position:fixed;top:20px;left:20px;background-color:#fff;padding:.5rem}.sound-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;background-color:#fff;border-radius:50%;box-shadow:0 2px 10px #0003;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;transition:all .3s ease}.sound-toggle:hover{transform:scale(1.1);box-shadow:0 4px 15px #0000004d}.sound-icon{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.sound-on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E")}.sound-off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100vh;overflow:hidden}:root{--green: #7bb369;--blockSize: 50px}