.l4d-spin-container[data-v-c39fef03]{width:var(--5e1a4679);height:var(--5e1a4679);position:relative;overflow:hidden}.l4d-spin-base[data-v-c39fef03]{width:var(--5e1a4679);height:var(--5e1a4679);background-position:0 0;background-repeat:no-repeat;background-size:var(--2bd139eb)}.l4d-spin-overlay[data-v-c39fef03]{width:var(--5e1a4679);height:var(--5e1a4679);background-position:var(--682f4b70);background-repeat:no-repeat;background-size:var(--2bd139eb);position:absolute;top:0;left:0;mix-blend-mode:screen;animation:spin-c39fef03 1s linear infinite}@keyframes spin-c39fef03{0%{transform:rotate(0)}9.99%{transform:rotate(0)}10%{transform:rotate(36deg)}19.99%{transform:rotate(36deg)}20%{transform:rotate(72deg)}29.99%{transform:rotate(72deg)}30%{transform:rotate(108deg)}39.99%{transform:rotate(108deg)}40%{transform:rotate(144deg)}49.99%{transform:rotate(144deg)}50%{transform:rotate(180deg)}59.99%{transform:rotate(180deg)}60%{transform:rotate(216deg)}69.99%{transform:rotate(216deg)}70%{transform:rotate(252deg)}79.99%{transform:rotate(252deg)}80%{transform:rotate(288deg)}89.99%{transform:rotate(288deg)}90%{transform:rotate(324deg)}99.99%{transform:rotate(324deg)}to{transform:rotate(360deg)}}body{width:100%;height:100%;margin:0;overflow:hidden}#app{width:100%;height:100%;box-sizing:border-box}.startup-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999}@font-face{font-family:CustomEnglishFont;src:local("Tahoma");unicode-range:U+0020-007E,U+00A0-00FF}@font-face{font-family:CustomChineseFont;src:local("SimSun");unicode-range:U+4E00-9FFF,U+3000-303F,U+FF00-FFEF}h1,h2,span,div{font-family:CustomEnglishFont,CustomChineseFont,sans-serif}.aspect-container[data-v-4263d6ff]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);container-type:size}.settings-content[data-v-04ba0b3c]{position:relative;width:100%;height:100%}.title-band[data-v-04ba0b3c],.body-band[data-v-04ba0b3c]{--section-band-content-max-inline-size: 100cqw;--section-band-content-inset-inline: 5.2cqw}.title-band[data-v-04ba0b3c]{margin-top:5cqh}.page-title-wrapper[data-v-04ba0b3c]{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5cqw;color:#c9c9c9;opacity:.8;padding-block:.74cqh}.page-title h1[data-v-04ba0b3c]{margin:0;font-size:2.6cqw;font-weight:100;white-space:nowrap}.page-title span[data-v-04ba0b3c]{display:block;margin-top:.37cqh;font-size:1.25cqw;white-space:nowrap}.page-actions[data-v-04ba0b3c]{display:flex;align-items:center;gap:1.25cqw}.page-action[data-v-04ba0b3c]{cursor:pointer;color:#c9c9c9;font-size:1.04cqw;letter-spacing:.05cqw;transition:color .15s ease;-webkit-user-select:none;user-select:none}.page-action[data-v-04ba0b3c]:hover{color:#fff}.account-settings-body[data-v-04ba0b3c]{height:65cqh;padding-block:2.2cqh;display:flex;flex-direction:row;align-items:stretch;gap:3.1cqw}.sidebar-area[data-v-04ba0b3c]{flex:0 0 15%;padding-top:1.85cqh}.content-area[data-v-04ba0b3c]{flex:1 1 auto;display:flex;flex-direction:column;gap:1.67cqh;min-width:0}.content-loading[data-v-04ba0b3c]{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.summary-area[data-v-04ba0b3c]{flex:0 0 auto}.section-divider[data-v-04ba0b3c]{display:flex;align-items:center;gap:.83cqw;color:#a0a0a0f2;font-size:1.04cqw;letter-spacing:.05cqw;-webkit-user-select:none;user-select:none;padding-top:.37cqh}.section-divider-label[data-v-04ba0b3c]{flex:0 0 auto}.section-divider-line[data-v-04ba0b3c]{flex:1 1 auto;height:1px;background:linear-gradient(to right,rgba(180,180,180,.45) 0%,transparent 100%)}.section-action[data-v-04ba0b3c]{flex:0 0 auto;cursor:pointer;color:#c9c9c9;font-size:1.04cqw;transition:color .15s ease}.section-action[data-v-04ba0b3c]:hover{color:#fff}.account-list-area[data-v-04ba0b3c]{flex:1 1 auto;min-width:0;position:relative}.login-prompt[data-v-04ba0b3c]{margin:auto;display:flex;flex-direction:column;align-items:center;gap:2.2cqh;color:#c9c9c9}.login-prompt-text[data-v-04ba0b3c]{font-size:1.25cqw}.login-button[data-v-04ba0b3c]{padding:.93cqh 1.67cqw;color:#c9c9c9;font-size:1.25cqw;cursor:pointer;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);transition:color .15s ease}.login-button[data-v-04ba0b3c]:hover{color:#fff}.menu-content[data-v-5af9ce71]{position:relative;width:100%;height:100%}.mode-selector-area[data-v-5af9ce71]{position:absolute;top:7cqh;left:11.5cqw;width:77cqw;overflow:visible;z-index:1}.menu-items-area[data-v-5af9ce71]{position:absolute;left:11.5cqw;top:55cqh;display:flex;flex-direction:column;gap:.3cqh;z-index:1}.server-summary-area[data-v-5af9ce71]{position:absolute;left:52.5cqw;bottom:20cqh;cursor:pointer;z-index:1;transition:opacity .2s ease}.server-summary-area[data-v-5af9ce71]:hover{opacity:.8}.summary-title[data-v-5af9ce71]{color:silver;font-size:1.4cqw;font-weight:400;margin:0 0 1cqh;letter-spacing:.05cqw}.summary-list[data-v-5af9ce71]{display:flex;flex-direction:column;gap:.5cqh}.summary-entry[data-v-5af9ce71]{display:flex;flex-direction:row;align-items:center;gap:.5cqw}.summary-icon[data-v-5af9ce71]{width:1cqw;height:1cqw;min-width:10px;min-height:10px;background-color:#4a8fa8;border-radius:.1cqw;flex-shrink:0}.summary-name[data-v-5af9ce71]{color:#8a8a8a;font-size:1cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20cqw}.section-band[data-v-a67cac5a]{position:relative;width:100%;box-sizing:border-box;isolation:isolate;overflow:visible;--section-band-top-height: 3.333cqh;--section-band-bottom-height: 6.667cqh;--section-band-content-inset-inline: 0px;--section-band-content-max-inline-size: none;--section-band-visual-mask: none;--section-band-content-mask: none}.section-band__visual[data-v-a67cac5a],.section-band__layout[data-v-a67cac5a]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--section-band-top-height) auto var(--section-band-bottom-height)}.section-band__visual[data-v-a67cac5a]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;box-sizing:border-box;-webkit-mask-image:var(--section-band-visual-mask);mask-image:var(--section-band-visual-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.section-band--viewport-bleed>.section-band__visual[data-v-a67cac5a]{left:50%;right:auto;width:100vw;transform:translate(-50%)}.section-band--fill>.section-band__layout[data-v-a67cac5a]{grid-template-rows:var(--section-band-top-height) minmax(0,1fr) var(--section-band-bottom-height)}.section-band__layout[data-v-a67cac5a]{position:relative;z-index:1;box-sizing:border-box;height:100%}.section-band__layout-spacer[data-v-a67cac5a]{width:100%;box-sizing:border-box}.section-band__layout-spacer--top[data-v-a67cac5a]{height:var(--section-band-top-height)}.section-band__layout-spacer--bottom[data-v-a67cac5a]{height:var(--section-band-bottom-height)}.section-band__content-frame[data-v-a67cac5a]{width:100%;min-width:0;min-height:0;box-sizing:border-box}.section-band__content[data-v-a67cac5a]{width:100%;max-width:var(--section-band-content-max-inline-size);min-width:0;min-height:0;margin-left:auto;margin-right:auto;padding-inline:var(--section-band-content-inset-inline);box-sizing:border-box;-webkit-mask-image:var(--section-band-content-mask);mask-image:var(--section-band-content-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.section-band--fill>.section-band__layout>.section-band__content-frame[data-v-a67cac5a],.section-band--fill>.section-band__layout>.section-band__content-frame>.section-band__content[data-v-a67cac5a]{height:100%}.section-band__visual-top[data-v-a67cac5a],.section-band__visual-bottom[data-v-a67cac5a]{width:100%;background-image:url(/assets/area_background-CTKxCDCi.png);background-repeat:no-repeat;opacity:.5;box-sizing:border-box}.section-band__visual-top[data-v-a67cac5a]{height:var(--section-band-top-height);background-position:0 0;background-size:100% 10cqh}.section-band__visual-middle[data-v-a67cac5a]{width:100%;background-color:#00000080;box-sizing:border-box}.section-band__visual-bottom[data-v-a67cac5a]{height:var(--section-band-bottom-height);background-position:0 -3.438cqh;background-size:100% 10cqh}.link-complete[data-v-f73c6b75]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.result-band[data-v-f73c6b75]{width:min(78cqw,56rem);--section-band-content-inset-inline: 3.12cqw;--section-band-top-height: 2.917cqh;--section-band-bottom-height: 5cqh}.result-content[data-v-f73c6b75]{min-height:24cqh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.85cqh;padding-block:3.33cqh;color:#c9c9c9;text-align:center}.result-spinner[data-v-f73c6b75]{opacity:.9}.result-copy[data-v-f73c6b75]{display:flex;flex-direction:column;gap:.74cqh}.result-copy h2[data-v-f73c6b75]{margin:0;font-size:2.08cqw;font-weight:100;color:#e6e6e6}.result-copy p[data-v-f73c6b75]{margin:0;font-size:1.04cqw;color:#c9c9c9d9}.result-actions[data-v-f73c6b75]{display:flex;justify-content:center}.action-link[data-v-f73c6b75]{padding:.93cqh 1.67cqw;color:#c9c9c9;font-size:1.04cqw;cursor:pointer;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);transition:color .15s ease;-webkit-user-select:none;user-select:none}.action-link[data-v-f73c6b75]:hover{color:#fff}.login-complete[data-v-9f2b6c3e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff}.server-browser-content[data-v-7a820647]{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.title-band[data-v-7a820647],.body-band[data-v-7a820647]{--section-band-content-max-inline-size: 100cqw;--section-band-content-inset-inline: 5.859cqw}.title-band[data-v-7a820647]{margin-top:5cqh}.lobby-title-wrapper[data-v-7a820647]{color:#c9c9c9;opacity:.8;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.875cqw;padding-block:.833cqh}.lobby-title[data-v-7a820647]{flex:1 1 auto}.lobby-title-side[data-v-7a820647]{display:flex;flex-direction:row;align-items:center;gap:1.406cqw}.lobby-title h1[data-v-7a820647]{margin:0;white-space:nowrap;font-size:2.93cqw;font-weight:100}.lobby-title span[data-v-7a820647]{display:block;font-size:1.406cqw;white-space:nowrap}.loading-icon[data-v-7a820647]{flex-shrink:0;margin-top:2.083cqh}.body-band[data-v-7a820647]{flex:1;min-height:0}.lobby-list-wrapper[data-v-7a820647]{height:100%;min-height:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:2cqw}.lobby-list[data-v-7a820647]{flex:0 0 55cqw;width:55cqw;min-width:0;min-height:0}