/* Usability v1.0.0 — focused controls, compact progression, cumulative loot. */
html,body{overscroll-behavior:none}body.in-world{user-select:none;-webkit-user-select:none}body.in-world input,body.in-world textarea,body.in-world [contenteditable=true]{user-select:text;-webkit-user-select:text}canvas{touch-action:none;outline:none}img{-webkit-user-drag:none}button,input,select{touch-action:manipulation}
.map-panel{width:215px!important;padding:8px!important}.map-panel #minimap{width:100%;height:auto;display:block}.map-foot{font-size:9px}.map-foot #map-heading{color:#89e8d7}.map-legend{font-size:8px;line-height:1.5;color:#a1b9c5;padding-top:4px}#map-tracking{margin-top:5px;border-top:1px solid #45637577;padding-top:5px;font-size:10px;color:#f1d094}#finder-hud{top:322px}
#loot-grid{max-height:240px;overflow:auto;align-content:start}#loot-info{font-size:10px}#loot-last{font-size:9px;color:#b9c5ce;padding:0 13px 9px}#loot-window footer{justify-content:space-between;padding:7px 10px;font-size:9px}.loot-total{font-size:12px}.loot-total b{font-size:15px}
#menu-shell[data-view=skills] .menu-window,#menu-shell[data-view=professions] .menu-window{width:min(610px,94vw);height:min(530px,82vh)}
#menu-shell[data-view=skills] .menu-head,#menu-shell[data-view=professions] .menu-head{min-height:40px;gap:8px}#menu-shell[data-view=skills] .menu-head nav,#menu-shell[data-view=professions] .menu-head nav{gap:3px}#menu-shell[data-view=skills] .menu-head nav button,#menu-shell[data-view=professions] .menu-head nav button{padding:5px;font-size:9px}
#menu-shell[data-view=skills] #menu-content,#menu-shell[data-view=professions] #menu-content{padding:0;overflow:hidden;min-height:0}
.progression-browser{height:100%;min-height:0;display:flex;flex-direction:column;background:#1a2b38}.progression-summary{display:flex;align-items:center;gap:12px;padding:10px 13px 7px;font-size:11px}.progression-summary b{color:#abe6cc}.progression-summary span{color:#bacad5}.progression-summary small{margin-left:auto;color:#9bb5c6;font-size:9px;max-width:230px;text-align:right}
.progression-tools{display:flex;gap:6px;padding:0 12px 9px}.progression-tools input{width:0;flex:1;min-width:100px;letter-spacing:0}.progression-tools input,.progression-tools select{padding:6px 8px;font-size:11px;border:1px solid #53707e;background:#142633;color:#e2edf3;border-radius:2px}.progression-tools select{width:auto;max-width:125px}
.progression-column-labels,.progression-row{display:grid;grid-template-columns:minmax(130px,1fr) 48px 125px;align-items:center;gap:9px}.progression-column-labels{font-size:8px;color:#9fb8c8;padding:5px 19px 5px 13px;background:#132330}.progression-column-labels>span:nth-child(2){text-align:center}
.progression-rows{overflow-y:auto;flex:1;min-height:74px;scrollbar-width:thin;scrollbar-color:#566f7b #172731;padding:2px 5px}.progression-row{width:100%;text-align:left;min-height:36px;margin:0;padding:5px 8px;border:1px solid transparent;border-bottom-color:#314653;letter-spacing:0;font:11px Arial,sans-serif;background:transparent;border-radius:0}.progression-row:hover{background:#354c5a}.progression-row.selected{background:#35505c;border-color:#8eafa8}.progression-row.planned{opacity:.6}.progression-row>b{font-size:13px;text-align:center;color:#f2e5bb}.progression-name{display:flex;flex-direction:column;gap:2px}.progression-name small{color:#91adbe;font-size:8px}.progression-meter{display:flex;align-items:center;gap:6px}.progression-meter>span{flex:1;height:5px;background:#101e29;border:1px solid #5a737d;overflow:hidden}.progression-meter i{display:block;height:100%;background:#72cdb8}.progression-meter small{width:28px;text-align:right;color:#b9cec9;font-size:9px}
.progression-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a9c0d1;padding:6px 13px;border-top:1px solid #3e5867}.progression-bottom label{display:flex;align-items:center;gap:6px;margin:0;font-size:10px;letter-spacing:0}.progression-bottom input{width:auto;margin:0;accent-color:#87c4b9}
.progression-detail{padding:10px 13px;background:#132330;border-top:1px solid #4b6572;min-height:102px;max-height:145px;overflow:auto;flex-shrink:0}.progression-detail header{display:flex;justify-content:space-between;font-size:12px;color:#e5ede9}.progression-detail header span{font-size:10px;color:#e6d1a4}.progression-detail p{margin:7px 0;font-size:10px;line-height:1.45;color:#b9ccd6}.progression-detail .progression-xp{font:10px monospace;color:#93d9c6}.progression-related{font-size:9px;color:#95aebe;line-height:1.5}.profession-components{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:9px}.profession-components>div{display:flex;gap:8px;padding:3px 0;border-bottom:1px solid #2c4351}.profession-components span{flex:1}.profession-components b{color:#c4dfda;font-size:9px}.profession-components small{width:25px;text-align:right;color:#9fb3c1}.progression-empty{padding:20px;color:#b2c6d3;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:750px){.progression-summary small{display:none}.progression-tools select{max-width:95px}.progression-column-labels,.progression-row{grid-template-columns:minmax(100px,1fr) 35px 100px}.menu-head .eyebrow{display:none}.map-panel{width:175px!important}#finder-hud{top:288px}}
/* v1.0.20 target feedback uses confirmed health and client cooldown timing. */
#target{pointer-events:auto}
#target .target-clear{float:right;width:24px;height:24px;min-height:0;padding:0;margin:-3px -4px 2px 8px;font-size:17px;line-height:20px}
#target .target-health span{transition:width .12s ease-out}
#target .target-recharge{height:3px;margin-top:7px;background:#09161f;overflow:hidden}
#target .target-recharge span{display:block;height:100%;background:#77c8cc;transition:width .16s linear}