.server-page{flex-direction:column;gap:18px;margin-top:18px;display:flex}.server-hero{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0f172ae6,#0f172af5);border:1px solid #94a3b840;border-radius:26px;overflow:hidden}.server-hero-banner{background:radial-gradient(circle at 0 0,#22d3ee59,#0000 60%),radial-gradient(circle at 100% 80%,#34d39959,#0000 60%),linear-gradient(135deg,#0b1120,#0f766e);min-height:200px;padding:26px 26px 28px;position:relative}.server-hero-overlay{pointer-events:none;background:linear-gradient(#02061759,#020617a6);position:absolute;top:0;bottom:0;left:0;right:0}.server-hero-content{z-index:1;flex-direction:column;gap:14px;display:flex;position:relative}.server-hero-top{flex-wrap:wrap;gap:8px;display:flex}.server-pill{letter-spacing:.04em;text-transform:uppercase;background:#0f172aa6;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.pill-boost{background:#22d3ee40;border-color:#34d399cc}.server-hero-bottom{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.server-title-block{max-width:720px}.server-title{margin:0;font-size:max(26px,min(3vw,32px))}.server-subtitle{color:var(--text-muted);margin:8px 0 10px}.server-tags-row{flex-wrap:wrap;gap:8px;display:flex}.tag{background:#0f172ac7;border:1px solid #94a3b859;border-radius:10px;align-items:center;padding:6px 10px;font-size:13px;display:inline-flex}.tag-soft{color:var(--text-soft)}.server-hero-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center;gap:10px;min-width:280px;display:grid}.server-status{background:#0f172ac7;border:1px solid #94a3b859;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #22c55e2e}.server-players,.server-region{background:#0f172ac7;border:1px solid #94a3b859;border-radius:14px;padding:10px 12px}.server-players .label,.server-region .label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);font-size:12px}.server-players .value,.server-region .value{margin-top:6px;font-size:16px;font-weight:700;display:block}.server-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;display:grid}.layout-main{flex-direction:column;gap:14px;display:flex}.layout-aside{flex-direction:column;gap:12px;display:flex}.card{background:var(--bg-elevated);box-shadow:var(--shadow-subtle);border:1px solid #94a3b840;border-radius:18px;padding:18px}.card-title{margin:0 0 10px}.card-title-small{margin:0 0 6px;font-size:15px;font-weight:700}.card-subtitle{color:var(--text-muted);margin:0}.card-ip .ip-main{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.ip-copy-box{background:linear-gradient(135deg,#3b82f61f,#22c55e1f);border:1px solid #94a3b859;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.ip-copy-box.is-disabled{opacity:.7}.ip-copy-value{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.ip-copy-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#22c55e);border:none;border-radius:999px;min-width:110px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s}.ip-copy-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #22c55e40}.ip-copy-button:active:not(:disabled){transform:translateY(0)}.ip-copy-button:disabled{opacity:.5;cursor:not-allowed}.ip-copy-button.is-copied{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 20px #22c55e4d}.ip-helper{color:var(--text-muted);margin:0}.ip-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ip-badge{background:#0f172ab3;border:1px solid #94a3b840;border-radius:10px;padding:6px 9px;font-size:12px}.body-text{color:var(--text-muted);line-height:1.6}.body-text-sm{color:var(--text-muted);font-size:13px;line-height:1.5}.server-actions{margin-top:12px}.server-actions-row{flex-wrap:wrap;gap:10px;display:flex}.action-feedback{margin:10px 0 0;font-size:13px}.action-feedback.is-success{color:#34d399}.action-feedback.is-error{color:#f87171}.card-tabs{padding:0}.tabs{gap:6px;padding:12px 12px 0;display:flex}.tab{color:var(--text-main);cursor:pointer;background:0 0;border:1px solid #94a3b859;border-radius:12px 12px 0 0;padding:10px 14px;font-weight:600}.tab.is-active{background:#0f172ae6;border-bottom-color:#0000}.tab-panels{background:#0f172ae6;border-top:1px solid #94a3b859;border-radius:0 0 18px 18px;padding:14px 16px 18px}.tab-panel{display:none}.tab-panel.is-active{display:block}.bullet-list{color:var(--text-muted);margin:10px 0 0;padding-left:18px}.vote-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0;display:grid}.vote-stat{background:#0f172acc;border:1px solid #94a3b840;border-radius:12px;padding:10px 12px}.vote-stat .label{color:var(--text-soft);font-size:12px}.vote-stat .value{margin-top:6px;font-weight:700;display:block}.vote-timeline{margin-top:10px}.vote-timeline-bar{background:#0f172ab3;border:1px solid #94a3b833;border-radius:999px;width:100%;height:10px;overflow:hidden}.vote-timeline-fill{background:linear-gradient(90deg,#22d3ee,#34d399);height:100%}.vote-timeline-text{color:var(--text-muted);margin:6px 0 0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0;display:grid}.feature-block{background:#0f172acc;border:1px solid #94a3b840;border-radius:12px;padding:12px 14px}.feature-block h3{margin:0 0 6px;font-size:15px}.feature-block p{color:var(--text-muted);margin:0;line-height:1.5}.screens-placeholder-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px;display:grid}.screens-placeholder-item{text-align:center;color:var(--text-soft);background:#0f172acc;border:1px dashed #94a3b859;border-radius:12px;padding:16px}.video-wrapper{background:#0f172a80;border:1px solid #94a3b840;border-radius:14px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.card-vote{flex-direction:column;gap:12px;display:flex}.vote-main{grid-template-columns:160px 1fr;align-items:center;gap:12px;display:grid}.vote-main.vote-compact{grid-template-columns:140px 1fr}.vote-circle{background:radial-gradient(circle,#22d3ee2e,#2563eb0f);border:1px solid #94a3b840;border-radius:50%;place-items:center;width:140px;height:140px;display:grid}.vote-circle-inner{text-align:center;background:#0f172ad9;border:1px solid #94a3b859;border-radius:50%;place-items:center;width:108px;height:108px;display:grid}.vote-label{color:var(--text-soft);font-size:12px}.vote-value{font-size:20px;font-weight:800}.vote-info-text,.vote-helper{color:var(--text-muted);margin:0 0 8px}.vote-actions{flex-direction:column;gap:10px;display:flex}.vote-actions .btn{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.vote-input{background:var(--inputBg);width:100%;color:inherit;border:1px solid #94a3b840;border-radius:10px;padding:10px 12px}.vote-input:focus{border-color:#3b82f699;outline:2px solid #3b82f673}.vote-helper{font-size:13px}.card-side-info .info-list{margin:0;padding:0}.info-row{border-bottom:1px solid #94a3b833;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row dt{color:var(--text-soft);font-weight:600}.info-row dd{text-align:right;margin:0}.boost-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.boost-item{background:#22d3ee1f;border:1px solid #34d39966;border-radius:12px;padding:10px 12px}:root[data-theme=light] .server-hero{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b859}:root[data-theme=light] .server-hero-banner{background:radial-gradient(circle at 0 0,#0ea5e940,#0000 60%),radial-gradient(circle at 100% 80%,#22c55e33,#0000 60%),linear-gradient(135deg,#e2e8f0,#cbd5e1)}:root[data-theme=light] .server-hero-overlay{background:linear-gradient(#ffffffa6,#ffffffd1)}:root[data-theme=light] .server-pill{color:#0f172a;background:#ffffffe6;border-color:#94a3b880}:root[data-theme=light] .pill-boost{background:#0ea5e924;border-color:#0ea5e980}:root[data-theme=light] .server-status,:root[data-theme=light] .server-players,:root[data-theme=light] .server-region{box-shadow:var(--shadow-subtle);background:#fff;border-color:#94a3b859}:root[data-theme=light] .tag{color:#0f172a;background:#fff;border-color:#94a3b866}:root[data-theme=light] .tag-soft{color:var(--text-soft)}:root[data-theme=light] .card{border-color:#94a3b84d}:root[data-theme=light] .ip-badge{background:#f8fafc;border-color:#94a3b859}:root[data-theme=light] .tab.is-active,:root[data-theme=light] .tab-panels{background:#fff}:root[data-theme=light] .vote-stat,:root[data-theme=light] .feature-block,:root[data-theme=light] .screens-placeholder-item{color:var(--text-main);background:#f8fafc;border-color:#94a3b859}:root[data-theme=light] .vote-timeline-bar{background:#e2e8f0;border-color:#94a3b859}:root[data-theme=light] .vote-circle{background:radial-gradient(circle,#0ea5e924,#22c55e14);border-color:#94a3b84d}:root[data-theme=light] .vote-circle-inner{background:#fff;border-color:#94a3b866}:root[data-theme=light] .boost-item{background:#0ea5e91a;border-color:#0ea5e966}@media (max-width:680px){.ip-copy-box{flex-direction:column;align-items:stretch}.ip-copy-value,.ip-copy-button{text-align:center;width:100%}}@media (max-width:960px){.server-layout{grid-template-columns:1fr}.card-ip .ip-main{flex-direction:column;align-items:flex-start}.vote-main{grid-template-columns:1fr}}