:root{--color-base: hsl(0, 0%, 55%);--color-light: hsl(0, 0%, 90%);--color-dark: hsl(0, 0%, 10%);--controls-size: 10vh;--text-shadow-size: .65vh}@media (orientation: landscape){:root{--controls-size: 20vh;--text-shadow-size: 1.3vh}}html{touch-action:none}body{margin:0;background:#121212}@media (max-width: 720px){body{background:#470055}}canvas{margin:0!important}#app{display:flex;justify-content:center}#app>div:first-child{transform-origin:top!important}#touchControls:not(.visible){display:none}#dpad,#apad{position:fixed;bottom:1rem;z-index:3}@media (orientation: portrait){#dpad,#apad{bottom:calc(1rem + env(safe-area-inset-bottom))}}#dpad{left:1rem}#apad{right:1rem}#dpad svg{width:calc(2 * var(--controls-size));height:calc(2 * var(--controls-size));fill:var(--color-base)}#dpad svg rect{opacity:.6}#apad>*{width:var(--controls-size);height:var(--controls-size)}#apad .apadBtn{width:var(--controls-size);height:var(--controls-size);background-color:var(--color-base);border-radius:50%}@media (orientation: landscape){#dpad svg{fill:#ffffff4d}#apad .apadBtn{background-color:#ffffff4d}}#apad .apadLabel{font-family:emerald;font-size:var(--controls-size);text-shadow:var(--color-dark) var(--text-shadow-size) var(--text-shadow-size);color:var(--color-light);-webkit-user-select:none;user-select:none}#apad .apadLabelSmall{font-size:calc(var(--controls-size) / 3);text-shadow:var(--color-dark) calc(var(--text-shadow-size) / 3) calc(var(--text-shadow-size) / 3)}#apad #apadLabelAction,#apad #apadLabelCancel{margin-left:calc(var(--controls-size) / 3);line-height:.9}#apad>:nth-child(2){position:relative;right:var(--controls-size)}#apad .apadRectBtn{position:relative;text-align:center;padding-right:10%;border-radius:10%;bottom:calc(var(--controls-size) * .05);width:calc(var(--controls-size) * .6);height:calc(var(--controls-size) * .3)}#apad .apadSqBtn{border-radius:10%;width:calc(var(--controls-size) * .3);height:calc(var(--controls-size) * .3)}#apad .apadBtnContainer{position:relative;display:flex}#apad .apadRectBtnContainer{flex-wrap:wrap;margin-top:calc(var(--controls-size) * -.8);left:calc(var(--controls-size) * .175);height:calc(var(--controls-size) * .8)}#apad .apadSqBtnContainer{flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin-bottom:calc(var(--controls-size) * -.8);top:calc(var(--controls-size) * -.9);width:calc(var(--controls-size) * .8);height:calc(var(--controls-size) * .8)}#apad .apadRectBtnContainer>#apadMenu{align-self:flex-end}#touchControls:not([data-ui-mode=STARTER_SELECT]):not([data-ui-mode=SKILL_TREE]):not([data-ui-mode=RUN_INFO]):not([data-ui-mode=BATTLE_PATH]) #apad .apadRectBtnContainer>.apadSqBtn,#touchControls:not([data-ui-mode=STARTER_SELECT]):not([data-ui-mode=SKILL_TREE]):not([data-ui-mode=RUN_INFO]):not([data-ui-mode=BATTLE_PATH]) #apad .apadSqBtnContainer{display:none}#touchControls:not([data-ui-mode=COMMAND]):not([data-ui-mode=MODIFIER_SELECT]):not([data-ui-mode=SHOP_SELECT]):not([data-ui-mode=FIGHT]):not([data-ui-mode=BALL]):not([data-ui-mode=TARGET_SELECT]):not([data-ui-mode=CHAMPION_SELECT]):not([data-ui-mode=COLLECTED_TYPE_SELECT]) #apad #apadStats{display:none}#apad .apadRectBtnContainer+.apadSqBtnContainer{top:calc(var(--controls-size) * -1.9);left:calc(var(--controls-size) * -.9)}#apad .apadNewBtnContainer{position:fixed;bottom:1.5rem;left:0rem;display:flex;flex-direction:column;gap:5px;z-index:3;max-width:calc(var(--controls-size) * 1.5);justify-content:center;align-items:center;height:auto}@media (orientation: landscape){#apad .apadNewBtnContainer{position:fixed;bottom:initial;top:calc(var(--controls-size)* 2.95);left:50%;translate:-50%;flex-direction:row;justify-content:center;align-items:center;height:auto;width:auto}}@media (orientation: portrait){#apad .apadNewBtnContainer{bottom:initial;top:calc(var(--controls-size) * 4.2);right:1rem}}#apad .apadNewBtnContainer .apadBtn{margin:0 calc(var(--controls-size) * .01)}#apad .apadBtnContainer .apadLabel{margin-left:calc(var(--controls-size) / 12);line-height:.8}#dpad path:not(.active),#apad .apadBtn:not(.active){opacity:.6}#layout:fullscreen #dpad,#layout:fullscreen #apad{bottom:6rem}input:-internal-autofill-selected{-webkit-background-clip:text;background-clip:text}#apad #apadConsole{display:none}#touchControls[data-console-unlocked=true] #apad #apadConsole{display:block}#touchControls[data-ui-mode=TITLE] #apad #apadConsole,#apad #apadSave,#apad #apadSmitom,#apad #apadEggGacha,#apad #apadVoidex{display:none}#apad #apadSave,#touchControls[data-ui-mode=TITLE] #apad #apadSmitom,#touchControls[data-ui-mode=TITLE] #apad #apadEggGacha,#touchControls[data-ui-mode=COMMAND] #apad #apadEggGacha,#touchControls[data-ui-mode=MODIFIER_SELECT] #apad #apadEggGacha,#touchControls[data-ui-mode=TITLE] #apad #apadVoidex,#touchControls[data-ui-mode=COMMAND] #apad #apadVoidex,#touchControls[data-ui-mode=MODIFIER_SELECT] #apad #apadVoidex,#apad #apadOmegaItems{display:block}#apad #apadBag,#apad #apadFoe{display:none}#touchControls[data-ui-mode=COMMAND] #apad #apadBag,#touchControls[data-ui-mode=COMMAND] #apad #apadFoe,#touchControls[data-ui-mode=FIGHT] #apad #apadBag,#touchControls[data-ui-mode=FIGHT] #apad #apadFoe{display:block}#apad .apadRectBtnContainer>.apadSqBtn:not(:first-child){margin-left:10%}#apadConsole,#apadSave,#apadSmitom,#apadEggGacha,#apadVoidex,#apadOmegaItems,#apadBag,#apadFoe{background-color:#000c;border-radius:8px;font-weight:700;transition:all .2s ease;text-align:center;display:flex;justify-content:center;align-items:center;overflow:hidden}#apadConsole .apadLabel,#apadSave .apadLabel,#apadSmitom .apadLabel,#apadEggGacha .apadLabel,#apadVoidex .apadLabel,#apadOmegaItems .apadLabel,#apadBag .apadLabel,#apadFoe .apadLabel{width:100%;text-align:center;margin-left:0!important;line-height:1!important;letter-spacing:-.5px;font-size:calc(var(--controls-size) / 4)!important;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:100%}#apadOmegaItems{background-color:#f8b050cc;order:7}#apadBag{background-color:#008000cc;order:8}#apadFoe{background-color:#c80000cc;order:9}@media (max-width: 768px){#apadConsole,#apadSave,#apadSmitom,#apadEggGacha,#apadVoidex,#apadOmegaItems,#apadBag,#apadFoe{padding:.05rem 0rem!important}#apadConsole .apadLabel,#apadSave .apadLabel,#apadSmitom .apadLabel,#apadEggGacha .apadLabel,#apadVoidex .apadLabel,#apadOmegaItems .apadLabel,#apadBag .apadLabel,#apadFoe .apadLabel{font-size:calc(var(--controls-size) / 4.5)!important}}@media (orientation: landscape) and (min-width: 776px){#apad .apadNewBtnContainer{top:initial;bottom:1rem}#apadConsole,#apadSave,#apadSmitom,#apadEggGacha,#apadVoidex,#apadOmegaItems,#apadBag,#apadFoe{padding-right:0!important}}@media (orientation: landscape){#apadConsole,#apadSave,#apadSmitom,#apadEggGacha,#apadVoidex,#apadOmegaItems,#apadBag,#apadFoe{width:calc(var(--controls-size)* .45)!important;height:calc(var(--controls-size)* .2)!important}#apadConsole .apadLabel,#apadSave .apadLabel,#apadSmitom .apadLabel,#apadEggGacha .apadLabel,#apadVoidex .apadLabel,#apadOmegaItems .apadLabel,#apadBag .apadLabel,#apadFoe .apadLabel{font-size:calc(var(--controls-size) / 5.5)!important}}@media (orientation: landscape) and (max-height: 585px){#apad .apadNewBtnContainer{position:fixed;top:calc(var(--controls-size) * 1.15);left:1rem;right:initial;bottom:initial;translate:initial;flex-direction:column;justify-content:center;align-items:center;gap:7px;max-width:calc(var(--controls-size) * 1.5);width:auto;height:auto}#apadConsole,#apadSave,#apadSmitom,#apadEggGacha,#apadVoidex,#apadOmegaItems,#apadBag,#apadFoe{width:calc(var(--controls-size) * .4)!important;height:calc(var(--controls-size) * .17)!important}#apadConsole .apadLabel,#apadSave .apadLabel,#apadSmitom .apadLabel,#apadEggGacha .apadLabel,#apadVoidex .apadLabel,#apadOmegaItems .apadLabel,#apadBag .apadLabel,#apadFoe .apadLabel{font-size:calc(var(--controls-size) / 6)!important}}@media (max-width: 480px){#apadConsole,#apadSave,#apadSmitom,#apadEggGacha,#apadVoidex,#apadOmegaItems,#apadBag,#apadFoe{padding:.05rem 0rem!important}#apadConsole .apadLabel,#apadSave .apadLabel,#apadSmitom .apadLabel,#apadEggGacha .apadLabel,#apadVoidex .apadLabel,#apadOmegaItems .apadLabel,#apadBag .apadLabel,#apadFoe .apadLabel{font-size:calc(var(--controls-size) / 5)!important}}#apadConsole:active,#apadSave:active,#apadSmitom:active,#apadEggGacha:active,#apadVoidex:active,#apadOmegaItems:active,#apadBag:active,#apadFoe:active{background-color:#3c3c3ce6;transform:scale(.95)}#apadConsole{background-color:#640064cc;order:2}#apadSmitom{background-color:#643200cc;order:3}#apadSave{background-color:#000064cc;order:4}#apadEggGacha{background-color:#640000cc;order:5}#apadVoidex{background-color:#006464cc;order:6}#apadSave[data-active-state=true],#apadSmitom[data-active-state=true],#apadOmegaItems[data-active-state=true],#apadBag[data-active-state=true],#apadFoe[data-active-state=true]{background-color:#ffd700cc!important;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 8px #fff9}#apadSave[data-active-state=true] .apadLabel,#apadSmitom[data-active-state=true] .apadLabel,#apadOmegaItems[data-active-state=true] .apadLabel,#apadBag[data-active-state=true] .apadLabel,#apadFoe[data-active-state=true] .apadLabel{color:#fff}#touchControls[data-ui-mode^=SETTINGS] #apadCycleShiny,#touchControls[data-ui-mode^=SETTINGS] #apadCycleForm,#touchControls[data-ui-mode^=SETTINGS] #apadCycleShiny .apadLabel,#touchControls[data-ui-mode^=SETTINGS] #apadCycleForm .apadLabel{display:flex!important;opacity:1!important;visibility:visible!important}#touchControls[data-ui-mode^=SETTINGS] #apadConsole,#touchControls[data-ui-mode^=SETTINGS] #apadSave,#touchControls[data-ui-mode="^SETTINGS"] #apadSmitom,#touchControls[data-ui-mode^=SETTINGS] #apadOmegaItems,#touchControls[data-ui-mode^=SETTINGS] #apadBag,#touchControls[data-ui-mode^=SETTINGS] #apadFoe{display:none!important}
