/* Player panels, results and room setup. */
body:not([data-scene="home"]) .friends-shortcut,body:not([data-scene="home"]) [data-home-invite]{display:none}
.room-player-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:5px 4px 13px;color:#dce9ff;font:600 12px/1.4 Inter,Arial,sans-serif}
.room-player-heading b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border:1px solid #8aadd266;border-radius:6px;color:#bcd5f5;font-size:12px;font-weight:500}
.cc-person,.range-player{flex-wrap:wrap}
.cc-person>.room-player-heading,.range-player>.room-player-heading{flex-basis:100%;padding:0 0 3px}
.room-entry .roomplayers h2{font-size:15px}
.solo-result-summary{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;background:#213f77;border:1px solid #789bd0;border-radius:10px;padding:20px;margin:22px 0}
.solo-result-summary small{display:block;font-size:11px;color:#c5dbf7;margin-bottom:5px}
.solo-result-summary strong{font:700 36px 'Barlow Condensed',Impact,sans-serif;color:#ffce65}
.solo-leaderboard{border:0;background:none;color:#cde8ff;text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer;padding:10px}
.room-preview-note{margin:12px 0 24px;font-size:12px;color:#c8daf4}
.room-entry .roomsettings .modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.room-entry .roomsettings .mode{display:block;min-height:0}.room-entry .roomsettings .modeart{height:95px;min-height:0}
.room-entry .roomsettings .mode h3{font-size:21px;margin:6px 0 0}
.room-entry .roomsettings .modetext{padding:12px}.room-entry .roomsettings .mode p{display:none}
.room-entry .roomsettings .mode .check{top:8px;left:8px;right:auto}
.room-entry .party-spray-art,.room-entry .party-catch-art{min-height:0;padding:10px;gap:8px;height:95px}
.room-entry .party-spray-art strong,.room-entry .party-catch-art strong{font-size:21px}
.room-entry .party-spray-art img,.room-entry .party-catch-art img{width:40%;height:48px;object-fit:contain}
.room-extra{margin-top:22px;border-top:1px solid #86a6df55;padding-top:18px}
.room-extra summary{font-size:13px;color:#d7e7ff;cursor:pointer;width:fit-content;padding:5px 0}
.room-extra .settings{margin-top:18px}.room-entry .roomsettings>.actions{align-items:center;justify-content:space-between}
.room-entry .roomsettings>.actions .btn{min-height:46px}
.room-entry .modeart .sign-lineup{gap:3px}.room-entry .modeart .sign-lineup span{width:20px;height:25px;font-size:18px}
@media(max-width:650px){
 .friends-shortcut{font-size:11px}.leaderboard-shortcut>span{display:none}.leaderboard-shortcut{min-width:38px}
 .room-entry .roomsettings .modes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .room-entry .roomsettings .modeart{height:100px}.room-entry .party-spray-art,.room-entry .party-catch-art{height:100px;flex-direction:row}
 .room-entry .party-spray-art strong,.room-entry .party-catch-art strong{font-size:17px}
 .room-entry .roomsettings .mode h3{font-size:20px}.room-entry .roomsettings .modetext{padding:10px}
 .room-preview-note{font-size:11px;line-height:1.5}
 .solo-result-summary{gap:16px;padding:16px}.solo-result-summary>div{flex:1}.solo-result-summary strong{font-size:30px}
}

/* Compact room status: the same ink outlines and raised edges as the game buttons. */
.roomplayers .room-ready{margin-left:auto;flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;padding:0;background:none;border:0}
.room-ready-check{display:block;width:34px;height:34px;overflow:visible}
.room-ready-shadow{fill:#172d59;stroke:#172d59;stroke-width:2;stroke-linejoin:round}
.room-ready-face{fill:#79e1b6;stroke:#19345b;stroke-width:2;stroke-linejoin:round}
.room-ready-shine{fill:none;stroke:#c8ffe9;stroke-width:2;stroke-linecap:round}
.room-ready-tick{fill:none;stroke:#19345b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.room-ready-dots{display:flex;align-items:center;justify-content:center;gap:4px;width:36px;height:36px}
.room-ready-dots i{display:block;width:6px;height:6px;border-radius:2px;background:#ffce65;box-shadow:0 2px 0 #172d59;transform:rotate(-7deg)}
.room-ready-dots i:nth-child(2){animation:room-ready-dot-two 1.2s steps(1,end) infinite}
.room-ready-dots i:nth-child(3){animation:room-ready-dot-three 1.2s steps(1,end) infinite}
.room-ready[data-ready="true"] .room-ready-dots,.room-ready[data-ready="false"] .room-ready-check{display:none}
@keyframes room-ready-dot-two{0%{opacity:0}33.333%{opacity:1}100%{opacity:0}}
@keyframes room-ready-dot-three{0%{opacity:0}66.667%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.room-ready-dots i{animation:none;opacity:1}}