:root{color-scheme:dark}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#06010f;color:#eafff6;overflow-x:hidden}.scene{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:40px 20px}.scene:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1200px 700px at 50% 120%,#2a0a4d 0%,transparent 60%),linear-gradient(180deg,#0a0320,#170a3a 45%,#3a0f52)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.sun{position:fixed;z-index:1;bottom:30vh;left:50%;width:340px;height:340px;transform:translate(-50%);border-radius:50%;filter:blur(2px);background:radial-gradient(circle at 50% 40%,#ff5fd2 0%,#ff2fa0 40%,#7a1e8f 70%,transparent 72%);box-shadow:0 0 120px 30px #ff2fd066;animation:sunpulse 5s ease-in-out infinite}@keyframes sunpulse{50%{filter:blur(3px) brightness(1.15)}}.grid{position:fixed;z-index:1;left:-50%;right:-50%;bottom:-10vh;height:60vh;background-image:linear-gradient(#16f2e6aa 1px,transparent 1px),linear-gradient(90deg,#16f2e6aa 1px,transparent 1px);background-size:46px 46px;transform:perspective(320px) rotateX(66deg);transform-origin:bottom center;opacity:.5;mask-image:linear-gradient(transparent,#000 55%);-webkit-mask-image:linear-gradient(transparent,#000 55%);animation:grid 1.4s linear infinite}@keyframes grid{to{background-position:0 46px,46px 0}}.card{position:relative;z-index:2;width:100%;max-width:580px;padding:32px;border-radius:16px;background:#12081fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid #16f2e655;box-shadow:0 0 30px #16f2e622,inset 0 0 40px #16f2e611}.title{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:900;color:#fff;text-shadow:0 0 8px #16f2e6,0 0 22px #ff2fd0;margin-bottom:8px}.tag{color:#cbb9ee;margin-bottom:20px}.server{margin:16px 0;padding:18px;border-radius:12px;background:#0f0820aa;border:1.5px solid #16f2e644;transition:transform .2s,box-shadow .2s,border-color .2s}.server.modded{border-color:#ff2fd044}.server:hover{transform:translateY(-3px)}.server.survival:hover{box-shadow:0 0 30px #16f2e655;border-color:#16f2e6}.server.modded:hover{box-shadow:0 0 30px #ff2fd055;border-color:#ff2fd0}.server h2{font-size:1.15rem;margin-bottom:6px;color:#9fe8ff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.server.modded h2{color:#ffa8e8}.server.down{opacity:.82}.server.down:hover{transform:none;box-shadow:none;border-color:#ff2fd044}.status{font-size:.62rem;font-weight:800;letter-spacing:.5px;padding:3px 8px;border-radius:999px;text-transform:uppercase;white-space:nowrap}.status.up{color:#39ff88;background:#39ff8818;border:1px solid #39ff8866}.status.down{color:#ffb454;background:#ffb45418;border:1px solid #ffb45466}.server p,.server li{color:#cbb9ee;line-height:1.55;font-size:.93rem}ol{margin:8px 0 8px 18px}a{color:#16f2e6}.addr{width:100%;margin-top:12px;padding:12px;font:inherit;font-weight:800;letter-spacing:1px;cursor:pointer;border-radius:9px;background:#06010f;color:#16f2e6;border:1px dashed #16f2e6;transition:box-shadow .2s}.addr.alt{color:#ff2fd0;border-color:#ff2fd0}.addr:hover{box-shadow:0 0 18px #16f2e688}.addr.alt:hover{box-shadow:0 0 18px #ff2fd088}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.btn{padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;color:#06010f;background:linear-gradient(90deg,#16f2e6,#39ff88);box-shadow:0 0 22px #16f2e655;transition:box-shadow .2s,transform .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 36px #16f2e6}.btn.ghost{color:#eafff6;background:#1a0b33aa;border:1.5px solid #a24bff88;box-shadow:none}.btn.ghost:hover{border-color:#a24bff;box-shadow:0 0 22px #a24bff88}