@tailwind base;@tailwind components;@tailwind utilities;:root{--viewport-height: 100vh;--viewport-width: 100vw;--browser-ui-height: 0px;--safe-area-top: 0px;--safe-area-bottom: 0px;--safe-area-left: 0px;--safe-area-right: 0px;--available-height: calc(var(--viewport-height) - var(--safe-area-top) - var(--safe-area-bottom));--available-width: calc(var(--viewport-width) - var(--safe-area-left) - var(--safe-area-right))}.mobile-browser-layout{min-height:var(--available-height);height:var(--available-height);width:var(--available-width);padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);overflow:hidden;position:fixed;top:0;left:0}.game-container-mobile{height:calc(var(--available-height) - var(--browser-ui-height));max-height:calc(var(--available-height) - var(--browser-ui-height));display:flex;flex-direction:column;margin-top:env(safe-area-inset-top);margin-bottom:env(safe-area-inset-bottom)}.mobile-hud-top{position:fixed;top:calc(var(--safe-area-top) + env(safe-area-inset-top));left:var(--safe-area-left);right:var(--safe-area-right);z-index:100;height:clamp(40px,calc(var(--available-height) * .08),60px)}.mobile-hud-bottom{position:fixed;bottom:calc(var(--safe-area-bottom) + env(safe-area-inset-bottom));left:var(--safe-area-left);right:var(--safe-area-right);z-index:100;height:clamp(25px,calc(var(--available-height) * .03),35px)}.mobile-hud-tutorial-units{position:fixed;bottom:calc(var(--safe-area-bottom) + env(safe-area-inset-bottom));left:var(--safe-area-left);right:var(--safe-area-right);z-index:100;height:clamp(280px,calc(var(--available-height) * .45),400px)}.game-board-mobile{height:calc(var(--available-height) - 60px - 35px);max-height:calc(var(--available-height) - 60px - 35px);display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}@media screen and (max-height: 600px){.mobile-hud-top{height:clamp(35px,calc(var(--available-height) * .06),45px)}.mobile-hud-bottom{height:clamp(20px,calc(var(--available-height) * .025),28px)}.game-board-mobile{height:calc(var(--available-height) - 45px - 28px);max-height:calc(var(--available-height) - 45px - 28px)}}@media screen and (max-height: 500px){.mobile-hud-top{height:clamp(30px,calc(var(--available-height) * .05),40px)}.mobile-hud-bottom{height:clamp(18px,calc(var(--available-height) * .025),25px)}.game-board-mobile{height:calc(var(--available-height) - 40px - 25px);max-height:calc(var(--available-height) - 40px - 25px)}}.mobile-browser-layout{transition:height .3s ease-out}@media screen and (orientation: landscape) and (max-height: 500px){.mobile-hud-top,.mobile-hud-bottom{height:clamp(12px,calc(var(--available-height) * .02),20px)}.game-board-mobile{height:calc(var(--available-height) - 20px - 20px);max-height:calc(var(--available-height) - 20px - 20px)}}