body.lobby-open .topbar,body.lobby-open .player-rail,body.lobby-open .synergy-rail,body.lobby-open .bottom-left,body.lobby-open .bottom-right,body.lobby-open .online-room-badge{visibility:hidden}body.lobby-open #world{filter:blur(5px);opacity:.28}body.lobby-open .bgm-dock,body.lobby-open .sfx-dock{display:none}body.lobby-audio-on .bgm-dock,body.lobby-audio-on .sfx-dock{display:flex;z-index:55}
#online-lobby{position:fixed;inset:0;z-index:40;overflow:auto;background:radial-gradient(ellipse at 15% 0,#254a565c,transparent 55%),linear-gradient(130deg,#08151bea,#102b32ed);color:#e5eeef}#online-lobby[hidden]{display:none}.lobby-shell{max-width:1250px;margin:auto;padding:28px 32px 40px}.lobby-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #8cacb52a;padding-bottom:22px}.lobby-brand{display:flex;align-items:center;gap:15px}.lobby-ball{width:40px;height:40px;border:3px solid #9eb4b4;border-radius:50%;background:linear-gradient(#d76350 45%,#122831 45%,#122831 55%,#e6e9d6 55%);position:relative}.lobby-ball:after{content:'';position:absolute;inset:11px;border:3px solid #21343a;border-radius:50%;background:#e8ecde}.lobby-brand h1{font-size:22px;letter-spacing:2px;margin:0}.lobby-brand small{display:block;color:#b3c9c9;letter-spacing:4px;font-size:10px;margin-top:6px}.lobby-header nav{display:flex;gap:15px;align-items:center;font-size:12px;color:#aec4c8}.lobby-header nav button{padding:8px 12px;background:#17333d}.lobby-intro{margin:27px 0 22px;display:flex;justify-content:space-between;align-items:end;gap:15px}.lobby-intro h2{font-size:30px;margin:0 0 8px}.lobby-intro p{margin:0;color:#8faeb7;font-size:12px;line-height:1.8}.lobby-presence{white-space:nowrap;color:#9fc2b7;font-size:12px}.lobby-dot{display:inline-block;width:7px;height:7px;background:#80c6a2;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #80c6a277}.lobby-columns{display:grid;grid-template-columns:268px 1fr;gap:22px;align-items:start}.lobby-profile,.lobby-rooms,.lobby-waiting{background:#122b34e8;border:1px solid #6d919c40;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #0002}.lobby-profile{padding:20px}.lobby-eyebrow{color:#86a9b4;font-size:10px;letter-spacing:2px;margin:0 0 16px}.lobby-profile label{display:block;font-size:12px;color:#bbd0d5;margin-bottom:14px}.lobby-profile input,.lobby-profile select,.lobby-search{display:block;width:100%;padding:10px 11px;margin-top:7px;background:#0b2029;color:#ecf2ed;border:1px solid #6a91944d;border-radius:6px;font:12px Microsoft JhengHei}.lobby-partner{display:flex;align-items:center;gap:12px;padding:10px 0 15px;margin-bottom:15px;border-bottom:1px solid #71939c33}.lobby-partner img{width:65px;height:65px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 10px #0007)}.lobby-partner b{display:block;font-size:15px;margin-bottom:5px}.lobby-partner small{font-size:11px;color:#91afb5}.lobby-primary{width:100%;padding:12px;background:linear-gradient(110deg,#c4ad6c,#a18d52);color:#10232b;border:1px solid #e2cf91;font-weight:bold;text-shadow:none}.lobby-profile details{margin-top:17px;border-top:1px solid #63838e33;padding-top:16px;font-size:11px;color:#a9c1c7}.lobby-profile details button{width:100%;padding:9px}.lobby-profile .resume-button{width:100%;padding:9px;margin-top:10px}.lobby-profile [hidden],.lobby-waiting[hidden]{display:none!important}.lobby-profile>small{display:block;color:#7f9fa9;line-height:1.8;font-size:10px;margin-top:15px}.lobby-toolbar{padding:21px 22px 0}.lobby-room-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.lobby-room-title h3{margin:0;font-size:17px}.lobby-refresh{font-size:11px;padding:7px 11px;background:#203e46}.lobby-tabs{display:flex;gap:23px;margin-top:20px;border-bottom:1px solid #68889233}.lobby-tabs button{background:none;border:0;border-radius:0;box-shadow:none;font-size:12px;padding:0 0 12px;color:#8cabb6}.lobby-tabs button[aria-pressed=true]{color:#e1d195;border-bottom:2px solid #ceb976}.lobby-search{margin:15px 0;width:100%}.lobby-table-wrap{overflow-x:auto;min-height:290px}.lobby-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.lobby-table th{padding:11px 22px;color:#779aa6;font-size:10px;font-weight:normal;background:#0c222b66}.lobby-table td{padding:18px 22px;border-bottom:1px solid #71939c20}.lobby-table td:first-child{white-space:normal;min-width:150px}.lobby-table td strong{display:block;font-size:13px;color:#dce9e9;word-break:break-word}.lobby-table td small{display:block;margin-top:5px;color:#7e9ea8;font-size:10px}.room-status{font-size:10px;border:1px solid #7baea44d;padding:4px 7px;border-radius:4px;color:#9ed0ba}.room-status.playing{color:#c6bb8c;border-color:#bcaa684d}.room-join{padding:8px 13px;background:#284d52;font-size:11px}.lobby-empty{padding:58px 20px;text-align:center;color:#839faa;line-height:1.9;font-size:12px}.lobby-empty strong{display:block;font-size:17px;font-weight:normal;color:#b4cbd0;margin-bottom:8px}.lobby-footnote{padding:13px 22px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#718f9a;border-top:1px solid #68889222}.lobby-notice{font-size:11px;color:#aac3ca;line-height:1.8;min-height:22px;margin:15px 0}.lobby-waiting{padding:25px}.lobby-waiting h3{font-size:22px;margin:0 0 7px}.lobby-waiting .online-member{padding:15px 12px;border:1px solid #65869033;border-radius:6px;margin-top:8px;background:#0b222b}.lobby-wait-actions{display:flex;gap:12px;margin-top:22px}.lobby-wait-actions button{padding:12px 18px}.online-room-badge{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:8;padding:5px 10px;border-radius:5px;background:#10212ee8;font-size:11px}.player-rail .avatar img{width:100%;height:100%;object-fit:cover;object-position:top}
@media(max-width:850px){.lobby-shell{padding:20px}.lobby-columns{grid-template-columns:220px 1fr;gap:14px}.lobby-table th,.lobby-table td{padding:14px 12px}.lobby-brand h1{font-size:18px}.lobby-intro h2{font-size:25px}.lobby-header nav{gap:10px}.lobby-header nav a:first-child{display:none}}
@media(max-width:620px){.lobby-shell{padding:18px 12px}.lobby-columns{grid-template-columns:1fr}.lobby-header{padding-bottom:16px}.lobby-header nav{font-size:10px}.lobby-brand h1{font-size:16px}.lobby-ball{width:32px;height:32px}.lobby-ball:after{inset:8px}.lobby-brand small{font-size:8px}.lobby-intro{align-items:start}.lobby-presence{font-size:10px}.lobby-intro h2{font-size:23px}.lobby-profile{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:16px}.lobby-profile>.lobby-eyebrow,.lobby-profile>small,.lobby-profile>details,.lobby-profile>.lobby-primary,.lobby-profile>.resume-button,.lobby-profile>#create-room-label{grid-column:1/-1}.lobby-partner{grid-column:1/-1;margin-bottom:10px;padding:0 0 10px}.lobby-partner img{width:45px;height:45px}.lobby-profile label{font-size:11px}.lobby-toolbar{padding:16px 14px 0}.lobby-table{font-size:11px}.lobby-table td:first-child{min-width:130px}.lobby-table td,.lobby-table th{padding:14px 10px}.lobby-footnote{padding:12px;font-size:9px}.lobby-header nav button{font-size:10px;padding:7px}.lobby-tabs{gap:18px}.lobby-intro p{font-size:10px}}
body.lobby-open .market,body.lobby-open .world-toolbar,body.lobby-open .sell-floating,body.lobby-open .battle-log{visibility:hidden}#online-lobby a{color:inherit;text-decoration:none}#online-lobby button:disabled{opacity:.45;cursor:default}#online-lobby input,#online-lobby select{box-sizing:border-box}