/* Full-page social lobby. The game and its existing socket stay mounted. */
[hidden]{display:none!important}
.online-page{max-width:1480px;margin:0 auto;padding:32px 28px 60px;color:var(--ink)}
.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}
.lobby-heading h1{font-size:clamp(27px,3.4vw,44px);line-height:1.15;margin:8px 0 12px}
.lobby-heading p:last-child{color:var(--muted);font-size:13px;margin:0;line-height:1.6}
.lobby-heading button{white-space:nowrap}
.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.lobby-main{min-width:0}.online-page .lobby-section{margin:0;padding:0;border:1px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--paper);box-shadow:0 5px 0 color-mix(in srgb,var(--ink) 16%,transparent)}
.lobby-stage-heading,.lobby-stage-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:11px}
.lobby-stage-heading{border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}
.lobby-live{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:1px}.lobby-live i{width:7px;height:7px;background:#61ad8b;border-radius:50%;box-shadow:0 0 0 4px #61ad8b20}
#online-count{background:#81c6b128;padding:7px 12px;border-radius:20px;letter-spacing:.3px}
.online-page #lobby-canvas{width:100%;height:auto;margin:0;border-radius:0;background:#e5f2f3;aspect-ratio:20/9}
.lobby-stage-footer{color:var(--muted);font-size:10px}
.lobby-match-panel{background:var(--paper);border:1px solid var(--ink);border-radius:20px;padding:24px;box-shadow:0 5px 0 color-mix(in srgb,var(--ink) 16%,transparent)}
.lobby-match-panel h2{font-size:23px;line-height:1.2;margin:8px 0 15px}
.lobby-match-panel #wallet-display{font-size:12px;font-weight:700;padding:12px;border-radius:10px;background:#e4b46d20;line-height:1.5}
.lobby-match-panel .online-options{display:grid;gap:14px;margin:20px 0;max-height:none;overflow:visible}
.lobby-match-panel label{font-size:11px;font-weight:700;line-height:1.5;display:block}
.lobby-match-panel select,.lobby-match-panel input{display:block;width:100%;box-sizing:border-box;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);border-radius:9px;padding:11px;margin-top:6px}
.lobby-match-panel input[type=checkbox]{display:inline-block;width:auto;margin:0 6px 0 0}
.lobby-match-panel #online-play{width:100%;margin-top:16px}.lobby-match-panel #online-status{font-size:12px;line-height:1.6;margin:14px 0;overflow-wrap:anywhere}
.lobby-stake-note{font-size:10px;color:var(--muted);line-height:1.7;margin:18px 0 0}.lobby-match-panel .matchmaking{margin:18px 0;padding:18px 8px}.lobby-match-panel .weapon-rules{margin-top:18px;padding:12px}.lobby-match-panel #online-weapon-list{grid-template-columns:1fr 1fr}
.lobby-directory{margin-top:27px}.lobby-directory-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.lobby-directory h2{font-size:18px;margin:0}.lobby-directory-heading>span{font-size:10px;color:var(--muted)}
.online-page .online-players{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-height:360px;gap:10px}
.online-page .lobby-player{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--paper);color:var(--ink);border-color:color-mix(in srgb,var(--ink) 35%,transparent);cursor:pointer;min-width:0}
.lobby-player:hover{border-color:#ed967d;transform:translateY(-1px)}.lobby-player strong,.lobby-player small{display:block;overflow-wrap:anywhere}.lobby-player strong{font-size:12px}.lobby-player small{font-size:10px;margin-top:5px;color:var(--muted)}.lobby-list-face{font-size:26px}
#public-profile-dialog{width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border-radius:20px;text-align:center}
.profile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.profile-header .eyebrow{font-size:9px;margin:0}.profile-header button{position:static;white-space:nowrap;padding:9px 12px;font-size:12px;min-height:38px}
.profile-face{font-size:52px;line-height:1.3;margin:12px 0}#public-profile-content h2{font-size:25px;margin:8px 0 14px}#public-profile-content>p{font-size:12px;line-height:1.6;color:var(--muted)}
.profile-status{display:inline-block;padding:7px 13px;background:#81c6b12a;border-radius:18px;font-size:10px;font-weight:800;letter-spacing:.5px}
.profile-match-request{padding:18px;background:#e4b46d20;border:1px solid #ce9b5560;border-radius:14px;margin-top:22px}.profile-match-request h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px}.profile-match-request p{font-size:17px;font-weight:800;margin:0 0 8px}.profile-match-request strong{font-size:24px}.profile-match-request small{display:block;font-size:11px;margin-top:14px;text-transform:capitalize}.profile-idle{margin-top:22px;padding:12px}
[data-theme=dark] .online-page .lobby-section,[data-theme=dark] .lobby-match-panel,[data-theme=dark] .online-page .lobby-player{background:#252d3d;color:#e3e7ef}
[data-theme=dark] .lobby-match-panel select,[data-theme=dark] .lobby-match-panel input{background:#1d2534;color:#e3e7ef}[data-theme=dark] #lobby-canvas{background:#263c5c}
@media(min-width:1100px){.lobby-match-panel{position:sticky;top:85px}}
@media(max-width:1000px){.lobby-layout{grid-template-columns:minmax(0,1fr) 295px;gap:16px}.online-page{padding:24px 16px 40px}.lobby-match-panel{padding:18px}}
@media(max-width:760px){.lobby-layout{grid-template-columns:1fr}.lobby-heading{align-items:flex-start;flex-direction:column;gap:18px}.lobby-stage-heading,.lobby-stage-footer{padding:13px;flex-wrap:wrap}.lobby-stage-footer span:last-child{display:none}.lobby-match-panel .online-options{grid-template-columns:1fr 1fr}.online-page .online-players{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.lobby-match-panel .online-options,.online-page .online-players{grid-template-columns:1fr}}