.lobby{display:flex;flex-direction:column;gap:20px;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.lobby-me{position:relative;border-radius:24px;padding:18px 18px 16px;color:#fff;background:linear-gradient(140deg,#e91e8c,#c2185b 48%,#7b1fa2);box-shadow:0 1px 2px #7b1fa266,0 10px 28px #e91e8c6b;overflow:hidden}.lobby-me:after{content:"";position:absolute;inset:auto -34px -52px auto;width:170px;height:170px;border-radius:50%;background:#ffffff1a;pointer-events:none}.lobby-me-top{display:flex;align-items:center;gap:14px}.lobby-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#fff3;box-shadow:0 2px 10px #0000004d;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;flex:none}.lobby-me-id{min-width:0;flex:1}.lobby-me-name{font-size:18px;font-weight:900;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-me-sub{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.lobby-chip{display:inline-flex;align-items:center;gap:4px;background:#00000047;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:800;color:#fff}.lobby-chip .lobby-coin{font-size:15px}.lobby-chip-live{background:#00000038}.lobby-chip-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#00e5ff;box-shadow:0 0 8px #00e5ffe6;animation:lobby-pulse 1.6s ease-in-out infinite}@keyframes lobby-pulse{0%,to{opacity:1}50%{opacity:.35}}.lobby-enter{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;border:none;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff;font-family:inherit;font-size:15.5px;font-weight:900;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .15s ease;box-shadow:0 1px 2px #0000004d,0 6px 18px #00bcd473}.lobby-enter:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 2px 4px #0000004d,0 10px 24px #00bcd480}.lobby-enter:active{transform:translateY(0)}.lobby-enter .material-icons{font-size:20px}.lobby-me-guest{background:linear-gradient(140deg,#6a1b9a,#ad1457 55%,#e91e8c);box-shadow:0 1px 2px #6a1b9a80,0 10px 28px #ad145761}.lobby-h{display:flex;align-items:baseline;justify-content:space-between;margin:2px 4px 12px}.lobby-h h2{font-size:15.5px;font-weight:900;color:var(--text)}.lobby-h a{font-size:11.5px;font-weight:800;color:var(--accent);text-decoration:none}.lobby-rooms{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:4px 4px 10px;margin:0 -4px}.lobby-rooms::-webkit-scrollbar{display:none}.lobby-room{flex:none;width:120px;border-radius:20px;padding:14px 12px;text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:8px;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 1px 3px #0003,0 6px 16px #00000029}.lobby-room:hover{transform:translateY(-3px);box-shadow:0 2px 5px #00000038,0 12px 26px #0003}.lobby-room-icon{font-size:34px;line-height:1;opacity:.95}.lobby-room-name{font-size:13px;font-weight:900;line-height:1.4;min-height:2.7em}.lobby-room-meta{font-size:10.5px;font-weight:800;opacity:.88}.lobby-room-city{background:linear-gradient(150deg,#00bcd4,#26c6da)}.lobby-room-1{background:linear-gradient(150deg,#f4436c,#e91e63)}.lobby-room-2{background:linear-gradient(150deg,#7c4dff,#651fff)}.lobby-room-3{background:linear-gradient(150deg,#d500f9,#a0f)}.lobby-room-4{background:linear-gradient(150deg,#2979ff,#2962ff)}.lobby-board{border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 1px 3px #0000001a,0 6px 18px #00000014}.lobby-row{display:flex;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;color:var(--text);transition:background .12s ease}.lobby-row:hover{background:var(--surface-2)}.lobby-row+.lobby-row{box-shadow:inset 0 1px #0000000f}.lobby-rank{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;flex:none;color:#fff}.lobby-row-1 .lobby-rank{background:linear-gradient(140deg,#ffd600,#ffab00);box-shadow:0 2px 10px #ffd60080;color:#3e2723}.lobby-row-2 .lobby-rank{background:linear-gradient(140deg,#00e5ff,#00b8d4);box-shadow:0 2px 10px #00e5ff73}.lobby-row-3 .lobby-rank{background:linear-gradient(140deg,#d500f9,#a0f);box-shadow:0 2px 10px #d500f973}.lobby-row-4 .lobby-rank,.lobby-row-5 .lobby-rank{background:var(--surface-3);color:var(--text-muted)}.lobby-row-who{flex:1;min-width:0}.lobby-row-name{font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-row-note{font-size:10.5px;font-weight:700;color:var(--text-muted);margin-top:1px}.lobby-row-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00e5ff;box-shadow:0 0 6px #00e5ffb3;margin-inline-start:5px;vertical-align:middle}.lobby-row-score{font-size:16px;font-weight:900;flex:none;font-variant-numeric:tabular-nums;color:var(--accent)}.lobby-board-empty{padding:20px 14px;font-size:12px;font-weight:700;color:var(--text-muted);text-align:center}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lobby-tile{border-radius:20px;padding:16px 14px;min-height:96px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 1px 3px #0000002e,0 6px 16px #00000024}.lobby-tile:hover{transform:translateY(-3px);box-shadow:0 2px 5px #0003,0 12px 26px #0000002e}.lobby-tile-icon{font-size:34px;line-height:1;opacity:.95}.lobby-tile-name{font-size:14.5px;font-weight:900}.lobby-tile-city{grid-column:1 / -1;background:linear-gradient(120deg,#e91e8c,#7c4dff 55%,#00e5ff);min-height:88px;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.lobby-tile-city .lobby-tile-icon{font-size:44px}.lobby-tile-city .lobby-tile-name{font-size:18px}.lobby-t-msgs{background:linear-gradient(150deg,#7c4dff,#651fff)}.lobby-t-games{background:linear-gradient(150deg,#f4436c,#e91e63)}.lobby-t-profile{background:linear-gradient(150deg,#d500f9,#a0f)}.lobby-t-search{background:linear-gradient(150deg,#00bcd4,#0097a7)}.lobby-t-news{background:linear-gradient(150deg,#2979ff,#2962ff)}.lobby-t-settings{background:linear-gradient(150deg,#546e7a,#78909c)}:root[data-theme=dark] .lobby-board{box-shadow:0 1px 3px #00000080,0 8px 20px #0006}:root[data-theme=dark] .lobby-row+.lobby-row{box-shadow:inset 0 1px #ffffff0f}:root[data-theme=dark] .lobby-room,:root[data-theme=dark] .lobby-tile{box-shadow:0 1px 3px #00000080,0 8px 20px #00000073}