*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}@font-face{font-family:pixelsix;src:local("pixelsix"),url(/_next/static/media/pixelsix-umlaut.117a5e8e.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:handy;src:local("handy"),url(/_next/static/media/handy.e723ce92.ttf) format("truetype");font-weight:400;font-display:swap}:root{--foreground:#312c2c;--background:#f7f7f7;--green:#75a743;--blue:#73bed3;--darkBlue:#4f8fba;--red:#a53030;--scale:1}.app{padding:1rem;background-color:var(--background);color:var(--foreground);min-height:100vh}.app.dark{background-color:var(--foreground);color:var(--background)}.app.dark .switch{background-color:var(--background)}.app.dark .switch:before{background-color:var(--foreground)}.app.dark input:checked+.switch{background-color:var(--green)}.app.dark input:focus+.switch{box-shadow:0 0 1px var(--green)}body{font-family:pixelsix,monospace,sans-serif;margin:0}.navbar{justify-content:space-between}.navbar,.navbar.left{display:flex}.dark .link:visited{color:var(--background)}.link{padding:0 .5rem;text-decoration:none;display:inline-block}.link,.link:visited{color:var(--foreground)}.link:hover{text-decoration:underline}.bold{font-weight:700}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.optionsContainer{position:absolute;font-size:12px;width:224px;height:150px;background-color:var(--background);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:2px solid var(--foreground);border-radius:4px;white-space:nowrap;display:flex;flex-direction:column;justify-content:center;align-items:center;transform-origin:top center}.dark .optionsContainer{background-color:var(--foreground);color:var(--background);border-color:var(--background);text-shadow:1px 1px 0 var(--foreground)}.optionForm{display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;width:100%;padding-right:40px;font-size:10px}.optionsContainer .close{right:4px}.toggleContainer{display:flex;align-items:center;white-space:nowrap}.toggle input[type=checkbox]{opacity:0;width:0;height:0}.toggle{position:relative;display:inline-block;width:24px;height:16px;margin:1px 0 2px 8px}.switch{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--foreground)}.switch,.switch:before{position:absolute;transition:.3s}.switch:before{content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:var(--background)}input:checked+.switch{background-color:var(--green)}input:focus+.switch{box-shadow:0 0 1px var(--green)}.optionsToggle input:checked+.switch{background-color:var(--darkBlue)}input:checked+.switch:before{transform:translateX(8px)}.characterSelect{width:224px;height:150px;font-size:14px;position:absolute;background-color:var(--background);border:2px solid var(--foreground);border-radius:4px;padding:16px;white-space:nowrap;display:flex;flex-direction:column;justify-content:center;align-items:center;transform-origin:top center}.dark .characterSelect{background-color:var(--foreground);border-color:var(--background)}.characterSelectOptionContainer{display:flex;width:100%;justify-content:space-around;align-items:center}.characterSelectOption{margin-top:16px;width:64px;height:64px;display:flex;justify-content:center;align-items:center;border:2px solid var(--foreground);border-radius:4px;cursor:pointer;overflow:hidden}.dark .characterSelectOption{border-color:var(--background)}.characterSelectOption:active,.characterSelectOption:hover{background-color:var(--green)}.characterSprite{width:64px;height:64px;image-rendering:pixelated;transform:scale(2)}.closeCredits{color:var(--background);border:3px solid var(--background);font-size:30px;top:12px;right:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#10141f}.closeCredits,.gear{border-radius:50%;position:absolute;transform-origin:top right}.gear{top:0;right:0;width:20px;height:20px}.controlsContainer{width:100%;max-width:450px;display:flex;justify-content:space-between;align-items:center;padding-top:16px}.controlsContainer.compact{position:absolute;bottom:8px;filter:drop-shadow(2px 2px 1px var(--foreground))}.compact .extraButton{align-self:flex-end}.controls{touch-action:none}.dpad{width:112px;height:112px;border-radius:50%;position:relative;flex-shrink:0}.dpadArrow{font-size:24px;position:absolute;line-height:32px;width:32px;display:flex;justify-content:center;align-items:center}.dpadArrow.up{top:3px}.dpadArrow.right{right:6px;top:34px}.dpadArrow.down{bottom:10px}.dpadArrow.left{left:6px;top:34px}.controlButton,.dpad,.extraButton{border:2px solid var(--foreground);color:var(--foreground);display:flex;justify-content:center;align-items:center}.compact .controlButton,.compact .dpad,.compact .extraButton{border-color:var(--background);color:var(--background)}.dark .controlButton,.dark .dpad,.dark .extraButton{border:2px solid var(--background);color:var(--background)}.controlButtonContainer{width:80px;position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.controlButton{height:48px;width:48px;border-radius:50%;position:relative}.controlButton.a{left:16px}.controlButton.b{right:16px}.extraButton{border-radius:24px;height:36px;width:64px;font-size:10px;align-self:flex-start;flex-shrink:0}@media (min-width:320px){.dpad{width:128px;height:128px}.dpadArrow{font-size:32px}.dpadArrow.left,.dpadArrow.right{top:42px}.controlButtonContainer{width:96px}.controlButton{height:64px;width:64px}.extraButton{font-size:12px;width:72px}}@media (min-width:700px){.controlsContainer:not(.compact){max-width:100%;padding:16px 32px}}.offscreenCanvas{display:none}.title{font-weight:400;font-size:clamp(1rem,10vw,3rem);padding-top:16px}.infoButton{border:2px solid var(--darkBlue);width:24px;height:24px;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;font-size:14px;padding-left:1px;color:var(--darkBlue);margin-left:8px}.infoButton .dark .infoButton{border-color:var(--blue);color:var(--blue)}.preCanvasContainer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.info{max-width:512px;padding:16px 0}.gameContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.canvasContainer{flex-direction:column;align-items:center;transform-origin:top center;transform:scale(var(--scale));padding-top:16px}.canvasContainer,.canvasShrinkwrap{width:100%;position:relative;display:flex;justify-content:center}.canvasShrinkwrap{align-content:center;max-width:720px}.canvas{image-rendering:pixelated;bottom:0;border-radius:4px;width:100%}.canvas.focused{outline:2px solid var(--darkBlue)}.fps{display:inline-block;top:8px;left:8px;font-size:12px;color:var(--background);text-shadow:1px 1px 1px var(--foreground),-1px 1px 1px var(--foreground),1px -1px 1px var(--foreground),-1px -1px 1px var(--foreground);z-index:1;white-space:nowrap}.fps,.textbox{position:absolute}.textbox{border:2px solid var(--foreground);border-radius:2px;width:224px;height:48px;background-color:var(--background);color:var(--foreground);padding:2px 8px;display:flex;align-items:center;justify-content:center;transform-origin:bottom center}.textbox.night{border-color:var(--background);background-color:var(--foreground);color:var(--background)}.textbox.compactControls{transform-origin:top center}.textboxVisible{min-height:20px;max-height:40px;width:204px;overflow:hidden}.textboxVisible.overflow:after{font-size:16px;content:"▼";position:absolute;bottom:-4px;right:2px}.textbox a:link,.textbox a:visited{color:var(--darkBlue)}.textbox a:hover{text-shadow:1px 1px 0 #d3d3d3}.night.textbox a:hover{color:var(--blue);text-shadow:1px 1px 0 #000}.text{padding:0;margin:0;position:relative;line-height:20px}.credits,.text{text-align:center;font-size:12px}.credits{color:var(--background);z-index:1;position:absolute;top:56px;width:240px;text-shadow:1px 1px 0 dimgrey;display:flex;align-items:center;justify-content:center;white-space:nowrap}.devCanvas{image-rendering:pixelated}@media (min-width:500px){.preCanvasContainer{flex-direction:row}.info{padding:16px 32px 0 0;order:0}.title{padding:0}}.instructionsShrinkwrap{width:224px;height:150px;position:absolute;transform-origin:top center}.instructionsContainer{height:150px;font-size:14px;position:relative;background-color:var(--background);border:2px solid var(--foreground);border-radius:4px;white-space:nowrap;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;text-align:center;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:y mandatory}.dark .instructionsContainer{background-color:var(--foreground);border-color:var(--background)}.close{color:var(--foreground);border:2px solid var(--foreground);border-radius:50%;position:absolute;font-size:16px;top:4px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transform-origin:top right;cursor:pointer;background-color:var(--background)}.close:hover,.dark .close:hover{color:var(--green)}.dark .close{color:var(--background);border-color:var(--background);background-color:var(--foreground)}.instructionSection{min-width:224px;width:224px;height:150px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:4px;padding:8px;scroll-snap-align:center;position:relative}.instructionSection:after{position:absolute;bottom:2px;right:8px;content:"▼"}.instructionSection:last-child:after{content:""}.instructionSection:first-child:before{content:"(scroll for more)";position:absolute;bottom:4px;right:16px;font-size:8px}.instructionSection:nth-child(2n){background-color:#d2d2d2}.dark .instructionSection:nth-child(2n){background-color:#494242}.dark .controlKey,.dark .directionKey,.dark .instructionLabel,.dark .instructionSection{border-color:var(--background)}.instructionLabel{width:100%;border-bottom:2px solid var(--foreground);text-align:center}.introText,.outroText{display:flex;justify-content:center;align-items:center;white-space:normal;font-size:12px}.outroText p{padding:4px 0 4px 4px;width:100%;text-align:left}.instruction{display:flex;height:96px;align-items:center;justify-content:center}.instruction .dpad{width:64px;height:64px}.instruction .dpadArrow{font-size:16px;line-height:16px}.instruction .dpadArrow.up{top:0}.instruction .dpadArrow.down{bottom:2px}.instruction .dpadArrow.left{left:-8px;top:21px}.instruction .dpadArrow.right{right:-8px;top:21px}.instructionType{padding:8px}.instructionSection.start{flex-direction:column;align-items:center;justify-content:center}.instructionSection.start form{display:flex;flex-direction:column;align-items:center}.instructionSection.start form label{display:inline-block;width:180px;white-space:normal;text-align:right;padding-right:8px;font-size:10px}.optionCheckbox{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.instructionsContainer button{border:2px solid var(--foreground);border-radius:4px;background-color:transparent;padding:4px 8px;cursor:pointer;color:var(--foreground);text-decoration:underline;text-decoration-thickness:2px;background-color:var(--background);width:140px}.instructionsContainer button:hover{-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);background-color:#d2d2d2}.dark .instructionsContainer button{border-color:var(--background);color:var(--background);background-color:var(--foreground)}.dark .instructionsContainer button:hover{background-color:var(--foreground);background-color:#494242}.resetSave{font-size:9px}.resetSave button{border-width:2px;margin:0 0 0 4px;padding:2px 0;width:100px;text-decoration-thickness:1px;background-color:#d2d2d2}.resetSave button:hover{background-color:var(--background)}.dark .resetSave button{background-color:#494242}.dark .resetSave button:hover{background-color:var(--foreground)}.confirmResetSave button{width:28px;border-width:2px}.separator{font-size:12px}.separator,.wasd{display:flex;justify-content:center;align-items:center}.wasd{flex-direction:column}.bottomRow,.directionKey,.topRow{display:flex;justify-content:center;align-items:center}.directionKey{width:32px;height:32px;border:2px solid var(--foreground);border-radius:4px;margin:0 1px 2px}.directionKey.shift{width:56px}.controlKey{display:flex;justify-content:center;align-items:center;border:2px solid var(--foreground);width:32px;height:32px;border-radius:50%}.controlKey.scooter{border-radius:24px;width:64px;font-size:12px;align-self:flex-start;border-radius:16px}