@charset "UTF-8";html{height:100%}@font-face{font-family:Micro5;src:url(./Micro5-Regular.ttf)}body:has(.rumble-snake-game:focus){overflow:hidden!important}body .rumble-snake-game{flex-direction:column;justify-content:center;margin:0;height:100%;background:#008c32}body .rumble-snake-game:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.15}#rumbleSnake.fullscreen,#rumbleSnake .fullscreen{position:fixed;left:0;top:0;z-index:9999999;width:100%}#rumbleSnake.fullscreen canvas#gameEngine,#rumbleSnake .fullscreen canvas#gameEngine{height:100dvh;max-height:100dvh}#rumbleSnake.fullscreen button,#rumbleSnake .fullscreen button,#rumbleSnake.fullscreen .score,#rumbleSnake .fullscreen .score{position:relative;top:-59px;opacity:.6}#rumbleSnake{position:relative;margin:0 auto;padding:0 0 8px;width:90%;height:auto;max-width:100%;max-height:100%}@media (orientation: landscape){#rumbleSnake{padding:16px 16px 8px;max-width:800px;width:100%;height:auto}}#rumbleSnake canvas#gameEngine{display:block;margin-bottom:8px;border-radius:4px;width:100%;max-height:calc(80vh - 56px);background:#333;box-shadow:inset 5px 5px 32px #0003,inset -5px -5px 32px #0003,0 2px #ffffff1a,0 16px 64px #0000004d;touch-action:none}#rumbleSnake .fullscreenButton{display:flex;float:right;margin-right:16px;border:none;border-radius:4px;padding:0 16px;line-height:40px;background:#0a6;box-shadow:0 0 16px #0000001a}@media (orientation: landscape){#rumbleSnake .fullscreenButton{display:none}}#rumbleSnake .fullscreenButton:after{content:"⛶";color:#00500f;vertical-align:middle;font-size:24px;font-weight:700;text-shadow:2px 2px 0 rgba(255,255,255,.1)}#rumbleSnake .reloadButton{display:flex;float:right;margin-right:16px;border:none;border-radius:4px;padding:0 16px;line-height:40px;background:#0a6;box-shadow:0 0 16px #0000001a}#rumbleSnake .reloadButton:after{content:"⟳";color:#00500f;vertical-align:middle;font-size:24px;font-weight:700;text-shadow:2px 2px 0 rgba(255,255,255,.1)}#rumbleSnake .pauseButton{display:flex;float:right;margin-right:16px;border:none;border-radius:4px;padding:0 16px;line-height:40px;background:#0a6;box-shadow:0 0 16px #0000001a}#rumbleSnake .pauseButton:after{content:"‖";color:#00500f;vertical-align:middle;font-size:24px;font-weight:700;text-shadow:2px 2px 0 rgba(255,255,255,.1)}#rumbleSnake .pauseButton.paused:after{content:"▶";font-size:16px}#rumbleSnake .score{display:flex;align-items:center;gap:8px;margin:0 15px;width:fit-content;font-family:Micro5 serif;font-size:40px;color:#fff;text-shadow:-2px -2px 0 rgba(0,0,0,.2)}#rumbleSnake .score:after{content:"";display:block;width:32px;height:32px;background-image:url(./fruits.png);background-repeat:no-repeat;background-position-x:var(--fruit-position, 0);filter:drop-shadow(2px 2px 2px rgba(0,0,0,.2))}