@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&family=Inter:wght@300;400;600&family=Press+Start+2P&family=VT323&display=swap";:root{--bg: #0b120e;--bg-2: #0f1a14;--panel: rgba(255,255,255,.06);--panel-2: rgba(255,255,255,.08);--border: rgba(255,255,255,.12);--accent: #4ade80;--accent-2: #ffaa00;--text: #e6f3ed;--muted: #9bc8a8;--success: #39d353;--mc-grass-top: #7fc251;--mc-grass-side: #5b9c3e;--mc-dirt: #8b5a2b;--mc-stone: #7a7a7a;--mc-sky: #87ceeb;--mc-shadow: rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 10% -20%,#132218 0%,var(--bg) 40%),linear-gradient(180deg,#0a110d,#0b120e);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";opacity:0;transition:opacity .35s ease}body.page-ready{opacity:1}body.page-leaving{opacity:0;transform:scale(.98);transition:opacity .35s ease,transform .35s ease}.app-wrapper{min-height:100%;display:flex;flex-direction:column}.main-content,.container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0009,#0003);border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px}.brand{font-family:"Press Start 2P",monospace;letter-spacing:1px;font-size:14px;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:var(--accent);text-shadow:2px 2px 0 var(--mc-shadow)}.brand-logo{height:72px;width:auto;border-radius:6px}.nav-links{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}.nav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:4px;font-family:VT323,monospace;font-size:18px;letter-spacing:1px}.nav a.active,.nav a:hover{color:var(--text);background:var(--panel);box-shadow:inset 0 -3px 0 var(--accent)}.btn{background:var(--panel-2);color:var(--text);border:2px solid rgba(0,0,0,.6);padding:10px 18px;border-radius:4px;cursor:pointer;font-family:VT323,monospace;font-size:18px;font-weight:400;letter-spacing:1px;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 4px #0009,inset 0 2px #ffffff26;text-shadow:1px 1px 0 var(--mc-shadow)}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(2px);box-shadow:0 2px #0009,inset 0 2px #ffffff26}.btn-accent{background:linear-gradient(180deg,var(--mc-grass-top) 0%,var(--mc-grass-side) 100%);color:#0b1a05;border-color:#000000b3;text-shadow:1px 1px 0 rgba(255,255,255,.25)}.btn-accent:hover{box-shadow:0 4px #0009,0 0 18px #7fc2518c,inset 0 2px #fff3}.btn-discord{background:linear-gradient(180deg,#6f7afc,#4752c4);color:#fff;border-color:#000000b3}.btn-discord:hover{box-shadow:0 4px #0009,0 0 18px #5865f28c,inset 0 2px #fff3}.status-dot{width:10px;height:10px;border-radius:0;background:#4a4a4a;display:inline-block;box-shadow:inset 0 0 0 2px #00000080}.status-dot.online{background:var(--success);box-shadow:0 0 10px var(--success),inset 0 0 0 2px #00000080}.hero-content{position:relative;z-index:1}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.panel{background:var(--panel);border:2px solid rgba(0,0,0,.55);border-radius:4px;padding:18px;box-shadow:inset 0 2px #ffffff14,0 4px #00000073}.glass{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:2px solid rgba(0,0,0,.55);border-radius:4px;box-shadow:inset 0 2px #ffffff14,0 6px #00000080}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 900px){.grid-2,.grid-3{grid-template-columns:1fr}}h1,h2,h3{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px}h1.title,.hero .title{font-family:"Press Start 2P",monospace;letter-spacing:2px;text-shadow:4px 4px 0 var(--mc-shadow);line-height:1.2}.title{color:var(--accent)}.muted{color:var(--muted)}.kpi{font-family:"Press Start 2P",monospace;font-size:22px;color:var(--accent);text-shadow:2px 2px 0 var(--mc-shadow);letter-spacing:1px}.hero{position:relative;overflow:hidden;border-radius:4px;border:2px solid rgba(0,0,0,.55);padding:56px 48px 72px;background:linear-gradient(180deg,#5fa1c8,#4a89b3,#2a4a3a 70%,#0b120e);box-shadow:inset 0 2px #ffffff14,0 6px #00000080}@media (max-width: 768px){.hero{padding:32px 20px 56px}.hero .title{font-size:1.8rem!important}}.hero .title{font-size:36px;margin:0 0 14px;color:#f0fff4}.hero .subtitle{color:#f0fff4d9;margin:0 0 16px;font-size:1.05rem}.hero .bg-lines{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:linear-gradient(transparent 23px,#7fc2511a 24px),linear-gradient(90deg,transparent 23px,rgba(127,194,81,.1) 24px);background-size:24px 24px;pointer-events:none;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 50%,transparent 100%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 50%,transparent 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background-color:var(--mc-dirt);background-image:repeating-linear-gradient(90deg,#7fc251 0,#7fc251 8px,#6cb148 8px,#6cb148 16px,#85cb55 16px,#85cb55 24px,#76b94a 24px,#76b94a 32px),repeating-linear-gradient(90deg,#5b9c3e 0,#5b9c3e 16px,#4f8a37 16px,#4f8a37 32px),repeating-linear-gradient(90deg,var(--mc-dirt) 0 8px,#7a4d24 8px 16px,#9c6c3a 16px 24px,#6b4321 24px 32px),repeating-linear-gradient(90deg,#7a4d24 0 8px,var(--mc-dirt) 8px 16px,#6b4321 16px 24px,#9c6c3a 24px 32px),repeating-linear-gradient(90deg,#9c6c3a 0 8px,#6b4321 8px 16px,var(--mc-dirt) 16px 24px,#7a4d24 24px 32px);background-position:0 0,0 6px,0 9px,0 22px,0 35px;background-size:100% 6px,100% 3px,100% 13px,100% 13px,100% 13px;background-repeat:repeat-x;border-top:2px solid rgba(0,0,0,.55);image-rendering:pixelated;pointer-events:none}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}th{color:var(--muted);font-weight:500}label{font-size:14px;color:var(--muted)}input,select,textarea{width:100%;background:var(--bg-2);border:2px solid rgba(0,0,0,.55);color:var(--text);padding:10px 12px;border-radius:4px;outline:none;transition:border-color .2s;margin-bottom:12px;font-family:VT323,monospace;font-size:18px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4ade8040}textarea{min-height:120px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}code{background:#0006;border:1px solid rgba(0,0,0,.55);padding:4px 8px;border-radius:3px;font-family:VT323,monospace;font-size:18px;color:var(--accent);letter-spacing:1px}.site-switcher{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0;background:linear-gradient(180deg,#0000008c,#00000059);border-bottom:2px solid rgba(0,0,0,.55);font-family:VT323,monospace}.site-switcher-label{font-size:16px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-weight:400;white-space:nowrap;transition:color .25s ease,text-shadow .25s ease;display:inline-flex;align-items:center;gap:6px}.site-switcher-label .site-icon{font-size:18px;line-height:1}.site-switcher-label.active{color:var(--text);font-weight:600;text-shadow:0 0 8px currentColor}.site-switcher-label.scp.active{color:#8ae1ff}.site-switcher-label.smp.active{color:#4ade80}button.site-switcher-track{padding:0;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.site-switcher-track{position:relative;width:64px;height:28px;border-radius:3px;cursor:pointer;background:linear-gradient(180deg,#1a2620,#0f1814);border:2px solid rgba(0,0,0,.7);box-shadow:inset 0 2px #ffffff0f,0 2px #00000080;transition:box-shadow .25s ease}.site-switcher-track:hover{box-shadow:inset 0 2px #ffffff14,0 2px #00000080,0 0 12px #4ade8059}.site-switcher-track .site-switcher-thumb{position:absolute;top:2px;width:22px;height:20px;border-radius:2px;transition:left .35s cubic-bezier(.34,1.56,.64,1),background .35s ease,box-shadow .35s ease;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 2px #ffffff40,0 1px #00000080}.site-switcher-track[data-active=scp] .site-switcher-thumb{left:2px;background:linear-gradient(180deg,#b1ecff,#8ae1ff);box-shadow:inset 0 2px #ffffff4d,0 0 12px #8ae1ff99}.site-switcher-track[data-active=smp] .site-switcher-thumb{left:36px;background:linear-gradient(180deg,#86efac,#4ade80);box-shadow:inset 0 2px #ffffff4d,0 0 12px #4ade8099}.server-card{background:radial-gradient(ellipse at top,rgba(127,194,81,.1),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff08);border:2px solid rgba(0,0,0,.55);border-radius:4px;padding:28px;box-shadow:inset 0 2px #ffffff14,0 6px #00000080}.server-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.server-icon{width:80px;height:80px;border:2px solid rgba(0,0,0,.6);border-radius:4px;background:#0006;image-rendering:pixelated;box-shadow:inset 0 2px #ffffff14}.server-title{flex:1;min-width:0}.server-title h1{font-family:"Press Start 2P",monospace;color:var(--accent);margin:0 0 8px;font-size:22px;letter-spacing:1px;text-shadow:3px 3px 0 var(--mc-shadow)}.server-motd{font-family:VT323,monospace;font-size:18px;color:var(--muted);margin:0;white-space:pre-line}.server-status-badge{display:inline-flex;align-items:center;gap:8px;font-family:VT323,monospace;font-size:16px;letter-spacing:1px;padding:6px 12px;border-radius:3px;border:2px solid rgba(0,0,0,.6);background:#0006;text-transform:uppercase}.server-status-badge.online{color:var(--success);border-color:#0009}.server-status-badge.offline{color:#ff6b6b}.ip-block{margin:24px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;background:linear-gradient(180deg,#00000080,#00000059);border:2px solid rgba(0,0,0,.6);border-radius:4px;box-shadow:inset 0 2px #ffffff0d}.ip-block .ip-label{font-family:VT323,monospace;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.ip-block .ip-value{font-family:"Press Start 2P",monospace;font-size:18px;color:var(--accent);text-shadow:2px 2px 0 var(--mc-shadow);letter-spacing:1px;flex:1;min-width:220px;word-break:break-all}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 720px){.stats-grid{grid-template-columns:1fr}}.stat-tile{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:2px solid rgba(0,0,0,.55);border-radius:4px;padding:16px;box-shadow:inset 0 2px #ffffff0f}.stat-tile .stat-label{font-family:VT323,monospace;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.stat-tile .stat-value{font-family:"Press Start 2P",monospace;font-size:18px;color:var(--accent);text-shadow:2px 2px 0 var(--mc-shadow);letter-spacing:1px}.stat-tile .stat-sub{margin-top:8px;font-family:VT323,monospace;font-size:16px;color:var(--muted)}.player-bar{margin-top:12px;height:14px;background:#00000080;border:2px solid rgba(0,0,0,.7);border-radius:3px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.player-bar .player-bar-fill{height:100%;background:linear-gradient(180deg,var(--mc-grass-top) 0%,var(--mc-grass-side) 100%);box-shadow:inset 0 2px #ffffff40;transition:width .6s ease}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}@media (max-width: 720px){.steps{grid-template-columns:1fr}}.step{display:flex;align-items:flex-start;gap:14px;padding:16px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:2px solid rgba(0,0,0,.55);border-radius:4px;box-shadow:inset 0 2px #ffffff0f}.step-number{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(180deg,var(--mc-grass-top) 0%,var(--mc-grass-side) 100%);border:2px solid rgba(0,0,0,.6);border-radius:3px;font-family:"Press Start 2P",monospace;font-size:14px;color:#0b1a05;text-shadow:1px 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 2px #fff3}.step-body{flex:1;min-width:0}.step-body strong{font-family:VT323,monospace;font-size:18px;color:var(--text);letter-spacing:1px;display:block;margin-bottom:4px}.step-body span{font-family:Inter,sans-serif;font-size:14px;color:var(--muted);line-height:1.5}