.wifi-host{padding:26px;margin:20px 0}.wifi-host h2{font-size:25px;margin:12px 0}.wifi-host>p,.wifi-host form p{font-size:13px;line-height:1.65;color:var(--muted)}.wifi-host form{display:grid;gap:14px;margin-top:20px}.wifi-host form>label{display:grid;gap:7px;font-size:13px}.wifi-host input:not([type=checkbox]),.wifi-host select{width:100%;padding:13px;color:white;background:#100b20;border:1px solid var(--line);border-radius:4px}.wifi-host label.wifi-check{display:flex;align-items:center;gap:10px}.wifi-check input{accent-color:var(--gold);width:20px;height:20px}.wifi-join{position:relative;display:flex;align-items:center;gap:22px;margin:22px 0;padding:22px;background:#130c27;border:1px solid #ddff0066}.wifi-join img{width:156px;height:156px;padding:9px;background:white;border-radius:5px;flex-shrink:0}.wifi-join h2{font-size:25px;margin:10px 0;overflow-wrap:anywhere}.wifi-join p{font-size:13px;line-height:1.6;color:var(--muted)}.wifi-step{display:grid;place-items:center;align-self:flex-start;min-width:38px;height:38px;background:var(--gold);color:#100b20;font-size:25px;font-weight:900}.wifi-next{font-size:12px;color:var(--gold)}.view-board .wifi-join{padding:20px;margin:16px 0}.view-board .wifi-join img{width:170px;height:170px}.view-board .wifi-join h2{font-size:28px}.view-board .wifi-join p{font-size:16px}@media(max-width:650px){.wifi-join{flex-wrap:wrap;gap:14px}.wifi-join img{width:140px;height:140px}.wifi-host{padding:20px}.wifi-host h2{font-size:21px}}
.wifi-display-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.wifi-display-controls p{grid-column:1/-1;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.view-board .join-steps.wifi-only .wifi-join{display:flex;flex-direction:column;text-align:center;padding:24px;margin:0;gap:12px;min-width:0}.view-board .join-steps.wifi-only .wifi-step{position:absolute;top:16px;left:16px;width:30px;min-width:30px;height:30px;font-size:21px}.view-board .join-steps.wifi-only img{width:clamp(190px,28vh,240px);height:clamp(190px,28vh,240px);padding:10px}.view-board .join-steps.wifi-only h2{font-size:25px;line-height:1.2;margin:10px 0}.view-board .join-steps.wifi-only p{font-size:15px;line-height:1.5}.view-board .join-steps.wifi-only .section-label{font-size:10px;line-height:1.5}.view-board .join-steps.wifi-only .wifi-next{display:block;font-size:12px;line-height:1.5}.host-join .wifi-join{margin:0}@media(max-width:650px){.wifi-display-controls{grid-template-columns:1fr}}