/* Original HUD arrangement, reduced information density. Skill hitboxes remain 48px. */
.mobile-service-links,#mobileLayoutMenu,.mobile-menu-heading{display:none}
@media(max-width:900px),(pointer:coarse) and (max-width:1200px),(max-height:600px) and (max-width:1200px){
 #game{--safe-top:max(8px,env(safe-area-inset-top));--safe-side:max(8px,env(safe-area-inset-right));--hud-bottom:max(8px,env(safe-area-inset-bottom));--combat-bottom:calc(var(--hud-bottom) + 50px);height:var(--af-viewport-height,100dvh);min-height:0;overflow:hidden}
 .hud{inset:var(--safe-top) var(--safe-side) auto var(--safe-side)!important;height:92px!important;pointer-events:none}
 .hud .player{width:calc(100vw - 198px)!important;max-width:174px!important;min-width:152px!important;position:relative!important;height:88px!important;max-height:88px!important;padding:4px 4px 22px!important;align-items:flex-start!important;gap:4px!important;pointer-events:auto;box-shadow:none!important}
 .hud .player #portrait{width:25px!important;height:48px!important;flex:0 0 25px}
 .player-copy .eyebrow{font-size:10px!important;line-height:12px!important}.player-copy strong{font-size:12px!important;line-height:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .player-copy #jobName,.player-copy #jobLevel,.player-copy .xp{display:none!important}.player-copy .bar{height:12px!important;margin:2px 0!important}.player-copy .bar span{font-size:10px!important;line-height:12px!important}
 .hud .zone,.hint,.mission-state,.nearby-loot,#performanceStatus,#coordinates,#mapcount,#xpEstimate,#cameraControls,#questVisibilityControls{display:none!important}
 #hudCredits{top:var(--safe-top)!important;right:var(--safe-side)!important;width:176px!important;max-width:176px!important;height:25px!important;min-height:25px!important;padding:1px 7px!important;font-size:11px!important;line-height:21px!important;pointer-events:auto}
 .quicknav{display:flex!important;right:44px!important;top:29px!important;gap:0!important;pointer-events:auto}
 .quicknav button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;font-size:9px!important;padding:2px!important}.quicknav .interface-icon{width:21px!important;height:21px!important}
 #menuToggle{display:block!important;position:absolute!important;top:29px!important;right:0!important;left:auto!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:2px!important;font-size:10px!important;pointer-events:auto}
 .minimap,.in-town .minimap{display:block!important;top:calc(var(--safe-top) + 80px)!important;right:var(--safe-side)!important;bottom:auto!important;width:84px!important;height:64px!important;padding:3px 3px 13px!important;box-sizing:border-box;pointer-events:auto}
 .minimap canvas{width:76px!important;height:46px!important}.minimap>div{height:0!important;padding:0!important}#miniExpand{position:absolute;right:0!important;bottom:-4px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:transparent!important;border:0!important;font-size:17px!important}
 body.mini-expanded .minimap{width:240px!important;height:auto!important;padding:6px 6px 32px!important;z-index:20!important}body.mini-expanded .minimap canvas{width:226px!important;height:140px!important}body.mini-expanded #coordinates,body.mini-expanded #mapcount,body.mini-expanded #xpEstimate{display:inline!important;font-size:11px!important}body.mini-expanded #cameraControls{display:flex!important}
 #networkStatus{display:none!important}#networkStatus:not([data-state="online"]){display:block!important;top:calc(var(--safe-top) + 150px)!important;right:var(--safe-side)!important;min-height:24px!important;height:auto!important;width:90px!important;font-size:10px!important}
 body #game #mobileQuestToggle{display:grid!important;grid-template-columns:20px 1fr auto!important;gap:5px!important;align-items:center!important;top:calc(var(--safe-top) + 94px)!important;left:var(--safe-side)!important;width:152px!important;height:30px!important;min-height:30px!important;padding:3px 6px!important;border-radius:6px!important}
 #mobileQuestToggle .interface-icon{display:block!important;width:20px!important;height:20px!important;margin:0!important}#mobileQuestToggle .quest-kicker{display:block!important;font-size:11px!important;color:#e7cf99!important;border:0!important;padding:0!important;white-space:nowrap}
 #mobileQuestToggle .quest-title,#mobileQuestToggle .quest-objective,#mobileQuestToggle .quest-chevron,#mobileQuestToggle .quest-meter>i{display:none!important}#mobileQuestToggle .quest-meter{display:block!important}#mobileQuestToggle .quest-meter b{font-size:11px!important}
 body.quest-peek #game #questTracker{display:block!important;top:calc(var(--safe-top) + 130px)!important;left:var(--safe-side)!important;max-height:50dvh!important;width:240px!important;max-width:calc(100vw - 100px)!important;z-index:18!important;background:#071b2af5!important}
 #worldBossStatus{display:flex!important;align-items:center;gap:4px;left:var(--safe-side)!important;top:calc(var(--safe-top) + 130px)!important;bottom:auto!important;transform:none!important;width:152px!important;max-width:152px!important;min-height:28px!important;height:28px!important;padding:2px 6px!important;font-size:11px!important;border-radius:6px!important;background:#201b2bce!important;box-shadow:none!important}
 #worldBossStatus .boss-symbol{font-size:15px;color:#fa7b8a}#worldBossStatus .boss-clock{color:#fa97a4;font-size:11px}#worldBossStatus .boss-chevron{margin-left:auto}
 #targetPanel,#targetPanel.is-boss{position:absolute!important;top:calc(var(--safe-top) + 166px)!important;left:var(--safe-side)!important;right:auto!important;transform:none!important;width:160px!important;max-width:160px!important;min-height:0!important;padding:3px 5px!important;border:0!important;background:#07182199!important;border-radius:5px!important;box-shadow:none!important;pointer-events:none!important}
 #targetPanel[hidden]{display:none!important}#targetPanel strong,#targetPanel.is-boss strong{font-size:11px!important;line-height:14px!important}#targetPanel small{font-size:10px!important}#targetPanel .target-health{font-size:10px!important;line-height:12px!important}#targetPanel .bar,#targetPanel.is-boss .bar{height:3px!important;margin:2px 0!important}#targetPanel .level-threat,#targetPanel .boss-badge,#targetPanel .pvp-badge{display:none!important}
 .townbar,.in-town .townbar{display:none!important}
 .bottomhud .actiondock,.in-town .bottomhud .actiondock{display:block!important;right:var(--safe-side)!important;left:auto!important;bottom:var(--combat-bottom)!important;width:190px!important;height:190px!important;max-width:190px!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;pointer-events:none}
 .actiondock>*{pointer-events:auto}.actiondock .skills{position:absolute!important;inset:0!important;pointer-events:none}.actiondock .skills button{position:absolute!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;padding:0!important;pointer-events:auto;border-radius:50%!important}
 .actiondock .skills button:nth-child(1),.actiondock .skills button:nth-child(5){left:0!important;right:auto!important;bottom:0!important}.actiondock .skills button:nth-child(2),.actiondock .skills button:nth-child(6){left:0!important;right:auto!important;bottom:56px!important}.actiondock .skills button:nth-child(3){left:28px!important;right:auto!important;bottom:110px!important}.actiondock .skills button:nth-child(4){left:84px!important;right:auto!important;bottom:136px!important}
 #game[data-skill-page="0"] .skills button:nth-child(n+5),#game[data-skill-page="1"] .skills button:nth-child(-n+4){display:none!important}.actiondock .skills .skill-name,.actiondock kbd{display:none!important}
 .bottomhud .actiondock #attackBtn{position:absolute!important;right:0!important;left:auto!important;bottom:0!important;width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;padding:5px!important}.actiondock #attackBtn b svg{width:28px;height:28px;display:block;margin:0 auto}.actiondock #attackBtn span{font-size:11px!important}
 #skillPage{position:absolute!important;left:auto!important;right:0!important;bottom:88px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:10px!important}
 .bottomhud .actiondock .consumable,.bottomhud .actiondock #mobileHome{position:absolute!important;top:auto!important;left:auto!important;bottom:196px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:2px!important}.bottomhud .actiondock #potionBtn{right:100px!important}.bottomhud .actiondock #etherBtn{right:50px!important}.bottomhud .actiondock #mobileHome{right:0!important}.actiondock #mobileHome[hidden]{display:none!important}.actiondock .consumable .interface-icon,.actiondock #mobileHome .interface-icon{width:27px!important;height:27px!important;margin:auto!important}.actiondock .supply-name{display:none!important}
 .bottomhud .botdock,.in-town .bottomhud .botdock{display:block!important;position:absolute!important;left:auto!important;right:var(--safe-side)!important;bottom:calc(var(--combat-bottom) + 144px)!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border:0!important;background:none!important}.bottomhud .botdock #autoBtn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:10px!important}.botdock #autoBtn strong{position:static!important;font-size:10px!important}.botdock #autoBtn #autotext,.botdock #autoBtn i{display:none!important}
 #movementPad,.in-town #movementPad{left:var(--safe-side)!important;bottom:calc(var(--combat-bottom) + 4px)!important;width:100px!important;height:100px!important}#movementPad small{display:none!important}
 #socialDock,.in-town #socialDock{left:var(--safe-side)!important;bottom:calc(var(--combat-bottom) + 112px)!important}#chatToggle{min-width:60px!important;min-height:36px!important;height:36px!important;padding:4px 6px!important;font-size:11px!important}
 #mobileBottomNav{display:flex!important;width:228px!important;height:44px!important;bottom:var(--hud-bottom)!important;padding:0!important;gap:1px!important;border-radius:7px!important}#mobileBottomNav button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;font-size:8px!important}#mobileBottomNav .interface-icon{width:21px!important;height:21px!important}
 #messages,.in-town #messages{top:calc(var(--safe-top) + 210px)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(240px,75vw)!important;max-width:240px!important;pointer-events:none!important}.message{padding:4px 7px!important;font-size:11px!important;line-height:15px!important}
 .hud .topnav{position:fixed!important;top:calc(var(--safe-top) + 100px)!important;bottom:auto!important;left:8px!important;right:8px!important;max-height:calc(var(--af-viewport-height,100dvh) - 96px)!important;overflow:auto!important;z-index:30!important;pointer-events:auto;background:#071b2af7!important;padding:10px!important}
 .topnav .mobile-menu-heading{display:flex!important;grid-column:1/-1;justify-content:space-between;align-items:center}.mobile-menu-heading button{min-width:44px;min-height:44px}.topnav .mobile-service-links{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:4px}.topnav #mobileLayoutMenu{display:block;grid-column:1/-1}.topnav #mobileLayoutMenu summary{padding:8px;min-height:28px}.topnav #mobileLayoutMenu button{min-height:44px}.topnav #mobileTechnicalStatus{display:block;font-size:11px}
 .topnav #eliteModeButton{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;height:auto!important;min-height:44px!important;font-size:12px!important}
 #chatPanel,.chat-open #chatPanel{position:fixed!important;left:8px!important;right:8px!important;bottom:var(--hud-bottom)!important;top:auto!important;width:auto!important;height:min(380px,70dvh)!important;max-height:70dvh!important;z-index:30!important}#socialDock.expanded #chatPanel{height:calc(var(--af-viewport-height,100dvh) - 16px)!important;max-height:none!important}#chatForm input{font-size:16px!important}
 body.menu-open #movementPad,body.menu-open .bottomhud,body.menu-open #mobileBottomNav,body.chat-open #movementPad,body.chat-open .bottomhud,body.chat-open #mobileBottomNav,body:has(dialog[open]) #movementPad,body:has(dialog[open]) .bottomhud{visibility:hidden!important}
 body.keyboard-open #movementPad,body.keyboard-open .bottomhud,body.keyboard-open #mobileBottomNav{visibility:hidden!important}body.menu-open #world,body.chat-open #world{pointer-events:none!important}
 body.left-handed #movementPad{left:auto!important;right:var(--safe-side)!important}body.left-handed .bottomhud .actiondock{right:auto!important;left:var(--safe-side)!important}body.left-handed .bottomhud .botdock{right:auto!important;left:calc(var(--safe-side) + 146px)!important}body.left-handed #socialDock{left:auto!important;right:var(--safe-side)!important}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){
 #game{--combat-bottom:calc(var(--hud-bottom) + 4px)}.hud .player{width:168px!important}.quicknav{top:0!important}#menuToggle{top:0!important}#hudCredits{top:calc(var(--safe-top) + 48px)!important}
 .minimap,.in-town .minimap{top:calc(var(--safe-top) + 78px)!important}
 #targetPanel,#targetPanel.is-boss{top:var(--safe-top)!important;left:50%!important;transform:translateX(-50%)!important}#messages,.in-town #messages{top:calc(var(--safe-top) + 42px)!important}
 #mobileBottomNav{left:50%!important;bottom:var(--hud-bottom)!important}#socialDock,.in-town #socialDock{left:118px!important;bottom:var(--hud-bottom)!important}
 .bottomhud .actiondock .consumable,.bottomhud .actiondock #mobileHome{bottom:196px!important}
}
@media(max-width:900px),(pointer:coarse) and (max-width:1200px),(max-height:600px) and (max-width:1200px){.menu-open .topnav #eliteModeButton{visibility:visible!important}.topnav #eliteModeButton[hidden]{display:none!important}.hud .topnav #eliteModeButton{position:static!important;inset:auto!important}}

/* EXP shares the player card; it is driven by the authoritative player snapshot. */
@media(max-width:900px),(pointer:coarse) and (max-width:1200px),(max-height:600px) and (max-width:1200px){
 #playerPanel #mobileXP{display:block!important;position:absolute!important;left:4px!important;right:4px!important;top:auto!important;bottom:4px!important;width:auto!important;height:14px!important;border-radius:3px;overflow:hidden;background:#06121a;border:1px solid #a08a4b;pointer-events:none}
 #playerPanel #mobileXP i{background:linear-gradient(90deg,#85611c,#dfb753);height:100%}
 #playerPanel #mobileXP span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff8dc;font-size:9px;line-height:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000}
}