.online-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:10px}
.online-host-field{margin-top:12px;padding:12px;border-radius:17px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035)}
.online-host-field .input{margin-top:7px}
.online-primary,.online-secondary{min-height:52px;border-radius:16px;font-weight:900;border:1px solid rgba(255,255,255,.15);color:#fff;padding:12px 16px;transition:.2s}
.online-primary{background:linear-gradient(110deg,#7c0010,#e60012 55%,#ff5363);box-shadow:0 12px 28px rgba(230,0,18,.2)}
.online-secondary{background:rgba(255,255,255,.07)}
.online-primary:hover,.online-secondary:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.35)}
.online-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(41,216,132,.12);border:1px solid rgba(41,216,132,.35);color:#dfffee;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:13px}
.online-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#29d884;box-shadow:0 0 0 5px rgba(41,216,132,.12)}
.session-card{display:none;margin:0 0 15px;padding:16px;border-radius:18px;background:linear-gradient(145deg,rgba(54,169,255,.13),rgba(230,0,18,.08));border:1px solid rgba(96,185,255,.28)}
.session-card.show{display:block}
.session-card strong{display:block;font-size:18px;margin-bottom:6px}
.session-card p{margin:0;color:#cfd7e6;font-size:13px;line-height:1.45}
.session-card .session-privacy{margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#aeb7c8}
.session-code{font-variant-numeric:tabular-nums;letter-spacing:.18em;color:#ffd126}
.online-status{display:none;margin-top:12px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.06);color:#d8dde8;font-size:13px;text-align:center}
.online-status.show{display:block}
.online-status.error{border:1px solid rgba(255,77,98,.45);color:#ffd6dc;background:rgba(255,77,98,.1)}
.online-participant .compact-fields,.online-participant .option-grid,.online-participant .compare-builder,.online-participant .modegrid,.online-participant .online-host-field{display:none}
.online-participant .identity-grid{grid-template-columns:1fr 1fr 1fr}
.online-participant .panel>.label{display:none}
.online-participant .online-actions{display:none}
.online-participant #rankBtn{display:none}
.online-participant .start-actions{grid-template-columns:1fr}
.online-participant #startBtn{display:block}
.online-participant .hero-copy .featurechips{opacity:.85}
.online-saving{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:80;padding:11px 16px;border-radius:999px;background:#161b25;border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 38px rgba(0,0,0,.4);font-size:13px;font-weight:800}
@media(max-width:720px){.online-actions{grid-template-columns:1fr}.online-participant .identity-grid{grid-template-columns:1fr}.online-participant .hero-copy{display:none}.online-participant .hero{display:block}.online-participant .panel{max-width:560px;margin:auto}.online-participant .screen{padding:12px}.online-participant .topbar{margin-bottom:10px}}