.blip{position:absolute;text-align:center;max-width:300px}html,body{margin:0;padding:0;overflow:hidden;background:#000;touch-action:none}#app{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#000000d9;color:#fff;text-align:center}#progressbar{background-color:#fff3;border-radius:13px;padding:3px;width:300px;height:26px;margin-top:10px}#progressbar>div{background-color:#0f5;width:0%;height:25px;border-radius:10px;transition:width .3s ease}canvas{display:block;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}#dev-tools{position:absolute;display:flex;top:0;right:0;flex-direction:row-reverse;margin:1em;flex-wrap:wrap;align-content:flex-start;z-index:999999999999;>*{flex-shrink:0;margin-left:1em;height:fit-content}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}html,body{margin:0;height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}.dialogue{pointer-events:none;display:flex;align-items:end;gap:1em;justify-content:center;position:absolute;bottom:0;left:0;width:100%;.spacer{pointer-events:none;width:12em;flex-shrink:0}.image{pointer-events:none;width:25%;canvas{overflow:visible;pointer-events:none;width:100%;border:1px black solid;border-radius:15px 15px 0 0;image-rendering:auto}}#dialogue-text-container{overflow:auto;max-height:8em}.text{pointer-events:auto;flex-grow:2;flex-basis:0;z-index:1;background-color:#171717;border-radius:15px 15px 0 0;height:50%;padding:10px 10px 10px 20px;h3{pointer-events:auto}}div{pointer-events:none}}.dialogue-choices{pointer-events:none;gap:1em;display:flex;flex-direction:column;align-items:flex-end}.respawn-btn{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);background-color:#ccc}.big{width:100%;height:100%;position:absolute;z-index:11;pointer-events:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.container{overflow:scroll;max-width:300px;text-align:center;z-index:11;padding:100px;background-color:#000;font-size:2rem;height:100%;pointer-events:auto;>div+div{margin-top:1.6rem}& strong{display:block;font-size:1.3rem;font-weight:400}}.btn-11,.btn-11 *,.btn-11 :after,.btn-11 :before,.btn-11:after,.btn-11:before{border:0 solid;box-sizing:border-box}.btn-11{pointer-events:all;-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:#000;background-image:none;color:#fff;cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;font-weight:900;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0;text-transform:uppercase}.btn-11:disabled{cursor:default}.btn-11:-moz-focusring{outline:auto}.btn-11 svg{display:block;vertical-align:middle}.btn-11 [hidden]{display:none}.btn-11{border-radius:99rem;border-width:2px;overflow:hidden;padding:.8rem 3rem;position:relative}.btn-11 span{mix-blend-mode:difference}.btn-11:before{-webkit-animation:bg-scroll 3s linear infinite;animation:bg-scroll 3s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2) .7%,transparent 0,transparent 4%);content:"";display:block;height:300%;left:-100%;opacity:0;position:absolute;top:0;transition:opacity .3s,background-color .2s;width:300%}.btn-11:hover:before{-webkit-animation-play-state:running;animation-play-state:running;opacity:1}.btn-11:active:before{background-color:#fff}@-webkit-keyframes bg-scroll{0%{transform:translate(0)}to{transform:translate(33%)}}@keyframes bg-scroll{0%{transform:translate(0)}to{transform:translate(33%)}}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}#silly-dialogue{position:absolute;width:100%;height:100%}@keyframes tilt-n-move-shaking{0%{transform:translate(0) rotate(0)}25%{transform:translate(5px,5px) rotate(5deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(-5px,5px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.shake{animation:tilt-n-move-shaking .3s infinite;display:inline-block}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#touch-controls{position:fixed;display:flex;justify-content:space-between;z-index:3;left:0;bottom:0;width:100%;.dpad{display:grid;width:11em;grid-template-columns:auto auto auto;padding:2em;grid-gap:.25em}.actions{display:flex;padding:2em;flex-direction:row-reverse;align-items:flex-end;justify-content:space-between;.a-control{margin:0 1em}}.button-sized{user-select:none;width:3.5em;height:3.5em}.m-control,.a-control{background:#ffffff80;border:none}.active-button{background:#0ffc}}