/* Dedicated touch layout, loaded after all legacy HUD styles. */
body.mobile-hud{--wheel:224px;--stick:144px;--tool:48px;--control-bottom:24px}
.mobile-hud #hud{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:5px;align-items:center}.mobile-hud #gd{float:none!important;font:11px Arial;color:#e9d7a8}.mobile-hud #hud .bar,.mobile-hud #hud small{grid-column:1/-1}
.mobile-hud #move-joystick{position:fixed;left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(var(--control-bottom) + 12px + env(safe-area-inset-bottom,0px));width:var(--stick);height:var(--stick);border-radius:50%;z-index:8;touch-action:none;user-select:none;background:radial-gradient(circle,#83c9c009 30%,#091a2770 66%,#b7dcc321 68%,#091a2750 70%);box-shadow:inset 0 0 0 1px #d7ebd62b,0 3px 16px #0003;cursor:grab}
.stick-orbit{position:absolute;inset:13%;border:1px solid #c1ddcd3d;border-radius:50%;pointer-events:none}
.stick-cross{position:absolute;inset:26%;border:1px solid #b0d7cc26;transform:rotate(45deg);border-radius:7px;pointer-events:none}
.stick-thumb{position:absolute;left:33%;top:33%;width:34%;height:34%;box-sizing:border-box;border:1px solid #d8e7cd99;border-radius:50%;background:radial-gradient(circle at 35% 28%,#a2bdaf88,#23464cbb 70%);box-shadow:inset 0 1px 5px #f2f0c830,0 3px 12px #0005;pointer-events:none}
#move-joystick span{position:absolute;bottom:12%;left:0;right:0;text-align:center;font:8px Arial,sans-serif;letter-spacing:1.6px;color:#d0ddd275;pointer-events:none}
#move-joystick.engaged{box-shadow:inset 0 0 0 1px #bbf5dc77,0 0 18px #7acbb115}
#move-joystick.engaged .stick-thumb{border-color:#d9f6d7;background:radial-gradient(circle at 35% 28%,#b1d6bd,#315d60 75%)}
.mobile-hud #combat-wheel{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(var(--control-bottom) + env(safe-area-inset-bottom,0px));width:var(--wheel);height:var(--wheel);z-index:8;pointer-events:none}
body.mobile-hud #combat-wheel #sb{position:absolute!important;inset:0!important;display:block!important;width:100%;height:100%;transform:none!important;pointer-events:none}
.mobile-hud #combat-wheel #sb .sk{position:absolute!important;width:26%!important;height:26%!important;min-height:0!important;padding:0!important;border-radius:50%!important;border:2px solid #afa37b!important;background:radial-gradient(circle at 35% 25%,#35505b,#081620 80%)!important;box-shadow:0 0 0 2px #09131bea,inset 0 0 0 2px #c9d5b122,0 4px 12px #0008!important;pointer-events:auto;touch-action:none;transform:none!important}
#combat-wheel #sb .sk:nth-child(1){left:6%;top:6%}#combat-wheel #sb .sk:nth-child(2){left:68%;top:6%}#combat-wheel #sb .sk:nth-child(3){left:68%;top:68%}#combat-wheel #sb .sk:nth-child(4){left:6%;top:68%}
.mobile-hud #combat-wheel #sb .ic{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:50%;object-fit:contain}
.mobile-hud #combat-wheel #sb .sk small{z-index:3;left:auto;right:6px;top:3px;font:9px Arial;color:#fff0bc;text-shadow:0 1px 3px #000}
.mobile-hud #combat-wheel #sb .sk u{z-index:2;background:#07121bb0;border-radius:0 0 50% 50%;pointer-events:none}
.mobile-hud #combat-wheel #sb .sk::after{content:attr(data-cooldown);position:absolute;inset:0;z-index:4;display:grid;place-items:center;font:700 19px Arial;color:#fff3cf;text-shadow:0 2px 3px #000;pointer-events:none}
.mobile-hud #combat-wheel #basic-attack{position:absolute;left:32%;top:32%;width:36%;height:36%;min-height:0;padding:0;border-radius:50%;border:2px solid #dfc186;background:radial-gradient(circle at 35% 25%,#53606a,#182834 65%,#0a141e);box-shadow:0 0 0 3px #101820,0 0 0 4px #a8945f88,inset 0 1px 7px #fff2,0 5px 16px #0009;pointer-events:auto;touch-action:none;font-size:0!important;transform:none!important}
.mobile-hud .hud-icon::before{content:'';position:absolute;inset:15%;background-image:var(--hud-icon);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none}
.mobile-hud .hud-icon::after{content:attr(data-hud-label);position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);white-space:nowrap;font:10px Arial,sans-serif;color:#e4debc;text-shadow:0 1px 3px #000;pointer-events:none}
.mobile-hud #basic-attack::before{inset:21% 19% 23%}.mobile-hud #basic-attack::after{bottom:8%;font-size:9px;color:#e9d8ab}
.mobile-hud #basic-attack[aria-pressed=true]{border-color:#b6f1cc;box-shadow:0 0 0 3px #101820,0 0 12px #b4de7e77,inset 0 1px 7px #fff2}
body.mobile-hud #bt{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:9px!important;width:max-content!important;max-width:94vw!important;z-index:9;background:linear-gradient(90deg,transparent,#0a1721b3 15%,#0a1721b3 85%,transparent);border-radius:36px;padding:6px 12px}
body.mobile-hud #bt{overflow:visible!important}
.mobile-hud #bt button,.mobile-hud #hud-more-menu button{position:relative!important;width:var(--tool);height:var(--tool);min-height:0!important;flex:0 0 var(--tool);border-radius:50%!important;padding:0!important;font-size:0!important;border:1px solid #ad9b6b99;background:radial-gradient(circle at 35% 25%,#344950,#10232e 80%);box-shadow:inset 0 0 0 2px #d4bd7920,0 3px 8px #0008;touch-action:manipulation;transform:none!important}
.mobile-hud #bt button[aria-pressed=true]{border-color:#a7e9ce;background:radial-gradient(circle at 35% 25%,#386d60,#152e33 80%);box-shadow:0 0 10px #8fdeaf55}
.mobile-hud #hud-more-menu{position:fixed;bottom:calc(104px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:14;display:grid;grid-template-columns:repeat(3,48px);gap:30px 22px;padding:22px 25px 34px;background:linear-gradient(145deg,#1c333bf5,#0b1823fc);border:1px solid #b2a37388;border-radius:20px;box-shadow:0 12px 32px #0008}
.mobile-hud #hud-more-menu[hidden],.mobile-hud #bs{display:none!important}
.mobile-hud #tip{display:none!important}
.mobile-hud #online-panel{left:50%!important;bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%);width:min(300px,85vw);z-index:13}
.mobile-hud #online-panel.collapsed{display:none!important}
.mobile-hud #world-interact{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;max-width:30vw;padding:8px 13px;border-radius:22px;font:11px Arial}
.mobile-hud #aim-cancel{bottom:calc(var(--wheel) + var(--control-bottom) + 24px + env(safe-area-inset-bottom,0px));z-index:12;font-size:11px;padding:9px 15px}
.mobile-hud:not(.game-controls-ready) #move-joystick,.mobile-hud:not(.game-controls-ready) #combat-wheel,.mobile-hud:not(.game-controls-ready) #bt,.mobile-hud:not(.game-controls-ready) #hud-more-menu{display:none!important}
.mobile-hud.controls-paused #move-joystick,.mobile-hud.controls-paused #combat-wheel,.mobile-hud.controls-paused #bt{visibility:hidden;pointer-events:none}
@media(max-width:700px){body.mobile-hud{--wheel:184px;--stick:126px;--tool:43px;--control-bottom:90px}.mobile-hud #move-joystick{left:calc(12px + env(safe-area-inset-left,0px))}.mobile-hud #combat-wheel{right:calc(6px + env(safe-area-inset-right,0px))}.mobile-hud #bt{gap:8px!important;bottom:calc(23px + env(safe-area-inset-bottom,0px))!important;padding:5px 8px}.mobile-hud #bt .hud-icon::after{font-size:9px}.mobile-hud #hud-more-menu{--tool:44px;bottom:calc(100px + env(safe-area-inset-bottom,0px))}.mobile-hud #world-interact{bottom:calc(292px + env(safe-area-inset-bottom,0px))!important;max-width:80vw;min-height:36px}.mobile-hud #log{top:auto!important;bottom:calc(297px + env(safe-area-inset-bottom,0px))!important;left:10px!important;right:10px!important;padding:0!important;font-size:10px!important;pointer-events:none}.mobile-hud #journey-objective{width:130px;padding:8px;top:175px!important;opacity:.8}.mobile-hud #hud-more-menu{column-gap:20px}}
@media(orientation:landscape) and (max-height:520px){body.mobile-hud{--wheel:184px;--stick:120px;--tool:38px;--control-bottom:18px}.mobile-hud #move-joystick{left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px))}.mobile-hud #combat-wheel{right:calc(14px + env(safe-area-inset-right,0px))}.mobile-hud #bt{bottom:calc(17px + env(safe-area-inset-bottom,0px))!important;gap:7px!important}.mobile-hud #hud{width:174px!important;padding:7px 10px!important;top:8px;left:8px}.mobile-hud #hud small{display:none}.mobile-hud #hud b{font-size:11px}.mobile-hud .bar{margin:4px 0;height:5px}.mobile-hud #world-minimap{width:80px!important;height:80px!important;top:8px!important;right:8px!important}.mobile-hud #account-badge{right:100px!important;top:8px!important;padding:3px 6px;font-size:9px}.mobile-hud #account-badge button{min-height:26px;padding:3px 6px;font-size:9px}.mobile-hud #world-region{top:92px!important;right:8px!important;font-size:9px}.mobile-hud #journey-objective{top:116px!important;right:8px!important;width:115px;padding:6px}.mobile-hud #journey-objective span{display:none}.mobile-hud #log{top:8px!important;bottom:auto!important;left:200px!important;right:220px!important;padding:0!important;font-size:10px!important}.mobile-hud #world-interact{bottom:calc(83px + env(safe-area-inset-bottom,0px))!important;max-width:35vw}.mobile-hud #online-panel{bottom:80px!important;width:260px}.mobile-hud #hud-more-menu{bottom:80px;gap:25px 16px;padding:16px 20px 30px}.mobile-hud #aim-cancel{bottom:218px}.mobile-hud #target-frame{top:40px!important;width:210px!important;padding:5px 9px}.mobile-hud #target-frame b{font-size:10px}.mobile-hud #target-frame small{display:none}}
@media(orientation:landscape) and (max-width:700px){body.mobile-hud{--wheel:172px;--stick:110px;--tool:32px}.mobile-hud #bt{gap:4px!important;padding:4px!important}.mobile-hud #combat-wheel{right:8px}.mobile-hud #move-joystick{left:8px}.mobile-hud #hud{width:146px!important}.mobile-hud #log{display:none}.mobile-hud #account-badge span{display:none}}
@media(orientation:portrait) and (max-width:360px){body.mobile-hud{--wheel:172px;--stick:110px;--tool:39px}.mobile-hud #bt{gap:6px!important}}
@media(orientation:portrait) and (max-width:700px){.mobile-hud #hud{width:154px!important;box-sizing:border-box;padding:8px 9px!important;left:8px;top:8px}.mobile-hud #hud b{font-size:11px!important}.mobile-hud #hud small{font-size:9px!important;line-height:1.5}.mobile-hud .bar{height:5px;margin:4px 0}.mobile-hud #account-badge{top:8px!important;right:8px!important;padding:3px 5px;font-size:9px}.mobile-hud #account-badge span{display:none}.mobile-hud #account-badge button{min-height:24px;padding:3px 6px;font-size:9px}.mobile-hud #world-minimap{width:80px!important;height:80px!important;top:45px!important;right:8px!important}.mobile-hud #world-region{top:132px!important;right:8px!important;font-size:9px;max-width:140px}.mobile-hud #target-frame{top:145px!important;left:8px!important;transform:none!important;width:150px!important;box-sizing:border-box;padding:5px 8px}.mobile-hud #target-frame b{font-size:10px}.mobile-hud #target-frame small{font-size:9px}}
.mobile-hud #combat-wheel #sb .sk.lk::after{content:'🔒\A' attr(data-unlock-level);white-space:pre;line-height:1.15;display:flex;align-items:center;justify-content:center;text-align:center;font:600 11px Arial,sans-serif;background:#09172088;border-radius:50%;color:#d9decd}
#mobile-screen-button[hidden],#landscape-hint[hidden]{display:none!important}.screen-symbol{position:absolute;inset:0;display:grid;place-items:center;font:30px Arial;color:#efd8a0;transform:rotate(-12deg)}
#landscape-hint{position:fixed;z-index:12;left:50%;top:38%;transform:translate(-50%,-50%);width:min(300px,calc(100vw - 32px));box-sizing:border-box;padding:15px;border-radius:14px;border:1px solid #9fc4b480;background:linear-gradient(130deg,#193c43f5,#111f30f5);box-shadow:0 5px 22px #0006;font:12px/1.6 Arial;color:#cfe4dc;touch-action:manipulation}#landscape-hint b{display:block;font-size:15px;color:#f3dcaa}#landscape-hint p{margin:7px 0 12px}#landscape-hint div{display:flex;gap:7px;flex-wrap:wrap}#landscape-hint button{border:1px solid #809e88;border-radius:8px;background:#34574e;color:#f0e5c8;font:12px Arial;padding:10px;min-height:40px}#landscape-dismiss{background:transparent!important;font-size:11px!important}
.mobile-hud.keyboard-active #combat-wheel,.mobile-hud.keyboard-active #move-joystick,.mobile-hud.keyboard-active #bt{visibility:hidden;pointer-events:none}body.mobile-hud #world-dialog>section{max-height:calc(var(--screen-height,100dvh) - 24px)}
@media(orientation:landscape) and (max-height:380px){.mobile-hud #journey-objective{display:none}.mobile-hud #world-dialog{padding:8px}.mobile-hud #world-dialog>section{padding:16px}.mobile-hud #world-dialog h2{font-size:18px;margin:4px 36px 8px 0}.mobile-hud #world-dialog .world-eyebrow{font-size:9px}.mobile-hud #hud-more-menu{max-height:calc(100dvh - 104px);overflow:auto;box-sizing:border-box}}
@media(orientation:landscape) and (max-height:520px){.mobile-hud #journey-objective{display:none}}