.rooms-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #a774ff55;border-radius:13px;background:#ffffff0b;color:#fff;font:700 12px system-ui}.rooms-toggle span{font-size:19px;color:#b78aff}.rooms-toggle em,.room-unread{padding:4px 7px;border-radius:20px;background:#ff4f8b;color:#fff;font:700 11px system-ui}.rooms-toggle.has-activity{border-color:#ffcf66;box-shadow:0 0 24px #ff5da766;animation:roomPulse 1.5s infinite}.rooms-backdrop{position:fixed;inset:0;z-index:1100;background:#08040db8;backdrop-filter:blur(7px)}.rooms-panel{position:fixed;z-index:1101;top:74px;left:50%;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 94px);overflow:auto;transform:translateX(-50%);border:1px solid #a874ff48;border-radius:22px;background:linear-gradient(155deg,#211332,#100a1a);color:#fff;box-shadow:0 24px 70px #000b}.rooms-panel>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #ffffff12;background:#1a1028ee}.rooms-panel header div,.room-card-content>div:first-child{display:grid;gap:5px}.rooms-panel header small{color:#bd9cdb;font-size:10px;letter-spacing:.15em}.rooms-close{width:36px;height:36px;border:1px solid #ffffff22;border-radius:50%;background:#ffffff09;color:#fff;font-size:22px}.rooms-list{display:grid;gap:10px;padding:14px}.room-card{display:grid;gap:12px;padding:15px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff07}.room-card.is-current{border-color:#9d68ff99;background:#9b62ff16}.room-card small,.room-card-content small{color:#cfc2d9}.room-card>img{width:100%;height:90px;object-fit:cover;border-radius:11px}.room-card-content{display:grid;gap:10px}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.room-actions button,.room-actions b{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid #9564ee66;border-radius:10px;background:#7541cc;color:#fff;font:bold 11px system-ui}.room-actions b{background:#43d59a1d;border-color:#43d59a55;color:#6cf1bd}.room-actions .room-leave{background:#ff567617;border-color:#ff567650;color:#ff91aa}.room-online{display:inline-flex;align-items:center;gap:7px;color:#d8cce2;font-size:12px}.room-online i{width:8px;height:8px;border-radius:50%;background:#55e6a8;box-shadow:0 0 12px #55e6a8}.rooms-lobby{position:fixed;inset:0;z-index:900;overflow:auto;padding:clamp(80px,12vh,130px) 20px 40px;background:radial-gradient(circle at 50% 8%,#562b7d55,transparent 38%),#10091a;color:#fff}.rooms-lobby-heading{text-align:center;max-width:620px;margin:0 auto 32px}.rooms-lobby-heading>span{font-size:38px;color:#d795ff}.rooms-lobby-heading h1{margin:8px 0;font-size:clamp(30px,6vw,52px)}.rooms-lobby-heading p{color:#c9bbd4}.rooms-lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;max-width:1100px;margin:auto}.room-lobby-card{position:relative;min-height:270px;overflow:hidden;border:1px solid #a774ff55;border-radius:24px;background:#201230;box-shadow:0 18px 45px #0007}.room-lobby-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-lobby-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100919f7 7%,#160d21b0 58%,#160d2122)}.room-lobby-card .room-card-content{position:absolute;z-index:1;inset:auto 0 0;display:grid;gap:12px;padding:20px}.room-lobby-card strong{font-size:22px}.chat-room-lobby .rooms-toggle{display:none}.has-room-background #messages{background-image:linear-gradient(#170d26d9,#170d26d9),var(--chat-room-background);background-size:cover;background-position:center}@keyframes roomPulse{50%{box-shadow:0 0 32px #ff5da799}}@media(max-width:600px){.rooms-toggle b{display:none}.rooms-toggle{width:42px;padding:0;justify-content:center}.rooms-panel{top:64px}.rooms-lobby{padding-inline:12px}}
@media(max-width:600px){.rooms-toggle b{display:inline!important}.rooms-toggle{width:auto!important;padding:0 12px!important}}
/* Powrot z lobby pokoi */
.rooms-lobby-home{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 17px;border:1px solid #aa78ff66;border-radius:14px;background:#ffffff0b;color:#fff;font:800 13px system-ui;text-decoration:none;box-shadow:0 12px 30px #0005;transition:.18s ease}.rooms-lobby-home:hover{border-color:#c69cff;background:#9a5cff24;transform:translateY(-1px)}.rooms-lobby-home span{font-size:18px}@media(max-width:600px){.rooms-lobby{padding-top:92px}.rooms-lobby-home{top:18px;left:12px;min-height:40px;padding:0 14px}}