.online-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px;margin:24px 0;border:1px solid #b49155;border-radius:18px;background:linear-gradient(120deg,#283c30,#17261f);box-shadow:inset 0 0 0 4px #0a17174d,0 12px 30px #0003}.online-entry h2{font-size:28px;margin:5px 0 8px}.online-entry p{margin:0;color:#b9c9b9}.online-entry-actions{display:flex;flex-direction:column;gap:10px;min-width:270px}.online-create-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}.join-divider{text-align:center;color:#a4b7a5;margin:25px 0 18px}.network-hud{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;background:#23352c;border:1px solid #7f8055;border-radius:12px;margin:22px 0 12px}.network-hud>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.network-hud b{font-size:19px;color:#f5d7a2}.network-hud span{font-size:15px}.network-dot{width:10px;height:10px;display:inline-block;border-radius:50%;background:#8ac9a9;box-shadow:0 0 9px #81c298}.network-dot.offline{background:#ec9b58}.online-lobby{max-width:1050px;margin:24px auto;padding:38px}.online-lobby h1{font-size:40px;margin:10px 0}.lobby-seats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.lobby-seat{display:flex;flex-direction:column;gap:12px;min-height:160px;padding:22px;border:1px dashed #596b58;border-radius:14px;background:#14271f}.lobby-seat.occupied{border-style:solid;background:linear-gradient(140deg,#314b38,#203327);border-color:#8e9b69}.lobby-seat-number{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#bd8a4140;color:#f3b675;font-weight:900}.lobby-seat strong{font-size:23px}.lobby-seat small{color:#b8cdbb}.lobby-settings,.lobby-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0}.lobby-settings label{display:flex;gap:12px;align-items:center}.lobby-settings select{padding:10px;background:#182a22;color:#f5efdc;border:1px solid #697b60;border-radius:8px;font:inherit}.online-connecting{margin:60px auto;padding:48px;max-width:1000px}.online-connecting h1{font-size:32px}.online-lobby .hint{line-height:1.8}.network-waiting{font-size:14px;color:#b9c9b9}#turnCountdown{color:#f4c083;font-variant-numeric:tabular-nums}#roomExpiry{color:#a0b19f}
@media(max-width:700px){.online-entry{flex-direction:column;align-items:stretch;padding:22px}.online-entry-actions{min-width:0}.online-entry h2{font-size:25px}.online-lobby{padding:22px}.online-lobby h1{font-size:32px}.lobby-seats{grid-template-columns:1fr 1fr;gap:10px}.lobby-seat{padding:14px;min-height:145px}.network-hud{padding:12px}.network-hud>div{gap:10px}.online-connecting{padding:24px}.online-connecting h1{overflow-wrap:anywhere}}