* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: #05070f; color: #e8ecf1; font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; touch-action: none; -webkit-user-select: none; user-select: none; }
canvas { width: min(1280px, 96vw); height: auto; max-height: 92vh; aspect-ratio: 16 / 9; border: 2px solid #12304a; border-radius: 10px; box-shadow: 0 0 36px rgba(34,211,238,0.18); background: #050812; display: block; }
@media (orientation: portrait) { canvas { width: 98vw; max-height: 60vh; } }