.online-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.online-title h2{margin:0}#onlineDialog{width:min(720px,calc(100% - 20px));max-height:90dvh}#onlineEntry{display:flex;gap:14px;flex-wrap:wrap}#roomJoin{display:flex;gap:8px}#roomCode{width:150px;text-transform:uppercase;padding:10px;background:#132a30;color:#fff;border:1px solid #6b8587;border-radius:5px;font-size:16px}#onlineMessage{color:#ffe1a0;min-height:1.5em}.room-code{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.room-code b{font-size:21px;letter-spacing:2px}.online-offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.online-offers>div{display:grid;gap:5px}.online-offers [data-pick-online]{display:flex;flex-direction:column;align-items:center;padding:5px}.online-offers img{width:100%;height:145px;object-fit:contain}.online-offers b{font-size:14px}.online-mode #difficulty,.online-mode label[for=difficulty],.online-mode #mode,.online-mode label[for=mode]{display:none}.online-mode #reset{display:none}#roomLeave,#roomResign{margin:8px 5px 0 0}header nav{flex-wrap:wrap}#onlineOpen,#layoutToggle{font-size:12px}body.resolving #layoutToggle{display:none}@media(max-width:600px){.online-offers{grid-template-columns:repeat(2,minmax(0,1fr))}header h1{font-size:13px!important}header nav{gap:3px}header nav button{font-size:10px!important;padding:5px!important;min-height:34px}#help{display:none}}@media(orientation:landscape) and (max-height:600px){.online-offers img{height:112px}#onlineDialog{padding:12px 16px}.online-title h2{font-size:20px}#onlineDialog p{margin:6px 0;font-size:13px}}
#onlineDialog .online-title{gap:12px}#onlineDialog .online-title h2{white-space:nowrap;flex:1;font-size:24px}#onlineDialog .online-title button{width:auto;min-width:64px;margin:0;flex:0 0 auto}#onlineDialog #roomCreate{width:auto}#onlineDialog #onlineEntry{align-items:center}#onlineDialog #roomJoin button{width:auto;margin:0}