.lobby-shell{max-width:1280px}
.lobby-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.room-code-block{display:flex;align-items:center;gap:10px}
.room-label{font-size:10px;color:var(--muted)}
.room-code{font-size:24px;color:var(--yellow);text-shadow:0 0 16px rgba(255,211,25,.6);letter-spacing:6px}
.lobby-status{display:flex;align-items:center;gap:10px}
.conn-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-hud);font-size:12px;font-weight:700;letter-spacing:1px;background:#0c0c20;border:1px solid var(--line);border-radius:20px;padding:7px 14px}
.conn-pill .pulse{width:9px;height:9px;border-radius:50%;background:var(--yellow);animation:blink 1s infinite}
.conn-pill.ok{border-color:var(--green);color:var(--green)}.conn-pill.ok .pulse{background:var(--green)}
.conn-pill.bad{border-color:var(--red);color:var(--red)}.conn-pill.bad .pulse{background:var(--red)}
.ping{color:var(--muted);font-size:13px}
.host-badge{font-size:9px;background:linear-gradient(180deg,#ffd319,#c78e00);color:#3a2700;padding:6px 10px;border-radius:8px;display:none}
.host-badge.show{display:inline-block}
.lobby-grid{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}
@media(max-width:1000px){.lobby-grid{grid-template-columns:1fr}}
.lobby-main{display:flex;flex-direction:column;gap:14px}
.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.player-card{background:#0b0b1e;border:2px solid var(--line);border-radius:12px;padding:10px;text-align:center;position:relative;transition:.2s}
.player-card.ready{border-color:var(--green);box-shadow:0 0 14px rgba(57,255,106,.35);animation:readyPulse 1.6s ease-in-out infinite}
@keyframes readyPulse{0%,100%{box-shadow:0 0 10px rgba(57,255,106,.25)}50%{box-shadow:0 0 26px rgba(57,255,106,.6)}}
.player-card.ready .p-ava{box-shadow:0 0 14px rgba(57,255,106,.5)}
.p-lvl{font-family:var(--font-mono);font-size:10px;color:var(--purple);letter-spacing:1px;margin-top:2px}
.player-card.host{border-color:var(--yellow)}
.player-card.disconnected{opacity:.5}
.player-card .p-ava{width:56px;height:56px;margin:0 auto;border-radius:14px;overflow:hidden;background:#151532;border:2px solid var(--line)}
.player-card .p-ava img{width:100%;height:100%;object-fit:contain}
.player-card .p-nick{font-family:var(--font-hud);font-weight:700;font-size:13px;margin-top:6px;word-break:break-word}
.player-card .p-tags{display:flex;gap:4px;justify-content:center;margin-top:4px;flex-wrap:wrap}
.ptag{font-size:9px;font-family:var(--font-pixel);padding:3px 6px;border-radius:6px}
.ptag.host{background:var(--yellow);color:#000}.ptag.ready{background:var(--green);color:#03240d}.ptag.you{background:var(--cyan);color:#04222a}.ptag.off{background:#333;color:#999}
.player-card .p-score{font-family:var(--font-mono);font-size:12px;color:var(--cyan);margin-top:4px}
.player-card .p-kick{position:absolute;top:6px;right:6px;background:rgba(255,59,59,.15);border:1px solid var(--red);color:var(--red);border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:14px;line-height:1}
.ready-hint{color:var(--green);font-size:10px}
.lobby-controls{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.lobby-controls .btn-arcade{flex:1;min-width:180px}
.lobby-tip{color:var(--muted);font-size:12px;text-align:center;margin:10px 0 0}
.highscores{list-style:none;margin:0;padding:0;font-family:var(--font-mono)}
.highscores li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px dashed #23234a;font-size:14px}
.highscores li:last-child{border-bottom:none}
.highscores .rank{color:var(--yellow);min-width:28px}
.highscores li:nth-child(1) .rank{color:var(--yellow);text-shadow:0 0 8px var(--yellow)}
.highscores .dots{flex:1;border-bottom:2px dotted #33335a;transform:translateY(-4px)}
.highscores .pts{color:var(--cyan)}
.highscores.compact li{padding:6px 8px;font-size:13px}
.highscores .hs-ava{width:26px;height:26px;border-radius:8px;overflow:hidden;background:#151532;flex-shrink:0}
.highscores .hs-ava img{width:100%;height:100%;object-fit:contain}
/* chat */
.chat-panel{display:flex;flex-direction:column;height:600px;max-height:70dvh;position:sticky;top:12px}
.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px;min-height:0}
.chat-messages.small{max-height:180px}
.chat-msg{display:flex;gap:8px;align-items:flex-start;background:#0c0c20;border:1px solid #1e1e3e;border-radius:10px;padding:7px 9px;animation:screenIn .25s}
.chat-msg .c-ava{width:30px;height:30px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#151532}
.chat-msg .c-ava img{width:100%;height:100%;object-fit:contain}
.chat-msg .c-body{min-width:0;flex:1}
.chat-msg .c-head{display:flex;gap:8px;align-items:baseline}
.chat-msg .c-nick{font-family:var(--font-hud);font-weight:700;font-size:12px;color:var(--cyan)}
.chat-msg .c-time{font-family:var(--font-mono);font-size:10px;color:#555a80}
.chat-msg .c-text{font-size:13px;word-break:break-word;margin-top:2px;line-height:1.4}
.chat-msg.sys{justify-content:center;background:transparent;border:none;color:var(--muted);font-family:var(--font-mono);font-size:12px}
.reactions-bar{display:flex;gap:6px;padding:10px 0;border-top:1px solid var(--line);margin-top:8px}
.reactions-bar button{background:#151532;border:1px solid var(--line);border-radius:10px;font-size:18px;padding:6px 10px;cursor:pointer;transition:.15s;flex:1}
.reactions-bar button:hover{transform:scale(1.15);border-color:var(--pink)}
.taunt-row{display:flex;gap:6px;padding:8px 0 0}
.taunt-row button{background:#1a0a18;border:1px solid rgba(255,45,120,.4);color:var(--pink);border-radius:8px;font-family:var(--font-hud);font-weight:700;font-size:10px;letter-spacing:1px;padding:6px 4px;cursor:pointer;flex:1;white-space:nowrap;transition:.15s}
.taunt-row button:hover{background:rgba(255,45,120,.2);box-shadow:0 0 10px rgba(255,45,120,.4)}
.chat-msg.taunt{border-color:rgba(255,45,120,.55);background:linear-gradient(90deg,rgba(255,45,120,.14),#0c0c20)}
.chat-msg.taunt .c-text{font-family:var(--font-hud);font-weight:700;color:var(--pink);letter-spacing:2px}
.chat-input-row{display:flex;gap:8px;margin-top:8px}
.chat-fab{display:none;position:fixed;bottom:20px;right:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,#ff5c9c,var(--pink));border:none;color:#fff;cursor:pointer;box-shadow:0 0 24px rgba(255,45,120,.6)}
.chat-fab svg{width:26px;height:26px}
.chat-unread{position:absolute;top:-6px;right:-6px;background:var(--yellow);color:#000;font-family:var(--font-hud);font-weight:700;font-size:12px;border-radius:12px;padding:2px 8px}
@media(max-width:1000px){
  .lobby-side{position:fixed;inset:auto 0 0 0;z-index:80;display:none}
  .lobby-side.open{display:block}
  .chat-panel{height:62dvh;max-height:62dvh;border-radius:16px 16px 0 0;border-bottom:none;position:relative}
  .chat-fab{display:flex;align-items:center;justify-content:center}
  .lobby-side.open::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:-1}
}