#online-button{color:var(--lime);border-color:#a8d95380!important}
.online-dialog{color:#edf4e7;background:#172113;border:1px solid #6b8556;border-radius:10px;padding:22px;width:min(620px,calc(var(--game-width,100vw) - 24px));max-height:calc(var(--game-height,100dvh) - 20px);overflow:auto;box-shadow:0 24px 90px #000a}
.online-dialog::backdrop{background:#040a04cc;backdrop-filter:blur(8px)}
.online-dialog[open]{display:flex;flex-direction:column;gap:14px}
.online-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.online-heading h2{font:800 35px/1 var(--display);margin:5px 0 0}
.online-heading .eyebrow{margin:0;font-size:8px;color:#b4ce9c}
.online-status{margin:0;color:#d3e4c5;font-size:12px;line-height:1.4;min-height:18px}
.online-create-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.online-create-panel>div{display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#23311d;padding:16px;border:1px solid #536944;border-radius:5px;min-width:0}
.online-create-panel strong,.online-slots strong{font:800 26px/1.05 var(--display);color:#d3f49f}
.online-dialog label,.online-slots span{font-size:8px;font-weight:700;letter-spacing:1px;color:#b9cbaa}
.online-dialog input{width:100%;min-width:0;background:#0c140a;color:#ebf5e2;border:1px solid #536944;padding:10px;border-radius:4px;font:12px Arial;min-height:40px}
.online-dialog button{min-height:38px;font-size:10px;flex-shrink:0}
.online-dialog .lime-button:disabled{opacity:.45;cursor:default}
.online-slots{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:14px 0}
.online-slots>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.online-slots>div:last-child{text-align:right}
.online-slots>b{font:italic 800 28px var(--display);color:#8caa75}
.online-slots small{font-size:8px;color:#abbd9c}
.online-link-row{display:flex;gap:6px;margin:7px 0 12px}
.online-room-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}
.online-note{font-size:9px;line-height:1.4;color:#98ad87;margin:0}
#online-ready{min-width:165px}
@media(max-width:440px){.online-dialog{padding:16px;gap:12px}.online-heading h2{font-size:29px}.online-create-panel{grid-template-columns:1fr}.online-create-panel>div{padding:12px;gap:10px}.online-slots strong{font-size:22px}.online-note{font-size:8px}#menu-screen .control-settings{gap:7px}#menu-screen .control-settings>div strong{font-size:6px}}
@media(max-height:400px) and (orientation:landscape){.online-dialog{padding:12px 16px}.online-dialog[open]{gap:8px}.online-heading h2{font-size:25px}.online-heading .eyebrow{font-size:6px}.online-status{font-size:10px;min-height:0}.online-create-panel>div{padding:10px;gap:6px}.online-create-panel strong{font-size:21px}.online-dialog button{min-height:30px;padding:7px 10px}.online-dialog input{min-height:30px;padding:7px}.online-note{font-size:7px}.online-slots{padding:3px 0;gap:8px}.online-slots strong{font-size:21px}.online-slots>div{gap:3px}.online-link-row{margin:4px 0 6px}}