.arena-connection[hidden]{display:none}
.arena-connection{position:fixed;z-index:110;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;width:min(420px,calc(100% - 24px));box-sizing:border-box;padding:10px 12px;border:1px solid #bda66a;border-radius:12px;background:#0b252cf5;color:#f4e4b5;box-shadow:0 6px 24px #0008;font:14px/1.4 Manrope,sans-serif}
.arena-connection b{font-size:14px}.arena-connection p{margin:3px 0 0;font-size:12px;color:#c3d5d4}
.arena-connection>div{flex:1;min-width:0}
.arena-connection button{flex:0 0 104px;min-height:44px;border:1px solid #8d814f;border-radius:8px;background:#264c4c;color:#ffebac;font:700 12px/1.25 Manrope,sans-serif;padding:6px;cursor:pointer}
.arena-connection button:focus-visible,.boot-retry:focus-visible{outline:3px solid #f5d582;outline-offset:3px}.arena-connection button:disabled{opacity:.65;cursor:wait}
.boot-recovery{position:relative;z-index:2;max-width:560px;margin:10vh auto;padding:24px;line-height:1.6}.boot-recovery h1{font-size:24px}.boot-recovery p{color:#c3d5d4}.boot-recovery button{min-height:44px}
@media(max-width:920px){body:has(.mobile-game-nav) .arena-connection{bottom:calc(76px + env(safe-area-inset-bottom))}body:has(.solo-screen) .arena-connection{bottom:calc(160px + env(safe-area-inset-bottom))}.arena-connection{gap:8px;padding:8px 10px}.arena-connection button{flex-basis:88px}}
@media(max-height:480px) and (orientation:landscape){.arena-connection{max-width:380px}.arena-connection p{display:none}}
