/* Compact HUD (loaded last): give the world as much of the screen as possible. Skipped on touch (coarse pointer) devices, which keep their larger targets. */
@media not all and (pointer:coarse){
 /* character frame, top-left */
 html body #kPlayerFrame{left:8px;top:8px;gap:7px;padding:4px 12px 4px 4px;border-radius:30px 10px 10px 30px}
 html body .k-portrait{width:40px;height:40px;border-width:2px}
 html body .k-level{right:-5px;bottom:-4px;min-width:18px;height:18px;border-width:1px;font-size:10px;line-height:15px}
 html body .k-bars{width:132px;gap:2px}
 html body .k-name{font-size:12px}
 html body .k-bar{height:10px}
 html body .k-bar b{font:700 9px/10px Grenze Gotisch,Georgia,serif}
 /* tracker and guide */
 html body #kTracker{left:8px;top:72px;width:176px;max-height:30vh;padding:3px 6px 4px;font-size:12px}
 html body #kTracker .k-tr-head{font-size:12.5px;margin:0 0 2px}
 html body #kTracker .k-tr-row{padding:2px 18px 3px 2px}
 html body #kTracker .k-tr-row b{font-size:12.5px}
 html body #kTracker .k-tr-bar{height:11px;margin-top:2px}
 html body .k-coach{top:8px;width:min(270px,90vw);font-size:12px}
 /* top-right controls and minimap */
 html body .hud-top .hud-action{width:34px;height:34px;min-width:0;min-height:0;padding:0;border-radius:8px}
 html body .hud-top .hud-action .hud-glyph{font-size:17.5px}
 html body .hud-top .hud-action .hud-caption{display:none}
 html body #mmorpgMinimap{width:100px;height:100px;top:48px}
 html body #mmorpgZone{width:100px;padding:2px 4px;font-size:11px;line-height:1.2}
 /* menu dock: icon-only grid, bottom-right */
 html body #mmorpgUtilities{top:auto;bottom:8px;right:8px;grid-template-columns:repeat(4,34px);gap:3px;padding:4px;border-radius:8px}
 html body #mmorpgUtilities button{width:34px;min-height:0;height:34px;margin:0;padding:0;font-size:0!important;line-height:0!important;border-radius:5px}
 html body #mmorpgUtilities button::before{top:4px;left:50%;width:26px;height:26px;margin-left:-13px}
 html body #mmorpgCraftingButton{--k-icon:url(/assets/generated/art-pack/ui/craft_button.png)}
 html body #mmorpgAchievementsButton{--k-icon:url(/assets/generated/art-pack/items/sun_medallion.png)}
 html body #mmorpgMarketButton{--k-icon:url(/assets/generated/art-pack/items/gold_coins.png)}
 html body #mmorpgLfgButton{--k-icon:url(/assets/generated/art-pack/ui/attack_badge.png)}
 html body #kheldraNewsButton{--k-icon:url(/assets/generated/art-pack/ui/alert_badge.png)}
 /* hotbar: one compact row, the second row only when toggled */
 html body .hud-bottom{display:flex;grid-template-columns:none;width:auto;max-width:calc(100vw - 340px);gap:3px;padding:3px 4px;border-radius:7px;bottom:6px}
 html body .hud-bottom .hud-action{width:34px;height:34px;min-width:34px;min-height:34px;max-height:34px;padding:0;border-radius:5px}
 html body .hud-bottom .hud-action .hud-key{top:0;left:1px;padding:0 2px;border-radius:2px;font-size:9px;line-height:10px}
 html body .hud-bottom .hud-action .hud-count{right:1px;bottom:0;min-width:11px;padding:0 2px;font-size:9px;line-height:11px}
 html body #hudBar2Toggle{width:14px;min-width:0;min-height:0;height:34px;padding:0;font-size:11px}
 /* activity panel: one tight header row, a short log, a slim input */
 html body #mmorpgChat.k-chat{left:8px;bottom:8px;width:clamp(150px,calc(50vw - 204px),224px);max-height:none;height:auto;padding:3px 5px 4px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 3px;border-radius:7px}
 html body #mmorpgChat .k-chat-head{display:contents}
 html body #mmorpgChat .k-chat-head strong{display:none}
 html body #mmorpgChat .k-chat-tabs{order:1;flex:1 1 0;gap:2px;flex-wrap:nowrap}
 html body #mmorpgChat .k-chat-toggle{order:2;margin:0;min-height:16px;height:16px;padding:0 5px;font-size:11px}
 html body #mmorpgChat button.k-chat-tab{min-height:16px;height:16px;padding:0 4px;font-size:10px}
 html body #mmorpgChat .k-chat-log{order:3;flex:0 0 100%;height:46px;margin:0;font-size:11.5px;line-height:1.2}
 html body #mmorpgChat #mmorpgCommandForm{order:4;flex:0 0 100%;margin:0;gap:3px}
 html body #mmorpgChat #mmorpgCommandInput{height:20px;min-height:0;padding:0 6px;font-size:12px}
 html body #mmorpgChat #mmorpgCommandSubmit{height:20px;min-height:0;padding:0 8px;font-size:11px}
 html body #mmorpgChat button{min-height:0}
 /* Activity panel stops short of the centred hotbar: the hotbar's left edge is 50vw minus about 188px (10 slots), so the panel is capped at 50vw - 204px. The !important here beats the 48vw width in compact-modals.css. Long lines wrap inside it. */
 html body #mmorpgChat.k-chat{width:clamp(150px,calc(50vw - 204px),224px)!important;box-sizing:border-box}
 html body #mmorpgChat .k-chat-log,html body #mmorpgChat .k-chat-line{overflow-wrap:anywhere;white-space:normal}
 /* windows: smaller footprint and denser content, so the world stays visible */
 html body #mmorpgOverlay[data-open="true"] #mmorpgWindow{top:56px!important;width:min(600px,calc(100vw - 16px))}
 html body #mmorpgOverlay[data-open="true"] #mmorpgWindow:has(.kbook){width:min(760px,calc(100vw - 16px))}   /* crafting book needs room for its side tabs and recipe list */
 html body #mmorpgWindowHeader{padding-top:3px;padding-bottom:3px}
 html body #mmorpgWindow>*:not(#mmorpgWindowHeader){zoom:.86}
 /* onboarding checklist: narrower; its script stacks it under the tracker */
 html body .k-onb.k-onb{left:8px;width:176px;max-height:26vh;padding:3px 6px 4px;font-size:11.5px;line-height:1.3}
 html body .k-onb-title{font-size:12px}
 html body .k-onb-btn{min-width:20px;min-height:20px;height:20px;padding:0 4px;font-size:11px}
 html body .k-onb-list li{padding:1px 0}
 html body .k-onb-show{min-height:20px;padding:0 6px;font-size:11px}
 /* seven chat tabs fit on the header row with the toggle */
 html body #mmorpgChat .k-chat-tabs{flex-wrap:nowrap;overflow:hidden;min-width:0}
 html body #mmorpgChat .k-chat-tab{height:17px;padding:0 3px!important;font:700 10px Grenze Gotisch,Georgia,serif!important;border-radius:8px!important}
}