@font-face{font-family:Creepster;src:url(./../fonts/Creepster-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:inherit;user-select:none;-webkit-user-select:none;-moz-user-select:none}html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}body,h1,h2,h3,h4,h5,h6,p,pre{margin:0}h1{font-size:2em}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,html [type=button],[type=reset],[type=submit]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border-style:none;padding:0}input{overflow:visible}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration-box{-webkit-appearance:none}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[hidden],template{display:none}a{text-decoration:none;color:inherit}.toast{position:fixed;top:10px;right:10px;left:10px;background-color:#f44336;color:#fff;padding:10px;border-radius:5px;z-index:1000}*{scrollbar-width:thin;scroll-behavior:smooth;scrollbar-color:black}body{min-height:100vh;background-color:#000}#main-menu{min-height:inherit;width:100vw;display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Creepster;gap:40px}#game-menu{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);padding:20px;display:flex;flex-direction:column;gap:10px;margin-top:40px;margin-bottom:40px}#game-title{font-size:80px;margin-top:40px;margin-bottom:40px;text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1),1px -1px 2px rgba(255,255,255,1),-1px 1px 2px rgba(255,255,255,1)}#game-menu a{columns:black;text-align:center;font-size:12px;text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1),1px -1px 2px rgba(255,255,255,1),-1px 1px 2px rgba(255,255,255,1);text-decoration:underline}#start-btn,#help-btn{font-size:44px;text-shadow:1px 1px 2px rgba(0,0,0,1),-1px -1px 2px rgba(0,0,0,1),1px -1px 2px rgba(0,0,0,1),-1px 1px 2px rgba(0,0,0,1);background:#fff3;border:none;border-radius:10px;padding:10px 40px;color:#fff;font-family:inherit;cursor:pointer;transition:all 125ms}#help-btn:disabled{cursor:not-allowed}#volume-control,#sound-control,#volume-control-mobile{width:44px;height:44px;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:0;border:none;background:#fff3;text-shadow:1px 1px 2px rgba(0,0,0,1),-1px -1px 2px rgba(0,0,0,1),1px -1px 2px rgba(0,0,0,1),-1px 1px 2px rgba(0,0,0,1)}#volume-control-mobile{display:none}#volume-control svg,#sound-control svg,#volume-control-mobile svg{width:32px;height:32px}#start-btn:not(:disabled):hover,#help-btn:not(:disabled):hover,#volume-control:not(:disabled):hover,#sound-control:not(:disabled):hover{background:#fff9}#start-btn:not(:disabled):active,#help-btn:not(:disabled):active{background:#0000004d;color:#8b0000}#controls{width:100%;margin-top:20px;display:flex;justify-content:space-around}#canvas1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;max-width:100%;z-index:-1}#help-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a8;display:flex;justify-content:center;align-items:center;font-family:Creepster;letter-spacing:.15em;text-shadow:1px 1px 2px rgba(0,0,0,1),-1px -1px 2px rgba(0,0,0,1),1px -1px 2px rgba(0,0,0,1),-1px 1px 2px rgba(0,0,0,1)}#help-modal-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f5f5f5;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:20px 32px 30px;height:210px;background:linear-gradient(90deg,#7909091a,#79090929,#7909091a);background-size:200% 200%;animation:bloodyFlow 5s ease-in-out infinite}@keyframes bloodyFlow{0%{background-position:0% 0%}50%{background-position:-200% 0%}to{background-position:0% 0%}}#help-modal-content h2{margin-top:0}#help-modal-close-btn{color:#fff;background:none;border:none;font-size:16px;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,1),-1px -1px 2px rgba(0,0,0,1),1px -1px 2px rgba(0,0,0,1),-1px 1px 2px rgba(0,0,0,1)}#help-modal-close-btn:hover{text-shadow:0 0 10px rgba(0,0,0,.66);animation:spooky-hover .5s ease-in-out infinite alternate}@keyframes spooky-hover{0%{transform:scale(1)}to{transform:scale(1.1)}}.help-modal-keyboard{display:flex;height:100%;gap:32px;align-items:center}.help-modal-keyboard-cell{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:inherit}#arrowUp:after{position:absolute;content:"jump";top:-18px;font-size:12px;font-weight:700}#arrowDown:after{position:absolute;content:"sit / meteor strike";font-size:12px;font-weight:700;text-wrap:nowrap;bottom:-18px}#arrowLeft:after{position:absolute;content:"move left";font-size:12px;font-weight:700;text-wrap:nowrap;top:-16px}#arrowRight:after{position:absolute;content:"move right";font-size:12px;font-weight:700;text-wrap:nowrap;top:-16px}#enter:after{position:absolute;content:"rolling";font-size:12px;font-weight:700;text-wrap:nowrap;right:-67px}#f-key:after{position:absolute;content:"Fullscreen";font-size:12px;font-weight:700;text-wrap:nowrap;right:-90px}#d-key:after{position:absolute;content:"toggle debug";font-size:12px;font-weight:700;text-wrap:nowrap;right:-104px}.help-modal-keyboard-column{display:flex;justify-content:center;align-items:flex-end;gap:16px}.help-modal-keyboard-key{position:relative;height:min-content;display:flex;justify-content:center;align-items:center;background:#fff3;border-radius:10px;border:1px solid black;padding:10px}.help-modal-keyboard-key-container{display:flex;flex-direction:column;gap:16px}.help-modal-keyboard-key svg{width:20px;height:20px}.help-modal-keyboard-key svg path{animation:shimmer 1s ease-in-out infinite alternate}#help-moda-special-keys{display:flex;flex-direction:column;gap:4px;width:100%;align-items:baseline}.mobile-canvas-control{position:fixed;width:155px;height:66px;display:none;justify-content:center;align-items:center}#mobile-canvas-control-left{top:50%;left:20px;transform:translateY(-50%)}#mobile-canvas-control-right{width:fit-content;top:50%;right:20px;transform:translateY(-50%)}#mobile-canvas-control-exit{position:fixed;bottom:20px;left:20px}.mobile-canvas-button{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0;font:inherit;cursor:pointer;background-color:#000000bf;border-radius:9999px;width:50px;height:50px;border:2px solid black;box-shadow:0 0 10px #fff}.mobile-canvas-button:active{background-color:#790909bf}.mobile-canvas-button svg{width:20px;height:20px;fill:#fff}@keyframes shimmer{0%{fill:#ffffffa8}to{fill:#fffffffc}}#rotate-device{display:none}#dev-notice{position:absolute;top:0;right:0;background-color:#8a0303;padding:5px 10px;color:#000;font-size:14px;letter-spacing:.05em;font-weight:700;border-radius:0 0 0 5px;text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1),1px -1px 2px rgba(255,255,255,1),-1px 1px 2px rgba(255,255,255,1)}#social-media-links{position:absolute;padding:10px;bottom:5px;right:5px;display:flex;align-items:center;gap:10px;justify-content:center}#social-media-links a{display:flex;justify-content:center;align-items:center}#social-media-links img{filter:invert()}@media only screen and (max-width: 480px),(max-width: 768px) and (orientation: portrait),(max-width: 1024px) and (orientation: portrait){body{min-height:100dvh}#game-title{font-size:clamp(24px,15vw,64px)}.mobile-canvas-control,#mobile-canvas-control-exit,#volume-control{display:none}#volume-control-mobile{display:flex}#rotate-device{display:block}#rotate-device-parent:before{content:"Before you start Rotate Device";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding-top:20px;text-align:center;line-height:2;width:250px;height:200px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;text-shadow:1px 1px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black;font-family:Creepster;letter-spacing:.125em;z-index:1}#rotate-device-parent:after{position:fixed;top:50%;left:50%;transform:translate(-50%,20%);content:"";width:200px;height:200px;background-image:url(./../img/rotate_screen.png);background-size:contain;background-repeat:no-repeat;z-index:2}}@media only screen and (max-width: 480px) and (orientation: landscape),(max-width: 768px) and (orientation: landscape),(max-width: 1024px) and (orientation: landscape){body{min-height:100dvh}#game-title{font-size:58px;margin-top:20px;margin-bottom:20px}#main-menu{gap:unset;padding:0}#game-menu{margin-top:unset;margin-bottom:unset}#start-btn,#help-btn{font-size:24px}#volume-control{display:none}#volume-control-mobile,.mobile-canvas-control,#mobile-canvas-control-exit{display:flex}#help-moda-special-keys{margin-bottom:60px}#f-key,#d-key,#rotate-device{display:none}}