.party-lobby{position:absolute;inset:0;z-index:6;display:grid;place-items:center;overflow:auto;padding:24px;background:radial-gradient(ellipse at 70% 20%,#263b6155,transparent 65%),#070b17}
.party-card{width:min(580px,100%);margin:auto;border:1px solid #677bb04d;border-radius:26px;padding:clamp(20px,4vw,36px);background:linear-gradient(155deg,#1c263f,#10172a);box-shadow:0 30px 100px #0007}.party-card h2{font:clamp(26px,5vw,40px) 'Russo One',Arial;margin:10px 0 14px}.party-description{line-height:1.6;color:#bccbe3}.party-card>.btn{width:100%;margin-top:10px}.party-card .btn{min-height:48px}.party-join{margin-top:24px}.party-join label{display:block;margin-bottom:8px;color:#bac8df}.party-join>div{display:flex;gap:10px}.party-join input{flex:1;width:0;min-width:0;font:700 22px monospace;letter-spacing:6px;text-transform:uppercase;padding:12px;background:#080f21;color:white;border:1px solid #50628a;border-radius:12px;user-select:text!important}.party-code{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:20px;border:1px dashed #7ddff388;border-radius:14px;margin:24px 0;background:#65cce909}.party-code span{font:11px monospace;letter-spacing:2px;color:#a4b7d4}.party-code strong{grid-column:1;font:clamp(28px,6vw,42px) 'Russo One',Arial;letter-spacing:8px;color:#78edf2}.party-code button{grid-column:2;grid-row:1/3}.party-roster{display:grid;gap:8px}.party-roster>div{display:flex;align-items:center;gap:12px;background:#090f2244;padding:12px;border-radius:12px}.party-roster i{height:18px;width:18px;flex-shrink:0;border-radius:6px;box-shadow:0 0 18px #fff2}.party-roster b{flex:1}.party-roster span{font-size:12px;color:#b7ecb6}.party-wait{text-align:center;color:#8de3fa}.party-error{min-height:1.4em;color:#ffb4c8;line-height:1.5}.party-live{position:absolute;z-index:2;top:8px;right:10px;max-width:min(330px,90%);pointer-events:none}.party-toggle{display:flex;gap:10px;align-items:center;min-height:44px;padding:8px 14px;background:#101d34ef;border:1px solid #6886b866;border-radius:12px;color:#e5f7ff;font:700 13px Rubik,Arial;pointer-events:auto;cursor:pointer}.party-toggle span{font:11px monospace;color:#8fe8ef}.party-standings{pointer-events:auto;background:#0b1429f5;border:1px solid #4d6b9955;border-radius:14px;margin-top:6px;padding:14px;max-height:55dvh;overflow:auto}.party-standings[hidden]{display:none}.party-standings p{font:11px monospace;letter-spacing:1px;color:#7ce6f5}.party-standings>div{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:12px;border-bottom:1px solid #fff1}.party-standings em{color:#8b9eba;font-style:normal}.party-standings b{flex:1}.party-standings span{font:11px monospace;color:#b2ff9b}.party-standings small{display:block;margin-top:12px;font-size:11px;color:#93a5c2;line-height:1.4}.tile-friends{position:relative;margin:0 16px 16px;width:calc(100% - 32px);min-height:44px;border:1px solid #8fdcf638;border-radius:10px;background:#69d8ff10;color:#9bebff;font:700 12px Rubik,Arial;cursor:pointer}.tile-friends:hover{background:#69d8ff25}.stage-online{white-space:nowrap;min-height:44px}@media(max-width:600px){.party-lobby{padding:12px}.party-code{padding:14px}.party-code button{font-size:11px;padding:8px}.party-live{top:5px;right:7px}.stage-online{font-size:11px;padding:8px!important}.party-roster>div{padding:10px}.party-roster span{font-size:11px}}@media(max-height:500px){.party-lobby{display:block}.party-card{max-width:680px}.party-card h2{font-size:25px}.party-code{margin:12px 0}.party-description{margin:8px 0}}
.res-friends{padding:14px;margin:16px 0;text-align:left;border:1px solid #6aa6e344;border-radius:14px;background:#0b162b}.res-friends p{font:11px monospace;letter-spacing:1.5px;color:#95dbea;margin:0 0 8px}.res-friends>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:7px 0;border-bottom:1px solid #fff1}.res-friends b{color:#bcff8f;white-space:nowrap}.res-friends small{display:block;margin-top:9px;color:#a0b0ca;font-size:11px;line-height:1.4}