@charset "UTF-8";
/* Shared surface colors preserve all three independently selected skins. */
.room-stat-caption{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin:18px 0 10px;font-size:12px;color:var(--text)}
.room-stat-caption small{font-size:10px;color:var(--muted)}
.room-status-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.room-status-summary>div{display:flex;align-items:baseline;gap:12px;padding:17px 18px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.room-status-summary strong{font-size:28px;font-variant-numeric:tabular-nums;font-weight:650;line-height:1.1}
.room-status-summary span{font-size:12px;color:var(--muted)}
.room-status-summary [data-room-stat=recruiting]{color:var(--accent)}
.waiting-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:20px}
.waiting-number{display:flex;align-items:center;gap:15px;min-width:0}.waiting-number>strong{font-size:48px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums;color:var(--accent)}
.waiting-number b{font-size:15px}.waiting-number small{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:4px}
.waiting-actions{display:flex;flex-wrap:wrap;gap:8px}.waiting-actions .button{min-width:120px}.waiting-empty{font-size:12px;color:var(--muted);margin:14px 0 0;line-height:1.8}
.waiting-avatar-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.waiting-avatar-strip .avatar{width:34px;height:34px;min-width:34px;font-size:12px}.waiting-avatar-strip>span{font-size:11px;color:var(--muted)}
.waiting-list{display:grid;margin-top:16px}.waiting-player{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.waiting-player-info{flex:1;min-width:0}.waiting-player-info strong{display:block;overflow-wrap:anywhere;font-size:14px}.waiting-player-info small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.waiting-player-info>span{display:block;font-size:11px;color:var(--accent);line-height:1.8;overflow-wrap:anywhere;margin-top:6px}.waiting-player-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.waiting-player-actions .link{font-size:12px}.waiting-dialog-footer{margin-top:20px}.waiting-banner-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
.sample-rank-label{display:inline-block;font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);border-radius:5px;padding:5px 8px;margin-bottom:6px}
.ranking-view-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-ranking .podium-rank{position:relative;width:34px;min-width:34px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--panel-2);color:var(--muted)}
.hero-ranking .podium-rank svg{position:absolute;inset:2px 4px auto;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6}
.hero-ranking .podium-rank b{font-size:13px;font-weight:800;color:inherit;line-height:1;position:relative}
.hero-ranking .rank-1{color:#77510b;background:linear-gradient(145deg,#fff1bd,#edc259);border:1px solid #c99324}.hero-ranking .rank-2{color:#455161;background:linear-gradient(145deg,#f2f5f8,#b9c3d1);border:1px solid #8f9eae}.hero-ranking .rank-3{color:#704322;background:linear-gradient(145deg,#f7dfc7,#d6a274);border:1px solid #b9814b}
.hero-ranking .rank-1 b,.hero-ranking .rank-2 b,.hero-ranking .rank-3 b{margin-top:22px;font-size:11px}
@media(max-width:900px){.room-status-summary>div{flex-direction:column;gap:7px;padding:14px}.waiting-panel .match-bottom{align-items:flex-start}.waiting-actions{flex-direction:column}.waiting-actions .match-start{min-width:135px}}
@media(max-width:680px){.room-stat-caption{display:block}.room-stat-caption small{display:block;margin-top:5px;line-height:1.6}.room-status-summary{gap:6px}.room-status-summary>div{padding:13px 8px}.room-status-summary strong{font-size:25px}.room-status-summary span{font-size:10px}.waiting-overview{padding:15px;align-items:flex-start;flex-direction:column;gap:14px}.waiting-overview>.button{width:100%;font-size:12px}.waiting-number>strong{font-size:42px}.waiting-actions{flex-direction:row;width:100%}.waiting-actions .button{flex:1;min-width:0;font-size:12px;padding:10px 7px}.waiting-panel .match-bottom{flex-direction:column;gap:14px}.waiting-player{align-items:flex-start;gap:9px}.waiting-player-info strong{font-size:12px}.waiting-player>.avatar{width:34px;height:34px;min-width:34px}.waiting-player-actions .link{font-size:11px}.waiting-player-actions{gap:15px}.waiting-banner-actions{flex-shrink:1}.match-banner{flex-wrap:wrap}.hero-ranking .podium-rank{min-width:30px;width:30px;height:37px}.hero-ranking .podium-rank svg{width:23px;height:23px}.hero-ranking .podium-rank b{font-size:11px}.sample-rank-label{font-size:9px}.hero-ranking li{gap:8px}.hero-rank-person strong{font-size:12px}}