:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{font-family:DotGothic16,sans-serif}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden}.back{width:100vw;height:100vh;image-rendering:pixelated;background-image:url(/acchi-hoi/assets/wave-BZGh1bot.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute}.back-beach{width:100vw;height:100vh;image-rendering:pixelated;background-image:url(/acchi-hoi/assets/beach-g1hKNvUp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute}.back-sea{width:100vw;height:100vh;image-rendering:pixelated;background-image:url(/acchi-hoi/assets/sea-Dsq5BfEP.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0}.visual{width:100%;height:100vh;position:relative}.movie{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.movie video{width:auto;min-width:100%;height:auto;min-height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(-1)}.triangle{image-rendering:pixelated;width:57px;transform:translateY(-10px)}.triangle:hover{filter:brightness(2)}.triangle:active{filter:brightness(0)invert()}.title-title{color:#000;font-size:48px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.title-logo{image-rendering:pixelated;width:500px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.title-start-button{image-rendering:pixelated;color:#fff;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABh0lEQVRoBe2aMU4DMRREd4GOliJCQUhwAnKGHAAaqpyAlnPQcgIqGjgAZyAnCBICIYq0KdHCd/LN4vU0YXcazzaxJ94/9pvYTVxX+afJy1L/SaBO30+FAP7q8Tkdp34PBG7PJ14lco+Nn28agXc+w35uggjsPYA/8E/Hh2EG85ePYWdSQPWzkzVLW+ri/Zenh7CXMjD4Ap9S2b7fZmlhtPtW1XZAM7tfn/m5Adtb680cgTbju8tJtZMbJI1HoHME8azLdLIj6PPtNS4+BODCPMpqsAjoCGKRBj4KAIBhyQqARRr4KAAAhiUrABZp4KMAABiWrABYpIGPAgBgWLICYJEGPgoAgGHJCoBFGvgoAACGJSsAFmngowAAGJasAFikgY8CAGBYsgJgkQY+CgCAYcnxXtD05iF4jo6OWd5F+vjfv0/XF7b+urMDfECRdAZedI6t7wCzbnwXDDyP4sv7r99AtAOwfrica0Esd/erg6+VaXp6IrABb9Ui99hIPHQ9PQHSU7fD+xtMtUbOL7NgkAAAAABJRU5ErkJggg==);background-position:50%;background-size:cover;border:none;width:300px;height:100px;padding-bottom:8px;font-size:50px;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.title-start-button:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABhElEQVRoBe2aMVLDMBRE5UwaOgoCw0BPjgEFt+AC3ICGioYbcAFuQQHHgB6GIVDQpcPwlXwhZG0T7G28bmLpy1r7vUiN3YT60da71ftPAk15fdkRwV8/PJbj1O6BwMXx3GdJ3NPJT6UVeOcz7O9aRGTvAv7AP9ydxTt4enkf9k5GMPvRwYqlPerz4penS5iWDAy+wJdUNm/nLE1G3rZZbQW0l3erPb82YPNoXVkjkDO+Op2HSW2Q+ngEOlsQL3qcSbYFfby9poePAvKOVNEJhYC2IApmHCIBmA2lIgEUzDhEAjAbSkUCKJhxiARgNpSKBFAw4xAJwGwoFQmgYMYhEoDZUCoSQMGMQyQAs6FUJICCGYdIAGZDqUgABTMOkQDMhlKRAApmHCIBmA2lkr4LOr+9j4E7e/uU4LGG+Ovfm7MTQ9B0VoAPGCugIZ+7xtZXgOW2vgqGvAnNHYL/+41FLsDa8eNcE/E52QrbX0vr09ETgTV4my1xTydFhj5PL4D01Ozw/gYDfUZvDCTyDQAAAABJRU5ErkJggg==)}.title-start-button:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABgUlEQVRoBe2aO1LDMBRFZYahYIbw6cgOYLID1kDHBlgZG6BjDeyAgR1AxyeZoaARPCVPCFm3CfZtfN3E0pN17XMiNXYX2kdsd6v3nwS6+vq6I4G/e3qux6k9AIHLs7nPkrnnk59KFHjnM+7vRkRi7wL+wD+ZzdIdvLwtx72TCcx+erxmaY/6uvzl6RJ2awYGX+BrKtu3S5Ymo2zbrLYC4u3Des9vDdg+Wle2CJSMrxbzsNMapD4egd4WxIueZpJtQauP9/zwSUDZkSs6oRDQFkTBjEMkALOhVCSAghmHSABmQ6lIAAUzDpEAzIZSkQAKZhwiAZgNpSIBFMw4RAIwG0pFAiiYcYgEYDaUigRQMOMQCcBsKBUJoGDGIRKA2VAqEkDBjEMkALOhVPJ3QTf3jynw4PCIEjzVEH/9e31xbgi63grwAVMFNOZzt9j6CrDc6KtgzJvQ3CH4v99YlAKsnT7ONRGf3V7Yj1/Wp2MgAhvwNlvmnk+qDH2eXgEZqNnj/Q2OoUcTDmGy8AAAAABJRU5ErkJggg==)}.title-help-button{image-rendering:pixelated;color:#fff;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABh0lEQVRoBe2aMU4DMRREd4GOliJCQUhwAnKGHAAaqpyAlnPQcgIqGjgAZyAnCBICIYq0KdHCd/LN4vU0YXcazzaxJ94/9pvYTVxX+afJy1L/SaBO30+FAP7q8Tkdp34PBG7PJ14lco+Nn28agXc+w35uggjsPYA/8E/Hh2EG85ePYWdSQPWzkzVLW+ri/Zenh7CXMjD4Ap9S2b7fZmlhtPtW1XZAM7tfn/m5Adtb680cgTbju8tJtZMbJI1HoHME8azLdLIj6PPtNS4+BODCPMpqsAjoCGKRBj4KAIBhyQqARRr4KAAAhiUrABZp4KMAABiWrABYpIGPAgBgWLICYJEGPgoAgGHJCoBFGvgoAACGJSsAFmngowAAGJasAFikgY8CAGBYsgJgkQY+CgCAYcnxXtD05iF4jo6OWd5F+vjfv0/XF7b+urMDfECRdAZedI6t7wCzbnwXDDyP4sv7r99AtAOwfrica0Esd/erg6+VaXp6IrABb9Ui99hIPHQ9PQHSU7fD+xtMtUbOL7NgkAAAAABJRU5ErkJggg==);background-position:50%;background-size:cover;border:none;width:300px;height:100px;padding-bottom:8px;font-size:50px;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.title-help-button:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABhElEQVRoBe2aMVLDMBRE5UwaOgoCw0BPjgEFt+AC3ICGioYbcAFuQQHHgB6GIVDQpcPwlXwhZG0T7G28bmLpy1r7vUiN3YT60da71ftPAk15fdkRwV8/PJbj1O6BwMXx3GdJ3NPJT6UVeOcz7O9aRGTvAv7AP9ydxTt4enkf9k5GMPvRwYqlPerz4penS5iWDAy+wJdUNm/nLE1G3rZZbQW0l3erPb82YPNoXVkjkDO+Op2HSW2Q+ngEOlsQL3qcSbYFfby9poePAvKOVNEJhYC2IApmHCIBmA2lIgEUzDhEAjAbSkUCKJhxiARgNpSKBFAw4xAJwGwoFQmgYMYhEoDZUCoSQMGMQyQAs6FUJICCGYdIAGZDqUgABTMOkQDMhlKRAApmHCIBmA2lkr4LOr+9j4E7e/uU4LGG+Ovfm7MTQ9B0VoAPGCugIZ+7xtZXgOW2vgqGvAnNHYL/+41FLsDa8eNcE/E52QrbX0vr09ETgTV4my1xTydFhj5PL4D01Ozw/gYDfUZvDCTyDQAAAABJRU5ErkJggg==)}.delete-button-wrapper{width:100px}.delete{image-rendering:pixelated;color:#000;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAYCAYAAABugbbBAAABYklEQVRoBe2bMQ7CMAwAG8TGBxi78QH+L7H3A906slfMpbZw1aZBnhIvlwGaOI2j42SWJL26YluKowxCoC6BlC9/zQZUzPs4ZsN0IVCfwPvxsMK4iZp2FXRBzPo/Ahn+E5jnWYOf51O+VVKroAc5+77XifaCdviAQGUC5tttGLpVUqmm6ZLnFDllok3O4/QhUIuAFcb9+iLoVj1Nzv0EniHQkoBJKlV0bcupgrbcDLkg4BE4CMrfuoeLeGsCB0FbJycfBDwCCOoRIh5KAEFD8ZPcI4CgHiHioQQQNBQ/yT0CCOoRIh5KAEFD8ZPcI4CgHiHioQQQNBQ/yT0CCOoRIh5KAEFD8ZPcIyCCpvUksx6vm6bJm08cAlUJmIN2aPlUQW1C1V2wOAQKBEruHa58/M7gFV5lCALtCFj1lIx7QaWvl5YQVVDQWhP4iSlp9T6SPrzKu7DbdeUooxCoQ2AT05b/AqYESQwob9d9AAAAAElFTkSuQmCC);background-position:50%;background-size:cover;border:none;width:168px;height:24px;padding-bottom:4px;font-size:15px;position:absolute;top:88%;left:85%;transform:translate(-50%,-50%)}.delete:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAYCAYAAABugbbBAAABXElEQVRoBe2bMRKCMBBFxbGno6Kz8v4n8BRWdlR0tDToZthMQHCrzTaPQpNs4DPPN7FJmufl8FoORxmEgC+BZv/4224gifkYx90wXQj4E3h1nS6MWdSmWEEXxPT/EUg4JzDPcyq++16+k6Qq6EbOtm3TRL0hdfiAgDOBaZpygkp6zSNrQ+QUMZFzT4a+NwFdGMscETSvnipnOYE2BGoSUEnvwyCxy88KWvNlyIKARWAjKH/rFi7qtQlsBK0dTh4ELAIIahGiHkoAQUPxE24RQFCLEPVQAggaip9wiwCCWoSohxJA0FD8hFsEENQiRD2UAIKG4ifcIoCgFiHqoQQQNBQ/4RYBEbT57mRO2+vK/XjWjdQh4EFAHTzdD6oTPMJ5JgT+EThyT3fUy33Lugfv3zOoQcCdgK6eElQKKv10aAlRBQVXbQKrmBJ7eGiufB89XVeO0YaAN4EspgZ9AK8DR1jc007tAAAAAElFTkSuQmCC)}.suka{color:#000;font-size:15px;position:absolute;top:95%;left:85%;transform:translate(-50%,-50%)}.line{background-color:#525252;position:absolute}.line.active{background-color:#fff}.line-horizontal{width:200px;height:4px;transform:translateY(-50%)}.line-vertical{width:4px;height:200px;transform:translate(-50%)}.grid{color:#fff;background:#000000a1;width:100%;height:100%;font-size:0;position:absolute;top:0;left:0}.helpp{padding:16px;font-size:48px}.helppp{text-align:left;padding:10px;font-size:24px;line-height:1}.cell{justify-content:center;align-items:center;position:absolute;transform:translate(-50%,-50%)}.arrow{transition:all .3s}.cell{display:inline-block;position:absolute}.arrow.human{image-rendering:pixelated;filter:brightness(2);width:35px;animation:1.5s infinite alternate neon-glow-clear}.arrow.clear{image-rendering:pixelated;filter:brightness(2);width:50px;animation:1.5s infinite alternate neon-glow-clear}@keyframes neon-glow-clear{0%{filter:drop-shadow(0 0 2px #fffc)drop-shadow(0 0 2px #fffc)}50%{filter:drop-shadow(0 0 4px #fffc)drop-shadow(0 0 4px #fffc)}to{filter:drop-shadow(0 0 2px #fffc)drop-shadow(0 0 2px #fffc)}}.arrow.normal{image-rendering:pixelated;filter:grayscale()brightness(.3)drop-shadow(0 0 #fff)drop-shadow(0 0 2px #fff);width:50px;animation:1.5s infinite alternate neon-glow}@keyframes neon-glow{0%{filter:grayscale()brightness(.3)drop-shadow(0 0 2px #ffffff4d)drop-shadow(0 0 2px #ffffff4d)}50%{filter:grayscale()brightness(.7)drop-shadow(0 0 4px #ffffff4d)drop-shadow(0 0 4px #ffffff4d)}to{filter:grayscale()brightness(.3)drop-shadow(0 0 2px #ffffff4d)drop-shadow(0 0 2px #ffffff4d)}}.arrow.disabled{image-rendering:pixelated;filter:grayscale()brightness(.3);width:50px}.label{opacity:0;color:#fff;white-space:nowrap;pointer-events:none;background:#0b410e8f;border:2px solid #fff;border-radius:0;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;top:100%;left:100%;transform:translate(0)}.lab{top:-20px}.label .title{color:#ffaba5;margin-bottom:4px;font-size:16px;font-weight:700}.label .desc{font-size:12px}.cell:hover .label{opacity:1;transform:translateY(-4px)}.setup1{color:#000;justify-content:center;gap:20px;width:100vw;font-size:48px;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.setup2{color:#000;justify-content:center;gap:20px;width:100vw;font-size:48px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.setup3{color:#000;justify-content:center;gap:20px;width:100vw;font-size:48px;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.setup-text{text-align:center;width:340px}.back-button{image-rendering:pixelated;color:#000;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAYAAACinX6EAAABIElEQVRoBe2ZwRGDIBBFQyZXe7Agu7EBG7BHe7AAks/4GUQOujd+1kOUDevw3q4XCNM0vRpXbMQUQqGG+FSBBL6uaxXWGM7zzMJmEaHogKgKXpfvJwKhJIECTvDjOKacfd/TvfefYRgSwrZtGYUS3jlyPAAe4CrwwCIPC1syQ0CuPuHLCUrPEEHGZVmAFi8doAR8h+XvBNSf9klA/ecdg73POQnoHcayfhdgsaaU4x2gVE0Li3eAxZpSjneAUjUtLN4BFmtKOd4BStW0sHgHWKwp5XgHKFXTwuId8LMWsEeO7bBy39xis4ccMh67wuHSAZzQA8zTNbbYeDKEd8XDytP3djef1cfCSwEYp8NDVREFV/NwFAJ48RSVY5V7BifQF2vXUw7zjFyoAAAAAElFTkSuQmCC);background-position:50%;background-size:cover;border:none;width:100px;height:50px;padding-bottom:5px;font-size:25px;position:absolute;top:10px;left:10px}.back-button:hover,.back-button:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAYAAACinX6EAAABHElEQVRoBe2ZzQ2FMAyD4c3BLkgMwBqdiQFYgAGQ2IU9eCTCFS1IkGNNeumfQf0cc6F1dd+2++XiV+ucIF9Q8Gmach3FvO97cETuONh3NlZwUKM/jFB2GJDAd12n2nVd8UzRfdM0ev55niMHTPjFlWMg8ALOAi9Y4EFhz8ySgFh9wJ8FbGNJwziOihVCqC4JYAN+4vmcAfmnnRiQbz65x7CfGMAAZGVwA6yOsek9AWwVtfJ4AqyOsek9AWwVtfJ4AqyOsek9AWwVtfJ4AqyOsek9AWwVtfJ8PgHxXmAYBjWvbVuriUXpl2XR88of4b3VlwRAUBTVy8PesSEB8ooNKXj5vmJlqL4AnA2QuV6OshpxgCfcuQGyKe0z1+N/6DBDUQpiHA4AAAAASUVORK5CYII=)}.setup-start-button{image-rendering:pixelated;color:#fff;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABh0lEQVRoBe2aMU4DMRREd4GOliJCQUhwAnKGHAAaqpyAlnPQcgIqGjgAZyAnCBICIYq0KdHCd/LN4vU0YXcazzaxJ94/9pvYTVxX+afJy1L/SaBO30+FAP7q8Tkdp34PBG7PJ14lco+Nn28agXc+w35uggjsPYA/8E/Hh2EG85ePYWdSQPWzkzVLW+ri/Zenh7CXMjD4Ap9S2b7fZmlhtPtW1XZAM7tfn/m5Adtb680cgTbju8tJtZMbJI1HoHME8azLdLIj6PPtNS4+BODCPMpqsAjoCGKRBj4KAIBhyQqARRr4KAAAhiUrABZp4KMAABiWrABYpIGPAgBgWLICYJEGPgoAgGHJCoBFGvgoAACGJSsAFmngowAAGJasAFikgY8CAGBYsgJgkQY+CgCAYcnxXtD05iF4jo6OWd5F+vjfv0/XF7b+urMDfECRdAZedI6t7wCzbnwXDDyP4sv7r99AtAOwfrica0Esd/erg6+VaXp6IrABb9Ui99hIPHQ9PQHSU7fD+xtMtUbOL7NgkAAAAABJRU5ErkJggg==);background-position:50%;background-size:cover;border:none;width:270px;height:90px;padding-bottom:8px;font-size:40px;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.setup-start-button:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABhElEQVRoBe2aMVLDMBRE5UwaOgoCw0BPjgEFt+AC3ICGioYbcAFuQQHHgB6GIVDQpcPwlXwhZG0T7G28bmLpy1r7vUiN3YT60da71ftPAk15fdkRwV8/PJbj1O6BwMXx3GdJ3NPJT6UVeOcz7O9aRGTvAv7AP9ydxTt4enkf9k5GMPvRwYqlPerz4penS5iWDAy+wJdUNm/nLE1G3rZZbQW0l3erPb82YPNoXVkjkDO+Op2HSW2Q+ngEOlsQL3qcSbYFfby9poePAvKOVNEJhYC2IApmHCIBmA2lIgEUzDhEAjAbSkUCKJhxiARgNpSKBFAw4xAJwGwoFQmgYMYhEoDZUCoSQMGMQyQAs6FUJICCGYdIAGZDqUgABTMOkQDMhlKRAApmHCIBmA2lkr4LOr+9j4E7e/uU4LGG+Ovfm7MTQ9B0VoAPGCugIZ+7xtZXgOW2vgqGvAnNHYL/+41FLsDa8eNcE/E52QrbX0vr09ETgTV4my1xTydFhj5PL4D01Ozw/gYDfUZvDCTyDQAAAABJRU5ErkJggg==)}.setup-start-button:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABgUlEQVRoBe2aO1LDMBRFZYahYIbw6cgOYLID1kDHBlgZG6BjDeyAgR1AxyeZoaARPCVPCFm3CfZtfN3E0pN17XMiNXYX2kdsd6v3nwS6+vq6I4G/e3qux6k9AIHLs7nPkrnnk59KFHjnM+7vRkRi7wL+wD+ZzdIdvLwtx72TCcx+erxmaY/6uvzl6RJ2awYGX+BrKtu3S5Ymo2zbrLYC4u3Des9vDdg+Wle2CJSMrxbzsNMapD4egd4WxIueZpJtQauP9/zwSUDZkSs6oRDQFkTBjEMkALOhVCSAghmHSABmQ6lIAAUzDpEAzIZSkQAKZhwiAZgNpSIBFMw4RAIwG0pFAiiYcYgEYDaUigRQMOMQCcBsKBUJoGDGIRKA2VAqEkDBjEMkALOhVPJ3QTf3jynw4PCIEjzVEH/9e31xbgi63grwAVMFNOZzt9j6CrDc6KtgzJvQ3CH4v99YlAKsnT7ONRGf3V7Yj1/Wp2MgAhvwNlvmnk+qDH2eXgEZqNnj/Q2OoUcTDmGy8AAAAABJRU5ErkJggg==)}.set-chara-text{color:#000;font-size:48px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.chara-content{gap:80px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chara-packet-content{color:#000;flex-direction:column;gap:50px;display:flex}.iplayer{font-size:30px}.chara-packet{color:#000;align-items:center;gap:50px;display:flex}.image{image-rendering:pixelated;width:63px;height:auto}.menu-button{image-rendering:pixelated;z-index:101;width:60px;height:auto;position:absolute;top:20px;left:20px}.arroww{image-rendering:pixelated;width:100px}.overlay{opacity:0;pointer-events:none;z-index:101;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.menuWrapper{opacity:0;transform-origin:50%;transition:all .3s;position:relative;transform:scale(.8)}.overlay.open .menuWrapper{opacity:1;transform:scale(1)}.menuImage{z-index:102;width:80vw;max-width:none;height:auto}.menu-text{color:#fff;z-index:102;font-size:96px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.menuButton{z-index:102;flex-direction:column;gap:10px;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.button-inmenu{image-rendering:pixelated;color:#fff;z-index:102;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAgCAYAAADaInAlAAABwUlEQVR4Ae2bMUoEMRiFNyI2gqWIrFh4Akv1Sh7AI3gAr6SW2wsriMsiloKNzegb/bN/MiFum5eXZpL8O7Dfey+TJgnDMMwKrThZ+J2m2lIg5H93N5uQ8ZkgZEPzNwbBB8CKI/PlzR0Ze984D7fXXgB4PYYg/G0B0Xwz/vziyr+gfuMKLB7vR4IsCCEJAMw348/mxwnycrVOxhq0qQCC4EIQsAXE1W9IMH/xLMNND4bnwV6RYtixaVv9Mt8U4Xp+fP3y4Atv2zxmYgC4cEWzrQIKwLZKkf5uEgDt/aRO/2DZNuAJJwHwRfX5FVAA+D2uEioAVXn4iwoAv8dVQgWgKg9/UQHg97hKqABU5eEvKgD8HlcJFYCqPPxFBYDf4yqhAlCVh7+YBOBp+cJP3Dlh7nESgM616RJfAejS9g30JABvr9oGNvJw9UreTgLAhSya/xTAqeB4KBRnxfYP5/Gdo5PT2FenXQX8yv98X/lTwTOcCsYFgRgCj+lf9PPq0yiQ3gsAlp0Y9V8CGtyOQbDy0dydAAxjADBIvgIWBBTU2lcgMx5AydUwI0xCYJN60ikwmg8qfzkUYysoCFCDr5m/kewbE6ZljTzgpagAAAAASUVORK5CYII=);background-position:50%;background-size:cover;border:none;width:200px;height:50px;padding-bottom:5px;font-size:20px}.button-inmenu:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAgCAYAAADaInAlAAABv0lEQVR4Ae2bMU4DMRBFY0SBaBAoIHoaxFlyB07BKTgFd+AsiAY6RARRUBpAAhSYhZkde1dDWn//bdb2rIv3//e6sdPbx9dk5FmPjHGofgVSibBdDND4QhCwrvprQfAB0GLHfHF1DcbeNs7l+cwLIF53IUh/W4CZr8afnJ75CWxXrsDd7U1HUAQhZQEQ89X44+lBhjxfLLM+O3UqIEFwIUiyBdjqVyQx/35Ow1UPhPeu3+x7oPWWtnX103xVBOv9+vnLI3943eZlxAKAhUuaTRVgADZVCvS7QQC494M6/YOl24AnHATAF9nGV4ABwPc4JGQAQnnwiwwAvschIQMQyoNfZADwPQ4JGYBQHvwiA4DvcUjIAITy4BcZAHyPQ0IGIJQHv5gF4OHxCZ+4ccLS4ywAjWvTJD4D0KTtPfQgAC/P3AZ6ebBaY94OAoCFTJr/FJBTwXYoVM6K7exNbc7+4ZG12ahXAb/y31cLfyp4ImdF5YKAhcBj+ol+nG0YBfJ7AYKlJ0b9nwAGt2EQWfnyuDsB0rUASCf7C2gQpMCnfgUK4wUouxqmhFkIdJBvOAVGL4cKpRYYBDjPOyD11+i+AfQIZorP5++iAAAAAElFTkSuQmCC)}.button-inmenu:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAgCAYAAADaInAlAAABuUlEQVR4Ae2bQU7DMBBFa0AgVVC6RUIcgwtwEw7GTbgAx0BIiAVQUoTUClSYwEzHjjV0m++fTWxPvHj/f8cbO3Wrz0nl2VTGODR+BVKJcFAM0PhCELCu+mtB8AHQYs98c3sHxt42zvXVpRdAvO5DkP62ADNfjT87v/AT2B65Ao8P9z1BEYSUBUDMV+Pns5MMedEtsz4741RAguBCkGQLsNWvSGL+0ysNVz0Q3kf7VYrNng7r6qf5qgjWe/X1yyN/eN3mZcQCgIVLml0VYAB2VQr0u0EAuPeDOv2DpduAJxwEwBfZxleAAcD3OCRkAEJ58IsMAL7HISEDEMqDX2QA8D0OCRmAUB78IgOA73FIyACE8uAXGQB8j0NCBiCUB7+YBeD5ZYFP3Dhh6XEWgMa1aRKfAWjS9i30IADvb9wGtvJgtWreDgKAhUya/xSQU8F2KFTOih1OZzbn+HRubTbGq4Bf+euPzp8KnsipYLkgYCHwmH6iH2cbRoH8XoBg6YlR/yeAwW0YRFa+PO5OgHQtANLJ/gIaBCnwGb8ChfEClF0NU8IsBDrIN5wC1cuhQqkFBgHO8x5I/TW6b+/WZ0RFxHsCAAAAAElFTkSuQmCC)}.play-chara-content{justify-content:center;gap:120px;width:100%;display:flex;position:absolute;top:40%}.play-image{image-rendering:pixelated;width:100px;height:auto;bottom:0}.play-chara-packet-content{flex-direction:column;align-items:center;width:50px;display:flex}.combo{color:#ffa600;opacity:0;font-size:35px;font-weight:700;animation:.8s forwards comboRise;position:absolute;top:-30px}@keyframes comboRise{0%{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(-20px)}to{opacity:0;transform:translate(-50%)translateY(-40px)}}.success-jump{animation:.28s cubic-bezier(.34,1.56,.64,1) successJump}@keyframes successJump{0%{transform:translateY(0)}40%{transform:translateY(-20px)}to{transform:translateY(0)}}.fail-shake{animation:.28s failShake}@keyframes failShake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(10px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.player-lives{margin-top:4px}.player-status{font-size:48px;font-weight:700;position:fixed;top:40px}.point{-webkit-text-stroke:.02em #000;flex-direction:row;gap:200px;font-size:48px;font-weight:700;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%)}.player-0{color:red}.player-1{color:#00b7ff}.player-2{color:#ff0}.player-3{color:#7f0}.success-image,.fail-image{width:100px;position:fixed;top:70px}.round-text{color:#000;gap:200px;font-size:60px;display:inline-block;position:absolute;bottom:80px;right:300px}.round-text.chara{color:#917945;transform:scaleY(.6)}.judge-display-area{z-index:10;pointer-events:none;justify-content:center;display:flex;position:absolute;top:50px;left:0;right:0}.count{z-index:10;color:#fff;-webkit-text-stroke:.02em #000;pointer-events:none;font-size:100px;font-weight:700;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.calibration{width:100%;height:100vh;font-size:100px;position:fixed;top:150px;left:0}.arrow_up{z-index:10;pointer-events:none;justify-content:center;display:flex;position:absolute;top:100px;left:0;right:0}.arrow_down{z-index:10;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:50px;left:0;right:0}.arrow_right{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:calc(50% + 25px);right:20px;transform:translateY(-50%)}.arrow_left{z-index:10;pointer-events:none;align-items:center;display:flex;position:absolute;top:calc(50% + 25px);left:20px;transform:translateY(-50%)}.arrow_upleft{z-index:10;pointer-events:none;display:flex;position:absolute;top:100px;left:20px}.arrow_upright{z-index:10;pointer-events:none;display:flex;position:absolute;top:100px;right:20px}.arrow_downleft{z-index:10;pointer-events:none;display:flex;position:absolute;bottom:50px;left:20px}.arrow_downright{z-index:10;pointer-events:none;display:flex;position:absolute;bottom:50px;right:20px}.achievement-layer{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}.result-text{color:#000;font-size:48px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.HighScore{justify-content:center;align-items:center;gap:16px;width:100%;display:flex;position:absolute;top:70%}.result-text2{color:#000;font-size:48px;position:absolute;left:50%;transform:translate(-50%)}.result-text3{color:#000;font-size:24px;position:absolute;top:0;left:calc(50% + 200px)}.resultWrapper{opacity:1;transform-origin:50%;pointer-events:auto;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .3s;display:flex;position:relative;transform:scale(1)}.result-wrapper{z-index:20;z-index:-10;width:30%;max-width:none;height:auto;display:flex;transform:translateY(3%)}.resultImage{z-index:-10;width:100%;height:100%}.result-table{color:#744812;width:100%;font-size:48px;position:absolute;top:0;left:50%;transform:translate(-50%)}.result-packet{padding:15px}.result-buttons{gap:126px;width:auto;display:flex;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.result-button{color:#fff;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABh0lEQVRoBe2aMU4DMRREd4GOliJCQUhwAnKGHAAaqpyAlnPQcgIqGjgAZyAnCBICIYq0KdHCd/LN4vU0YXcazzaxJ94/9pvYTVxX+afJy1L/SaBO30+FAP7q8Tkdp34PBG7PJ14lco+Nn28agXc+w35uggjsPYA/8E/Hh2EG85ePYWdSQPWzkzVLW+ri/Zenh7CXMjD4Ap9S2b7fZmlhtPtW1XZAM7tfn/m5Adtb680cgTbju8tJtZMbJI1HoHME8azLdLIj6PPtNS4+BODCPMpqsAjoCGKRBj4KAIBhyQqARRr4KAAAhiUrABZp4KMAABiWrABYpIGPAgBgWLICYJEGPgoAgGHJCoBFGvgoAACGJSsAFmngowAAGJasAFikgY8CAGBYsgJgkQY+CgCAYcnxXtD05iF4jo6OWd5F+vjfv0/XF7b+urMDfECRdAZedI6t7wCzbnwXDDyP4sv7r99AtAOwfrica0Esd/erg6+VaXp6IrABb9Ui99hIPHQ9PQHSU7fD+xtMtUbOL7NgkAAAAABJRU5ErkJggg==);background-position:50%;background-size:cover;border:none;width:180px;height:60px;padding-bottom:5pt;font-size:20px}.rank-button{color:#fff;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABh0lEQVRoBe2aMU4DMRREd4GOliJCQUhwAnKGHAAaqpyAlnPQcgIqGjgAZyAnCBICIYq0KdHCd/LN4vU0YXcazzaxJ94/9pvYTVxX+afJy1L/SaBO30+FAP7q8Tkdp34PBG7PJ14lco+Nn28agXc+w35uggjsPYA/8E/Hh2EG85ePYWdSQPWzkzVLW+ri/Zenh7CXMjD4Ap9S2b7fZmlhtPtW1XZAM7tfn/m5Adtb680cgTbju8tJtZMbJI1HoHME8azLdLIj6PPtNS4+BODCPMpqsAjoCGKRBj4KAIBhyQqARRr4KAAAhiUrABZp4KMAABiWrABYpIGPAgBgWLICYJEGPgoAgGHJCoBFGvgoAACGJSsAFmngowAAGJasAFikgY8CAGBYsgJgkQY+CgCAYcnxXtD05iF4jo6OWd5F+vjfv0/XF7b+urMDfECRdAZedI6t7wCzbnwXDDyP4sv7r99AtAOwfrica0Esd/erg6+VaXp6IrABb9Ui99hIPHQ9PQHSU7fD+xtMtUbOL7NgkAAAAABJRU5ErkJggg==);background-position:50%;background-size:cover;border:none;width:180px;height:60px;padding-bottom:5pt;font-size:20px;position:fixed;top:20px;right:20px}.rank-wrapper{position:fixed}.rankImage{image-rendering:pixelated;z-index:102;width:70vw;max-width:none;height:auto}.rank-text-left{color:#591e00;z-index:103;font-size:20px;position:absolute;top:18%;left:15%}.rank-text-right{color:#002a4a;z-index:103;font-size:20px;position:absolute;top:18%;left:60%}.rank-left{color:#000;z-index:103;font-size:24px;position:absolute;top:20%;left:15%}.rank-right{color:#000;z-index:103;font-size:24px;position:absolute;top:20%;left:60%}.my-text-left{color:#000;z-index:103;font-size:15px;position:absolute;top:70%;left:13%}.my-text-right{color:#000;z-index:103;font-size:15px;position:absolute;top:70%;left:57%}.my-left{color:#000;z-index:103;font-size:40px;position:absolute;top:75%;left:15%}.my-right{color:#000;z-index:103;font-size:40px;position:absolute;top:75%;left:60%}.result-button:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABhElEQVRoBe2aMVLDMBRE5UwaOgoCw0BPjgEFt+AC3ICGioYbcAFuQQHHgB6GIVDQpcPwlXwhZG0T7G28bmLpy1r7vUiN3YT60da71ftPAk15fdkRwV8/PJbj1O6BwMXx3GdJ3NPJT6UVeOcz7O9aRGTvAv7AP9ydxTt4enkf9k5GMPvRwYqlPerz4penS5iWDAy+wJdUNm/nLE1G3rZZbQW0l3erPb82YPNoXVkjkDO+Op2HSW2Q+ngEOlsQL3qcSbYFfby9poePAvKOVNEJhYC2IApmHCIBmA2lIgEUzDhEAjAbSkUCKJhxiARgNpSKBFAw4xAJwGwoFQmgYMYhEoDZUCoSQMGMQyQAs6FUJICCGYdIAGZDqUgABTMOkQDMhlKRAApmHCIBmA2lkr4LOr+9j4E7e/uU4LGG+Ovfm7MTQ9B0VoAPGCugIZ+7xtZXgOW2vgqGvAnNHYL/+41FLsDa8eNcE/E52QrbX0vr09ETgTV4my1xTydFhj5PL4D01Ozw/gYDfUZvDCTyDQAAAABJRU5ErkJggg==)}.result-button:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABgUlEQVRoBe2aO1LDMBRFZYahYIbw6cgOYLID1kDHBlgZG6BjDeyAgR1AxyeZoaARPCVPCFm3CfZtfN3E0pN17XMiNXYX2kdsd6v3nwS6+vq6I4G/e3qux6k9AIHLs7nPkrnnk59KFHjnM+7vRkRi7wL+wD+ZzdIdvLwtx72TCcx+erxmaY/6uvzl6RJ2awYGX+BrKtu3S5Ymo2zbrLYC4u3Des9vDdg+Wle2CJSMrxbzsNMapD4egd4WxIueZpJtQauP9/zwSUDZkSs6oRDQFkTBjEMkALOhVCSAghmHSABmQ6lIAAUzDpEAzIZSkQAKZhwiAZgNpSIBFMw4RAIwG0pFAiiYcYgEYDaUigRQMOMQCcBsKBUJoGDGIRKA2VAqEkDBjEMkALOhVPJ3QTf3jynw4PCIEjzVEH/9e31xbgi63grwAVMFNOZzt9j6CrDc6KtgzJvQ3CH4v99YlAKsnT7ONRGf3V7Yj1/Wp2MgAhvwNlvmnk+qDH2eXgEZqNnj/Q2OoUcTDmGy8AAAAABJRU5ErkJggg==)}.gt-wrapper{width:100%;bottom:40px}.input-box{color:#3b2f2f;background:linear-gradient(#fffdf7,#f3e9d2);border:2px solid #a68b5b;border-radius:4px;width:180px;padding:6px 10px;font-family:Segoe UI,sans-serif;font-size:14px;transition:all .2s;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #0003,0 2px 4px #0003}.input-box:focus{border-color:#d4b26a;outline:none;box-shadow:0 0 6px #d4b26acc,inset 0 1px 2px #0003}.input-box::placeholder{color:#a89b7a}.gt-button{image-rendering:pixelated;color:#000;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+oDHggrDYq/GFQAAADzSURBVGje7ZrBDYIwAEV/CQkDyAAmXthBZ+DgAs7gJMzgAh6cAXfwYuIAOoCnepBqwRIPUkjMeyfSlMt7bTlQozBWEAPzbcBKkr1uURXDfl59ePcDWMSPGsL4AVry77OlJCm7HbH1I85l16eLkIZeQPxw+C5Dbo2/+pE/zo5wjk1eKUHJtKQomOBIOp07AZqBrEDQ2HAEEYAAQAACAAEIAAQgABCAAEAAAgABCAAEIAAQ4L953wuqy+dTscBKTJrfv2Z1kCST9E2AePJDO6C9CyDusdOs/m4AyV3OrUvtLmtt5ntsDS++5d30zOV6etxv7osH3TI/stPqGt4AAAAASUVORK5CYII=);background-position:50%;background-size:cover;border:none;width:180px;height:60px;padding-bottom:5px;font-size:15px;position:absolute;bottom:40px;right:50px}.gt-button:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+oDHggtHy9czpoAAADuSURBVGje7Zq9DYJAHEd/f6AwkdItLJzA3poFnIFJnMEFrO2dwMItKDWxMWchp4BHbDhIzHsVuVz13n0UnCmME8TAfg04SXLXA6pi2M+LL+/NAA7xo4awZoCW/Md8KUlKbxdsDUDIp4+QhSYjfli8z5Bba65+5I+zG7xjywslKJmWDAUTHEf3UydAPZDiZ3Q4gghAACAAAYAABAACEAAIQAAgAAGAAAQAAhAACPDffN4FVeXra7bGSkzq37+22EmSJX0TIJ780A5o7wKIe+zUq78bQPKPc6tS++NK280ZW8OLb3m3nrk8T4975755AkYfP8YwQ2I+AAAAAElFTkSuQmCC)}.achievement-popup{color:#000;opacity:0;pointer-events:none;z-index:999;background:#ffffffd3;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .4s;position:fixed;bottom:20px;right:20px;transform:translateY(20px)}.achievement-popup-show{opacity:1;transform:translateY(0)}.container{z-index:10;pointer-events:none;width:100%;height:100vh;display:flex;top:0;left:0}.column{border-left:3px solid #f50606b3;border-right:3px solid #f50606b3;flex:1;height:100%}