:root{--glass:#0e221aa3;--glass-strong:#0a1a13db;--glass-soft:#142c216b;--glass-hover:#284e3a8c;--glass-border:#aaebb429;--glass-border-strong:#bef5c84d;--glass-highlight:#ffffff12;--glass-blur:14px;--gold-50:#fff7d1;--gold-100:#ffeaa0;--gold-200:#ffd966;--gold-300:#ffc53d;--gold-400:#f5a623;--gold-500:#d98712;--gold-600:#a8620b;--gold-ink:#3a2303;--leaf:#7ee081;--leaf-strong:#43c35b;--leaf-deep:#2a8a3e;--sky:#6cc6ff;--sky-deep:#2f86d6;--danger:#ff5a5a;--danger-deep:#c2262e;--warn:#ffc14d;--info:#6cc6ff;--success:#6fe07e;--purple:#b48cff;--text:#f4f8f1;--text-dim:#eaf4e8c2;--text-mute:#d6e8d885;--text-on-gold:#3a2303;--text-shadow:0 1px 0 #0000008c, 0 2px 8px #00000059;--text-shadow-hard:2px 2px 0 #000000b3;--r-xs:6px;--r-s:10px;--r-m:14px;--r-l:20px;--r-xl:28px;--r-pill:999px;--shadow-s:0 2px 8px #00000047;--shadow-m:0 8px 24px #00000059;--shadow-panel:0 24px 64px #00000073, 0 2px 0 #ffffff0a inset;--shadow-gold:0 6px 0 var(--gold-600), 0 10px 24px #f5a62359;--shadow-gold-press:0 2px 0 var(--gold-600), 0 4px 12px #f5a6234d;--font-ui:"Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--font-num:"Cascadia Mono", "Consolas", "SF Mono", ui-monospace, "Malgun Gothic", monospace;--fs-xs:12px;--fs-s:13px;--fs-m:15px;--fs-l:18px;--fs-xl:24px;--fs-xxl:32px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur:.22s;--dur-slow:.48s;--gui:1;--touch-min:44px;--hud-edge:12px;--focus-ring:0 0 0 3px #ffd966d9, 0 0 0 6px #00000073}@media (max-width:480px){:root{--fs-xl:21px;--fs-xxl:26px;--hud-edge:8px}}html,body{height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:radial-gradient(120% 70% at 70% 12%,#ffd68c8c,#ffd68c00 60%),linear-gradient(#5fa8e8 0%,#9fd0f0 45%,#f6d9a6 78%,#6aa84f 78.2%,#4f8a3a 100%);margin:0;padding:0;overflow:hidden}#ui-root,.bt-root{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-ui);color:var(--text);font-size:var(--fs-m);z-index:10;word-break:keep-all;overflow-wrap:break-word;line-height:1.45;position:fixed;inset:0}.bt-root *,.bt-root :before,.bt-root :after{box-sizing:border-box}.ui-i{pointer-events:auto}:where(.bt-root) :where(input,textarea,select){-webkit-user-select:text;user-select:text;font:inherit;color:inherit}:where(.bt-root) :where(button){font:inherit;color:inherit;cursor:pointer}.bt-root :focus{outline:none}.bt-root :focus-visible{box-shadow:var(--focus-ring);outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.glass{background:linear-gradient(180deg, #ffffff0d, #fff0 40%), var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-l);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.25)}.glass--strong{background:linear-gradient(180deg, #ffffff0d, #fff0 40%), var(--glass-strong)}.glass-chip{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px)}.btn{--btn-bg:#ffffff14;--btn-bg-hover:#ffffff24;--btn-border:#ffffff24;min-height:var(--touch-min);border-radius:var(--r-m);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);font-weight:600;font-size:var(--fs-m);letter-spacing:-.01em;text-shadow:0 1px #00000059;transition:background var(--dur-fast), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast), border-color var(--dur-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn:hover{background:var(--btn-bg-hover);border-color:var(--glass-border-strong)}.btn:active{transform:translateY(1px)scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--block{width:100%}.btn--sm{min-height:36px;font-size:var(--fs-s);border-radius:var(--r-s);padding:0 12px}.btn--icon{width:var(--touch-min);padding:0}.btn--ghost{--btn-bg:transparent;--btn-border:transparent}.btn--danger{--btn-bg:#ff5a5a24;--btn-bg-hover:#ff5a5a42;--btn-border:#ff6e6e59}.btn--leaf{--btn-bg:linear-gradient(180deg, #5fd27a, #2f9e4b);--btn-bg-hover:linear-gradient(180deg, #6fe08a, #37ad55);--btn-border:#d2ffd259;box-shadow:0 4px #1f6e33}.btn--gold{border-radius:var(--r-m);background:linear-gradient(180deg, var(--gold-100) 0%, var(--gold-300) 45%, var(--gold-400) 100%);min-height:56px;color:var(--text-on-gold);font-size:var(--fs-l);text-shadow:0 1px #ffffff8c;box-shadow:var(--shadow-gold);border:1px solid #fff4c8b3;margin-bottom:6px;font-weight:800;position:relative;overflow:hidden}.btn--gold:hover{background:linear-gradient(180deg, var(--gold-50) 0%, var(--gold-200) 45%, var(--gold-300) 100%);border-color:#fff4c4}.btn--gold:active{box-shadow:var(--shadow-gold-press);transform:translateY(4px)}.btn--gold:after{content:"";animation:gold-sheen 4.5s var(--ease-out) 1.2s infinite;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff8c 45%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.btn--gold:disabled:after{animation:none}@keyframes gold-sheen{0%{transform:translate(-120%)}30%,to{transform:translate(120%)}}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--fs-s);color:var(--text-dim);letter-spacing:.01em;font-weight:700}.field__hint{font-size:var(--fs-xs);color:var(--text-mute)}.field__error{font-size:var(--fs-xs);color:#ffb4b4;font-weight:600}.input{border-radius:var(--r-m);width:100%;min-height:48px;color:var(--text);font-size:var(--fs-l);transition:border-color var(--dur-fast), background var(--dur-fast);background:#00000052;border:1px solid #ffffff29;padding:0 14px;font-weight:600}.input::placeholder{color:#ffffff59;font-weight:500}.input:focus{border-color:var(--gold-200);background:#0000006b}.input:focus-visible{box-shadow:0 0 0 3px #ffd96659}.input--error{border-color:#ff6e6eb3}.switch{border-radius:var(--r-pill);width:52px;height:30px;transition:background var(--dur);background:#00000059;border:1px solid #ffffff2e;flex:none;padding:0;position:relative}.switch:after{content:"";width:22px;height:22px;transition:transform var(--dur) var(--ease-spring);background:#e6ece4;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0006}.switch[aria-checked=true]{background:linear-gradient(#5fd27a,#2f9e4b);border-color:#d2ffd266}.switch[aria-checked=true]:after{background:#fff;transform:translate(22px)}.range{appearance:none;cursor:pointer;--pct:50%;background:0 0;width:100%;height:28px}.range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--gold-300) 0 var(--pct), #ffffff24 var(--pct) 100%);height:8px}.range::-moz-range-track{border-radius:var(--r-pill);background:#ffffff24;height:8px}.range::-moz-range-progress{border-radius:var(--r-pill);background:var(--gold-300);height:8px}.range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--gold-500);background:linear-gradient(#fff,#e8e2cc);border-radius:6px;width:22px;height:22px;margin-top:-7px;box-shadow:0 2px 6px #0006}.range::-moz-range-thumb{border:2px solid var(--gold-500);background:linear-gradient(#fff,#e8e2cc);border-radius:6px;width:20px;height:20px}.range:focus-visible{box-shadow:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.seg{border-radius:var(--r-m);background:#0000004d;border:1px solid #ffffff1a;gap:3px;padding:3px;display:inline-flex}.seg__btn{min-width:64px;min-height:38px;color:var(--text-dim);font-weight:700;font-size:var(--fs-s);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;border-radius:10px;padding:0 14px}.seg__btn:hover{color:var(--text);background:#ffffff0f}.seg__btn[aria-pressed=true],.seg__btn[aria-selected=true]{background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:var(--text-on-gold);text-shadow:none}.kbd{color:#2a2a26;min-width:26px;height:26px;font-family:var(--font-ui);text-shadow:none;vertical-align:middle;white-space:nowrap;background:linear-gradient(#fbfbf7,#d8d8cf);border-bottom:3px solid #9d9d92;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.pixel{image-rendering:pixelated;shape-rendering:crispedges}.spinner{grid-template-columns:repeat(3,1fr);gap:4px;width:44px;height:44px;display:grid}.spinner i{background:var(--gold-300);border-radius:3px;animation:1.2s ease-in-out infinite spinner-pulse;display:block}@keyframes spinner-pulse{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.bt-root .scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;overflow-y:auto}.bt-root .scroll::-webkit-scrollbar{width:10px}.bt-root .scroll::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:3px solid #0000;border-radius:10px}@media (prefers-reduced-motion:reduce){.bt-root *,.bt-root :before,.bt-root :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.title{pointer-events:auto;scrollbar-width:none;flex-direction:column;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden auto}.title::-webkit-scrollbar{display:none}.title__veil{pointer-events:none;background:radial-gradient(120% 90% at 50% 38%,#0000 38%,#0000006b 100%),linear-gradient(#08121c47 0%,#0000 26% 58%,#050e0994 100%);position:fixed;inset:0}.title__top{z-index:2;animation:fade-down .6s var(--ease-out) .5s both;position:fixed;top:14px;right:16px}.title__center{z-index:1;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:clamp(10px,2.6vh,26px);width:100%;max-width:940px;padding:52px 0 44px;display:flex;position:relative}.logo{width:100%;animation:logo-in 1.1s var(--ease-spring) both;flex-direction:column;align-items:center;display:flex}.logo__art{margin:0;font-size:0;line-height:0;animation:7s ease-in-out 1.4s infinite logo-float;position:relative}.logo__canvas{display:block}.logo__shine{pointer-events:none;background:linear-gradient(112deg,#fff0 38%,#ffffffd9 47%,#fffadc66 51%,#fff0 60%) 160% 0/320% 100%;animation:6s ease-in-out 1.6s infinite logo-shine;position:absolute;top:0;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo__badge{color:#0e2c14;font:800 12px/1.3 var(--font-ui);letter-spacing:.02em;animation:badge-pop .6s var(--ease-spring) 1s both;background:linear-gradient(#a6f08a,#52c46a);border-radius:7px;padding:3px 9px;position:absolute;top:-8px;right:-12px;transform:rotate(10deg);box-shadow:0 3px #2c7a3c,0 6px 14px #00000059}.logo__sub{letter-spacing:.14em;background:linear-gradient(#fff9dc 10%,#ffd84f 55%,#f19b12 100%);color:#0000;filter:drop-shadow(0 2px #5b3305)drop-shadow(0 5px 10px #00000073);animation:fade-up .7s var(--ease-out) .45s both;-webkit-background-clip:text;background-clip:text;margin-top:-2px;font-size:clamp(22px,4.4vw,34px);font-weight:900;line-height:1.2}.logo__tag{color:#fff;text-shadow:var(--text-shadow);animation:fade-up .7s var(--ease-out) .6s both;margin-top:4px;padding:3px 14px;font-size:clamp(13px,2.3vw,16px);font-weight:600}.title__panel{width:min(100%,560px);animation:panel-in .75s var(--ease-out) .3s both;flex-direction:column;gap:16px;padding:20px 22px 18px;display:flex}.title__grid{grid-template-columns:150px 1fr;align-items:center;gap:20px;display:grid}.title__char{flex-direction:column;align-items:center;gap:8px;display:flex}.title__char-stage{border-radius:var(--r-l);border:1px solid var(--glass-border-strong);width:150px;height:150px;transition:transform var(--dur) var(--ease-out), border-color var(--dur);background:radial-gradient(70% 45% at 50% 88%,#ffd96659,#ffd96600 70%),radial-gradient(100% 80% at 50% 0,#8cdcff2e,#0000 70%),linear-gradient(#ffffff0f,#0000004d);place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.title__char-stage:hover{border-color:#ffd96699;transform:translateY(-2px)}.title__char-stage:after{content:"";filter:blur(3px);z-index:-1;background:#00000059;border-radius:50%;height:10px;position:absolute;bottom:9%;left:22%;right:22%}.title__char-stage>*{position:relative}.title__char-stage canvas{object-fit:contain;max-width:100%;max-height:100%}.title__char-btn{width:100%}.title__form{flex-direction:column;gap:14px;min-width:0;display:flex}.title__join{letter-spacing:-.01em;font-size:19px}.title__arrow{transition:transform var(--dur) var(--ease-out);font-weight:900;display:inline-block}.title__join:hover .title__arrow{transform:translate(5px)}.title__secondary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.title__secondary .btn{padding:0 8px;font-size:14px}.title__host{border-radius:var(--r-pill);min-height:36px;color:var(--gold-100);transition:background var(--dur-fast);background:#ffd96614;border:1px dashed #ffd96673;align-self:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.title__host:hover{background:#ffd96629}.title__extra{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.title__extra .title__host{min-height:var(--touch-min)}.title__quit{--btn-bg:#0000003d;--btn-bg-hover:#ff5a5a29;--btn-border:#ffffff29;min-height:var(--touch-min);border-radius:var(--r-pill);color:var(--text-dim);padding:0 16px;font-size:14px;font-weight:700}.title__quit:hover,.title__quit:focus-visible{color:#ffd9d9;border-color:#ff8c8c73}.title__foot{z-index:1;color:#ffffffb8;text-shadow:var(--text-shadow);animation:fade-up .6s var(--ease-out) .8s both;flex-wrap:wrap;flex:none;justify-content:center;gap:6px;padding-bottom:4px;font-size:12px;display:flex;position:relative}.title__dot{opacity:.5}.customize-modal__body{padding:0 14px 14px}.online-pill{min-height:36px;color:var(--text);text-shadow:0 1px #0006;white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.online-pill__dot{background:#9fb1a5;border-radius:50%;flex:none;width:9px;height:9px}.online-pill.is-online .online-pill__dot{background:#5ee07a;animation:2s ease-out infinite dot-pulse}.online-pill.is-offline .online-pill__dot{background:var(--danger)}.online-pill__world{color:var(--text-dim);text-overflow:ellipsis;max-width:180px;font-weight:600;overflow:hidden}.online-pill__home{flex:none;font-size:14px;line-height:1}.online-pill__text{text-overflow:ellipsis;min-width:0;overflow:hidden}.online-pill__lock{flex:none;font-size:13px;line-height:1}.title__invite .field__label{color:var(--gold-100)}.title__invite .input{letter-spacing:.04em}@keyframes logo-in{0%{opacity:0;transform:translateY(-26px)scale(.86)}to{opacity:1;transform:none}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes logo-shine{0%{background-position:160% 0}38%,to{background-position:-60% 0}}@keyframes badge-pop{0%{opacity:0;transform:rotate(10deg)scale(.3)}to{opacity:1;transform:rotate(10deg)scale(1)}}@keyframes panel-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes dot-pulse{0%{box-shadow:0 0 #5ee07aa6}70%,to{box-shadow:0 0 0 8px #5ee07a00}}@media (max-width:600px){.title{padding:12px}.title__center{padding-top:58px}.title__panel{padding:16px}.title__grid{grid-template-columns:1fr;gap:14px}.title__char{flex-direction:row;justify-content:center;gap:14px}.title__char-stage{width:104px;height:104px}.title__char-btn{width:auto}.online-pill__world{display:none}}@media (max-width:400px){.title__secondary{grid-template-columns:1fr 1fr}.title__secondary .btn:last-child{grid-column:1/-1}.title__top{justify-content:center;display:flex;left:0;right:0}}@media (max-height:640px) and (min-width:601px){.title__center{padding:44px 0 20px}}.server-bar{align-items:center;gap:8px;max-width:calc(100vw - 32px);display:flex}.server-bar .online-pill{min-width:0;min-height:var(--touch-min);flex:0 auto}.server-bar__browse{min-height:var(--touch-min);color:var(--text);text-shadow:0 1px #0006;white-space:nowrap;transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast) var(--ease-out);flex:none;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.server-bar__browse:hover{background:var(--glass-hover);border-color:var(--glass-border-strong)}.server-bar__browse:active{transform:translateY(1px)scale(.98)}.server-bar__browse svg{color:var(--sky)}.servers__body{flex-direction:column;gap:18px;display:flex}.srv-intro{color:var(--text-dim);margin:0;font-size:14px;line-height:1.55}.srv-sec{flex-direction:column;gap:8px;min-width:0;display:flex}.srv-sec__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.srv-sec__title{letter-spacing:.02em;color:var(--gold-100);margin:0;font-size:13px;font-weight:800}.srv-sec__live{color:var(--text-mute);align-items:center;gap:6px;font-size:12px;display:inline-flex}.srv-sec__pulse{background:#5ee07a;border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite dot-pulse}.srv-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.srv{border-radius:var(--r-m);border:1px solid var(--glass-border);background:#ffffff0d;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main ver""main go";align-items:center;gap:6px 12px;padding:12px 14px;display:grid}.srv--self{background:linear-gradient(90deg,#ffd9661f,#ffd96600 70%),#ffffff0a;border-color:#ffd96652;grid-template-areas:"main here"}.srv__main{flex-direction:column;grid-area:main;gap:4px;min-width:0;display:flex}.srv__name{align-items:center;gap:7px;min-width:0;font-size:16px;font-weight:800;line-height:1.3;display:flex}.srv__name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.srv__chip{border-radius:var(--r-pill);color:#d4eeff;background:#6cc6ff29;flex:none;padding:2px 8px;font-size:11px;font-weight:800}.srv__chip--lock{color:var(--gold-100);white-space:nowrap;background:#ffd96629;border:1px solid #ffd96657}.srv--here{border-color:#ffd96652}.srv .srv__here--row{grid-area:go}.srv__meta{color:var(--text-dim);flex-wrap:wrap;gap:2px 12px;font-size:13px;display:flex}.srv__addr{font-family:var(--font-num);color:var(--text-mute);font-size:12px}.srv__full{color:var(--warn);font-weight:700}.srv__invite{color:var(--text-mute);font-size:12px}.srv__ver,.srv__here{border-radius:var(--r-pill);white-space:nowrap;justify-self:end;padding:3px 10px;font-size:11px;font-weight:800}.srv__ver{color:var(--text-dim);background:#ffffff14;grid-area:ver}.srv__ver.is-warn{color:#ffe2a8;background:#ffc14d29;border:1px solid #ffc14d61}.srv__here{background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:var(--text-on-gold);grid-area:here}.srv__go{grid-area:go;justify-self:end;padding:0 16px;font-weight:800}.srv__note{color:#ffe2a8;grid-column:1/-1;margin:0;font-size:12px;line-height:1.45}.srv-state{border-radius:var(--r-m);text-align:center;color:var(--text-dim);background:#0000002e;border:1px dashed #ffffff2e;flex-direction:column;align-items:center;gap:8px;padding:18px 16px;font-size:14px;line-height:1.55;display:flex}.srv-state b{color:var(--text);font-size:15px}.srv-state--error{color:#ffd6d6;border-color:#ff6e6e61}.srv-spin{color:var(--gold-200);animation:1.1s linear infinite srv-spin;display:inline-flex}@keyframes srv-spin{to{transform:rotate(360deg)}}.srv-stale{color:var(--warn);margin:0;font-size:12px;font-weight:700}.srv-fail{border-radius:var(--r-m);color:#ffd6d6;background:#ff5a5a1f;border:1px solid #ff6e6e4d;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.5;display:flex}.srv-fail span{flex:200px}.srv-addr{flex-direction:column;gap:8px;display:flex}.srv-addr__row{gap:8px;display:flex}.srv-addr__input{flex:1;min-width:0}.srv-addr__go{flex:none;min-height:48px;padding:0 20px;font-weight:800}.srv-recent{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.srv-recent__item{align-items:center;gap:6px;display:flex}.srv-recent__go{min-width:0;min-height:var(--touch-min);border-radius:var(--r-m);border:1px solid var(--glass-border);color:var(--text);text-align:left;transition:background var(--dur-fast), border-color var(--dur-fast);background:#ffffff0d;flex:1;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.srv-recent__go:hover:not(:disabled){border-color:var(--glass-border-strong);background:#ffffff1a}.srv-recent__go:disabled{opacity:.55;cursor:not-allowed}.srv-recent__name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.srv-recent__addr{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-num);color:var(--text-mute);flex:1;font-size:12px;overflow:hidden}.srv-recent__arrow{color:var(--leaf);flex:none;font-weight:900}.srv-recent__x{color:var(--text-mute);flex:none}.srv-note{color:var(--text-mute);border-top:1px solid #ffffff12;align-items:flex-start;gap:8px;margin:0;padding-top:12px;font-size:12.5px;line-height:1.5;display:flex}.srv-note svg{flex:none;margin-top:2px}.srv-portal{min-height:var(--touch-min);border-radius:var(--r-pill);color:#d4eeff;transition:background var(--dur-fast);background:#6cc6ff14;border:1px dashed #6cc6ff73;align-self:flex-start;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.srv-portal:hover{background:#6cc6ff29}.srv-portal svg{color:var(--sky)}.srv-help{border-radius:var(--r-m);background:#00000029;border:1px solid #ffffff14}.srv-help__sum{min-height:var(--touch-min);cursor:pointer;color:var(--text-dim);align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;list-style:none;display:flex}.srv-help__sum::-webkit-details-marker{display:none}.srv-help__sum:after{content:"▾";transition:transform var(--dur-fast);margin-left:auto}.srv-help[open] .srv-help__sum:after{transform:rotate(180deg)}.srv-help__steps{color:var(--text-dim);flex-direction:column;gap:6px;margin:0;padding:0 16px 14px 34px;font-size:13px;line-height:1.55;display:flex}@media (max-width:480px){.srv{grid-template-areas:"main main""ver go";padding:12px}.srv--self{grid-template-areas:"main main""here here"}.srv__ver,.srv__here{justify-self:start}.srv__go{padding:0 14px}.srv-addr__go{padding:0 16px}}@media (max-width:400px){.server-bar__browse{padding:0 12px}}html.bt-portal,html.bt-portal body{background:#10231a;height:auto;min-height:100%;overflow:hidden auto}.portal{min-height:100vh;min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-size:var(--fs-m);word-break:keep-all;overflow-wrap:break-word;flex-direction:column;align-items:center;gap:18px;padding:20px 16px 16px;line-height:1.45;display:flex;position:relative}.portal *,.portal :before,.portal :after{box-sizing:border-box}:where(.portal) :where(button,input){font:inherit;color:inherit}:where(.portal) :where(button){cursor:pointer}.portal :focus{outline:none}.portal :focus-visible{box-shadow:var(--focus-ring);outline:none}.portal__bg{z-index:0;pointer-events:none;background:linear-gradient(#08121c52 0%,#0000 28% 52%,#06100ab8 100%),radial-gradient(55% 40% at 82% 6%,#ffe29699,#ffe29600 70%),linear-gradient(#3d84cc 0%,#6fb2e6 36%,#b3d9f1 62%,#e6d7ae 84%,#cdb987 100%);position:fixed;inset:0}.portal__bg:before{content:"";opacity:.85;background:#ffffffeb;width:14px;height:14px;animation:70s linear infinite portal-cloud;position:absolute;top:34vh;left:-120px;box-shadow:14px 0 #ffffffeb,28px 0 #ffffffeb,-14px 14px #ffffffeb,0 14px #ffffffeb,14px 14px #ffffffeb,28px 14px #ffffffeb,42px 14px #ffffffeb,56px 14px #ffffffeb,-28px 28px #ebf4ffeb,-14px 28px #ebf4ffeb,0 28px #ebf4ffeb,14px 28px #ebf4ffeb,28px 28px #ebf4ffeb,42px 28px #ebf4ffeb,56px 28px #ebf4ffeb,70px 28px #ebf4ffeb}.portal__bg:after{content:"";opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='96' shape-rendering='crispEdges'%3E%3Cg fill='%238a5a2e'%3E%3Crect x='0' y='48' width='16' height='48'/%3E%3Crect x='16' y='32' width='16' height='64'/%3E%3Crect x='32' y='32' width='16' height='64'/%3E%3Crect x='48' y='48' width='16' height='48'/%3E%3Crect x='64' y='64' width='16' height='32'/%3E%3Crect x='80' y='48' width='16' height='48'/%3E%3Crect x='96' y='16' width='16' height='80'/%3E%3Crect x='112' y='32' width='16' height='64'/%3E%3C/g%3E%3Cg fill='%236cc04a'%3E%3Crect x='0' y='48' width='16' height='7'/%3E%3Crect x='16' y='32' width='16' height='7'/%3E%3Crect x='32' y='32' width='16' height='7'/%3E%3Crect x='48' y='48' width='16' height='7'/%3E%3Crect x='64' y='64' width='16' height='7'/%3E%3Crect x='80' y='48' width='16' height='7'/%3E%3Crect x='96' y='16' width='16' height='7'/%3E%3Crect x='112' y='32' width='16' height='7'/%3E%3C/g%3E%3Cg fill='%234f9a37'%3E%3Crect x='0' y='55' width='16' height='3'/%3E%3Crect x='16' y='39' width='16' height='3'/%3E%3Crect x='32' y='39' width='16' height='3'/%3E%3Crect x='48' y='55' width='16' height='3'/%3E%3Crect x='64' y='71' width='16' height='3'/%3E%3Crect x='80' y='55' width='16' height='3'/%3E%3Crect x='96' y='23' width='16' height='3'/%3E%3Crect x='112' y='39' width='16' height='3'/%3E%3C/g%3E%3Cg fill='%236d4421'%3E%3Crect x='4' y='70' width='4' height='4'/%3E%3Crect x='22' y='52' width='4' height='4'/%3E%3Crect x='38' y='78' width='4' height='4'/%3E%3Crect x='54' y='64' width='4' height='4'/%3E%3Crect x='70' y='84' width='4' height='4'/%3E%3Crect x='86' y='68' width='4' height='4'/%3E%3Crect x='102' y='44' width='4' height='4'/%3E%3Crect x='118' y='60' width='4' height='4'/%3E%3Crect x='100' y='74' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");background-position:0 100%;background-repeat:repeat-x;background-size:128px 96px;height:96px;position:absolute;bottom:0;left:0;right:0}@keyframes portal-cloud{0%{transform:translate(0)}to{transform:translate(calc(100vw + 260px))}}.portal__head,.portal__main,.portal__foot{z-index:1;position:relative}.portal__head{width:min(100%,640px);padding-top:8px}.portal__main{flex-direction:column;gap:14px;width:min(100%,1040px);display:flex}.portal{box-sizing:border-box}.portal .room-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.portal .room-card{flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:20px;display:flex}.portal .room-card .srv__main{width:100%;min-width:0}.portal .room-card .srv__name{flex-wrap:wrap;align-items:center}.portal .room-card .srv__name-text{white-space:normal;overflow-wrap:anywhere;font-size:19px}.portal .room-card__icon{font-size:36px;line-height:1.2}.portal .room-card .srv__go{width:100%;min-height:48px;margin:0}.portal .room-card--sleep{color:#d3d4d7;background:#282c30cc}.portal .room-card--sleep .srv__go{opacity:.75}.portal-help{align-self:flex-end;min-height:44px}.portal-direct summary{cursor:pointer;min-height:44px;color:var(--gold-100);align-items:center;display:flex}.portal-direct[open] summary{margin-bottom:12px}.portal-help-sheet{width:min(92vw,520px);max-height:80dvh;color:var(--text);margin:auto;padding:24px;position:fixed;inset:0;overflow:auto}.portal-help-sheet::backdrop{background:#000000a6}.portal-help-sheet h2{margin-top:0}.portal-help-sheet li{margin:12px 0}.portal-help-sheet .btn{width:100%;min-height:44px}@media (min-width:640px){.portal .room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.portal .room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.portal-card{animation:panel-in .6s var(--ease-out) .15s both;flex-direction:column;gap:12px;padding:18px 18px 16px;display:flex}.portal-card__title{letter-spacing:.01em;color:var(--gold-100);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:900;display:flex}.portal-card__title svg{color:var(--sky)}.portal-card__count{border-radius:var(--r-pill);color:var(--text-dim);background:#ffffff1a;padding:2px 9px;font-size:12px;font-weight:800}.portal-card__note{color:var(--text-mute);margin:0;font-size:12.5px}.portal__who{border-radius:var(--r-pill);color:var(--text-dim);text-shadow:var(--text-shadow);background:#00000052;justify-content:center;align-self:center;align-items:center;gap:8px;margin:0;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.portal__foot{color:#ffffffc7;text-shadow:var(--text-shadow);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:auto;padding:8px 0 2px;font-size:12px;display:flex}.portal .srv-state .srv-portal{align-self:center}@media (max-width:480px){.portal{gap:14px;padding:14px 12px 12px}.portal-card{padding:14px 12px 12px}}@media (prefers-reduced-motion:reduce){.portal__bg:before,.portal .logo,.portal .logo__art,.portal .logo__shine,.portal-card{animation:none!important}}