:root{color-scheme:dark;background:#101820;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#game-root{width:100%;min-width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none;touch-action:none}canvas{display:block;touch-action:none}#orientation-lock{display:none;position:fixed;inset:0;z-index:50;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 24px) calc(env(safe-area-inset-right,0px) + 24px) calc(env(safe-area-inset-bottom,0px) + 24px) calc(env(safe-area-inset-left,0px) + 24px);background:#101820;color:#f3f8f7;text-align:center}.orientation-card{display:grid;gap:10px;justify-items:center}.orientation-card span{color:#ffe08a;font-size:58px;line-height:1}.orientation-card strong{font-size:24px}.orientation-card small{color:#9fb4c1;font-size:14px}@media(orientation:portrait)and (max-width:1199px){#orientation-lock{display:grid}}.desktop-test #orientation-lock{display:none!important}.desktop-test #mobile-controls{display:none}#mobile-controls{position:fixed;inset:0;z-index:10;pointer-events:none}.touch-control{position:absolute;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#virtual-joystick{left:calc(env(safe-area-inset-left,0px) + 22px);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);width:152px;height:152px}.joystick-base{position:absolute;inset:12px;border:2px solid rgb(211 228 239 / 35%);border-radius:50%;background:#12202c59}.joystick-knob{position:absolute;top:50%;left:50%;width:58px;height:58px;border:2px solid rgb(218 243 255 / 70%);border-radius:50%;background:#54d6ff59;transform:translate(-50%,-50%);will-change:transform}#attack-button{right:calc(env(safe-area-inset-right,0px) + 28px);bottom:calc(env(safe-area-inset-bottom,0px) + 28px);width:118px;height:118px;padding:0;border:2px solid rgb(255 232 182 / 65%);border-radius:50%;color:#fff1a8;background:#704a1f59;font:54px/1 system-ui,sans-serif}#dodge-button{right:calc(env(safe-area-inset-right,0px) + 46px);bottom:calc(env(safe-area-inset-bottom,0px) + 148px);width:78px;height:78px;padding:0;border:2px solid rgb(145 223 255 / 70%);border-radius:50%;color:#b8efff;background:#2151697a;font:36px/1 system-ui,sans-serif}#skill-button{right:calc(env(safe-area-inset-right,0px) + 54px);bottom:calc(env(safe-area-inset-bottom,0px) + 240px);width:64px;height:64px;padding:0;border:1px solid rgb(255 226 143 / 65%);border-radius:50%;color:#ffe08a;background:#634b236b;font:28px/1 system-ui,sans-serif;opacity:.7}#interact-button{right:calc(env(safe-area-inset-right,0px) + 142px);bottom:calc(env(safe-area-inset-bottom,0px) + 38px);width:68px;height:68px;padding:0;border:2px solid rgb(189 237 202 / 72%);border-radius:50%;color:#d6ffe4;background:#20674c75;font:31px/1 system-ui,sans-serif}#interact-button.is-hidden{display:none}#pause-button{top:calc(env(safe-area-inset-top,0px) + 18px);right:calc(env(safe-area-inset-right,0px) + 22px);width:48px;height:42px;border:1px solid rgb(220 235 242 / 55%);border-radius:10px;color:#f4f7f5;background:#18232eb8;font:20px/1 system-ui,sans-serif}#dodge-button.is-cooling{opacity:.42}#dodge-button:active,#dodge-button.is-pressed{background:#66daff8c;transform:scale(.92)}#attack-button:active,#attack-button.is-pressed{background:#ffd16685;transform:scale(.94)}#interact-button:active,#interact-button.is-pressed{background:#58c38494;transform:scale(.92)}#pause-button:active{background:#536876cc;transform:scale(.94)}@media(min-width:1200px)and (hover:hover)and (pointer:fine){#mobile-controls{display:none}}@media(max-height:420px){#virtual-joystick{width:132px;height:132px}#attack-button{width:104px;height:104px;font-size:48px}#dodge-button{right:calc(env(safe-area-inset-right,0px) + 36px);bottom:calc(env(safe-area-inset-bottom,0px) + 126px);width:70px;height:70px}#skill-button{right:calc(env(safe-area-inset-right,0px) + 42px);bottom:calc(env(safe-area-inset-bottom,0px) + 210px);width:58px;height:58px}#interact-button{right:calc(env(safe-area-inset-right,0px) + 128px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);width:62px;height:62px}}