body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,sans-serif}.app-container{position:relative;width:100vw;height:100vh}.canvas-container{width:100%;height:100%}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;pointer-events:auto}h1{font-size:48px;margin-bottom:10px;text-transform:uppercase}button{padding:15px 40px;font-size:24px;background:#ff4757;color:#fff;border:none;border-radius:50px;cursor:pointer;margin-top:20px;transition:transform .1s}button:hover{transform:scale(1.05);background:#ff6b81}