/* Karta szybkiego dołączenia w menu (ui/quick-join.js): dół ekranu, środek, nad stopką. */
#quick-join{position:fixed;left:50%;bottom:62px;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:18px;padding:14px 16px 14px 22px;min-width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);
  background:linear-gradient(135deg,#af392440,transparent 35px),#101313f2;border:2px solid #76776d;box-shadow:inset 0 0 0 3px #020303,inset 0 0 0 4px #424941,0 6px 24px #000a;
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);animation:qj-in .45s cubic-bezier(.2,.9,.3,1.2)}
#quick-join .qj-pulse{width:10px;height:10px;border-radius:50%;background:#5fe07a;box-shadow:0 0 0 0 #5fe07a99;animation:qj-pulse 1.6s infinite;flex:none}
#quick-join .qj-text{flex:1;min-width:0}
#quick-join small{display:block;font-size:9px;letter-spacing:.2em;color:#9fd9a8;font-weight:700}
#quick-join strong{display:block;font-size:16px;letter-spacing:.08em;color:#f3dcb3;margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#quick-join em{display:block;font-style:normal;font-size:11px;color:#b8c0b5}
#quick-join button{flex:none;text-align:center;padding:14px 26px;font-size:13px;letter-spacing:.18em;border:1px solid transparent;border-image:url('/ui/steel-frame-sm-red.svg') 8 / 8px / 0 stretch;clip-path:var(--mn-clip-sm);box-shadow:none}
body.playing #quick-join{display:none}
@keyframes qj-in{from{opacity:0;transform:translate(-50%,24px)}}
@keyframes qj-pulse{70%{box-shadow:0 0 0 9px #5fe07a00}100%{box-shadow:0 0 0 0 #5fe07a00}}
@media (max-width:650px){#quick-join{bottom:56px;gap:12px}#quick-join button{padding:12px 16px}}