.mobileNav,.mobilePanelClose,.mobileShortcuts,.mobileAccountActions,.mobileToolLabel{display:none}
html[data-mobile=true]{--mobile-bottom:calc(64px + env(safe-area-inset-bottom,0px));-webkit-text-size-adjust:100%}
html[data-mobile=true] body{overscroll-behavior-y:none}
html[data-mobile=true] body.mobilePlaying{overflow:hidden}
html[data-mobile=true] #accountPage{display:block;min-height:100dvh}
html[data-mobile=true] .intro{min-height:0;padding:22px}
html[data-mobile=true] .introCopy{padding:18px 0}
html[data-mobile=true] .intro h1{font-size:clamp(28px,7vw,42px)}
html[data-mobile=true] .introRule,html[data-mobile=true] .accountBenefits,html[data-mobile=true] .playtestLabel{display:none}
html[data-mobile=true] .accountPanel{padding:24px;border:0}
html[data-mobile=true] #accountForm button,html[data-mobile=true] #forgotPassword{min-height:44px}
html[data-mobile=true] button,html[data-mobile=true] a{touch-action:manipulation}
html[data-mobile=true] input,html[data-mobile=true] select,html[data-mobile=true] textarea{font-size:16px!important}
html[data-mobile=true] #playPage{height:var(--mobile-height,100dvh);min-height:0}
html[data-mobile=true] .onlineBar{display:none!important}
html[data-mobile=true] #gameMount{height:100%;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
html[data-mobile=true] .gameViewport{height:var(--mobile-height,100dvh)!important;overflow:hidden;width:100%!important;inset:0!important;transform:none!important}
html[data-mobile=true] .gameViewport>.arena{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important}
html[data-mobile=true] .mobileNav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;height:var(--mobile-bottom);padding:5px max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));gap:4px;border:0;border-top:1px solid #b3b67a;background:#102e2df5;z-index:90;backdrop-filter:blur(10px)}
html[data-mobile=true] .mobileNav button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:4px 2px;border:1px solid #7f9d6177;border-radius:8px;font:800 12px Arial;color:#f5e7ba;background:linear-gradient(#34553c,#1a382e)}
html[data-mobile=true] .mobileNav button[aria-pressed=true]{border-color:#e9d188;background:linear-gradient(#79824b,#405e38);color:#fff5cf}
html[data-mobile=true] .mobileNav small{font:800 9px Arial;color:#ffdf86;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-mobile=true] .mobileNav .mobileRewardReady{border-color:#f3cb70;box-shadow:inset 0 0 10px #e1b95e44}
html[data-mobile=true] .playerHud{position:absolute!important;left:max(8px,env(safe-area-inset-left))!important;top:max(8px,env(safe-area-inset-top))!important;right:auto!important;bottom:auto!important;width:calc(100% - 116px)!important;max-width:290px!important;min-height:0!important;z-index:8!important;padding:0!important}
html[data-mobile=true] .playerHud .player{padding:5px!important;gap:8px!important}.playerInfo{min-width:0}
html[data-mobile=true] .playerHud .portrait{width:44px!important;height:48px!important;flex-shrink:0}
html[data-mobile=true] .playerHud .playerInfo{flex:1!important}
html[data-mobile=true] .playerHud h2{font-size:15px!important;margin:2px 0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-mobile=true] .playerHud .playerInfo>small{display:none!important}
html[data-mobile=true] .playerHud #level{font-size:12px!important}
html[data-mobile=true] .playerHud .xp{margin:4px 0 0!important}
html[data-mobile=true] .playerHud .xpLabels{padding:3px 0 0!important;font-size:9px!important}
html[data-mobile=true] .playerHud .battleStats{display:none!important}
html[data-mobile=true] .profileTalentNotice{font-size:9px!important;padding:2px 5px!important;margin:0!important;position:absolute;left:52px;top:calc(100% - 5px);max-width:140px;white-space:nowrap}
html[data-mobile=true] .entryKeys{display:none!important}
html[data-mobile=true] .playerHud .gameAdminButton{position:absolute;left:0;top:100%;margin:0;font-size:9px;min-height:28px}
html[data-mobile=true] .topTools{position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;left:auto!important;display:flex!important;gap:5px!important;height:46px!important;z-index:12!important}
html[data-mobile=true] .topTools .icon{width:44px!important;height:44px!important;min-height:44px!important;padding:8px!important}.topTools .icon svg{max-width:100%;max-height:100%}
html[data-mobile=true] .resourceBar{position:absolute!important;top:calc(82px + env(safe-area-inset-top))!important;left:8px!important;right:8px!important;width:auto!important;height:54px!important;display:flex!important;gap:5px!important;z-index:7!important}
html[data-mobile=true] .resourceBar>.resourceCard{flex:1!important;min-width:0!important;width:auto!important;height:54px!important;margin:0!important;padding:5px!important;gap:5px!important;overflow:hidden!important}
html[data-mobile=true] .resourceCard>div{min-width:0!important}.resourceCard b{font-variant-numeric:tabular-nums}
html[data-mobile=true] .resourceCard b{display:block!important;font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-mobile=true] .resourceCard small,html[data-mobile=true] .resourceCard .goldHourly{font-size:8px!important;white-space:nowrap!important}
html[data-mobile=true] .resourceCard .coinIcon,html[data-mobile=true] .resourceCard>svg,html[data-mobile=true] .resourceCard>.gemIcon,html[data-mobile=true] .resourceCard>.sigilIcon,html[data-mobile=true] .resourceCard>.emeraldIcon{width:22px!important;height:26px!important;min-width:18px!important;font-size:20px!important}
html[data-mobile=true] .locationHud{position:absolute!important;top:calc(145px + env(safe-area-inset-top))!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:calc(100% - 112px)!important;max-width:310px!important;padding:5px 8px!important;min-height:0!important;z-index:7!important}
html[data-mobile=true] .locationHud h1{font-size:12px!important;margin:0 0 3px!important}.locationHud .locationStage{font-variant-numeric:tabular-nums}
html[data-mobile=true] .locationHud #regionIndex,html[data-mobile=true] .locationHud #regionSub,html[data-mobile=true] .locationHud .routeLine{display:none!important}
html[data-mobile=true] .locationHud .locationStage{margin:0!important;min-height:24px!important;font-size:10px!important;gap:5px!important;justify-content:center!important}
html[data-mobile=true] .locationStage b{font-size:23px!important}
html[data-mobile=true] .locationHud .toggle{min-height:30px!important;padding:3px 8px!important;margin:3px 0 0!important;font-size:10px!important}
html[data-mobile=true] .locationHud>.stageArrow{width:44px!important;height:44px!important;top:50%!important;transform:translateY(-50%)!important}
html[data-mobile=true] .locationHud>.stageArrowBack{left:-50px!important}html[data-mobile=true] .locationHud>.stageArrowForward{right:-50px!important}
html[data-mobile=true] .enemyheading{position:absolute!important;top:calc(245px + env(safe-area-inset-top))!important;left:57%!important;width:70%!important;max-width:330px!important;transform:translateX(-50%)!important;z-index:4!important}
html[data-mobile=true] .enemyheading h2{font-size:17px!important;margin:0 0 5px!important}
html[data-mobile=true] .enemyheading #enemyClass{display:none!important}
html[data-mobile=true] .enemyDetails{font-size:10px!important}.enemyheading .health{min-height:12px}
html[data-mobile=true] .arena .enemy{position:absolute!important;top:max(295px,34%)!important;bottom:calc(var(--mobile-bottom) + 95px)!important;right:3%!important;width:55%!important;height:auto!important;min-height:80px!important}
html[data-mobile=true] .rosterBattleParty .rosterActor{width:14%!important;height:19%!important}
html[data-mobile=true] .rosterBattleParty .rosterActor0{left:4%!important}
html[data-mobile=true] .rosterBattleParty .rosterActor1{left:14%!important}html[data-mobile=true] .rosterBattleParty .rosterActor2{left:24%!important}html[data-mobile=true] .rosterBattleParty .rosterActor3{left:34%!important}
html[data-mobile=true] .rosterBattleParty .rosterActor>span:last-child{font-size:8px!important;max-width:70px;overflow:hidden;text-overflow:ellipsis}
html[data-mobile=true] .equipmentBelt{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:130px!important;margin:20px 0 8px!important;padding:60px 5px 5px!important;gap:5px!important;z-index:6!important}
html[data-mobile=true] .equipmentBelt>button{min-width:0!important;min-height:58px!important;padding:5px 2px!important;overflow:hidden}
html[data-mobile=true] .equipmentBelt>button .atlasIcon,html[data-mobile=true] .equipmentBelt>button .gemIcon,html[data-mobile=true] .equipmentBelt>button svg{display:none!important}
html[data-mobile=true] .equipmentBelt>button>span{font-size:10px!important;white-space:nowrap!important}
html[data-mobile=true] .equipmentBelt>button>b{font-size:11px!important}.equipmentBelt>button>i{pointer-events:none}
html[data-mobile=true] .equipmentBelt .bulkSelector{position:absolute!important;top:0!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;margin:0 0 4px!important;display:flex!important;gap:4px!important}
html[data-mobile=true] .bulkSelector button{min-height:44px!important;flex:1!important;font-size:11px!important}
html[data-mobile=true] .actionHud{position:absolute!important;left:8px!important;right:8px!important;bottom:calc(var(--mobile-bottom) + 12px)!important;width:auto!important;transform:none!important;z-index:6!important}
html[data-mobile=true] .actionHud .skills{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:0!important}
html[data-mobile=true] .actionHud .skill{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;width:100%!important;min-width:0!important;height:64px!important;min-height:64px!important;padding:4px!important;border-radius:8px!important;overflow:hidden!important}
html[data-mobile=true] .skills .abilityPortrait,html[data-mobile=true] .skills .abilityDamageLabel{display:none!important}
html[data-mobile=true] .skills .abilityHeroName{font-size:10px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-mobile=true] .actionHud .skill kbd,html[data-mobile=true] .actionHud .skillIcon{display:none!important}
html[data-mobile=true] .skillName{position:static!important;display:block!important;font-size:10px!important;max-width:100%!important;white-space:normal!important;line-height:1.2!important}
html[data-mobile=true] .skill .cooldown{position:static!important;font-size:10px!important;bottom:auto!important;top:auto!important;left:auto!important;right:auto!important;text-align:center!important;width:100%}
html[data-mobile=true] .attackhint{position:static!important;margin:0 0 6px!important;font-size:9px!important}
html[data-mobile=true] .adventureLauncher,html[data-mobile=true] .gameDock,html[data-mobile=true] .gameLogo,html[data-mobile=true] .guideHud,html[data-mobile=true] .gameViewport>.message,html[data-mobile=true] .saveHud{display:none!important}
html[data-mobile=true] .teamHud,html[data-mobile=true] .questMenu{display:none!important;position:fixed!important;inset:calc(62px + env(safe-area-inset-top)) 8px calc(var(--mobile-bottom) + 8px)!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;transform:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding:12px!important;background:linear-gradient(140deg,#294a39fc,#102e2afa)!important;z-index:80!important;border:2px solid #a8b77e!important;border-radius:12px!important;gap:10px!important;align-content:start!important}
html[data-mobile=true][data-mobile-panel=heroes] .teamHud{display:block!important}
html[data-mobile=true][data-mobile-panel=menu] .questMenu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-mobile=true] .questMenu>button{min-height:64px!important;padding:8px!important}
html[data-mobile=true] .questMenu button strong{font-size:13px!important}.questMenu button{overflow-wrap:anywhere}
html[data-mobile=true] .questMenu kbd{display:none!important}
html[data-mobile=true] .mobileShortcuts,html[data-mobile=true] .mobileAccountActions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
html[data-mobile=true] .mobileShortcuts button{flex:1;min-width:60px!important;min-height:48px!important;font-size:18px!important}.mobileAccountActions button{flex:1}
html[data-mobile=true] .mobileShortcuts .icon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto!important;padding:8px!important;font-size:14px!important;gap:4px}
html[data-mobile=true] .mobileShortcuts .icon svg{width:26px;height:26px}
html[data-mobile=true] .mobileToolLabel{display:block;font:700 10px/1.3 Arial;white-space:normal;max-width:95px}
html[data-mobile=true] .mobileAccountActions button{font-size:12px!important;min-height:44px!important}
html[data-mobile=true] .mobilePanelClose{display:block;position:fixed;z-index:85;top:max(8px,env(safe-area-inset-top));left:8px;right:8px;width:calc(100% - 16px);height:44px;border:1px solid #d6c48a;border-radius:9px;color:#ffe8ad;background:#204536;font:800 14px Arial}
html[data-mobile=true][data-mobile-panel=battle] .mobilePanelClose{display:none}
html[data-mobile=true] .teamHud .characterLevelRow{padding:12px!important;gap:10px!important}
html[data-mobile=true] .teamHud .characterLevelInfo>b{font-size:16px!important}
html[data-mobile=true] .teamHud .characterLevelInfo>span,html[data-mobile=true] .teamHud .characterLevelInfo>small{font-size:12px!important}
html[data-mobile=true] .teamHud .characterLevelRow button{min-height:48px!important;min-width:56px!important;font-size:12px!important}
html[data-mobile=true] .teamHud .milestoneHeading b,html[data-mobile=true] .teamHud .milestoneHeading>span,html[data-mobile=true] .teamHud .milestoneGain small{font-size:10px!important}
html[data-mobile=true] dialog{max-width:calc(100vw - 16px)!important;max-height:calc(var(--mobile-height,100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow-y:auto;overscroll-behavior:contain;padding:16px!important;box-sizing:border-box;min-width:0!important}
html[data-mobile=true] dialog button,html[data-mobile=true] .characterDrawer button{min-height:44px!important;min-width:44px}
html[data-mobile=true] .characterDrawer{position:fixed!important;inset:8px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:calc(var(--mobile-height,100dvh) - 16px)!important;overflow:auto!important;z-index:100!important}
html[data-mobile=true] .characterDrawer .panel{max-height:none!important;overflow:visible!important;min-height:0!important;padding:14px!important}
html[data-mobile=true] .socialPanel{top:max(8px,env(safe-area-inset-top))!important;bottom:auto!important;right:8px!important;width:calc(100vw - 16px)!important;max-width:500px!important;height:calc(var(--mobile-height,100dvh) - 16px - env(safe-area-inset-top))!important}
html[data-mobile=true] .socialPanel button{min-height:40px}
html[data-mobile=true] .socialPanel .socialClose{min-height:44px;width:44px}
html[data-mobile=true] .chatMessageTools button{padding:7px 4px!important}
html[data-mobile=true] .teamDialog.isBossBattle{inset:0!important;width:100vw!important;max-width:none!important;height:var(--mobile-height,100dvh)!important;max-height:none!important;padding:0!important;border-radius:0!important}
html[data-mobile=true] .raidHeader{padding-top:max(8px,env(safe-area-inset-top))!important}
html[data-mobile=true] .raidActions button,html[data-mobile=true] #raidBossTarget{touch-action:manipulation;min-height:44px}
html[data-mobile=true] .raidScoreDock{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
@media(orientation:landscape){
html[data-mobile=true] .playerHud{width:225px!important}
html[data-mobile=true] .resourceBar{top:max(8px,env(safe-area-inset-top))!important;left:240px!important;right:110px!important;height:48px!important}
html[data-mobile=true] .resourceBar>.resourceCard{height:48px!important}
html[data-mobile=true] .locationHud{top:76px!important;left:29%!important;width:220px!important}
html[data-mobile=true] .enemyheading{top:78px!important;left:auto!important;right:7%!important;width:32%!important;transform:none!important}
html[data-mobile=true] .arena .enemy{top:122px!important;bottom:calc(var(--mobile-bottom) + 88px)!important;right:8%!important;width:31%!important}
html[data-mobile=true] .equipmentBelt>button{min-height:49px!important}
html[data-mobile=true] .actionHud{left:46%!important;bottom:calc(var(--mobile-bottom) + 8px)!important}
html[data-mobile=true] .attackhint{display:none!important}
html[data-mobile=true] .actionHud .skill{height:65px!important;min-height:65px!important}
html[data-mobile=true] .rosterBattleParty .rosterActor{width:10%!important;height:24%!important}
html[data-mobile=true] .teamHud{left:15%!important;right:15%!important}
html[data-mobile=true] .questMenu{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(orientation:portrait) and (max-height:550px){html[data-mobile=true] .resourceBar{top:64px!important;height:44px!important}html[data-mobile=true] .resourceBar>.resourceCard{height:44px!important}html[data-mobile=true] .locationHud{top:114px!important}html[data-mobile=true] .enemyheading{top:204px!important}html[data-mobile=true] .arena .enemy{top:247px!important}}
@media(orientation:landscape) and (max-height:360px){html[data-mobile=true] .locationHud{top:66px!important;left:27%!important}html[data-mobile=true] .locationHud h1,html[data-mobile=true] .locationHud .toggle{display:none!important}html[data-mobile=true] .enemyheading{top:70px!important}html[data-mobile=true] .arena .enemy{top:115px!important;bottom:calc(var(--mobile-bottom) + 12px)!important}html[data-mobile=true] .actionHud{left:8px!important;right:auto!important;width:43%!important}html[data-mobile=true] .rosterBattleParty .rosterActor{width:6%!important;height:20%!important}html[data-mobile=true] .rosterBattleParty .rosterActor0{left:44%!important}html[data-mobile=true] .rosterBattleParty .rosterActor1{left:50%!important}html[data-mobile=true] .rosterBattleParty .rosterActor2{left:56%!important}html[data-mobile=true] .rosterBattleParty .rosterActor3{left:62%!important}}
@media(max-width:360px){html[data-mobile=true] .playerHud h2{font-size:13px!important}html[data-mobile=true] .resourceCard b{font-size:14px!important}html[data-mobile=true] .resourceCard>svg,html[data-mobile=true] .resourceCard>.coinIcon{display:none!important}}