:root{color:#16354d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#16354d;--ink-soft:#5d778b;--blue:#3f9ed2;--line:#ffffff9e;background:#d7e8f3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:4px;outline:3px solid #2f85ba61}.page-shell{isolation:isolate;background-image:url(/background.jpg);background-position:50%;background-size:cover;place-items:center;min-height:100dvh;padding:40px 24px;display:grid;position:relative;overflow:hidden}.background-shade{z-index:-1;background:radial-gradient(circle at 47% 45%,#f5fbff14 0 18%,#2d597b0a 62%),linear-gradient(120deg,#1137532b,#ebf7fd05 48%,#0f426529);position:absolute;inset:0}.server-card{-webkit-backdrop-filter:blur(38px)saturate(122%)contrast(96%);background:linear-gradient(140deg,#ffffff7a,#e0f3fc40),#d6ecf729;border:1px solid #ffffffba;border-radius:30px;width:min(620px,100%);padding:34px;position:relative;overflow:hidden;box-shadow:0 34px 90px #123d5b3d,inset 0 1px #ffffffb8}.server-card:before{z-index:0;content:"";filter:blur(38px);pointer-events:none;background:#ffffff3d;border-radius:50%;width:360px;height:230px;position:absolute;top:-120px;left:-80px}.server-card:after{z-index:0;border-radius:inherit;content:"";opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:absolute;inset:0}.server-card>*{z-index:1;position:relative}.card-header,.identity,.address-button,.status-grid{align-items:center;display:flex}.download-block{background:#ffffff40;border:1px solid #ffffff94;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;min-height:68px;margin-top:15px;padding:10px 10px 10px 20px;display:flex}.download-info{min-width:0}.download-info p,.download-info strong{margin:0;display:block}.download-info p{color:var(--ink-soft);letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:680}.download-info strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:720;overflow:hidden}.download-button{color:#246f9b;background:#327faa1f;border:1px solid #ffffffa8;border-radius:13px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:132px;min-height:46px;font-size:12px;font-weight:720;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.download-button:hover{background:#327faa33;transform:translateY(-1px);box-shadow:0 9px 25px #28688d1f}.download-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px}.card-header{justify-content:space-between;gap:22px;position:relative}.identity{gap:15px;min-width:0}.server-mark{background:#ffffff6b;border:1px solid #ffffffc7;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 8px 28px #39719621}.server-mark svg{fill:none;stroke:#327faa;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:31px}.eyebrow,.identity h1,.address-block p,.status-item p,.status-item strong{margin:0}.eyebrow{color:#69869a;letter-spacing:.17em;margin-bottom:5px;font-size:9px;font-weight:760}.identity h1{color:var(--ink);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(23px,4vw,29px);font-weight:750;line-height:1.15;overflow:hidden}.status-badge{color:#5b7181;background:#ffffff57;border:1px solid #fff9;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:34px;padding:0 13px;font-size:12px;font-weight:680;display:inline-flex}.status-dot{background:#97a9b5;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #97a9b521}.status-badge.online{color:#276a59}.status-badge.online .status-dot{background:#49a989;box-shadow:0 0 0 4px #49a98924,0 0 16px #49a9898c}.status-badge.offline,.status-badge.error{color:#81656b}.status-badge.offline .status-dot,.status-badge.error .status-dot{background:#bc7e88;box-shadow:0 0 0 4px #bc7e8821}.status-badge.loading .status-dot{animation:1.4s ease-in-out infinite pulse}.address-block{margin-top:31px;position:relative}.address-block>p,.status-item>p{color:var(--ink-soft);letter-spacing:.08em;margin-bottom:9px;font-size:11px;font-weight:680}.address-button{cursor:pointer;background:#ffffff6b;border:1px solid #ffffffc2;border-radius:18px;justify-content:space-between;gap:18px;width:100%;min-height:66px;padding:8px 10px 8px 20px;transition:background .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #ffffff6b}.address-button:hover{background:#fff9;transform:translateY(-1px);box-shadow:0 10px 30px #3264861c}.address-button>span:first-child{color:#123b57;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(17px,4vw,21px);font-weight:700;overflow:hidden}.copy-action{color:#327faa;background:#327faa1a;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-width:86px;min-height:46px;font-size:12px;font-weight:720;transition:color .18s,background .18s;display:inline-flex}.copy-action.copied{color:#347a64;background:#3b977a1f}.copy-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px}.status-grid{background:#ffffff3d;border:1px solid #ffffff8c;border-radius:18px;margin-top:15px;padding:22px 24px}.status-item{flex:1}.player-count{min-height:39px;color:var(--ink);align-items:baseline;gap:6px;display:flex}.player-count strong{letter-spacing:-.06em;font-size:32px;font-weight:760;line-height:1}.player-count span{color:#708899;font-size:14px;font-weight:650}.status-divider{background:#587c942e;width:1px;height:47px;margin:0 28px}.server-status{flex-direction:column;min-width:0;display:flex}.server-status>strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:720;line-height:1.3;overflow:hidden}.server-status>span{color:#78909f;margin-top:5px;font-size:10px}@keyframes pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}@media (width<=580px){.page-shell{background-position:43%;padding:20px 14px}.server-card{border-radius:25px;padding:25px 20px 23px}.card-header{flex-direction:column;align-items:flex-start;gap:0}.server-mark{border-radius:15px;width:49px;height:49px}.status-badge{background:0 0;border:0;min-height:28px;margin-top:-4px;margin-left:48px;padding:0;position:static}.address-block{margin-top:20px}.address-button{min-height:61px;padding-left:15px}.copy-action{min-width:48px;min-height:43px}.copy-action>span{display:none}.status-grid{padding:19px 16px}.status-divider{margin:0 18px}.download-block{padding-left:16px}.download-button{min-width:48px}.download-button>span{display:none}}@media (height<=580px) and (orientation:landscape){.page-shell{place-items:start center;padding-block:20px;overflow:auto}.server-card{padding-block:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}