:root{--c0: .931191 .506069 .380254;--c1: .799984 .624692 .041423;--c2: .502262 .740474 .365911;--c3: 0 .764571 .739288;--c4: .310867 .683832 1;--c5: .654421 .56602 1;--c6: .872924 .489798 .743115;--c7: .653306 .653306 .653306;--safe-dvw: calc(100dvw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)) ;--safe-dvh: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) ;--arrow-base-size: max(min(var(--safe-dvh), var(--safe-dvw) * 16 / 9) * .04, 16px);--arrow-short-size: calc(.8660254037844386 * var(--arrow-base-size));--unit-step: 2px;color-scheme:only light}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background-color:#000;visibility:hidden}body{display:flex;justify-content:center;align-items:center;touch-action:none;background:radial-gradient(circle at center,color(display-p3 var(--c7) / 1),color(display-p3 var(--c7) / 0),color(display-p3 var(--c7) / 0)),conic-gradient(from 0deg,color(display-p3 var(--c0)),color(display-p3 var(--c1)),color(display-p3 var(--c2)),color(display-p3 var(--c3)),color(display-p3 var(--c4)),color(display-p3 var(--c5)),color(display-p3 var(--c6)),color(display-p3 var(--c0)));padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}body.pos-top #pos-controls{top:auto;bottom:env(safe-area-inset-bottom,0px)}body:not(.pos-top) #pos-controls{top:env(safe-area-inset-top,0px)}body.pos-left #pos-controls{left:auto;right:env(safe-area-inset-right,0px)}body:not(.pos-left) #pos-controls{left:env(safe-area-inset-left,0px)}.pos-left{justify-content:flex-start}.pos-hcenter{justify-content:center}.pos-right{justify-content:flex-end}.pos-top{align-items:flex-start}.pos-vcenter{align-items:center}.pos-bottom{align-items:flex-end}#pos-controls{position:fixed;z-index:5000;display:flex;gap:calc(.5 * var(--arrow-base-size));padding:calc(.25 * var(--arrow-base-size));pointer-events:none;align-content:center;justify-content:center;min-width:calc(1.5 * var(--arrow-base-size));min-height:calc(1.5 * var(--arrow-base-size))}.arrow-button{color:#000!important;background-color:transparent;pointer-events:auto;cursor:pointer;border:none;outline:none;height:var(--arrow-base-size);width:var(--arrow-base-size);flex-shrink:0}.arrow-button.up,.arrow-button.down{height:var(--arrow-short-size);width:var(--arrow-base-size)}.arrow-button.left,.arrow-button.right{height:var(--arrow-base-size);width:var(--arrow-short-size)}.arrow-button svg{display:block;width:100%;height:100%}.game-font,.game-font::placeholder,.game-font-back,.game-font-middle,.game-font-front,.text-wrapper{font-family:Noto Sans Display,Noto Sans;font-style:italic;font-stretch:62.5%;font-weight:900;font-variation-settings:"wght" 900,"wdth" 62.5,"ital" 1;font-display:block;font-kerning:normal;font-variant-ligatures:none}.game-font,.game-font::placeholder,.game-font-back{-webkit-text-stroke:.25em color(display-p3 1 1 1);paint-order:stroke fill}.game-font,.game-font::placeholder,.game-font-middle{text-shadow:0 0 .05em color(display-p3 var(--c7)),0 0 .1em color(display-p3 var(--c7)),0 0 .15em color(display-p3 var(--c7)),0 0 .2em color(display-p3 var(--c7)),0 0 .25em color(display-p3 var(--c7))}.game-font,.game-font::placeholder,.game-font-front{color:#000!important;z-index:3}.game-font-middle{z-index:2}.game-font-back{z-index:1}.game-font-back,.game-font-middle{color:transparent}.game-font-back,.game-font-front{text-shadow:none}.game-font-middle,.game-font-front{-webkit-text-stroke:0;paint-order:normal}.text-wrapper{-webkit-text-stroke:0!important;text-shadow:none!important;color:transparent!important}.full-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080}.ui-input-container{display:flex;pointer-events:auto;gap:1.5%;margin-bottom:3%}.ui-element{padding:1.5%;border:.4% solid color(display-p3 1 1 1);border-radius:1%;background-color:color(display-p3 var(--c7) / .5);outline:none;text-align:center}.ui-button{cursor:pointer;transition:background-color .2s}.ui-button:hover{background-color:color(display-p3 var(--c7) / .75)}.hs-row{display:flex;justify-content:space-between;margin:.5% 0;padding:.5% 1.5%}.debug-overlay{position:absolute;top:10px;right:10px;padding:5px;background-color:#00000080;pointer-events:none;z-index:3000}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.pulse{animation:pulse 1.5s infinite}.big-text{font-size:max(10%,16px)}.med-text{font-size:max(5%,16px)}.small-text{font-size:max(3%,16px)}.big-margin{margin-bottom:3%}.small-margin{margin-bottom:1.5%}.game-font::placeholder{opacity:1}.debug-font{font-family:monospace;font-size:16px;color:#fff}.text-wrapper{position:relative;display:inline-block}.layer{display:block;line-height:1}.layer:not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#game-container{--unit: round(down, min(var(--safe-dvh) / 16, var(--safe-dvw) / 9), var(--unit-step));height:calc(16 * var(--unit));width:calc(9 * var(--unit));font-size:calc(16 * var(--unit));display:flex;justify-content:center;align-items:center;position:relative}#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}