.room-screen{position:relative}.matchmaking-open>:not(#matchmaking-screen){visibility:hidden}#matchmaking-screen[hidden]{display:none}#matchmaking-screen{position:absolute;inset:0;z-index:12;overflow:hidden;border-radius:23px;background:radial-gradient(ellipse at 50% 48%,#97efdf,#248bbf 57%,#124e94);display:grid;grid-template-rows:auto 1fr 46px 1fr auto;justify-items:center;gap:8px;padding:18px 32px;color:#eaffff;isolation:isolate}#matchmaking-screen header{text-align:center;z-index:1}#matchmaking-screen header>span{font-size:9px;letter-spacing:2.4px;font-weight:900}#matchmaking-screen h2{font:800 32px/1 'Baloo 2',sans-serif;margin:5px 0;color:#fff5bd;text-shadow:0 3px #1b6792}.matching-status{font-size:12px;margin:5px 0 0;font-weight:800}.matching-water{position:absolute;inset:-70%;z-index:-1;background:repeating-conic-gradient(#effffb13 0deg 15deg,transparent 15deg 30deg);animation:matching-water-turn 35s linear infinite}.matching-team{min-height:0;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;z-index:1}.matching-team-label{font-size:9px;letter-spacing:2px;font-weight:900}.matching-cards{display:flex;justify-content:center;gap:14px;min-height:0;height:100%;width:100%}.matching-card{width:155px;max-width:28%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;text-align:center;position:relative;border:2px solid #fff3b4;border-radius:14px;background:linear-gradient(155deg,#fbf9d9,#82dbd6 55%,#218eb1);box-shadow:0 5px 0 #155a7c,0 12px 25px #06345f44;padding:5px 8px 8px;animation:matching-card-in .65s both;animation-delay:var(--entry-delay);color:#174f6d}.matching-card img{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 3px 3px #1e70844a)}.matching-card>span{font:800 13px 'Baloo 2',sans-serif}.matching-card>strong{font:900 12px 'Nunito Sans',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matching-player-ready{font-size:9px;font-weight:900;margin-top:4px;border-radius:7px;padding:2px;background:#164e719c;color:#e8ffff}.matching-card[data-ready=true] .matching-player-ready{background:#d8ffd0;color:#267654}.opponents .matching-card{border-color:#ffd3d7;background:linear-gradient(155deg,#ffefd7,#e4a6d7 55%,#9768be)}.matching-vs{font:900 italic 39px/1 'Baloo 2',sans-serif;color:#fff4a9;text-shadow:0 3px #bd7b35,0 0 24px #f4ffc8;animation:matching-vs-glow 1.8s ease-in-out infinite}.matching-mystery{width:300px;max-width:90%;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.matching-mystery i{width:19px;height:19px;border-radius:50%;background:#e2ffef;box-shadow:0 5px 0 #246fa9;animation:matching-dot 1.2s infinite}.matching-mystery i:nth-child(2){animation-delay:.15s}.matching-mystery i:nth-child(3){animation-delay:.3s}.matching-mystery span{width:100%;text-align:center;font-size:12px;font-weight:900;align-self:flex-start}#matchmaking-screen footer{display:flex;align-items:center;gap:25px;z-index:1}.matching-tip{font-size:11px;font-weight:800;margin:8px}.matching-cancel{border:2px solid #d8fffb;border-radius:10px;padding:9px 22px;background:#fdf0b5;box-shadow:0 4px #987837;color:#6b5127;font-weight:900}.matching-cancel:disabled{opacity:.65}.room-roster[data-capacity="1"]{grid-template-columns:minmax(0,1fr)}.room-roster[data-capacity="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ranked-party .room-map-copy canvas,.ranked-party #room-map-select{display:none}.ranked-party .room-map-copy>span{padding:9px}.ranked-party .room-map-copy>span>small:last-child{display:none}
@keyframes matching-water-turn{to{transform:rotate(360deg)}}@keyframes matching-card-in{from{opacity:0;transform:translateY(-25px) scale(.8)}to{opacity:1;transform:none}}@keyframes matching-dot{50%{transform:translateY(-10px)}}@keyframes matching-vs-glow{50%{filter:brightness(1.2);transform:scale(1.08)}}
@media(max-height:600px){#matchmaking-screen{padding:9px 20px;grid-template-rows:38px 1fr 28px 1fr 25px;gap:3px}#matchmaking-screen header>span{display:none}#matchmaking-screen h2{font-size:20px;margin:0}.matching-status{font-size:9px;margin:2px 0}.matching-team{gap:1px}.matching-team-label{font-size:7px}.matching-cards{gap:10px}.matching-card{width:115px;padding:2px 6px 3px;border-radius:9px;grid-template-columns:40px minmax(0,1fr);grid-template-rows:1fr 1fr 1fr;align-items:center;text-align:left;column-gap:4px}.matching-card img{grid-row:1/4;grid-column:1}.matching-card>span{font-size:10px}.matching-card>strong{font-size:9px}.matching-player-ready{font-size:7px;margin:0;padding:1px 2px}.matching-vs{font-size:25px}.matching-cancel{font-size:9px;padding:4px 14px;border-radius:7px}.matching-tip{font-size:8px;margin:2px}.matching-mystery span{font-size:9px}.matching-mystery i{width:13px;height:13px}}
.room-screen.matchmaking-open{height:calc(100dvh - 122px);min-height:0;max-height:780px}#entry-dialog[data-queue=ranked] .entry-map{display:none}@media(max-height:600px){.room-screen.matchmaking-open{height:calc(100dvh - 70px);max-height:none}}
.room-screen.matchmaking-open{overflow:hidden}
#matchmaking-screen[data-team-size="1"]{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:28px 60px}
#matchmaking-screen[data-team-size="1"] header{grid-column:1/-1}
#matchmaking-screen[data-team-size="1"] .own{grid-column:1;grid-row:2}
#matchmaking-screen[data-team-size="1"] .opponents{grid-column:3;grid-row:2}
#matchmaking-screen[data-team-size="1"] .matching-vs{grid-column:2;grid-row:2;align-self:center;font-size:60px}
#matchmaking-screen[data-team-size="1"] footer{grid-column:1/-1}
#matchmaking-screen[data-team-size="1"] .matching-card{width:250px;max-width:100%;max-height:460px;padding:14px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto;text-align:center}
#matchmaking-screen[data-team-size="1"] .matching-card img{grid-column:1;grid-row:1}
#matchmaking-screen[data-team-size="1"] .matching-card>span{font-size:21px}
#matchmaking-screen[data-team-size="1"] .matching-card>strong{font-size:16px}
#matchmaking-screen[data-team-size="1"] .matching-player-ready{font-size:11px;margin-top:8px;padding:5px}
@media(max-height:600px){#matchmaking-screen[data-team-size="1"]{padding:10px 55px;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);grid-template-rows:38px minmax(0,1fr) 25px;gap:5px}#matchmaking-screen[data-team-size="1"] .matching-card{width:172px;padding:5px 8px}#matchmaking-screen[data-team-size="1"] .matching-card>span{font-size:13px}#matchmaking-screen[data-team-size="1"] .matching-card>strong{font-size:11px}#matchmaking-screen[data-team-size="1"] .matching-player-ready{font-size:8px;padding:2px;margin-top:3px}#matchmaking-screen[data-team-size="1"] .matching-vs{font-size:40px}}
@media(max-height:600px){#matchmaking-screen[data-team-size="3"] .matching-card{width:min(230px,calc((100% - 20px)/3));max-width:none;grid-template-columns:65px minmax(0,1fr);padding:4px 8px}#matchmaking-screen[data-team-size="2"] .matching-card{width:min(300px,calc((100% - 14px)/2));max-width:none;grid-template-columns:65px minmax(0,1fr);padding:4px 8px}#matchmaking-screen:is([data-team-size="2"],[data-team-size="3"]) .matching-card>span{font-size:12px}#matchmaking-screen:is([data-team-size="2"],[data-team-size="3"]) .matching-card>strong{font-size:11px}#matchmaking-screen:is([data-team-size="2"],[data-team-size="3"]) .matching-player-ready{font-size:8px;padding:2px 4px}}