.server-page{padding:20px 0 60px;max-width:1100px;margin:0 auto}.sp-owner-btn{background:0 0;color:var(--accent);border:1px solid var(--accent);padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s}.sp-owner-btn:hover{background:rgba(34,197,94,.1);box-shadow:0 5px 15px var(--accent-glow)}.sp-delete-btn{background:0 0;color:var(--danger);border:1px solid var(--danger);padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s}.sp-delete-btn:hover{background:rgba(239,68,68,.1);box-shadow:0 5px 15px rgba(239,68,68,.3)}.sp-breadcrumbs{display:flex;gap:6px;font-size:.8rem;color:var(--text-secondary);margin-bottom:15px}.sp-breadcrumbs a{color:var(--text-secondary);text-decoration:none}.sp-breadcrumbs a:hover{color:var(--accent)}.sp-breadcrumbs-current{color:var(--text-primary)}.sp-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.sp-header-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff;flex-shrink:0}.sp-header-info{flex:1;min-width:0}.sp-header h1{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.sp-header-meta{display:flex;gap:12px;font-size:.75rem;color:var(--text-secondary);margin-top:4px}.sp-status{display:flex;align-items:center;gap:5px;font-weight:600;padding:2px 10px;border-radius:15px}.sp-status.online{background:rgba(34,197,94,.15);color:#22c55e}.sp-status.offline{background:rgba(239,68,68,.15);color:#ef4444}.sp-status-dot{width:6px;height:6px;border-radius:50%}.sp-status.online .sp-status-dot{background:#22c55e;animation:pulse 2s infinite}.sp-status.offline .sp-status-dot{background:#ef4444}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.sp-copy-btn{background:var(--gradient-accent);color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:6px;transition:all .3s}.sp-copy-btn:hover{opacity:.9}.copy-icon-check{display:none;flex-shrink:0}.copy-icon-check--visible{display:block;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.sp-copy-btn-text{transition:all .2s}.sp-short-desc{font-size:1rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.sp-main{display:flex;gap:20px}.sp-left{flex:2}.sp-right{flex:1}.sp-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:15px;margin-bottom:15px}.sp-block h2{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:10px}.sp-ip-row{display:flex;align-items:center;gap:8px}.sp-ip-label{font-weight:600;font-size:.85rem}.sp-ip{font-family:var(--font-mono);font-size:1rem;font-weight:600;cursor:copy;user-select:all}.sp-ip:hover{color:var(--accent)}.sp-ip-count{font-size:.7rem;color:var(--text-secondary);margin-top:8px;display:flex;flex-direction:column;gap:4px}.sp-ip-count-title{font-weight:700;color:var(--text-primary);font-size:.75rem;border-bottom:1px solid var(--border);padding-bottom:4px;margin-bottom:2px}.sp-ip-count-row{display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}.sp-ip-count-row strong{color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem}.sp-stats{display:flex;gap:10px;margin-bottom:8px}.sp-stat{flex:1;text-align:center;background:var(--bg-secondary);padding:10px;border-radius:8px}.sp-stat-value{font-size:1.1rem;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sp-stat-label{font-size:.7rem;color:var(--text-secondary)}.sp-online-bar{height:5px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.sp-online-fill{height:100%;background:var(--gradient-accent)}.sp-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:15px;margin-bottom:15px;position:relative}.sp-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.sp-chart-header h2{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:0}.sp-chart-tabs{display:flex;gap:4px}.sp-chart-tab{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);padding:4px 10px;border-radius:15px;cursor:pointer;font-size:.7rem;font-weight:600}.sp-chart-tab--active{background:var(--gradient-accent);color:#fff;border-color:transparent}.sp-chart-tooltip{display:none;position:absolute;background:var(--bg-hover);border:1px solid var(--accent);border-radius:6px;padding:6px 10px;font-size:.7rem;z-index:10;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow)}.sp-chart-tooltip span{display:block;color:var(--text-secondary);font-size:.6rem}.sp-chart-tooltip strong{color:var(--accent)}.sp-chart-area{display:flex;gap:6px;align-items:stretch}.sp-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.55rem;color:var(--text-secondary);padding:0 4px;text-align:right;min-width:35px;user-select:none}.sp-chart-body{flex:1;display:flex;align-items:flex-end;gap:2px;height:120px;padding:8px;background:var(--bg-secondary);border-radius:6px;position:relative}.sp-chart-body::before{content:'';position:absolute;top:25%;left:0;right:0;border-top:1px dashed var(--border);opacity:.5}.sp-chart-body::after{content:'';position:absolute;top:50%;left:0;right:0;border-top:1px dashed var(--border);opacity:.5}.sp-chart-bar{flex:1;background:var(--gradient-accent);border-radius:2px 2px 0 0;min-height:3px;cursor:pointer;transition:opacity .2s;z-index:1;position:relative}.sp-chart-bar:hover{opacity:.7}.sp-chart-labels{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-top:4px;margin-left:41px}.sp-chart-legend{text-align:center;font-size:.6rem;color:var(--text-secondary);opacity:.7;margin-top:4px}.sp-versions{display:flex;gap:6px;flex-wrap:wrap}.sp-version{padding:4px 12px;border-radius:15px;font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.sp-version--java{background:rgba(231,111,0,.15);color:#f59e0b;border:1px solid rgba(231,111,0,.4)}.sp-version--bedrock{background:rgba(0,188,212,.15);color:#06b6d4;border:1px solid rgba(0,188,212,.4)}.sp-tags{display:flex;gap:5px;flex-wrap:wrap}.sp-tag{background:var(--bg-secondary);border:2px solid var(--border);padding:3px 10px;border-radius:10px;font-size:.7rem;color:var(--text-secondary);outline:1px solid var(--border);outline-offset:1px}.sp-tag:hover{border-color:var(--accent);color:var(--text-primary);outline-color:var(--accent)}.sp-block p{font-size:.85rem;color:var(--text-secondary);line-height:1.7}.sp-socials{display:flex;gap:6px;flex-wrap:wrap}.sp-social{padding:6px 14px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.75rem;color:#fff}.sp-social--vk{background:#07f}.sp-social--telegram{background:#08c}.sp-social--discord{background:#5865f2}.sp-social--youtube{background:red}.sp-social--tiktok{background:#000}.sp-social--twitch{background:#9146ff}@media (max-width:700px){.sp-main{flex-direction:column}.sp-header{flex-wrap:wrap}.sp-header-actions{width:100%}.sp-stats{flex-direction:column}.sp-header-actions .sp-copy-btn{width:100%}.sp-ip-block .sp-copy-btn{display:none!important;width:auto!important}.sp-ip-block{gap:10px;padding:10px 12px}.sp-ip-block .sp-ip-label{min-width:auto;flex-shrink:0}.sp-ip-block .sp-ip{flex:1;min-width:0;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px}}.sp-banner>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;padding:0 20px;line-height:1.3;max-height:100%;word-break:break-word}.server-card__platform-icon{font-size:1rem!important;flex-shrink:0;width:20px;text-align:center;filter:drop-shadow(0 0 4px currentColor);transition:transform .2s ease}.server-card__platform-icon--java{color:#4caf50!important}.server-card__platform-icon--bedrock{color:#06b6d4!important}.sp-ip-row:hover .server-card__platform-icon{transform:scale(1.2)}body.light-theme .server-card__platform-icon--java{color:#2e7d32!important}body.light-theme .server-card__platform-icon--bedrock{color:#0277bd!important}.sp-ip-block{background:linear-gradient(135deg,rgba(30,41,59,.5),rgba(15,23,42,.3));border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;transition:all .3s ease;position:relative;overflow:hidden}.sp-ip-block::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-accent);opacity:.6}.sp-ip-block:hover{border-color:var(--accent);background:linear-gradient(135deg,rgba(30,41,59,.7),rgba(15,23,42,.5));box-shadow:0 4px 12px rgba(34,197,94,.15);transform:translateX(2px)}.sp-ip-block--bedrock{background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(6,182,212,.05));border-color:rgba(6,182,212,.3)}.sp-ip-block--bedrock::before{background:#06b6d4}.sp-ip-block--bedrock:hover{border-color:#06b6d4;box-shadow:0 4px 12px rgba(6,182,212,.2)}.sp-ip-block .sp-ip-label{font-weight:700;font-size:.85rem;color:var(--text-secondary);min-width:60px;display:flex;align-items:center;gap:6px;flex-shrink:0}.sp-ip-block--bedrock .sp-ip-label{color:#06b6d4}.sp-ip-block .sp-ip{flex:1;font-family:var(--font-mono, 'JetBrains Mono', monospace);font-size:.95rem;font-weight:600;color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s ease;user-select:all}.sp-ip-block .sp-ip:hover{background:rgba(34,197,94,.1)}.sp-ip-block--bedrock .sp-ip:hover{background:rgba(6,182,212,.1)}.sp-ip-block .sp-copy-btn{padding:6px 14px;font-size:.75rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:all .2s ease;flex-shrink:0}.sp-ip-block .sp-copy-btn:hover{background:#16a34a;transform:scale(1.05)}.sp-ip-block--bedrock .sp-copy-btn{background:rgba(6,182,212,.15);color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.sp-ip-block--bedrock .sp-copy-btn:hover{background:rgba(6,182,212,.25)}body.light-theme .sp-ip-block{background:linear-gradient(135deg,rgba(241,245,249,.8),rgba(226,232,240,.5));border-color:#cbd5e1}body.light-theme .sp-ip-block:hover{border-color:#16a34a;background:linear-gradient(135deg,#f1f5f9,rgba(226,232,240,.7));box-shadow:0 4px 12px rgba(22,163,74,.15)}body.light-theme .sp-ip-block--bedrock{background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(6,182,212,.03));border-color:rgba(6,182,212,.4)}body.light-theme .sp-ip-block .sp-ip{color:#0f172a}.sp-banner>span{white-space:pre-line;text-align:center;color:#fff;font-size:1.05rem;font-weight:700;line-height:1.5;max-width:100%;word-break:break-word;text-shadow:0 2px 8px rgba(0,0,0,.5);padding:8px 12px;letter-spacing:.5px}.sp-banner>span:empty{display:none}@media (max-width:768px){.sp-banner>span{font-size:.9rem;line-height:1.4}}.sp-ip-block--bedrock{background:linear-gradient(135deg,rgba(30,41,59,.5),rgba(15,23,42,.3));border:1px solid var(--border)}.sp-ip-block--bedrock::before{background:var(--gradient-accent)}.sp-ip-block--bedrock:hover{border-color:var(--accent);background:linear-gradient(135deg,rgba(30,41,59,.7),rgba(15,23,42,.5));box-shadow:0 4px 12px rgba(34,197,94,.15)}.sp-ip-block--bedrock .sp-ip-label{color:var(--text-secondary)}.sp-ip-block--bedrock .sp-ip:hover{background:rgba(34,197,94,.1)}.sp-ip-block--bedrock .sp-copy-btn{background:var(--accent);color:#fff;border:none}.sp-ip-block--bedrock .sp-copy-btn:hover{background:#16a34a}body.light-theme .sp-ip-block--bedrock{background:linear-gradient(135deg,rgba(241,245,249,.8),rgba(226,232,240,.5));border-color:#cbd5e1}body.light-theme .sp-ip-block--bedrock:hover{border-color:#16a34a;background:linear-gradient(135deg,#f1f5f9,rgba(226,232,240,.7));box-shadow:0 4px 12px rgba(22,163,74,.15)}.sp-header-icon{background:0 0!important}.sp-header-icon:not(img){background:var(--gradient-accent)!important}.sp-banner>span{display:inline!important;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.server-card .sp-banner-content,.sp-banner>span{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;display:inline!important;text-align:center!important;line-height:1.5!important;font-size:1.05rem!important;font-weight:700!important;text-shadow:0 2px 8px rgba(0,0,0,.5)!important;padding:8px 12px!important}.server-card .sp-banner-content,.sp-banner span{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;text-align:center!important;line-height:1.5!important;max-width:100%!important}.sp-banner-content span{display:inline!important;text-shadow:0 1px 3px rgba(0,0,0,.9)!important}.server-card .server-card .sp-banner-content span{display:inline!important;text-shadow:0 1px 3px rgba(0,0,0,.9)!important}.server-card .server-card .sp-banner::after,.sp-banner-content span{display:inline!important;opacity:1!important;filter:none!important;text-shadow:0 1px 4px rgba(0,0,0,.9)!important}.server-card .server-card .sp-banner>span,.sp-banner-content{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;text-align:center!important;line-height:1.5!important}.sp-banner-content span,.sp-banner>span span{display:inline!important}.sp-banner-content span,.sp-banner>span span{display:inline!important;word-break:break-all!important}.modal input[type=number],.modal input[type=text],.modal select,.modal textarea{box-sizing:border-box!important;width:100%!important;min-height:42px!important;line-height:1.5!important;padding:.6rem .75rem!important}.modal textarea{min-height:120px!important;resize:vertical!important;overflow-y:auto!important}