:root{color-scheme:dark;background:#23272a;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:#23272a;color:#ebebe5;text-align:center}.orientation-card{display:grid;gap:10px;justify-items:center}.orientation-card span{color:#ffcd42;font-size:58px;line-height:1}.orientation-card strong{font-size:24px}.orientation-card small{color:#c1c4bf;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}.desktop-test #handheld-controls{display:none!important}#handheld-controls{display:none}body.portrait-handheld #orientation-lock,body.portrait-handheld #mobile-controls{display:none!important}body.portrait-handheld #game-root{position:fixed;top:0;left:0;right:0;height:calc(56.25vw + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:#10141a;overflow:hidden}body.portrait-handheld #handheld-controls{display:block;position:fixed;top:calc(56.25vw + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;z-index:10;touch-action:none;user-select:none;-webkit-user-select:none}.gb-deck{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:26px calc(env(safe-area-inset-right,0px) + 26px) calc(env(safe-area-inset-bottom,0px) + 20px) calc(env(safe-area-inset-left,0px) + 26px);background:radial-gradient(120% 90% at 50% 0%,#ffffff24,#fff0 55%),linear-gradient(180deg,#b4b8c4,#a3a7b5 55%,#8f93a3);border-top:3px solid #c9ccd6;border-radius:22px 22px 0 0;box-shadow:0 -8px 24px #00000059}.gb-top-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 0}.gb-dpad{position:relative;width:152px;height:152px;flex-shrink:0;touch-action:none;cursor:pointer;filter:drop-shadow(0 4px 6px rgb(0 0 0 / 35%))}.gb-dpad-arm{position:absolute;background:#23252c;transition:background 60ms}.gb-dpad-up,.gb-dpad-down{left:51px;width:50px;height:51px}.gb-dpad-up{top:0;border-radius:8px 8px 0 0}.gb-dpad-down{bottom:0;border-radius:0 0 8px 8px}.gb-dpad-left,.gb-dpad-right{top:51px;width:51px;height:50px}.gb-dpad-left{left:0;border-radius:8px 0 0 8px}.gb-dpad-right{right:0;border-radius:0 8px 8px 0}.gb-dpad-center{position:absolute;left:51px;top:51px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3d47,#1d1f25 70%)}.gb-dpad[data-active*=up] .gb-dpad-up,.gb-dpad[data-active*=down] .gb-dpad-down,.gb-dpad[data-active*=left] .gb-dpad-left,.gb-dpad[data-active*=right] .gb-dpad-right{background:#4a4e5c}.gb-ab{position:relative;width:190px;height:130px;flex-shrink:0}.gb-round-btn{position:absolute;width:68px;height:68px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d95674,#a92c4d 65%,#8c2340);color:#ffd9e2;font:700 24px/1 system-ui,sans-serif;text-shadow:0 1px 2px rgb(0 0 0 / 50%);box-shadow:0 4px #6e1a30,0 7px 10px #00000059;touch-action:none;cursor:pointer}.gb-round-btn:active,.gb-round-btn.is-pressed{transform:translateY(3px);box-shadow:0 1px #6e1a30,0 3px 6px #00000059}#gb-b{left:8px;bottom:0}#gb-a{right:8px;top:0}.gb-mid-row{display:flex;align-items:center;justify-content:center;gap:34px;padding-top:4px}.gb-pill-btn{width:64px;height:20px;padding:0;border:0;border-radius:10px;background:linear-gradient(180deg,#6d7280,#545866);color:#dfe1e8;font:700 10px/1 system-ui,sans-serif;letter-spacing:1px;box-shadow:0 3px #3c3f49,0 5px 8px #0000004d;transform:rotate(-22deg);touch-action:none;cursor:pointer}.gb-pill-btn:active{transform:rotate(-22deg) translateY(2px);box-shadow:0 1px #3c3f49}.gb-pill-btn.is-ready{background:linear-gradient(180deg,#f6c545,#d99a26);color:#4a3208}.gb-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;padding:0 6px}.gb-speaker{display:grid;grid-template-columns:repeat(3,10px);gap:7px;transform:rotate(-22deg);opacity:.55}.gb-speaker i{width:10px;height:10px;border-radius:50%;background:#2c2e36;box-shadow:inset 0 2px 3px #0009}.gb-brand{color:#5b5f6d;font:700 13px/1.4 system-ui,sans-serif;letter-spacing:2px;text-align:right}@media(max-height:700px){.gb-deck{padding-top:14px}.gb-dpad{width:118px;height:118px}.gb-dpad-up,.gb-dpad-down{left:40px;width:38px;height:40px}.gb-dpad-left,.gb-dpad-right{top:40px;width:40px;height:38px}.gb-dpad-center{left:40px;top:40px;width:38px;height:38px}.gb-ab{width:150px;height:104px}.gb-round-btn{width:54px;height:54px;font-size:19px}.gb-brand{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(154 210 222 / 35%);border-radius:50%;background:#23272a59}.joystick-knob{position:absolute;top:50%;left:50%;width:58px;height:58px;border:2px solid rgb(154 210 222 / 70%);border-radius:50%;background:#9ad2de59;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 205 66 / 65%);border-radius:50%;color:#ffe885;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(154 210 222 / 70%);border-radius:50%;color:#9ad2de;background:#344a547a;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(246 197 69 / 65%);border-radius:50%;color:#ffcd42;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(246 197 69 / 72%);border-radius:50%;color:#f6c545;background:#634b2375;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(235 235 229 / 55%);border-radius:10px;color:#ebebe5;background:#363b3fb8;font:20px/1 system-ui,sans-serif}#dodge-button.is-cooling{opacity:.42}#dodge-button:active,#dodge-button.is-pressed{background:#9ad2de8c;transform:scale(.92)}#attack-button:active,#attack-button.is-pressed{background:#ffcd4285;transform:scale(.94)}#interact-button:active,#interact-button.is-pressed{background:#f6c54594;transform:scale(.92)}#pause-button:active{background:#4d5255cc;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}}