:root{color:#edf6fb;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1620;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 20% 0,#4f8db359,#0000 38%),radial-gradient(circle at 82% 88%,#ffb14333,#0000 33%),linear-gradient(145deg,#152b3b,#08111a 72%);height:100dvh;position:fixed;inset:0}#app{width:100%;height:100%;min-height:0;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));place-items:center;display:grid;overflow:hidden}.game-canvas{aspect-ratio:2;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #b7e0f742;border-radius:18px;outline:none;width:min(100%,200dvh - 32px);max-width:1180px;height:auto;max-height:calc(100dvh - 16px);display:block;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0a,inset 0 1px #ffffff3d}.game-canvas:focus-visible{box-shadow:0 24px 80px #00000080,0 0 0 4px #7bdcffb8}@media (orientation:portrait) and (width<=700px){body[data-game=bubble-arena] #app{transform-origin:50%;width:100dvh;height:100dvw;padding:6px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}body[data-game=bubble-arena] .game-canvas{border-radius:14px;width:min(100dvh - 12px,200dvw - 24px);max-width:none;max-height:none}}