/* The field is the primary surface; the HUD is kept to the edges. */
/* Mobile navigation is controlled by the menu button, including polish rules below. */
.skill-art{display:block;width:38px;height:33px;margin:2px auto 3px;background-image:url('assets/skill-icons-36.png');background-repeat:no-repeat;border-radius:4px}.actiondock .skills button{position:relative}.actiondock .skills button kbd{z-index:2;text-shadow:0 1px 2px #000}.actiondock .skill-lock .skill-art{filter:grayscale(.8);opacity:.5}.actiondock .skills button span{display:block}.actiondock .skills button:hover:not(.skill-lock){border-color:#f3d491;box-shadow:0 0 15px #e5ae4344}.actiondock button{transition:border-color .15s,box-shadow .15s,transform .12s}.actiondock button:active{transform:translateY(2px)}
.hud{top:16px;left:16px;right:16px}.player{width:234px;padding:6px 10px 5px 3px}.player canvas{width:65px;height:92px}.player strong{font-size:16px}.player small{font-size:12px;margin-bottom:4px}.player .bar{height:12px}.player .xp{height:4px}.zone{top:4px;left:50%;transform:translateX(-50%)}.zone h1{font-size:21px}.topnav{gap:4px;max-width:430px}.topnav button{min-width:50px;font-size:12px;padding:5px 6px}.topnav b{font-size:19px;line-height:24px}.tracker{top:auto;bottom:160px;left:16px;width:230px;background:#081827d4;border-left:2px solid #b8d4d2}.tracker .eyebrow{font-size:11px;letter-spacing:.04em}.tracker h3{font-size:14px;margin:5px 0}.tracker p{font-size:13px}.tracker small{font-size:12px}.minimap{top:165px;bottom:auto;right:16px}.righttools{top:87px;right:16px}#networkStatus{top:128px;right:16px;font-size:12px}.target{top:90px;width:250px}.bottomhud{bottom:16px;left:16px;right:16px;gap:10px}.actiondock{padding:6px}.actiondock button{width:62px;height:70px}.actiondock button span{font-size:11px}.actiondock button b{font-size:23px}.actiondock .consumable{width:40px}.actiondock .attack{width:61px}.botdock{min-width:154px}.botdock strong{font-size:12px}.mission-state{display:none}#messages{bottom:100px;max-width:275px;left:16px}.message{font-size:12px}.hint{bottom:99px;font-size:12px}.vignette{background:linear-gradient(180deg,#05142355,transparent 20%,transparent 80%,#06142380)}
@media(min-width:1200px){.bottomhud{justify-content:center}.botdock{position:absolute;right:0;bottom:0}.actiondock{margin-right:0}.tracker{bottom:145px}.topnav{max-width:410px}}
@media(max-width:1100px){.zone{top:127px}.target{top:193px}.topnav{max-width:390px}}
@media(max-width:850px) and (orientation:portrait){
 .hud{top:10px;left:10px;right:10px}.player{width:195px;max-width:53vw;padding:5px}.player canvas{width:47px;height:76px}.player strong{font-size:14px}.player small{font-size:11px}.player .eyebrow{font-size:10px}.topnav{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:36px;width:150px;max-width:42vw;gap:3px}.topnav button{min-width:0;padding:2px;font-size:10px}.topnav b{font-size:17px;line-height:18px}.zone{left:10px;top:115px;transform:none;text-align:left;min-width:0;max-width:210px}.zone .eyebrow{display:none}.zone h1{font-size:17px;margin:3px 0}.zone>span:last-child{font-size:11px}.righttools{top:127px;right:10px;flex-direction:column;gap:4px}.righttools button{padding:6px 9px;font-size:12px}.minimap{top:225px;right:10px;bottom:auto;width:98px;padding:4px;opacity:.87}.minimap canvas{width:88px;height:55px}.minimap div{font-size:9px}.target{top:169px;left:10px;transform:none;width:190px;padding:7px;font-size:12px}#networkStatus{right:10px;top:187px;max-width:153px;padding:5px 8px;font-size:11px}.bottomhud{bottom:10px;left:10px;right:10px;gap:6px}.actiondock{display:grid;grid-template-columns:54px minmax(0,1fr) 42px;grid-template-rows:50px 50px;gap:4px;width:100%;padding:5px;overflow:visible}.actiondock .skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:2;grid-row:1/3;gap:4px}.actiondock .skills button{width:100%;min-width:0;max-width:none;height:50px}.actiondock .skills button b{display:none}.actiondock .skills button span{font-size:11px;line-height:13px;padding:7px 2px 0}.actiondock .attack{grid-column:1;grid-row:1/3;width:54px;height:104px;min-width:0}.actiondock .consumable{grid-column:3;width:42px;min-width:0;height:50px}.botdock{height:42px;min-width:160px;margin:0 0 0 auto}.botdock button{padding:5px 9px}.botdock strong{font-size:12px}.botdock span{font-size:10px}.tracker{bottom:178px;left:10px;top:auto;max-width:calc(100vw - 20px);width:225px;max-height:118px;padding:8px;background:#081827cf}.tracker h3{font-size:12px}.tracker p{font-size:12px;line-height:1.4;margin:3px 0}.tracker small,.tracker .eyebrow,.tracker .operation-progress{display:none}.tracker .service-list{margin-top:5px;gap:5px}.tracker button{font-size:11px!important;padding:5px 8px!important;margin-top:0}#messages{bottom:304px;left:10px;max-width:250px}.message{font-size:11px}.hint{display:none}
}
@media(max-height:560px) and (orientation:landscape){.player{width:200px}.player canvas{height:72px}.zone{top:0}.topnav{max-width:305px}.topnav button{min-width:38px;font-size:10px}.target{top:80px}.righttools{top:92px}.minimap{top:170px}#networkStatus{top:134px}.tracker{display:none}.bottomhud{flex-wrap:nowrap;gap:7px;bottom:8px}.actiondock{max-width:calc(100vw - 190px)}.actiondock button{min-width:40px;width:44px;height:64px}.botdock{min-width:145px}#messages{bottom:86px}}
@media(max-width:850px) and (orientation:portrait){.player .eyebrow{line-height:13px}.player strong{line-height:18px;margin:3px 0}.player small{line-height:14px;margin-bottom:2px}.player .bar{margin:3px 0}.zone{top:128px}.topnav{grid-auto-rows:41px}.righttools{top:151px}.target{top:198px}#networkStatus{top:199px}.minimap{top:241px}.actiondock .skills .skill-art{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:.48;z-index:0}.actiondock .skills button span{position:relative;z-index:1;text-shadow:0 1px 3px #000,0 1px 6px #000;padding:15px 2px 0}.actiondock .skills .skill-lock .skill-art{opacity:.25}.actiondock .skills button{overflow:hidden}}
@media(max-width:900px){body:not(.menu-open) .topnav{display:none}.menu-open .topnav{display:grid;width:238px;max-width:calc(100vw - 20px);grid-auto-rows:52px;top:54px;right:0}.menu-open .topnav button{font-size:12px;min-width:0}.menu-open .topnav b{font-size:20px;line-height:24px}#networkStatus{top:190px}#performanceStatus{top:221px;right:12px}.minimap{top:245px}}
@media(max-width:850px) and (orientation:portrait){.righttools{top:350px;right:10px;flex-direction:column;gap:5px}.righttools button{min-height:36px}}

/* Enemy target readout: keep the battlefield visible through the panel. */
#targetPanel{background:rgba(6,18,27,.18);border-color:rgba(166,211,220,.18);box-shadow:none;backdrop-filter:none;pointer-events:none;text-shadow:0 1px 3px #000,0 0 4px #000}#targetPanel strong{color:#fff}#targetPanel small{color:#e0eaf0}#targetPanel .bar{background:#07121966;box-shadow:0 0 0 1px #c6edf01f}#targetPanel .hp i{opacity:.9}

body.in-town #lootNamesButton{display:none}#lootNamesButton[aria-pressed=true]{color:#ffe199;border-color:#caa658}@media(max-height:600px) and (max-width:1200px) and (orientation:landscape){#lootNamesButton{font-size:10px;padding:6px}}

#audioSettings{width:min(420px,92vw);padding:22px;max-height:88dvh}#audioSettings header{display:flex;align-items:center;justify-content:space-between}#audioSettings h2{font-size:20px}#audioSettings header button{font-size:24px;width:36px}#audioSettings p,#audioSettings small{font-size:12px;line-height:1.7;color:#b6c9d3}#audioSettings label{display:block;margin:20px 0}#audioSettings output{float:right;color:#edd196}#audioSettings input{display:block;width:100%;margin-top:12px;accent-color:#7ddddb}#audioSettings>button{padding:10px;width:100%;margin:4px 0}#audioSettings small{display:block;margin-top:10px}

.stat .stat-help{width:auto;height:auto;padding:4px 8px;font-size:12px;color:#b9dce8;background:transparent;border-color:transparent;cursor:help}.stat .stat-help:hover,.stat .stat-help:focus-visible{border-color:#7295a9;background:#23404f}.item-actions [data-sell-item]{color:#ffe2a3;border-color:#997b46;background:#3e3121}

.actiondock .skills .cooldown{background:#06112066;color:#fff;text-shadow:0 2px 3px #000;font-weight:800;z-index:3}.actiondock .skills .elite-ability-icon{width:42px;height:42px;border-radius:8px;filter:none}.actiondock .skills .skill-lock .elite-ability-icon{filter:saturate(.65);opacity:.72}