.private-room-panel{margin:14px 0 8px;padding:14px;border:1px solid rgba(112,215,246,.25);border-radius:15px;background:linear-gradient(128deg,rgba(9,31,48,.85),rgba(5,20,36,.9));color:#e8faff;box-shadow:0 6px 32px rgba(0,0,0,.18)}
.private-room-panel[open]{max-height:min(55dvh,350px);overflow-y:auto;scrollbar-width:thin}.private-room-panel:not([open]){padding:10px 12px}.private-room-panel summary{cursor:pointer;list-style:none}.private-room-panel summary::-webkit-details-marker{display:none}.private-room-panel summary:focus-visible{outline:2px solid #b6f9ff;outline-offset:4px}
.private-room-panel[hidden],.private-room-active[hidden],.private-match-badge[hidden]{display:none!important}
.private-room-panel{padding:0;margin:14px 0 8px;border:0;background:transparent;box-shadow:none}
.private-room-panel:not([open]){overflow:visible}
.private-room-panel[open]{padding:0 12px 12px;overflow-y:auto;border:1px solid rgba(112,215,246,.25);background:linear-gradient(128deg,rgba(9,31,48,.85),rgba(5,20,36,.9));box-shadow:0 6px 32px rgba(0,0,0,.18)}
#menu .private-room-panel .private-room-heading{display:flex;align-items:center;justify-content:center;min-height:56px;box-sizing:border-box;width:100%;padding:13px 18px;border:1px solid #1dbcf6;border-radius:0;background:#26baff;color:#050b12;font-family:'Arial Black',Impact,'Helvetica Neue',Arial,sans-serif;font-size:30px;font-style:italic;font-weight:1000;line-height:1.05;letter-spacing:.025em;text-align:center;text-transform:uppercase;-webkit-text-stroke:.55px currentColor;text-shadow:none;box-shadow:5px 6px 0 #0b35894d;touch-action:manipulation;transition:background .15s,box-shadow .15s,transform .15s}
#menu .private-room-panel .private-room-heading:hover{background:#69d4ff;transform:translateY(-1px)}
#menu .private-room-panel .private-room-heading:active{background:#0a9de2;transform:translateY(2px);box-shadow:2px 3px 0 #0b35894d}
#menu .private-room-panel .private-room-heading:focus-visible{outline:3px solid white;outline-offset:5px}
.private-room-panel[open] .private-room-heading{margin-bottom:12px}
@media(max-width:760px){#menu .private-room-panel .private-room-heading{min-height:50px;padding:12px 16px;font-size:28px}}
@media(max-height:600px) and (orientation:landscape){#menu .private-room-panel .private-room-heading{min-height:44px;padding:9px 14px;font-size:26px}}
.private-room-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;letter-spacing:.11em;font-size:11px;font-weight:900;color:#8de4f3}.private-room-heading small{font-size:8px;color:#7d9eaf}
.private-room-fields{display:flex;gap:8px;margin-top:12px}.private-room-fields label{display:grid;gap:5px;min-width:0;flex:1;font-size:9px;color:#92b8c8;font-weight:800;letter-spacing:.08em}.private-room-fields input{min-width:0;width:100%;padding:10px 12px;background:rgba(2,12,25,.85);border:1px solid rgba(139,213,232,.28);border-radius:8px;color:white;font-size:13px;font-weight:800;letter-spacing:.05em;outline:none}.private-room-fields input:focus{border-color:#75e1f4;box-shadow:0 0 0 2px rgba(117,225,244,.18)}
.private-room-actions{display:flex;gap:8px;margin-top:10px}.private-room-actions button,.private-room-active button{cursor:pointer;border:1px solid rgba(93,201,230,.4);background:rgba(27,87,112,.54);border-radius:8px;color:#e2f8fc;padding:10px 12px;font-size:11px;font-weight:900;letter-spacing:.07em}.private-room-actions button{flex:1}.private-room-actions button:first-child,.private-room-active .private-start{background:linear-gradient(125deg,#44b8d6,#239ba6);color:#052431;border:0}.private-room-actions button:hover,.private-room-active button:hover{filter:brightness(1.15)}.private-room-actions button:disabled,.private-room-active button:disabled{opacity:.45;cursor:not-allowed}
.private-room-active{margin-top:12px;padding:12px;background:rgba(2,17,29,.75);border:1px solid rgba(105,219,246,.16);border-radius:11px}.private-code-label{font-size:9px;font-weight:900;color:#7bb5cc;letter-spacing:.15em}.private-room-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.private-room-code-row strong{font-size:24px;letter-spacing:.16em;color:#a8f4ff;font-variant-numeric:tabular-nums}.private-room-roster{display:grid;gap:5px;margin:12px 0;font-size:12px;color:#d3ecfa}.private-room-roster span{padding:7px 9px;background:rgba(255,255,255,.05);border-radius:6px}.private-room-active .private-start{width:100%;font-size:13px}.private-room-active .private-leave{width:100%;margin-top:8px;background:transparent;color:#9bc3ce;border-color:rgba(255,255,255,.12)}#privateRoomStatus{margin:9px 0 0;font-size:10px;line-height:1.45;color:#a8c2d2}.private-match-badge{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:12;padding:6px 12px;border:1px solid rgba(100,231,249,.44);border-radius:20px;background:rgba(3,29,43,.78);color:#b1f6ff;font-size:10px;letter-spacing:.12em;font-weight:900;pointer-events:none}
.private-voice-panel{position:relative;width:100%;box-sizing:border-box;background:#071c2be8;border:1px solid #4cbacf88;border-radius:12px;padding:14px;color:#c9f5ff;font:700 11px/1.35 Arial,Helvetica,sans-serif;margin:16px 0}
.private-voice-panel button:disabled{opacity:.5;cursor:not-allowed}
.private-voice-panel[hidden]{display:none!important}.voice-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;color:#8deaff}.voice-title small{font-size:9px;color:#b0cad3}.voice-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.voice-settings>button{grid-column:1/-1;background:#14566c;color:#d5f9ff;border:1px solid #56b9ce;border-radius:7px;padding:8px;cursor:pointer;font-weight:900}.voice-settings>button[aria-pressed="true"]{background:#21564a;border-color:#5bd7a3;color:#bfffe3}.voice-settings label{display:grid;gap:4px;font-size:9px;color:#9bc2d2;letter-spacing:.7px}.voice-settings select{width:100%;min-width:0;background:#0a2638;color:#d7f8ff;border:1px solid #34576b;border-radius:5px;padding:6px 3px;font-size:10px}.voice-roster{display:grid;gap:4px;max-height:125px;overflow-y:auto}.voice-person{display:flex;gap:7px;align-items:center;justify-content:space-between;padding:5px 7px;background:#ffffff0a;border-radius:5px}.voice-person.talking{background:#237d6870;color:#b1ffda}.voice-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-person button{background:#183748;color:#d0edfa;border:1px solid #466879;border-radius:5px;padding:3px 6px;cursor:pointer;font-size:10px}.voice-person button[aria-pressed="true"]{color:#ffb0b0;border-color:#b56f6f}.voice-hint{color:#89b0c1;font-size:9px;line-height:1.4}
.private-name-tags{position:fixed;inset:0;pointer-events:none;z-index:8;overflow:hidden}.playgrounds-name-tag{position:absolute;display:flex;gap:5px;align-items:center;justify-content:center;padding:2px 5px;background:rgba(1,4,9,.15);border:1px solid rgba(255,255,255,.08);border-radius:2px;transform:translate(-50%,-50%);color:#f7fbff;font:800 9px/1.15 Arial,Helvetica,sans-serif;letter-spacing:.25px;text-shadow:0 1px 2px #071018a8;white-space:nowrap;max-width:118px;contain:layout style paint}.playgrounds-name-tag .player-diamond{width:7px;height:7px;flex:none;transform:rotate(45deg);background:var(--player-color,#fb5555);box-shadow:0 0 4px var(--player-color,#fb5555)}.playgrounds-name-tag .player-name{overflow:hidden;text-overflow:ellipsis}
@media(max-width:540px){.private-room-panel{padding:11px;margin-top:8px}.private-room-heading{display:grid;gap:2px}.private-room-fields{flex-direction:column;gap:8px}.private-room-actions{flex-wrap:wrap}.private-room-code-row strong{font-size:20px}.private-voice-panel{bottom:8px;right:8px;width:220px;max-height:35vh;overflow:auto}}
@media(max-width:540px){.private-room-panel:not([open]){padding:0}.private-room-panel[open]{padding:0 10px 10px}.private-voice-panel{width:100%;max-height:none}}

/* Keep the room picker in the same graphic language as the lobby PLAY button. */
#menu .private-room-panel .private-room-heading{font-size:clamp(17px,2.4vw,22px);letter-spacing:.055em;font-style:italic;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;padding-inline:8px}
#menu .private-room-panel .private-room-heading span{display:block;width:100%;text-align:center}
#menu .private-room-panel[open]{border-color:#159fda;border-radius:3px;background:linear-gradient(145deg,#092c43,#061b2d);box-shadow:5px 6px 0 #06162a70}
#menu .private-room-panel[open] .private-room-heading{margin-inline:-12px;width:calc(100% + 24px);margin-top:-1px;margin-bottom:15px}
#menu .private-room-fields label{font:900 10px/1.3 'Arial Black',Arial,sans-serif;letter-spacing:.1em;color:#72d4ff}
#menu .private-room-fields input{background:#061626;border:2px solid #187ba9;border-radius:2px;color:#f5fbff;font:800 13px/1.2 Arial,sans-serif;letter-spacing:.03em;padding:11px 10px}
#menu .private-room-fields input:focus-visible{outline:2px solid #64ddff;outline-offset:2px;border-color:#64ddff}
#menu .private-room-actions button,#menu .private-room-active button{min-height:45px;border-radius:2px;font:1000 12px/1.2 'Arial Black',Impact,Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;transition:background .15s,transform .15s}
#menu .private-room-actions button:first-child,#menu .private-room-active .private-start{background:#26baff;border:2px solid #26baff;color:#050b12;box-shadow:3px 4px 0 #001525}
#menu .private-room-actions button:last-child{background:#092d43;border:2px solid #26baff;color:#d2f3ff;box-shadow:3px 4px 0 #001525}
#menu .private-room-actions button:hover,#menu .private-room-active button:hover{filter:none;background:#69d4ff;color:#050b12;transform:translateY(-1px)}
#menu .private-room-active{border-radius:2px;border-color:#187ba9;background:#041b2c}
#menu .private-room-code-row strong{color:#70dbff}
#menu #privateRoomStatus{color:#b6d9e8;font-size:11px;line-height:1.45;padding-top:3px}
@media(max-width:540px){#menu .private-room-panel[open] .private-room-heading{margin-inline:-10px;width:calc(100% + 20px)}#menu .private-room-panel .private-room-heading{font-size:19px}}

/* Keep 24-player rosters legible without pushing the host's START button out of view. */
.private-room-roster{grid-template-columns:repeat(2,minmax(0,1fr));max-height:146px;overflow-y:auto;scrollbar-width:thin}
.private-room-roster span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#menu #privateTeamSizeOption{display:block;margin:10px 0;font-size:10px;font-weight:900;letter-spacing:.08em;color:#8beaff}
#menu #privateTeamSizeOption[hidden]{display:none!important}
#menu #privateTeamSizeOption select{display:block;width:100%;margin:7px 0;padding:10px 8px;background:#173d50;color:#fff;border:1px solid #55d7f38c;border-radius:3px;font-size:11px}
#menu #privateTeamSizeOption small{display:block;font-size:9px;line-height:1.5;font-weight:600;letter-spacing:0;color:#9cbdce}
#menu #privateTeamFillOption{display:block;margin:10px 0;font-size:10px;font-weight:900;letter-spacing:.08em;color:#a6f8dc}
#menu #privateTeamFillOption[hidden]{display:none!important}
#menu #privateTeamFillOption select{display:block;width:100%;margin:7px 0;padding:10px 8px;background:#173d50;color:#fff;border:1px solid #5ce6b78c;border-radius:3px;font-size:11px}
#menu #privateTeamFillOption small{display:block;font-size:9px;line-height:1.5;font-weight:600;letter-spacing:0;color:#9cbdce}
.private-room-roster span.duo-teammate{background:#1e768044;border:1px solid #57e8cb88;color:#d4fff7}
.playgrounds-name-tag.duos-teammate{padding:3px 7px;background:rgba(3,30,39,.48);border-color:rgba(75,244,200,.36);color:#e8fff7;font-size:10px;font-weight:900;box-shadow:0 2px 9px #001b2a50}
.playgrounds-name-tag.duos-teammate .player-diamond{width:8px;height:8px}