.online-page{max-width:720px;padding:max(env(safe-area-inset-top), 24px) var(--s-4) var(--s-6);gap:var(--s-5);flex-direction:column;margin:0 auto;display:flex}.online-head{gap:var(--s-2);flex-direction:column;display:flex}.online-closed{align-self:flex-start}.online-legal{gap:var(--s-2);margin-top:var(--s-2);display:flex}.online-legal a{color:inherit}.online-title{letter-spacing:-.01em;font-size:26px}.online-back{margin-left:calc(-1 * var(--s-2))}.online-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);padding:var(--s-4);gap:var(--s-3);flex-direction:column;display:flex}.online-or{align-items:center;gap:var(--s-3);color:var(--text-3);font-size:var(--fs-s);display:flex}.online-or:before,.online-or:after{content:"";background:var(--border);flex:1;height:1px}.online-notice{border-radius:var(--radius-m,10px);padding:var(--s-3);font-size:var(--fs-s);background:var(--surface-2,var(--surface));border:1px solid var(--border)}.online-notice.is-good{border-color:var(--good,#0e9f6e)}.online-notice.is-bad{border-color:var(--bad,#d9480f)}.online-notice.is-warn{border-color:var(--warn,#ca8a04)}.online-check{gap:var(--s-2);font-size:var(--fs-s);align-items:flex-start;display:flex}.online-check input{margin-top:3px}.google-btn{justify-content:center}.world-list{gap:var(--s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.world-row{gap:var(--s-2);flex-direction:column;display:flex}.world-row.is-selected{outline:2px solid var(--accent)}.world-meta{gap:var(--s-2) var(--s-3);font-size:var(--fs-s);color:var(--text-2);flex-wrap:wrap;display:flex}.world-actions{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.sat-bar{background:var(--border);vertical-align:middle;border-radius:3px;width:64px;height:6px;display:inline-block;overflow:hidden}.sat-bar>span{background:var(--accent);height:100%;display:block}.sat-label.is-crowded{color:var(--bad,#d9480f)}.sat-label.is-balanced{color:var(--warn,#ca8a04)}.sat-label.is-open{color:var(--good,#0e9f6e)}.world-header{align-items:center;gap:var(--s-2);min-width:0;display:flex}.world-header-name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-weight:650;overflow:hidden}.world-live{letter-spacing:.06em;color:#fff;background:var(--bad,#d9480f);border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700}.world-live.is-paused{background:var(--text-3)}.world-clock{font-variant-numeric:tabular-nums;white-space:nowrap}.conn-dot{background:var(--good,#0e9f6e);border-radius:50%;flex:none;width:9px;height:9px}.conn-dot.is-reconnecting{background:var(--warn,#ca8a04)}.conn-dot.is-offline{background:var(--bad,#d9480f)}.pending-chips{align-items:center;gap:4px;display:flex}.pending-chip{background:var(--surface-2,var(--surface));border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.hud-banners{left:50%;top:calc(var(--hud-top,64px) + 6px);z-index:40;pointer-events:none;flex-direction:column;gap:6px;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.hud-banners>*{pointer-events:auto}.conn-banner{background:var(--surface);border:1px solid var(--warn,#ca8a04);font-size:var(--fs-s);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:flex}.conn-banner.is-offline{border-color:var(--bad,#d9480f)}.ops-banner{border-radius:var(--radius-m,10px);flex-wrap:wrap;max-width:min(640px,100vw - 32px)}.ops-banner.is-info{border-color:var(--accent,#2563eb)}.ops-reason{color:var(--text-3)}.ops-dismiss{color:var(--text-3);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:18px;line-height:1}.comp-rivals{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.comp-rival{gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--radius-m,10px);align-items:center;display:flex}.comp-share{gap:4px var(--s-3);font-size:var(--fs-s);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.comp-share .bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.comp-share .bar>span{background:var(--accent);height:100%;display:block}.comp-big{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.cloud-row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.cloud-compare{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:560px){.cloud-compare{grid-template-columns:1fr}.world-header-name{max-width:9ch}}@media (max-width:1023px){.world-header{flex:calc(100% - 112px);order:10;gap:6px;padding:0 0 6px}.world-header-mode,.world-header-label{display:none}}@media (max-width:479px){.world-clock-date{display:none}.world-header .btn,.world-header .icon-btn{padding-inline:6px}}.online-refused{gap:var(--s-3);padding:var(--s-3);border:1px solid var(--border);border-left:3px solid var(--accent-soft-ink);border-radius:var(--radius);background:var(--accent-soft);color:var(--text);align-items:flex-start;display:flex}.online-refused>svg{color:var(--accent-soft-ink);flex:none;margin-top:2px}.online-refused.is-compact{padding:var(--s-2) var(--s-3)}.ai-badge{border:1px solid var(--border-strong);background:var(--surface-2);min-width:22px;height:18px;color:var(--text-2);letter-spacing:.04em;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.world-header>.row{white-space:nowrap;flex-wrap:nowrap}