:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Helvetica Neue", system-ui, sans-serif;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#86868b;--accent:#007aff;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--glass:#ffffffb8;--glass-strong:#ffffffdb;--hairline:#00000014;--fill:#7676801f;--fill-2:#76768033;--shadow:0 10px 40px #141e3c1f, 0 1px 3px #141e3c0f;--radius:18px;--bg:#d5e3f1}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}button:disabled{cursor:default}input{font-family:inherit}.app{position:fixed;inset:0}.map-host{position:absolute;inset:0}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-label{text-align:center;white-space:nowrap;color:#1d1d1fdb;text-shadow:0 0 3px #fffffff2,0 0 8px #fffc;will-change:transform;line-height:1.05;position:absolute;top:0;left:0}.map-label-name{letter-spacing:-.01em;font-weight:650}.map-label-troops{color:#1d1d1f99;font-size:.78em;font-weight:500}.map-label.is-human .map-label-name,.map-label.is-player .map-label-name{color:color-mix(in srgb, var(--pc,#007aff) 78%, black);font-weight:750}.glass{background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(24px);box-shadow:var(--shadow);border-radius:var(--radius);border:.5px solid #fff9}.hud{z-index:10;position:absolute}.caption{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 .5px #00000026}.pill{background:var(--fill);color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.pill.war{color:#d70015;background:#ff3b301f}.pill.peace{color:#248a3d;background:#34c75924}.pill.alliance{color:#0058c7;background:#007aff1f}.btn{background:var(--fill);border-radius:10px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,transform .1s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--fill-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#0071eb}.btn.danger{color:#d70015;background:#ff3b301f}.btn.danger:hover:not(:disabled){background:#ff3b3033}.btn.small{border-radius:8px;height:28px;padding:0 10px;font-size:12px}.btn.block{width:100%}.segmented{background:var(--fill);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;padding:2px;display:grid;position:relative}.segmented button{z-index:1;border-radius:8px;height:30px;font-size:13px;font-weight:500;transition:background .2s,box-shadow .2s;position:relative}.segmented button.active{background:#fff;font-weight:600;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.menu-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);background:#f0f4fa59;place-items:center;animation:.4s fade;display:grid;position:absolute;inset:0}.menu-card{background:var(--glass-strong);border-radius:28px;width:min(460px,100vw - 32px);padding:36px 32px 28px;animation:.5s cubic-bezier(.2,.9,.2,1) rise}.menu-logo{color:#fff;background:linear-gradient(160deg,#3a9bff,#0058d6);border-radius:16px;place-items:center;width:64px;height:64px;margin:0 auto 14px;display:grid;box-shadow:0 8px 24px #0064e659,inset 0 1px #ffffff59}.menu-title{text-align:center;letter-spacing:-.025em;margin:0;font-size:34px;font-weight:700}.menu-sub{text-align:center;color:var(--text-2);margin:6px 0 26px;font-size:15px}.field{margin-bottom:18px}.field-label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field-hint{color:var(--text-2);min-height:16px;margin-top:7px;font-size:12px}.text-input{background:var(--fill);border:0;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px;font-size:15px;transition:box-shadow .15s}.text-input:focus{background:#fff;box-shadow:0 0 0 3.5px #007aff59}.cta{background:var(--accent);color:#fff;letter-spacing:-.01em;border-radius:14px;width:100%;height:48px;margin-top:8px;font-size:16px;font-weight:600;transition:transform .12s,background .15s;box-shadow:0 6px 18px #007aff4d}.cta:hover:not(:disabled){background:#0071eb}.cta:active:not(:disabled){transform:scale(.985)}.cta:disabled{opacity:.5}.menu-foot{text-align:center;color:var(--text-3);margin-top:16px;font-size:12px}.stats{width:292px;padding:14px 16px 12px;top:16px;left:16px}.stats-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.stats-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:650;overflow:hidden}.stats-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.stat-big{white-space:nowrap;letter-spacing:-.02em;font-size:22px;font-weight:650;line-height:1.1}.stat-rate{color:var(--green);font-size:12px;font-weight:600}.stats-row{border-top:.5px solid var(--hairline);grid-template-columns:repeat(4,1fr);margin-top:12px;padding-top:10px;display:grid}.mini-stat{text-align:center}.mini-stat b{font-size:14px;font-weight:650;display:block}.mini-stat span{color:var(--text-3);font-size:10.5px;font-weight:500}.clock{border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;top:16px;left:50%;transform:translate(-50%)}.clock-time{text-align:center;min-width:64px;padding:0 10px;font-size:14px;font-weight:600}.icon-btn{border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s;display:grid}.icon-btn:hover{background:var(--fill)}.icon-btn.on{background:var(--accent);color:#fff}.speed-btn{border-radius:999px;height:32px;padding:0 10px;font-size:12px;font-weight:700}.speed-btn:hover{background:var(--fill)}.banner{border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;animation:.4s cubic-bezier(.2,.9,.2,1) drop;display:flex;top:16px;left:50%;transform:translate(-50%)}.banner .pulse{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.6s infinite pulse;box-shadow:0 0 #007aff80}.board{width:232px;padding:12px 8px 8px;top:16px;right:16px}.board .caption{padding:0 8px 6px}.board-row{border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.board-row.me{background:#007aff1a}.board-rank{width:14px;color:var(--text-3);font-size:11px;font-weight:600}.board-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.board-share{color:var(--text-2);font-size:12px;font-weight:600}.dock{border-radius:22px;flex-direction:column;gap:8px;width:364px;padding:8px 10px 10px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.dock-row{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.dock-item{border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:4px 0 6px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:flex;position:relative}.dock-item:hover{transform:translateY(-2px)}.dock-icon{color:#3a3a3c;background:linear-gradient(#fff,#f2f2f5);border-radius:12px;place-items:center;width:40px;height:40px;transition:background .2s,color .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000f,inset 0 0 0 .5px #0000000f}.dock-item:hover .dock-icon{box-shadow:0 2px 4px #00000014,0 8px 18px #0000001a,inset 0 0 0 .5px #0000000f}.dock-item.active .dock-icon{color:#fff;background:linear-gradient(#3a9bff,#0071eb);box-shadow:0 6px 16px #0071eb59}.dock-label{color:var(--text-2);letter-spacing:-.005em;font-size:10.5px;font-weight:600}.dock-item.active .dock-label{color:var(--accent)}.dock-icon .badge{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #fff}.dock-progress{background:var(--fill-2);border-radius:3px;width:34px;height:3px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.dock-progress>i{background:var(--accent);height:100%;display:block}.dock-ratio{border-top:.5px solid var(--hairline);padding:8px 6px 2px}.ratio-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.ratio-val{align-items:baseline;gap:8px;display:flex}.ratio-val b{letter-spacing:-.01em;font-size:14px;font-weight:700}.ratio-val span{color:var(--text-2);font-size:12px;font-weight:600}input[type=range].slider{appearance:none;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--p), #0000001a var(--p));border-radius:4px;outline:none;width:100%;height:4px}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0003,0 0 0 .5px #0000000f}input[type=range].slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0003}.map-ctrl{border-radius:14px;flex-direction:column;padding:4px;display:flex;bottom:18px;right:16px}.map-ctrl .icon-btn{border-radius:10px}.sheet{background:var(--glass-strong);z-index:20;border-radius:22px;flex-direction:column;width:372px;animation:.35s cubic-bezier(.2,.9,.2,1) slide;display:flex;top:16px;bottom:16px;right:16px}.sheet-head{align-items:center;padding:18px 18px 10px 20px;display:flex}.sheet-title{letter-spacing:-.02em;flex:1;margin:0;font-size:22px;font-weight:700}.sheet-sub{color:var(--text-2);padding:0 20px 10px;font-size:13px}.close-btn{background:var(--fill);width:28px;height:28px;color:var(--text-2);border-radius:50%;place-items:center;display:grid}.close-btn:hover{background:var(--fill-2)}.sheet-body{flex:1;padding:4px 14px 16px;overflow-y:auto}.sheet-body::-webkit-scrollbar{width:0}.card{background:#fff;border-radius:14px;margin-bottom:8px;padding:12px;transition:box-shadow .15s,transform .15s;box-shadow:0 .5px #0000000a,0 1px 3px #0000000a}.card.selectable{cursor:pointer}.card.selectable:hover{box-shadow:0 4px 14px #00000014}.card.selected{box-shadow:0 0 0 2px var(--accent), 0 4px 14px #007aff26}.card.locked{opacity:.55}.card-row{align-items:center;gap:12px;display:flex}.card-icon{background:#f2f2f7;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.card-main{flex:1;min-width:0}.card-title{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.card-desc{color:var(--text-2);margin-top:2px;font-size:12px}.card-effect{color:var(--green);margin-top:4px;font-size:12px;font-weight:600}.price{white-space:nowrap;font-size:13px;font-weight:650}.price.no{color:var(--red)}.count{white-space:nowrap;color:var(--text-3);font-size:11px;font-weight:600}.levels{gap:4px;margin-top:8px;display:flex}.levels i{background:var(--fill-2);border-radius:4px;flex:1;height:4px}.levels i.on{background:var(--accent)}.progress{background:var(--fill);border-radius:6px;height:6px;margin-top:10px;overflow:hidden}.progress>i{background:linear-gradient(90deg,#3a9bff,#007aff);border-radius:6px;height:100%;transition:width .25s linear;display:block}.hint{color:var(--text-2);background:#007aff12;border-radius:12px;margin:4px 0 12px;padding:10px 12px;font-size:12px;line-height:1.45}.section-title{color:var(--text-2);margin:14px 6px 8px;font-size:13px;font-weight:650}.opinion{background:var(--fill);border-radius:4px;height:4px;margin-top:8px;position:relative}.opinion>i{border-radius:4px;position:absolute;top:0;bottom:0}.btn-row{gap:6px;margin-top:10px;display:flex}.btn-row .btn.small{white-space:nowrap;flex:1;padding:0 6px;font-size:11.5px}.popover{z-index:30;background:var(--glass-strong);transform-origin:0 0;border-radius:18px;width:272px;padding:12px;animation:.18s cubic-bezier(.2,.9,.3,1.2) pop;position:absolute}.pop-head{align-items:center;gap:8px;padding:2px 4px 8px;display:flex}.pop-title{flex:1;font-size:15px;font-weight:650}.pop-meta{color:var(--text-2);padding:0 4px 10px;font-size:12px}.pop-actions{flex-direction:column;gap:4px;display:flex}.pop-action{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:500;transition:background .12s;display:flex}.pop-action:hover:not(:disabled){background:#007aff1a}.pop-action:disabled{opacity:.4}.pop-action .em{text-align:center;width:22px;font-size:16px}.pop-action .grow{flex:1}.pop-action small{white-space:nowrap;color:var(--text-3);font-size:12px;font-weight:600}.pop-note{color:var(--text-2);padding:6px 6px 2px;font-size:12px}.pop-sep{background:var(--hairline);height:.5px;margin:6px 4px}.toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:68px;left:50%;transform:translate(-50%)}.toast{border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px;font-weight:550;animation:.35s cubic-bezier(.2,.9,.2,1) drop;display:flex}.toast .tone{border-radius:50%;width:8px;height:8px}.proposals{z-index:25;flex-direction:column;gap:8px;width:300px;display:flex;position:absolute;bottom:150px;right:16px}.proposal{padding:14px;animation:.35s cubic-bezier(.2,.9,.2,1) slide}.proposal-title{align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.proposal-text{color:var(--text-2);margin:4px 0 10px;font-size:13px}.attacks{flex-direction:column;gap:6px;width:240px;display:flex;bottom:18px;left:16px}.attack-chip{border-radius:14px;align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:12.5px;font-weight:550;display:flex}.attack-chip .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attack-chip small{color:var(--text-2);font-weight:600}.placing{border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 16px;font-size:13px;font-weight:600;animation:.3s drop;display:flex;bottom:172px;left:50%;transform:translate(-50%)}.hover-info{z-index:15;pointer-events:none;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex;position:absolute}.over{text-align:center}.over-emoji{margin-bottom:8px;font-size:56px}.over-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 20px;display:grid}.over-stats div{background:var(--fill);border-radius:12px;padding:10px 6px}.over-stats b{font-size:18px;display:block}.over-stats span{color:var(--text-2);font-size:11px}.loading{color:var(--text-2);justify-content:center;align-items:center;gap:10px;height:48px;margin-top:8px;font-size:14px;display:flex}.spinner{border:2.5px solid #0000001a;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes drop{0%{opacity:0;translate:0 -10px}}@keyframes slide{0%{opacity:0;translate:24px}}@keyframes pop{0%{opacity:0;transform:scale(.92)}}@keyframes pulse{0%{box-shadow:0 0 #007aff80}70%{box-shadow:0 0 0 10px #007aff00}to{box-shadow:0 0 #007aff00}}@media (max-width:900px){.board{display:none}.stats{width:220px}.dock{width:calc(100vw - 32px)}.sheet{width:auto;left:16px}}button:focus{outline:none}button:focus-visible{outline-offset:2px;outline:2px solid #007aff80}.attacks{width:280px;max-height:calc(100vh - 260px);overflow-y:auto}.attacks::-webkit-scrollbar{width:0}.attacks-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);text-shadow:0 0 6px #ffffffe6;padding:4px 4px 0;font-size:11px;font-weight:700}.attacks-title.danger{color:#d70015}.threat{box-shadow:0 0 0 1px #ff3b3040, var(--shadow);border-radius:16px;padding:10px 12px;animation:.3s drop}.threat-head{align-items:center;gap:8px;display:flex}.threat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:650;overflow:hidden}.threat-pool{color:#d70015;font-size:15px;font-weight:700}.threat-bar{background:#007aff2e;border-radius:5px;height:5px;margin:8px 0;overflow:hidden}.threat-bar>i{border-radius:5px;height:100%;transition:width .25s linear;display:block}.threat-foot{align-items:center;gap:8px;display:flex}.threat-sub{color:var(--text-2);flex:1;margin-top:2px;font-size:11.5px}.threat-sub b{color:var(--text)}.pop-threat{color:#d70015;background:#ff3b301a;border-radius:10px;margin:0 4px 10px;padding:8px 10px;font-size:12px;font-weight:500}.attack-badge{white-space:nowrap;color:#fff;background:var(--c);opacity:.85;will-change:transform;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:0;left:0;box-shadow:0 2px 8px #0000002e,0 0 0 1.5px #ffffffe6}.attack-badge.outgoing,.attack-badge.incoming{opacity:1;padding:3px 9px;font-size:12.5px}.attack-badge.incoming{animation:1.4s ease-in-out infinite threat}@keyframes threat{0%,to{box-shadow:0 2px 8px #0000002e,0 0 0 1.5px #fff,0 0 #ff3b3099}50%{box-shadow:0 2px 8px #0000002e,0 0 0 1.5px #fff,0 0 0 7px #ff3b3000}}.audio-pop{z-index:45;border-radius:18px;width:250px;padding:12px 14px;animation:.25s drop;top:66px;left:50%;transform:translate(-50%)}.audio-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.audio-label{font-size:13px;font-weight:600}.audio-slider{gap:8px;margin-top:8px;display:grid}.switch{background:#78788052;border-radius:999px;width:44px;height:26px;transition:background .2s;position:relative}.switch i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .22s cubic-bezier(.3,1.4,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0003}.switch.on{background:var(--green)}.switch.on i{transform:translate(18px)}input[type=range].slider.slim{height:3px}input[type=range].slider.slim::-webkit-slider-thumb{width:16px;height:16px}input[type=range].slider.slim::-moz-range-thumb{width:16px;height:16px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);color:#fff;letter-spacing:0;text-transform:none;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;-webkit-backdrop-filter:blur(10px);background:#1d1d1fe6;border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}[data-tip]:hover:after{opacity:1;transition-delay:.35s;transform:translate(-50%)}[data-tip-pos=bottom]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.nuke-count{color:#c93400;font-size:11px;font-style:normal}.good-text{color:#248a3d;font-weight:600}.bad-text{color:#d70015;font-weight:600}.warn-text{color:#c93400;font-weight:600}.fire-btn{margin-top:10px}.placing.aiming{box-shadow:0 0 0 1.5px #ff3b3080, var(--shadow)}.pop-action .shield{font-size:12px}.queue-card{background:#007aff0d;box-shadow:inset 0 0 0 .5px #007aff33}.queue-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.queue-row{border-radius:10px;align-items:center;gap:10px;padding:7px 6px;display:flex}.queue-row+.queue-row{border-top:.5px solid var(--hairline)}.queue-row.active{background:#fff;box-shadow:0 1px 3px #0000000d}.queue-icon{background:#f2f2f7;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.queue-main{flex:1;min-width:0}.queue-name{font-size:13px;font-weight:600}.queue-name small{color:var(--text-3);font-weight:600}.queue-wait{color:var(--text-2);margin-top:2px;font-size:11.5px}.progress.small{height:4px;margin-top:5px}.dock-icon .badge.blue{background:var(--accent);left:-5px;right:auto}.dock-icon .badge.green{background:var(--green)}.leader-card{background:linear-gradient(135deg,#ffcc0024,#ff950014)}.leader-crown{font-size:22px}.mode-switch{margin-bottom:18px}.invite-note{text-align:center;color:#0058c7;background:#007aff14;border-radius:12px;margin-bottom:18px;padding:10px 12px;font-size:13.5px}.online-explainer{background:var(--fill);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.online-explainer div{font-size:22px}.online-explainer p{color:var(--text-2);margin:0;font-size:13px;line-height:1.45}.form-error{color:#d70015;background:#ff3b3014;border-radius:10px;margin-bottom:10px;padding:8px 12px;font-size:13px}.link-btn{color:var(--accent);margin:14px auto 0;font-size:13px;font-weight:500;display:block}.link-btn:hover{text-decoration:underline}.segmented.readonly button:not(.active){opacity:.45}.segmented button:disabled{cursor:default}.menu-card.lobby{width:min(480px,100vw - 32px)}.lobby-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.lobby-title{letter-spacing:-.02em;margin:2px 0 0;font-size:28px;font-weight:700}.conn{color:#c93400;background:#ff950024;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.conn.on{color:#248a3d;background:#34c75924}.invite-box{background:var(--fill);border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.invite-url{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;overflow:hidden}.member-list{background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex;box-shadow:0 1px 3px #0000000d}.member{border-radius:10px;align-items:center;gap:10px;padding:7px 8px;display:flex}.member-name{flex:1;font-size:14px;font-weight:550}.presence{background:#c7c7cc;border-radius:50%;width:8px;height:8px}.presence.on{background:var(--green);box-shadow:0 0 0 3px #34c7592e}.banner .countdown{font-variant-numeric:tabular-nums;background:var(--accent);color:#fff;border-radius:999px;padding:2px 10px;font-size:13px}.conn-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;margin-left:10px}.conn-dot.on{background:var(--green)}.sync-banner{z-index:45;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;top:70px;left:50%;transform:translate(-50%)}.sync-banner.bad{color:#d70015}