/* CVGAME: cinematic mobile HUD inspired by approved 12-screen reference.
   Mobile only. Gameplay remains in original JS/PHP. */
@media screen and (max-width:800px){
:root{color-scheme:dark}
html,body{background:#030b10!important;color:#f4e8cf!important;overflow-x:hidden!important}
body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.cv-shell{width:100%!important;max-width:100%!important;min-width:0!important;padding:5px 6px 24px!important;margin:0!important;box-sizing:border-box!important}
.cv-command-brand{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 5px!important;min-height:37px!important;background:linear-gradient(90deg,#090f14,#16202a,#090f14)!important;border:1px solid #664022!important;border-radius:6px!important}
.cv-command-brand span{font-size:14px!important;font-weight:1000!important;letter-spacing:.3px!important;color:#ffb94d!important;text-shadow:0 1px 2px #000,0 0 10px #e75b1938!important}
.cv-resbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;padding:3px!important;border:1px solid #473c2e!important;border-radius:7px!important;background:#07131b!important;box-shadow:inset 0 0 15px #0009!important}
.cv-resitem{min-width:0!important;min-height:43px!important;box-sizing:border-box!important;padding:3px 2px!important;text-align:center!important;background:linear-gradient(180deg,#15232b,#08131b)!important;border:1px solid #203947!important;border-radius:4px!important;overflow:hidden!important}
.cv-resline{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important}
.cv-resicon{font-size:14px!important;line-height:17px!important;flex:none!important}
.cv-resvalue{font-size:11px!important;font-weight:900!important;line-height:17px!important;color:#fff1d3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cv-resrate{color:#39d998!important;font-size:8px!important;font-weight:700!important;line-height:11px!important;white-space:nowrap!important;overflow:hidden!important}
.cv-profile{margin:5px 0!important;padding:6px 8px!important;min-height:44px!important;background:linear-gradient(120deg,#18252b,#07131c)!important;border:1px solid #865324!important;border-radius:7px!important;box-shadow:inset 0 0 16px #0008!important}
.cv-profile-name{font-size:13px!important;color:#ffdf9d!important}.cv-profile-sub{font-size:10px!important;color:#b5c6cd!important}.cv-clock{font-size:11px!important;color:#e8a64c!important}
.cv-profile-avatar{width:36px!important;height:36px!important;flex-basis:36px!important;border-color:#b16e2b!important}
.cv-nav{display:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:7px 0!important}
.cv-nav.cv-waste-nav-open{display:grid!important}
.cv-nav button{height:48px!important;min-width:0!important;border-radius:6px!important;border:1px solid #356079!important;background:linear-gradient(#132e40,#071823)!important;color:#ffdb9d!important;font-size:18px!important}
.cv-waste-dock{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px))!important;background:linear-gradient(180deg,#10202c,#030b12)!important;border-top:2px solid #a35c20!important;box-shadow:0 -6px 25px #000c!important}
.cv-waste-dock button{min-width:0!important;min-height:52px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:3px 0!important;background:linear-gradient(#132937,#07151d)!important;border:1px solid #2a5164!important;border-radius:6px!important;color:#d7e6ed!important}
.cv-waste-dock button span{font-size:23px!important;line-height:25px!important;color:#59c7f2!important}
.cv-waste-dock button small{font-size:10px!important;font-weight:800!important;line-height:12px!important}
.cv-waste-dock button:active,.cv-waste-dock button:focus-visible{background:linear-gradient(#8c4718,#32170e)!important;border-color:#ffae38!important;color:#fff!important}
.cv-waste-dock button:active span{color:#ffc36a!important}
.cv-tabs{display:flex!important;gap:3px!important;padding:3px!important;border:1px solid #7c4d25!important;background:#06141e!important;border-radius:7px!important;overflow-x:auto!important}
.cv-tab{min-height:38px!important;height:auto!important;padding:6px 5px!important;font-size:12px!important;white-space:normal!important;background:#102736!important;color:#d3e5ee!important;border:1px solid #2c4e61!important;border-radius:5px!important}
.cv-tab.active{background:linear-gradient(#ad5e1e,#53230b)!important;border-color:#ffb04b!important;color:#fff4d8!important}
.card,.cv-panel,.cv-detail-card{background:linear-gradient(155deg,#102634,#04111a)!important;border:1px solid #34546a!important;border-radius:8px!important;color:#e9eef0!important;box-shadow:inset 0 1px #ffffff0a,0 4px 14px #0008!important}
.cv-panel-title,h2,h3{color:#ffcd7a}
.cv-building-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.cv-building{min-width:0!important;border:1px solid #925c2b!important;border-radius:7px!important;background:#07151d!important;overflow:hidden!important;box-shadow:0 3px 9px #0009!important}
.cv-building-img{height:115px!important;position:relative!important;overflow:hidden!important}
.cv-building-img img{width:100%!important;height:100%!important;object-fit:cover!important;filter:contrast(1.12) saturate(1.14)!important}
.cv-building-title{background:linear-gradient(transparent,#020608ef)!important;color:#fff4dc!important;text-shadow:0 1px 3px #000!important;font-size:11px!important}
.cv-level-badge{background:#d17a1a!important;color:#160c02!important;border:1px solid #ffcc6c!important}
.cv-bottom{grid-template-columns:1fr!important}
button,input,select,textarea{max-width:100%;touch-action:manipulation}
button{min-height:36px}
input,select,textarea{background:#061923!important;border-color:#47657a!important;color:#f2f3ef!important}
img{max-width:100%}
.cv-top-language-bar{min-height:28px!important;padding:2px 4px!important}
.cv-prod-caption,.cv-test-caption{font-size:9px!important}
}
@media screen and (max-width:365px){
.cv-resvalue{font-size:9px!important}.cv-resicon{font-size:12px!important}.cv-resrate{font-size:7px!important}
.cv-building-img{height:95px!important}.cv-waste-dock button small{font-size:9px!important}
}

/* Approved compact building cards: always two columns on mobile. */
@media screen and (max-width:800px){
.cv-building-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.cv-building-grid>.cv-building{min-width:0!important;width:auto!important;max-width:100%!important}
}
@media screen and (min-width:801px){.cv-waste-dock{display:none!important}}