/* PC: the crew lobby lives in the streamer's phone (C pulls it out / puts it away). Touch keeps its legacy panel. */
.phone-bar,.phone-home,.note-phone{display:none}
@media(pointer:fine){
  .vice-city #crew-toggle{display:none!important}
  .vice-city.is-live .tl{left:24px}
  .vice-city #lobby{padding:0 32px 0 0;align-items:flex-end}
  .vice-city #lobby .card{
    align-self:flex-end;margin:0;width:316px;max-height:min(640px,calc(100% - 24px));
    display:flex;flex-direction:column;padding:12px 20px 14px;
    border:9px solid #10121a;border-bottom:0;border-radius:44px 44px 0 0;
    background:linear-gradient(185deg,#2b2340 0%,#1d1f2e 34%,#151924 100%);
    box-shadow:inset 0 0 0 1.5px #3a3f4f,0 -6px 30px rgba(0,0,0,.45);
    scrollbar-width:none;animation:phone-up .32s cubic-bezier(.2,.9,.25,1)
  }
  .vice-city #lobby .card::-webkit-scrollbar{display:none}
  .vice-city #lobby .card>*{flex-shrink:0}
  .vice-city .phone-bar{display:flex;align-items:center;justify-content:space-between;flex:none;margin:0 2px 14px;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--paper)}
  .vice-city .phone-island{width:88px;height:24px;border-radius:14px;background:#05060a}
  .vice-city .phone-signal{display:flex;align-items:center;gap:6px;font-size:11px}
  .vice-city .phone-signal i{width:22px;height:11px;border:1.5px solid var(--paper);border-radius:3px;position:relative;opacity:.9}
  .vice-city .phone-signal i::after{content:"";position:absolute;inset:1.5px 5px 1.5px 1.5px;background:var(--paper);border-radius:1px}
  .vice-city #lobby h2{font-size:24px;letter-spacing:-.01em;margin-bottom:12px}
  .vice-city #lobby .row:first-of-type{justify-content:space-between}
  .vice-city #lobby button{border-radius:12px}
  .vice-city #lobby-crew li{border-radius:12px;background:rgba(255,255,255,.07)}
  .vice-city #lobby .crew-note{font-size:12px;margin:12px 0 4px}
  .vice-city .note-touch{display:none}.vice-city .note-phone{display:inline}
  .vice-city .crew-note kbd{background:var(--paper);color:#231e2c;border-radius:4px;padding:0 6px;font:800 12px/1.5 inherit}
  .vice-city .phone-home{display:block;flex:none;width:112px;height:5px;margin:14px auto 0;border-radius:3px;background:rgba(255,243,220,.55)}
}
@keyframes phone-up{from{transform:translateY(105%)}}