.space-sharing{max-width:1200px;margin:16px auto;padding:0 24px}.space-sharing a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.space-sharing button{min-height:44px}.space-sharing p{color:#aab5d9;font-size:12px;line-height:1.6}.space-sharing textarea{width:100%;max-width:600px;min-height:90px;background:#131c33;color:white;padding:12px}.space-playing{overflow:hidden}.arena.space-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;height:100svh;border-radius:0;border:0;display:flex;flex-direction:column;background:#060b21;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.arena.space-expanded canvas{flex:1 1 0;min-height:0;width:100%;height:0;aspect-ratio:auto}.arena.space-expanded .controls{flex:0 0 auto;min-height:58px;padding:7px 10px}.arena.space-expanded .controls button{min-height:44px}.arena.space-expanded .hud{top:env(safe-area-inset-top)}.arena.space-expanded .overlay{bottom:60px;padding-top:45px}.arena.space-expanded .overlay h2{font-size:30px}.arena.space-expanded .overlay p{margin-bottom:12px}.arena.space-expanded .overlay .insignia{font-size:30px}.controls button,a,button{touch-action:manipulation}#space{touch-action:none}@media(max-height:450px) and (orientation:landscape){.arena.space-expanded .overlay .insignia{display:none}.arena.space-expanded .overlay h2{font-size:25px;margin:5px}.arena.space-expanded .overlay p{font-size:12px;line-height:1.4;margin-bottom:8px}.arena.space-expanded .overlay .primary{padding:10px 20px}.arena.space-expanded .hud{padding:8px 14px}.arena.space-expanded .hud strong{font-size:13px}.arena.space-expanded .overlay{padding-top:35px}}@media(max-width:400px){.controls .hint{max-width:65px}.controls{flex-wrap:wrap}.arena.space-expanded .controls{flex-wrap:nowrap}.arena.space-expanded .controls button{font-size:11px;padding:8px}.space-sharing{padding:0 12px}}
.arena .overlay{bottom:64px}.arena.space-expanded .overlay{bottom:60px}