@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter;--fixed-vh: 1vh;--fixed-vw: 1vw;--fixed-vd: hypot(1vw, 1vh);font-size:min(var(--fixed-vh) * 100 / 48,var(--fixed-vw) * 100 / 24);--bg-0: #ffffff;--bg-1: #F2F1F6;--bg-2: #E4E4E6}@media(min-aspect-ratio:1/1){.container{font-size:calc(16*min(var(--fixed-vh) * 100 / 1080,var(--fixed-vw) * 100 / 1300))}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;flex-shrink:0}body{margin:0;height:calc(100 * var(--fixed-vh));width:calc(100 * var(--fixed-vw));overflow:hidden;background:linear-gradient(to bottom,#0003,#0003),url(/assets/background.png) center center / cover #aaa;touch-action:none}#canvas-holder,#canvas{position:absolute;inset:0;width:100%;height:100%}#navbar{--dpad-size: 10rem;background:var(--bg-0);position:fixed;-webkit-user-select:none;user-select:none;width:24rem;inset:0 0 auto 50%;transform:translate(-50%);box-shadow:#0000001a 0 0 3rem;display:grid;grid-template-columns:auto 1fr;padding:.75rem;height:3.25rem;display:flex;flex-direction:column;border-radius:0 0 1.75rem 1.75rem}@supports (corner-shape: squircle){#navbar{border-radius:0 0 3rem 3rem;corner-shape:squircle}}#navbar>img{height:2.25rem;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%);pointer-events:none}.directional-pad{--line-color: #bbbbbb}.directional-pad>.circle{--thickness: .1875rem;position:absolute;inset:.75rem;border-radius:50%;border:var(--thickness) solid var(--line-color);overflow:hidden}.directional-pad>.circle>.vertical-line{position:absolute;inset:calc(-1 * var(--thickness)) auto calc(-1 * var(--thickness)) 50%;transform:translate(-50%)}.circle>.vertical-line[data-direction="-1"]{width:calc(var(--width) * 100%);border-radius:50%;border:0rem solid var(--line-color);border-left:.25rem solid var(--line-color)}.directional-pad>.circle>.vertical-line[data-direction="1"]{width:calc(var(--width) * 100%);border-radius:50%;border:0rem solid var(--line-color);border-right:.25rem solid var(--line-color)}.directional-pad>.circle>.horizontal-line{position:absolute;inset:50% calc(-1 * var(--thickness)) auto calc(-1 * var(--thickness));transform:translateY(-50%) rotate(var(--angle))}.directional-pad>.circle>.horizontal-line[data-direction="-1"]{height:calc(var(--height) * 100%);border-radius:50%;border:0rem solid var(--line-color);border-top:.25rem solid var(--line-color)}.directional-pad>.circle>.horizontal-line[data-direction="1"]{height:calc(var(--height) * 100%);border-radius:50%;border:0rem solid var(--line-color);border-bottom:.25rem solid var(--line-color)}#interaction-menu{--dpad-size: 10rem;background:var(--bg-0);position:fixed;-webkit-user-select:none;user-select:none;width:24rem;inset:auto 0 0 50%;transform:translate(-50%);box-shadow:#0000001a 0 0 3rem;display:grid;grid-template-columns:auto 1fr;padding:.75rem;height:calc(var(--dpad-size) + 1.5rem);display:flex;flex-direction:column;border-radius:1.75rem 1.75rem 0 0}@supports (corner-shape: squircle){#interaction-menu{border-radius:3rem 3rem 0 0;corner-shape:squircle}}#interaction-menu>.main-row{display:grid;grid-template-columns:auto 1fr;gap:.625rem}#interaction-menu>.main-row>.directional-pad{background:var(--bg-1);width:var(--dpad-size);height:var(--dpad-size);border-radius:1rem;position:relative;box-shadow:inset #0000000d 0 0 2rem}@supports (corner-shape: squircle){#interaction-menu>.main-row>.directional-pad{border-radius:1.75rem;corner-shape:squircle}}#interaction-menu>.main-row>.sliders{--split-animation-progress: 0;transition:--split-animation-progress .5s cubic-bezier(.39,1.35,.3,1);--padding: .75rem;--slider-count: calc(2 + var(--split-animation-progress));--column-width: 100%;position:relative;--thumb-height: 2.5rem;--thumb-padding: .25rem;--button-height: 2rem;isolation:isolate}#interaction-menu>.main-row>.sliders[data-is-split=true]{--split-animation-progress: 1}@property --split-animation-progress{syntax: "<number>"; initial-value: 0; inherits: true; animatable: true;}#interaction-menu>.main-row>.sliders>.slider{--value: 0;--slider-index: 0;--slider-column-count: 1;width:calc((100% + var(--padding)) / var(--slider-count) * var(--slider-column-count) - var(--padding));left:calc((100% + var(--padding)) / var(--slider-count) * var(--slider-index));position:absolute;height:100%}#left-eye-slider{--slider-index: 0 !important;height:calc(100% - var(--button-height) - var(--padding))!important}#right-eye-slider{--slider-index: var(--split-animation-progress) !important;height:calc(100% - var(--button-height) - var(--padding))!important}#mouth-slider{--slider-index: calc(1 + var(--split-animation-progress)) !important}#interaction-menu>.main-row>.sliders>.split-button{--slider-index: 0;--slider-column-count: calc(1 + var(--split-animation-progress));width:calc((100% + var(--padding)) / var(--slider-count) * var(--slider-column-count) - var(--padding));left:calc((100% + var(--padding)) / var(--slider-count) * var(--slider-index));bottom:0;height:var(--button-height);position:absolute;background:var(--bg-1);border-radius:.625rem;box-shadow:inset #0000000d 0 0 2rem;transition:transform .2s ease}@supports (corner-shape: squircle){#interaction-menu>.main-row>.sliders>.split-button{border-radius:1rem;corner-shape:squircle}}#interaction-menu>.main-row>.sliders>.split-button:active{transform:scale(.9)}#interaction-menu>.main-row>.sliders>.split-button>.active-text,#interaction-menu>.main-row>.sliders>.split-button>.inactive-text{color:#888;position:absolute;inset:0;display:grid;place-content:center}#interaction-menu>.main-row>.sliders>.split-button>.inactive-text{opacity:calc(1 - var(--split-animation-progress));transform:scale(calc(1 - var(--split-animation-progress) * .5))}#interaction-menu>.main-row>.sliders>.split-button>.active-text{opacity:var(--split-animation-progress);transform:scale(calc(var(--split-animation-progress) * .5 + .5))}#interaction-menu>.main-row>.sliders>.slider>.track{position:absolute;inset:0rem;pointer-events:none;z-index:1;background:var(--bg-1);border-radius:1rem;box-shadow:inset #0000000d 0 0 2rem}@supports (corner-shape: squircle){#interaction-menu>.main-row>.sliders>.slider>.track{border-radius:1.75rem;corner-shape:squircle}}#interaction-menu>.main-row>.sliders>.slider>.thumb{position:absolute;z-index:3;inset:0;top:calc((100% - var(--thumb-height) - 2 * var(--thumb-padding)) * var(--value));height:var(--thumb-height);margin:var(--thumb-padding);pointer-events:none;background:var(--bg-0);border-radius:.75rem;d-box-shadow:rgba(0,0,0,.2) 0 0 1rem 0}@supports (corner-shape: squircle){#interaction-menu>.main-row>.sliders>.slider>.thumb{border-radius:1rem;corner-shape:squircle}}#interaction-menu>.main-row>.sliders>.slider>.thumb-shadow{position:absolute;z-index:2;inset:0;top:calc((100% - var(--thumb-height) - 2 * var(--thumb-padding)) * var(--value));height:var(--thumb-height);margin:var(--thumb-padding);pointer-events:none;border-radius:.75rem;box-shadow:#0003 0 0 1rem}@supports (corner-shape: squircle){#interaction-menu>.main-row>.sliders>.slider>.thumb-shadow{border-radius:1rem;corner-shape:squircle}}#left-eye-slider>.thumb-shadow,#right-eye-slider>.thumb-shadow{opacity:calc(.5 + .5 * var(--split-animation-progress))!important}#interaction-menu>.main-row>.sliders>.slider>.thumb>img.icon{position:absolute;top:50%;left:50%;width:1.5rem;transform:translate(-50%,-50%);opacity:.6}#interaction-menu>.main-row>.sliders>.slider>input{position:absolute;width:100%;height:100%;writing-mode:vertical-lr;-webkit-appearance:none;appearance:none;border:none;outline:none;background:none;margin:0}#interaction-menu>.main-row>.sliders>.slider>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:100%;height:calc(var(--thumb-height) + 2 * var(--thumb-padding));border:none;outline:none;border-radius:none;background:none;cursor:pointer}#interaction-menu>.main-row>.sliders>.slider>input::-moz-range-thumb{-moz-appearance:none;appearance:none;width:100%;height:calc(var(--thumb-height) + 2 * var(--thumb-padding));border:none;outline:none;border-radius:none;background:none;cursor:pointer}