.online-btn{background:none;border:1px solid rgba(201,255,54,.35);color:var(--lime);padding:9px;font:700 8px "Chakra Petch";letter-spacing:1px}.online-btn.connected{background:rgba(201,255,54,.1)}.cloud-modal{width:min(680px,95vw)}.cloud-shell{background:#0b0f17;border:1px solid #353c4d}.cloud-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.cloud-head small{color:var(--lime);font:600 8px "Chakra Petch";letter-spacing:2px}.cloud-head h2{font:700 24px "Chakra Petch";margin:3px 0}.cloud-head button{background:none;border:1px solid var(--line);color:var(--text);font-size:20px}.cloud-body{padding:23px}.cloud-body h3{font:700 18px "Chakra Petch";margin:0}.cloud-body p{color:var(--muted);font-size:10px}.cloud-body input{width:100%;background:#151a26;border:1px solid var(--line);color:var(--text);padding:12px;margin-top:8px;font:600 11px "Chakra Petch";outline:0}.cloud-body input:focus{border-color:var(--lime)}#authPanel>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}#authPanel button,.cloud-actions button,.room-actions button{background:var(--lime);border:0;color:var(--ink);padding:11px;font:700 9px "Chakra Petch"}#registerBtn{background:none!important;border:1px solid var(--line)!important;color:var(--text)!important}#authError{display:block;color:var(--orange);font-size:9px;margin-top:10px}.cloud-account{display:flex;align-items:center;gap:10px;background:#151a26;padding:12px}.cloud-account span{color:var(--muted);font:600 8px "Chakra Petch"}.cloud-account strong{font:700 13px "Chakra Petch";color:var(--lime);margin-right:auto}.cloud-account button{background:none;border:0;color:var(--muted);font-size:8px}.cloud-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.online-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-top:20px}.online-tabs button{background:none;border:0;color:var(--muted);padding:10px 0;font:600 9px "Chakra Petch"}.online-tabs button.active{color:var(--lime);border-bottom:2px solid var(--lime)}.global-filter{display:flex;gap:5px;overflow:auto;padding:13px 0}.global-filter button{background:none;border:1px solid var(--line);color:var(--muted);padding:6px 8px;font:600 8px "Chakra Petch"}.global-filter button.active{background:var(--text);color:var(--ink)}.global-list{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}.global-list li{display:grid;grid-template-columns:35px 1fr auto;padding:9px;border-bottom:1px solid var(--line);font:600 9px "Chakra Petch"}.global-list b{color:var(--lime)}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.room-actions>div{display:flex}.room-actions input{margin:0}.room-actions>div button{min-width:70px}.online-duel{width:min(390px,95%);text-align:center}.online-room-code{color:var(--muted);font:600 9px "Chakra Petch";margin-bottom:9px}.online-room-code b{color:var(--lime);font-size:14px}.online-wait{padding:35px;color:var(--muted);font:600 11px "Chakra Petch"}@media(max-width:700px){.online-btn{font-size:0;width:34px}.online-btn:first-letter{font-size:11px}.room-actions{grid-template-columns:1fr}.cloud-body{padding:16px}}