@import"https://fonts.googleapis.com/css2?family=Marcellus&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;font-family:Marcellus,serif;background-color:#fff;overflow:hidden;position:relative}h1{z-index:20;position:absolute;bottom:0;left:0;padding:2rem 1rem;font-size:2rem;color:#333}.logo-min-culture{position:absolute;bottom:0;right:0;display:flex;place-content:center;width:6rem;height:6rem;padding:1rem;z-index:20}#gameCanvas{position:absolute;top:0;left:0;width:100vw;height:100dvh;background-color:#fff;display:block;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}#snakeSVG{position:absolute;top:0;left:0;width:100vw;height:100dvh;pointer-events:none;z-index:5;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.snake-head{fill:#000;stroke:#000;stroke-width:1}.snake-path{fill:#000;stroke:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10}.screen.hidden{display:none!important}#blankScreen.slide-out{transform:translateY(-100%)!important}#blankScreen.slide-in{transform:translateY(0)!important}#splashScreen{background-color:#fdfdfd;color:#333}.splash-content{text-align:center}#blankScreen{background-color:#fbfbfa!important;z-index:20!important;transform:translateY(100%)!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;transition:transform .5s ease-in-out!important;justify-content:center!important;align-items:center!important}.blank-content{width:100%;height:100%}.game-button{background-color:#588157;color:#fff;border:none;padding:20px 48px;font-size:1.4rem;border-radius:64px;cursor:pointer;box-shadow:0 8px #3d5a3d,0 6px 8px #0003;transition:box-shadow .1s ease,transform .1s ease;position:relative;transition:background-color,.25s}.game-button:hover{background-color:#698e68}.game-button:active{transform:translateY(4px);box-shadow:0 1px #3d5a3d,0 2px 4px #0003}@media (max-width: 768px){.splash-content h1{font-size:2rem}.game-button{padding:15px 36px;font-size:1.2rem}}@media (max-width: 480px){.splash-content h1{font-size:1.5rem}.game-button{padding:12px 30px;font-size:1rem}}.settings-toggle{position:fixed;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #333;background-color:#fff;color:#333;font-size:1.2rem;cursor:pointer;z-index:30;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.settings-toggle:hover{background-color:#f5f5f5;transform:scale(1.05)}.settings-panel{position:fixed;top:4rem;right:1rem;width:280px;max-height:calc(100vh - 5rem);background-color:#fff;border:2px solid #333;border-radius:8px;box-shadow:0 4px 16px #0003;z-index:25;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.settings-panel.hidden{display:none}.settings-content{padding:1rem;overflow-y:auto;max-height:calc(100vh - 5rem)}.settings-title{font-size:1.2rem;margin-bottom:.75rem;color:#333;border-bottom:2px solid #333;padding-bottom:.5rem}.settings-group{margin-bottom:1rem}.settings-group h4{font-size:.9rem;margin-bottom:.5rem;color:#555;font-weight:600}.setting-item{margin-bottom:.75rem;font-size:.85rem}.setting-item label{display:block;margin-bottom:.25rem;color:#333;font-weight:500}.setting-item input[type=range]{width:100%;margin-top:.25rem;cursor:pointer}.setting-item input[type=checkbox]{margin-right:.5rem;cursor:pointer}.setting-item span{font-weight:600;color:#588157}.copy-settings-button{width:100%;padding:.75rem;background-color:#588157;color:#fff;border:2px solid #3d5a3d;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;font-family:Marcellus,serif}.copy-settings-button:hover{background-color:#698e68;transform:translateY(-1px)}.copy-settings-button:active{transform:translateY(0);background-color:#3d5a3d}.jog-wheel-container{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);width:100px;height:100px;display:none;align-items:center;justify-content:center;z-index:15;pointer-events:none}.jog-wheel-outer{position:absolute;width:100px;height:100px;border-radius:50%;background-color:#0003;pointer-events:auto;touch-action:none}.jog-wheel-inner{position:absolute;width:48px;height:48px;border-radius:50%;background-color:#000;pointer-events:auto;touch-action:none;transform:translate(-50%,-50%);left:50%;top:50%;transition:transform .1s ease-out}@media (max-width: 767px){.jog-wheel-container{display:flex}}