/* Desktop layout follows the player's supplied 2026-09-23 city screenshot. */
.desktop-player-actions{display:none}
@media(min-width:1201px){
 #game{--pc-panel:clamp(260px,18vw,338px);--pc-player-height:clamp(168px,9vw,188px);--pc-gap:clamp(12px,1.1vw,20px)}
 .hud{inset:var(--pc-gap) var(--pc-gap) auto}
 .hud .player{width:var(--pc-panel);height:var(--pc-player-height);max-height:none;min-height:var(--pc-player-height);padding:12px;gap:8px;background:#0b1d2ae8;border:1px solid #548294;border-radius:6px;text-align:left}
 .hud .player #portrait{width:64px;height:104px}.player-copy strong{font-size:clamp(16px,1.1vw,20px)}.player-copy small,.player-copy .eyebrow{font-size:clamp(10px,.75vw,14px)}.player-copy .bar{height:15px;margin:5px 0}.player-copy .bar span{font-size:12px}.player-copy .xp{height:5px;margin:8px 0}.player-copy #jobLevel{display:block;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
 .hud .zone{top:7px;max-width:270px}.hud .zone h1{font-size:23px;margin:6px 0}.hud .zone .eyebrow{font-size:14px}.zone>span:last-child{font-size:12px}
 #menuToggle,.quicknav{display:none!important}
 .hud .topnav,.menu-open .hud .topnav{display:flex;position:absolute;right:0;top:0;width:auto;max-width:none;max-height:none;overflow:visible;padding:0;gap:5px;border:0;background:none;border-radius:0;box-shadow:none}
 .topnav>button{width:clamp(48px,3.8vw,76px);min-width:0;height:clamp(66px,4.5vw,86px);min-height:0;font-size:clamp(9px,.73vw,13px);padding:6px 3px;border-radius:6px;line-height:1.3}.topnav>button .interface-icon,.topnav>#soundBtn::before{width:clamp(28px,2vw,40px);height:clamp(28px,2vw,40px);margin:0 auto 6px}.topnav .player-tools{display:none}
 .desktop-player-actions{position:absolute;display:grid;left:var(--pc-gap);top:calc(var(--pc-gap) + var(--pc-player-height) + 10px);width:var(--pc-panel);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;z-index:5;pointer-events:none}.desktop-player-actions>*{pointer-events:auto;min-width:0}
 .desktop-player-actions>button{position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:auto!important;min-height:42px!important;padding:7px 5px!important;font-size:12px!important;border-radius:6px}
 .desktop-player-actions>#upgradeNotice{order:0;grid-column:1/-1;min-height:42px!important}.desktop-player-actions>#characterSelectButton{order:1}.desktop-player-actions>#fullscreenButton{order:2}.desktop-player-actions>#eliteModeButton{order:3;grid-column:1/-1;font-size:15px!important;min-height:46px!important}.desktop-player-actions>#accountButton{order:4}.desktop-player-actions>#logoutButton{order:5}
 #game>.righttools{top:calc(var(--pc-gap) + clamp(66px,4.5vw,86px) + 7px);right:var(--pc-gap);gap:5px}#game>.righttools button{min-height:40px;font-size:12px;padding:6px 10px}
 #networkStatus,.in-town #networkStatus{top:calc(var(--pc-gap) + clamp(66px,4.5vw,86px) + 54px);right:var(--pc-gap);width:220px;max-width:220px;min-height:36px;font-size:12px;padding:7px}
 .minimap,.in-town .minimap{top:calc(var(--pc-gap) + clamp(66px,4.5vw,86px) + 96px);right:var(--pc-gap);width:220px;padding:7px;background:#071923d9;border-radius:6px}.minimap canvas{width:204px;height:126px}.minimap>div:not(#cameraControls){display:flex;font-size:11px;line-height:22px}#cameraControls{gap:4px;margin-top:4px}#cameraControls button{min-height:36px;font-size:12px;min-width:36px;padding:5px}
 #performanceStatus{top:calc(var(--pc-gap) + clamp(66px,4.5vw,86px) + 318px)!important;right:var(--pc-gap)!important;bottom:auto!important;font-size:11px!important;padding:5px 8px!important}
 #targetPanel{top:122px;max-width:260px;width:240px}#targetPanel.is-boss{width:320px;max-width:320px}#targetPanel strong{font-size:12px}#targetPanel .bar{height:4px}#targetPanel.is-boss .bar{height:7px}
 #healingTarget{top:calc(var(--pc-gap) + var(--pc-player-height) + 174px);left:var(--pc-gap);max-width:var(--pc-panel)}
 #questTracker{width:240px;max-width:240px;bottom:150px;max-height:195px;left:var(--pc-gap);padding:10px;background:#09202dba}
 .in-town .townbar{left:50%;right:auto;transform:translateX(-50%);bottom:24px;display:flex;width:auto;max-width:calc(100vw - 480px);gap:6px;padding:7px;background:#071924ed;border:1px solid #577e90;border-radius:7px}.in-town .townbar button{min-width:88px;width:clamp(88px,5.7vw,108px);min-height:84px;padding:7px;font-size:13px;gap:8px}.townbar .interface-icon{width:32px;height:32px}
 .bottomhud .actiondock{padding:7px;gap:6px}.actiondock .skills button{width:62px;height:78px}.actiondock .skills button .skill-name{font-size:10px}.actiondock .attack{min-width:74px}.actiondock .consumable{min-width:48px}
 #socialDock,.in-town #socialDock{left:16px;bottom:14px}#chatToggle{min-height:44px;font-size:12px;padding:7px 12px}#chatPanel{bottom:52px;background:#071824c9}
}

/* Left rail: compact action rows and chat constrained below their measured box. */
@media(min-width:1201px){
 #game .desktop-player-actions{gap:8px;top:calc(var(--pc-gap) + var(--pc-player-height) + 12px)}
 #game .desktop-player-actions>#rebirthReadyButton,#game .desktop-player-actions>#upgradeNotice{grid-column:auto;min-height:44px!important;font-size:11px!important;line-height:1.35;padding:6px!important}
 #game .desktop-player-actions>#eliteModeButton{font-size:12px!important;min-height:40px!important}
 #game #socialDock:not(.expanded) #chatPanel{width:var(--pc-panel);max-width:var(--pc-panel);height:330px;max-height:calc(100dvh - var(--desktop-quest-top,340px) - 70px);bottom:52px;background:#081d2ee8}
 #game #chatPanel>header,#game #chatPlayerActions{flex-shrink:0}
 #game #chatPanel nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;padding:6px}
 #game #chatPanel nav button{min-height:28px;padding:3px 2px;font-size:10px;min-width:0}
 #game #chatPanel header{padding:6px;gap:4px}
 #game #chatPanel header button{min-height:28px;padding:4px 6px}
 #game #chatHistory{height:auto;min-height:16px;flex:1 1 0;padding-inline:9px}
 #game #chatPlayerActions{padding:5px;gap:4px;font-size:10px}
 #game #chatPlayerActions button{font-size:10px;min-height:28px;padding:4px}
 #game #chatForm{padding:6px;gap:5px}
 #game #chatForm input{font-size:12px;min-height:34px;padding:6px}
 #game #chatForm button{min-height:34px;padding:5px 8px}
 #game #socialDock.expanded #chatPanel{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:520px;max-width:calc(100vw - 40px);height:min(480px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);background:#081d2ef5}
 .chat-open #questVisibilityControls{visibility:hidden}
}
@media(min-width:1201px) and (max-height:660px){#game #chatScope{display:none}#game #socialDock:not(.expanded) #chatPanel nav{display:flex;overflow-x:auto;gap:3px}#game #chatPanel nav button{font-size:10px;min-width:44px;flex-shrink:0}#game #chatPanel header strong{font-size:10px}}