:root{--bg: #0c0a09;--bg-elevated: #151311;--bg-surface: #1c1917;--text: #fafaf9;--text-dim: #a8a29e;--text-muted: #57534e;--accent: #cd412b;--accent-hover: #e04d35;--discord: #5865F2;--discord-hover: #6b75f7;--success: #22c55e;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--radius: 8px;--radius-sm: 6px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay, 0s)}.hero-main.animate-in{animation:none;opacity:1;transform:none}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);background:linear-gradient(180deg,rgba(12,10,9,.95) 0%,rgba(12,10,9,.8) 50%,transparent 100%);backdrop-filter:blur(8px);animation:fadeIn .5s ease}@media (min-width: 768px){.header{padding:var(--sp-4) var(--sp-8)}}.header-left{display:flex;align-items:center;gap:var(--sp-8)}.brand{font-size:1rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:opacity var(--transition)}.brand:hover{opacity:.8}.brand-rust{color:var(--accent)}.brand-camp{color:var(--text)}.nav{display:flex;align-items:center;gap:var(--sp-1)}.nav-link{color:var(--text-dim);text-decoration:none;font-size:.875rem;font-weight:500;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text);background:#ffffff0d}.header-right{display:flex;align-items:center;gap:var(--sp-3)}@media (max-width: 1023px){.nav-desktop{display:none}}@media (min-width: 1024px){.hamburger,.mobile-menu{display:none!important}}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:transparent;border:none;cursor:pointer;z-index:110}.hamburger-line{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);background:#0c0a09fa;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu.open{opacity:1;visibility:visible}.mobile-link{color:var(--text);text-decoration:none;font-size:1.5rem;font-weight:600;padding:var(--sp-3) var(--sp-6);transition:color var(--transition)}.mobile-link:hover,.mobile-link.active{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-family:var(--font);font-size:.875rem;font-weight:500;text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:active{transform:scale(.97)}.btn-icon{flex-shrink:0}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #cd412b4d}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff08;transform:translateY(-1px)}.btn-discord{background:var(--discord);color:#fff}.btn-discord:hover{background:var(--discord-hover);transform:translateY(-1px);box-shadow:0 4px 16px #5865f24d}.btn-ghost{background:transparent;color:var(--text-dim);padding:var(--sp-2) var(--sp-3)}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:.9375rem}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:.8125rem}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:var(--sp-20) 0}.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.4) saturate(.9);animation:fadeIn 1s ease}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0c0a09d9,#0c0a09b3,#0c0a0966 60%,#0c0a0933),linear-gradient(180deg,transparent 70%,var(--bg) 100%)}.hero-noise{position:absolute;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-content{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--sp-6)}@media (min-width: 768px){.hero-content{padding:0 var(--sp-8)}}.hero-main{max-width:540px}.hero-headline{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--sp-2)}.hero-subline{font-size:1.0625rem;color:var(--accent);font-weight:500;margin-bottom:var(--sp-6)}.hero-paragraph{font-size:1rem;color:var(--text-dim);line-height:1.7;margin-bottom:var(--sp-8)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.servers-page{padding:calc(var(--sp-20) + var(--sp-8)) var(--sp-6) var(--sp-16);min-height:100vh;max-width:1200px;margin:0 auto}.servers-intro{text-align:center;margin-bottom:var(--sp-8)}.servers-intro-text{font-size:1rem;color:var(--text-dim);max-width:600px;margin:0 auto;line-height:1.6}.servers-layout{display:flex;gap:var(--sp-8)}.filters-sidebar{width:240px;flex-shrink:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);height:fit-content;position:sticky;top:calc(var(--sp-20) + var(--sp-8))}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.filters-title{font-size:.9375rem;font-weight:600;color:var(--text)}.filters-close{display:none;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.filter-group{padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.filter-group:last-of-type{border-bottom:none}.filter-label{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-2)}.filter-option{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;cursor:pointer;font-size:.875rem;color:var(--text-dim);transition:color var(--transition)}.filter-option:hover{color:var(--text)}.filter-option input[type=radio]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:2px solid var(--text-muted);border-radius:50%;background:transparent;cursor:pointer;transition:all var(--transition);flex-shrink:0}.filter-option input[type=radio]:checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--bg-elevated)}.filter-option input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-reset{width:100%;margin-top:var(--sp-4);font-size:.8125rem}.filters-toggle{display:none;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-family:var(--font);font-size:.875rem;font-weight:500;color:var(--text-dim);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.filters-toggle:hover{color:var(--text);border-color:var(--border-hover)}.filters-toggle svg{width:16px;height:16px}@media (max-width: 900px){.servers-layout{flex-direction:column}.filters-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:200;border-radius:0;border-left:none;border-top:none;border-bottom:none;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;padding-top:var(--sp-6)}.filters-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000080}.filters-close{display:block}.filters-toggle{display:flex}}.servers-container{flex:1;max-width:900px}.servers-header{margin-bottom:var(--sp-8)}.servers-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap}.servers-title{font-size:1.75rem;font-weight:600}.servers-summary{font-size:.875rem;color:var(--text-muted)}.servers-search{max-width:280px}.search-input{width:100%;padding:var(--sp-3) var(--sp-4);font-family:var(--font);font-size:.875rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #cd412b26}.servers-list{display:flex;flex-direction:column;gap:var(--sp-3)}.server-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4) var(--sp-6);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.server-row:hover{border-color:var(--border-hover);transform:translate(4px);box-shadow:-4px 0 0 var(--accent)}.server-row.server-offline{opacity:.5}.server-row.server-restarting{opacity:.7}@media (max-width: 700px){.server-row{grid-template-columns:1fr;gap:var(--sp-4)}.server-stats{display:flex;align-items:center;gap:var(--sp-4)}.server-actions{display:flex;gap:var(--sp-2)}.server-actions .btn{flex:1}}.server-info{min-width:0}.server-name{font-size:1rem;font-weight:600;margin-bottom:var(--sp-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-meta{display:flex;align-items:center;gap:var(--sp-4);font-size:.75rem}.server-status{display:flex;align-items:center;gap:var(--sp-1);color:var(--text-muted)}.server-status.online{color:var(--success)}.server-status.restarting{color:#f59e0b}.server-status.offline{color:#ef4444}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.server-status.online .status-dot{animation:pulse 2s infinite}.server-status.restarting .status-dot{animation:pulse-fast 1s infinite}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.4}}.server-stats{text-align:left;min-width:180px}.server-players{font-size:1.125rem;font-weight:600;margin-bottom:var(--sp-2);display:flex;align-items:baseline;gap:var(--sp-1)}.players-count{min-width:75px}.players-current{color:var(--text)}.players-max{color:var(--text-muted);font-weight:400}.queue-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-left:var(--sp-3);white-space:nowrap;padding:3px 8px;border-radius:4px}.queue-label.queued{color:#f59e0b;background:#f59e0b26}.queue-label.joining{color:var(--success);background:#22c55e26}.occupancy-bar{width:80px;height:4px;background:var(--bg-surface);border-radius:2px;overflow:hidden}.occupancy-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.server-actions{display:flex;align-items:center;gap:var(--sp-2)}.server-info-icon{display:none}.no-results{text-align:center;color:var(--text-muted);padding:var(--sp-12) 0}.servers-error{text-align:center;padding:var(--sp-12) 0}.error-message{color:var(--text-muted);margin-bottom:var(--sp-4)}.server-row.skeleton{pointer-events:none;display:flex;justify-content:space-between;align-items:center}.skeleton-content{flex:1}.skeleton-line{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-line.title{height:1rem;width:50%;margin-bottom:var(--sp-2)}.skeleton-line.meta{height:.75rem;width:30%}.skeleton-bar{width:100px;height:2.5rem;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.rules-page{padding:calc(var(--sp-20) + var(--sp-8)) var(--sp-6) var(--sp-16);min-height:100vh}.rules-container{max-width:800px;margin:0 auto}.rules-header{text-align:center;margin-bottom:var(--sp-12)}.rules-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--sp-2)}.rules-subtitle{font-size:1rem;color:var(--text-dim)}.rules-content{display:flex;flex-direction:column;gap:var(--sp-4)}.rules-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6);transition:border-color var(--transition)}.rules-section:hover{border-color:var(--border-hover)}.rules-section h2{font-size:1.125rem;font-weight:600;color:var(--accent);margin-bottom:var(--sp-4)}.rules-section ol,.rules-section ul{list-style-position:inside;display:flex;flex-direction:column;gap:var(--sp-2)}.rules-section li{font-size:.9375rem;color:var(--text-dim);line-height:1.6}.rules-section strong{color:var(--text)}.rules-note{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border);font-size:.875rem;color:var(--text-muted)}.rules-note a{color:var(--accent);text-decoration:none;transition:color var(--transition)}.rules-note a:hover{color:var(--accent-hover)}.legal-page{padding:calc(var(--sp-20) + var(--sp-8)) var(--sp-6) var(--sp-16);min-height:100vh}.legal-container{max-width:800px;margin:0 auto}.legal-header{text-align:center;margin-bottom:var(--sp-12)}.legal-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--sp-2)}.legal-updated{font-size:.875rem;color:var(--text-muted)}.legal-content{display:flex;flex-direction:column;gap:var(--sp-4)}.legal-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6);transition:border-color var(--transition)}.legal-section:hover{border-color:var(--border-hover)}.legal-section h2{font-size:1.125rem;font-weight:600;color:var(--accent);margin-bottom:var(--sp-4)}.legal-section p{font-size:.9375rem;color:var(--text-dim);line-height:1.7;margin-bottom:var(--sp-3)}.legal-section p:last-child{margin-bottom:0}.legal-section ul{list-style-position:inside;display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-2)}.legal-section li{font-size:.9375rem;color:var(--text-dim);line-height:1.6}.legal-section strong{color:var(--text)}.legal-section a{color:var(--accent);text-decoration:none;transition:color var(--transition)}.legal-section a:hover{color:var(--accent-hover)}.footer{padding:var(--sp-6);border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-servers{flex:1;display:flex;gap:var(--sp-4)}.footer-server-link{font-size:.8125rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.footer-server-link:hover{color:var(--text)}.footer-copyright-section{flex:1;text-align:center;display:flex;flex-direction:column;gap:.25rem}.footer-copyright{font-size:.8125rem;color:var(--text-muted)}.footer-disclaimer{font-size:.6875rem;color:var(--text-muted);white-space:nowrap}.footer-links{flex:1;display:flex;justify-content:flex-end;gap:var(--sp-6)}@media (max-width: 700px){.footer-inner{flex-direction:column;gap:var(--sp-4)}.footer-servers{order:1;justify-content:center}.footer-copyright-section{order:3}.footer-links{order:2;justify-content:center}.footer-disclaimer{white-space:normal}}.footer-link{font-size:.8125rem;color:var(--text-dim);text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--text)}.toast{position:fixed;bottom:var(--sp-8);left:50%;transform:translate(-50%) translateY(var(--sp-4));background:var(--bg-surface);color:var(--text);padding:var(--sp-4) var(--sp-6);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:1000;display:flex;align-items:flex-start;gap:var(--sp-3)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.toast-icon{color:var(--success);font-size:1rem;font-weight:600;flex-shrink:0;margin-top:2px}.toast-content{display:flex;flex-direction:column;gap:var(--sp-1)}.toast-title{font-size:.9375rem;font-weight:600;color:var(--success)}.toast-command{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;color:var(--text);background:none;padding:0}.toast-hint{font-size:.75rem;color:var(--text-muted)}main{min-height:100vh}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.animate-in{opacity:1}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}