*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a1a;color:#fff;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation;user-select:none;-webkit-user-select:none}#root{width:100%;height:100dvh;height:100vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.game-viewport{flex:1;width:100%;min-width:0;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.playfield{flex:1;min-height:0;position:relative;overflow:hidden;width:100%}.playfield>canvas,.playfield>.playfield-fill{width:100%;height:100%;display:block}.hud-top{flex:0 0 auto;max-height:12vh;display:flex;align-items:center;padding:6px 10px}.hud-bottom{flex:0 0 auto;max-height:23vh;padding:6px 10px}.scroll-area{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.game-screen{width:100%;height:100%;display:flex;flex-direction:column}