.online-page{height:100%;min-height:0;overflow:auto;padding:0 20px 88px;scrollbar-width:thin}.online-page .page-header{padding-left:0;padding-right:0}.online-hero{padding:20px 0 18px}.online-hero h2{font-family:var(--display);font-size:28px;margin:10px 0}.online-hero p,.online-card p{color:var(--muted);font-size:13px;line-height:1.8}.online-card{background:linear-gradient(135deg,#131d33d9,#0b1123);border:1px solid #e8c28329;padding:20px;border-radius:12px;margin:0 0 16px}.online-card h2,.online-card h3{margin:0 0 12px;color:var(--gold);font-family:var(--display)}.online-card h3{font-size:22px}.online-card form{display:grid;gap:18px;margin:20px 0 4px}.online-card label{display:grid;gap:8px;font-size:13px;color:#b6c4dd}.online-card input{display:block;width:100%;min-width:0;background:#050b19;color:#edf4ff;border:1px solid #8096bc55;border-radius:8px;padding:14px;font-size:16px;font-family:inherit}.online-card input:focus{outline:2px solid var(--gold);outline-offset:2px}.online-buttons{display:flex;gap:10px;margin-top:16px}.online-buttons>*{flex:1;min-width:0}.online-card .btn{min-height:46px;font-size:13px;letter-spacing:0;padding:12px}.online-card .quiet-note{line-height:1.8;font-size:12px;margin:16px 0 0}.online-page .btn[disabled]{opacity:.4}.online-top-tabs{display:flex;gap:8px;margin:0 0 18px}.online-top-tabs button{flex:1;padding:12px;border:1px solid #d6ad7033;border-radius:8px;color:var(--gold);background:#121a2c}.room-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-code>span{font-size:12px;color:var(--muted)}.room-code strong{font:700 21px monospace;letter-spacing:2px;color:var(--gold)}.room-code .btn{margin-left:auto;min-height:38px;padding:8px 12px}.room-members{margin:20px 0}.room-members article{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #8295ba20}.room-members article div{display:grid;gap:6px;flex:1}.room-members small{color:var(--muted);font-size:12px}.member-orbit{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.empty-member{color:var(--muted);font-size:13px}.online-card>.btn{width:100%;margin-top:14px}.room-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.room-results>div{display:grid;gap:10px;text-align:center}.room-results b{font-size:26px;color:var(--gold)}.room-results span{font-size:11px;color:var(--muted)}.matching-state{position:sticky;bottom:0;padding:16px;background:#152039;border:1px solid var(--gold);border-radius:10px;font-size:13px;display:flex;align-items:center;gap:8px;z-index:5}.matching-state .btn{margin-left:auto;min-height:38px;padding:8px 12px}.network-banner{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:7px 12px;background:#15263ad9;border-bottom:1px solid #8acaf029;color:#a8d8fb;min-height:38px;flex-shrink:0}.network-banner button{background:transparent;color:var(--gold);border:1px solid #d6ad7055;border-radius:5px;padding:6px 10px;font-size:11px}.network-banner div{display:grid;gap:3px}.network-banner small{color:#9aa9c4;font-size:10px}.network-session{height:100dvh;display:flex;flex-direction:column;min-height:0}.network-session>main{flex:1;min-height:0;height:auto}.network-session .battle-page{height:auto;min-height:0;}.board-card{padding:14px}.board-card>.quiet-note{display:block}.my-rank{background:#e8c2830e}.friend-list article{display:flex;align-items:center;gap:8px;padding:18px 0;border-bottom:1px solid #8295ba20}.friend-list article>div{display:grid;gap:8px;flex:1;min-width:0;overflow-wrap:anywhere}.friend-list small{font-size:11px;color:var(--muted)}.friend-list .btn{min-height:36px;padding:8px;font-size:12px}.pilot[data-online]{cursor:pointer}.online-error{padding:10px 0;color:#f5b2a3;font-size:13px}.cloud-label{font-size:11px;color:var(--muted);margin-top:8px}.room-blocked .return-controls button,.room-blocked .burst-button,.room-blocked .reward-option,.room-blocked .supply-options button{pointer-events:none;opacity:.5}@media(max-height:720px){.network-banner{padding:4px 8px;min-height:29px}.network-banner small{display:none}.online-page{padding-left:14px;padding-right:14px}.online-card{padding:14px}}
.online-card summary{cursor:pointer;color:var(--gold);font-size:14px;line-height:1.6;padding:12px 0}.room-members article div,.record-row>div{min-width:0;overflow-wrap:anywhere}.room-results strong{overflow-wrap:anywhere}.board-card .record-row{gap:10px}.board-card .record-row .rank{flex-shrink:0}

@media(max-height:600px){.network-session .battle-page{grid-template-rows:auto auto minmax(88px,1fr) minmax(193px,1.7fr) auto auto auto}}