/* PLAYER INTEGRADO — Dusthaven. Map always fills player; UI is overlaid inside it. */
body.page-dusthaven{background:#070a11!important}
.page-dusthaven #conteudo{min-height:100svh!important;padding:0!important}
.page-dusthaven .dh-hero{padding:0!important}
.page-dusthaven .dh-command-container{width:100%!important;max-width:none!important;padding:12px clamp(7px,1.2vw,20px) 18px!important}
.page-dusthaven .dh-command-pageintro{max-width:none!important;gap:4px!important;margin:0 auto 12px!important}
.page-dusthaven .dh-command-pageintro h1{font-size:clamp(23px,2.5vw,37px)!important;margin:0!important;line-height:1.1!important}
.page-dusthaven .dh-command-pageintro p{font-size:12px!important;line-height:1.45!important;max-width:none!important}
.page-dusthaven #dhGameShell{display:block!important;position:relative!important;isolation:isolate;max-width:none!important;width:100%!important;height:calc(100dvh - 112px)!important;min-height:570px!important;max-height:none!important;border:1px solid #536172!important;border-radius:10px!important;overflow:hidden!important;background:#a77745!important}
.page-dusthaven #dhGameShell:fullscreen,.page-dusthaven #dhGameShell.dh-shell-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;z-index:99999!important;margin:0!important;border:0!important;border-radius:0!important}
.page-dusthaven .dh-command-mapbox{position:relative!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#ac7847!important}
.page-dusthaven .dh-command-stage{position:absolute!important;inset:0!important;display:block!important;flex:none!important;width:100%!important;height:100%!important;overflow:hidden!important;z-index:auto!important}
.page-dusthaven .dh-command-stage .dh-stage-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important}
.page-dusthaven .dh-command-stage #dhCanvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:fill!important;touch-action:none!important;display:block!important}
/* In-game header */
.page-dusthaven .dh-command-topbar{position:absolute!important;inset:0 0 auto 0!important;z-index:45!important;display:flex!important;height:51px!important;flex:none!important;min-height:0!important;gap:10px!important;padding:0 12px!important;background:linear-gradient(#101827f5,#101827e3)!important;border-bottom:1px solid #64738688!important;backdrop-filter:blur(10px)}
.page-dusthaven .dh-command-logo{width:30px;height:30px;flex:0 0 30px;font-size:17px}
.page-dusthaven .dh-command-identity{min-width:130px}
.page-dusthaven .dh-command-identity strong{font-size:15px}
.page-dusthaven .dh-command-clock{min-width:0}
.page-dusthaven .dh-command-clock .dh-tag{font-size:10px;padding:6px 8px}
.page-dusthaven .dh-command-icon{min-height:34px;padding:6px 8px;font-size:17px}
/* Six translucent indicators, overlayed over the actual city, never reducing map size */
.page-dusthaven .dh-command-ribbon{position:absolute!important;z-index:20!important;top:59px!important;left:14px!important;right:14px!important;bottom:auto!important;min-height:0!important;background:none!important;border:0!important;pointer-events:none!important;overflow:visible!important}
.page-dusthaven .dh-command-ribbon .dh-stats{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;margin:0!important;min-width:0!important;padding:0!important}
.page-dusthaven .dh-command-ribbon .dh-stat{padding:9px 10px!important;border:1px solid #6b7b91b5!important;border-radius:6px!important;background:#0d1526e6!important;backdrop-filter:blur(8px);box-shadow:0 5px 22px #050a14a8!important;min-width:0!important}
.page-dusthaven .dh-command-ribbon .dh-stat small{font-size:8px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;margin:0 0 4px!important}
.page-dusthaven .dh-command-ribbon .dh-stat strong{font:900 clamp(13px,1.2vw,20px)/1.1 system-ui!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.page-dusthaven .dh-command-ribbon .dh-stat span{font-size:9px!important}
/* The whole bottom menu is INSIDE the game player, on top of the map */
.page-dusthaven #dhCommandNav{position:absolute!important;z-index:45!important;inset:auto 0 0 0!important;width:100%!important;height:65px!important;min-height:65px!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;background:linear-gradient(#1a2233f4,#090f1cf4)!important;border:0!important;border-top:1px solid #657589ae!important;scrollbar-width:thin;box-shadow:0 -8px 28px #0008}
.page-dusthaven .dh-command-rail-head{display:none!important}
.page-dusthaven #dhCommandNav .dh-command-tab{display:flex!important;flex:1 0 98px!important;min-width:85px!important;max-width:160px!important;min-height:0!important;height:65px!important;flex-direction:column!important;gap:3px!important;justify-content:center!important;align-items:center!important;border:0!important;border-top:3px solid transparent!important;border-right:1px solid #66758c40!important;padding:5px!important;font-size:10px!important;color:#d7deea!important;background:transparent!important}
.page-dusthaven #dhCommandNav .dh-command-tab-icon{font-size:21px!important;line-height:1!important}
.page-dusthaven #dhCommandNav .dh-command-tab.is-active{border-top:3px solid #ff3192!important;background:linear-gradient(#95305483,#25192ac7)!important;color:#fff!important}
.page-dusthaven #dhCommandNav .dh-command-tab:hover{background:#354052!important}
/* In-game turn controls + soundtrack float immediately above nav */
.page-dusthaven .dh-command-turnstrip{position:absolute!important;z-index:41!important;inset:auto 0 65px 0!important;display:flex!important;align-items:center!important;gap:7px!important;height:54px!important;min-height:54px!important;flex:none!important;padding:6px 11px!important;background:#0b1524e8!important;backdrop-filter:blur(8px)!important;border:0!important;border-top:1px solid #667589a4!important}
.page-dusthaven .dh-command-turnstrip .dh-actions{display:flex!important;flex:1!important;flex-wrap:nowrap!important;min-width:0!important;max-width:none!important;overflow-x:auto!important;gap:6px!important;margin:0!important;scrollbar-width:thin}
.page-dusthaven .dh-command-turnstrip .dh-btn{white-space:nowrap!important;font-size:9px!important;padding:8px 10px!important;min-height:35px!important;border-radius:4px!important}
.page-dusthaven .dh-command-turnstrip #audioPlayer.audio-player{margin:0 0 0 auto!important;max-width:105px!important;min-width:80px!important;flex:0 0 auto!important}
.page-dusthaven .dh-command-hint{display:none!important}
.page-dusthaven .dh-map-actions{bottom:135px!important;right:12px!important;z-index:4!important}
.page-dusthaven .dh-command-mapfooter{bottom:133px!important;left:12px!important;right:155px!important;max-width:470px!important}
.page-dusthaven .dh-command-mapfooter .dh-rebuild-status{max-width:100%!important}
.page-dusthaven .dh-command-mapfooter .dh-map-status{display:none!important}
/* The admin drawer overlays map instead of taking away a third of its width */
.page-dusthaven #dhCommandDrawer{position:absolute!important;z-index:54!important;top:51px!important;right:0!important;bottom:119px!important;left:auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;max-height:none!important;width:min(435px,40vw)!important;min-width:300px!important;border:1px solid #65768c!important;border-top:0!important;border-right:0!important;background:#0f192af6!important;box-shadow:-20px 0 48px #000a!important;backdrop-filter:blur(12px)}
.page-dusthaven #dhGameShell.is-panel-closed #dhCommandDrawer{display:none!important}
.page-dusthaven #dhCommandDrawer .dh-command-drawer-head{height:62px!important;flex:0 0 62px!important;padding:10px 15px!important}
.page-dusthaven #dhDrawerScroll{flex:1!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:12px!important}
.page-dusthaven #dhCommandShade{position:absolute!important;display:block!important;z-index:50!important;inset:51px 0 119px 0!important;border:0!important;background:#04091448!important}
.page-dusthaven #dhGameShell.is-panel-closed #dhCommandShade{display:none!important}
/* New layout's dialog layers fill ONLY the player, including when fullscreen. */
.page-dusthaven #dhIntroOverlay.dh-cinema-overlay,.page-dusthaven .dh-event-overlay,.page-dusthaven .dh-ending-overlay{position:absolute!important;inset:0!important;z-index:120!important;overflow:auto!important;background:#050711e9!important;backdrop-filter:blur(9px)!important}
.page-dusthaven #dhIntroOverlay.dh-cinema-overlay[hidden],.page-dusthaven .dh-event-overlay[hidden],.page-dusthaven .dh-ending-overlay[hidden]{display:none!important}
.page-dusthaven .dh-cinema{max-height:calc(100% - 20px);overflow:auto!important}
.page-dusthaven .dh-cinema-scroll{overflow:auto!important;max-height:min(60dvh,475px)!important}
.page-dusthaven .dh-profile-modal{position:absolute!important;inset:0!important;z-index:200!important}
@media(max-width:1100px){.page-dusthaven .dh-command-ribbon .dh-stats{gap:4px!important}.page-dusthaven .dh-command-ribbon .dh-stat{padding:7px!important}.page-dusthaven #dhCommandDrawer{width:min(420px,53vw)!important;min-width:0!important}.page-dusthaven #dhCommandNav .dh-command-tab{flex:0 0 91px!important}}
@media(max-width:760px){
.page-dusthaven .dh-command-container{padding:8px 5px 10px!important}
.page-dusthaven .dh-command-pageintro{margin-bottom:8px!important}
.page-dusthaven .dh-command-pageintro h1{font-size:clamp(21px,5.5vw,30px)!important}
.page-dusthaven .dh-command-pageintro p{font-size:11px!important}
.page-dusthaven #dhGameShell{height:calc(100dvh - 92px)!important;min-height:470px!important}
.page-dusthaven .dh-command-topbar{height:47px!important;gap:6px!important;padding:0 7px!important}
.page-dusthaven .dh-command-logo,.page-dusthaven .dh-command-pill{display:none!important}
.page-dusthaven .dh-command-identity{min-width:0!important;flex:1!important}
.page-dusthaven .dh-command-identity strong{font-size:12px!important}
.page-dusthaven .dh-command-identity small{font-size:7px!important;max-width:120px;overflow:hidden;white-space:nowrap}
.page-dusthaven .dh-command-clock{flex:0 0 auto!important}
.page-dusthaven .dh-command-clock .dh-tag{font-size:9px!important;padding:5px!important}
.page-dusthaven .dh-command-icon{padding:6px!important;min-height:32px!important}
.page-dusthaven .dh-command-icon span{display:none!important}
.page-dusthaven .dh-command-ribbon{top:53px!important;left:6px!important;right:6px!important;overflow-x:auto!important;overflow-y:hidden!important;pointer-events:auto!important;scrollbar-width:none}
.page-dusthaven .dh-command-ribbon .dh-stats{display:flex!important;min-width:max-content!important;gap:5px!important}
.page-dusthaven .dh-command-ribbon .dh-stat{flex:0 0 110px!important;min-width:110px!important;padding:7px 8px!important}
.page-dusthaven .dh-command-ribbon .dh-stat strong{font-size:14px!important}
.page-dusthaven #dhCommandNav{height:62px!important;min-height:62px!important}
.page-dusthaven #dhCommandNav .dh-command-tab{flex:0 0 81px!important;min-width:81px!important;max-width:81px!important;height:62px!important;font-size:9px!important}
.page-dusthaven #dhCommandNav .dh-command-tab-icon{font-size:18px!important}
.page-dusthaven .dh-command-turnstrip{bottom:62px!important;height:50px!important;min-height:50px!important;padding:5px!important}
.page-dusthaven .dh-command-turnstrip .dh-btn{font-size:9px!important;padding:7px 8px!important;min-height:34px!important}
.page-dusthaven #dhCommandDrawer{top:47px!important;bottom:112px!important;right:0!important;max-width:100%!important;width:min(420px,92vw)!important;min-width:0!important}
.page-dusthaven #dhCommandShade{inset:47px 0 112px 0!important}
.page-dusthaven .dh-map-actions{bottom:125px!important;right:6px!important;gap:3px!important}
.page-dusthaven .dh-map-actions button{height:33px!important;width:33px!important;font-size:17px!important}
.page-dusthaven .dh-command-mapfooter{bottom:125px!important;left:6px!important;right:111px!important}
.page-dusthaven .dh-command-mapfooter .dh-rebuild-status p{display:none!important}
.page-dusthaven #dhIntroOverlay.dh-cinema-overlay{padding:5px!important}
.page-dusthaven .dh-cinema{max-height:calc(100% - 10px)}
}
@media(max-height:610px){.page-dusthaven .dh-command-ribbon .dh-stat span{display:none!important}.page-dusthaven .dh-command-mapfooter{display:none!important}}