*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--purple-50:#f5f3ff;--purple-100:#ede9fe;--purple-200:#ddd6fe;--purple-300:#c4b5fd;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--purple-700:#6d28d9;--purple-800:#5b21b6;--purple-900:#4c1d95;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--green-400:#4ade80;--green-500:#22c55e;--red-400:#f87171;--red-500:#ef4444;--bg-primary:#0f0f14;--bg-secondary:#16161d;--bg-surface:#1e1e28;--bg-elevated:#262632;--text-primary:#f0f0f5;--text-secondary:#a0a0b2;--text-muted:#6b6b80;--border-color:#2a2a3a;--border-hover:#3a3a50;--accent-primary:var(--purple-600);--accent-glow:var(--purple-500);--accent-secondary:var(--cyan-500);--accent-secondary-glow:var(--cyan-400);--link-color:var(--cyan-400);--link-hover:var(--cyan-300);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-body:-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;--font-mono:'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--container-width:1100px;--nav-height:60px;--border-radius:8px;--border-radius-lg:12px}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--purple-600);color:#fff}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text-primary)}h1{font-size:var(--text-5xl);font-weight:900;letter-spacing:-.02em}h2{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}h3{font-size:var(--text-xl);margin-bottom:var(--space-md)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover)}strong{color:var(--text-primary);font-weight:600}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl)0}.section-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.section-header{margin-bottom:var(--space-2xl)}.section-header p{font-size:var(--text-lg);max-width:600px}.nav{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-color);height:var(--nav-height);display:flex;align-items:center}.nav .container{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-logo{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-sm)}.nav-logo:hover{color:var(--text-primary)}.nav-logo .logo-accent{color:var(--accent-primary)}.nav-links{display:flex;list-style:none;gap:var(--space-lg);align-items:center}.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--space-xs)0;transition:color .2s ease;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:1px}.hero{padding:var(--space-4xl)0;text-align:center}.hero h1{margin-bottom:var(--space-lg)}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--purple-400),var(--cyan-400));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:1.5}.hero-cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;font-size:var(--text-base);font-weight:600;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 20px rgba(124,58,237,.3)}.btn-primary:hover{background:var(--purple-500);color:#fff;transform:translateY(-1px);box-shadow:0 0 30px rgba(124,58,237,.5)}.btn-secondary{background:0 0;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent-secondary);color:var(--accent-secondary);transform:translateY(-1px)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);transition:all .2s ease}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.card h3{color:var(--text-primary)}.card p{color:var(--text-secondary);margin-bottom:0}.card-grid{display:grid;gap:var(--space-lg)}.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.game-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md);transition:all .2s ease;text-decoration:none;color:inherit}.game-card:hover{border-color:var(--purple-600);transform:translateY(-2px);box-shadow:0 8px 32px rgba(124,58,237,.15);color:inherit}.game-card-cta{border-style:dashed;border-color:var(--border-hover)}.game-card-cta:hover{border-style:dashed;border-color:var(--accent-secondary)}.game-card-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs)var(--space-md)}.game-card-header h3{flex:auto;min-width:0}.game-card-status{font-family:var(--font-mono);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--green-400);box-shadow:0 0 8px rgba(74,222,128,.5)}.status-dot.coming-soon{background:var(--cyan-400);box-shadow:0 0 8px rgba(34,211,238,.3)}.game-card h3{font-size:var(--text-2xl);margin-bottom:0}.game-card p{color:var(--text-secondary);margin-bottom:0}.game-card-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .6rem;border-radius:4px;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-color)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.feature{text-align:center;padding:var(--space-xl)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:block}.feature h3{margin-bottom:var(--space-sm)}.feature p{font-size:var(--text-sm);margin-bottom:0}.cta-section{text-align:center;padding:var(--space-4xl)0;border-top:1px solid var(--border-color)}.cta-section h2{margin-bottom:var(--space-md)}.cta-section p{font-size:var(--text-lg);max-width:500px;margin:0 auto var(--space-xl)}.dogfood-banner{background:var(--bg-surface);border:1px solid var(--border-color);border-left:3px solid var(--accent-secondary);border-radius:var(--border-radius);padding:var(--space-xl);margin:var(--space-2xl)0}.dogfood-banner p{margin-bottom:0;font-size:var(--text-lg)}.dogfood-banner strong{color:var(--accent-secondary-glow)}.page-content{max-width:800px}.page-content h2{margin-top:var(--space-2xl)}.page-content p{font-size:var(--text-base);line-height:1.7}.page-content ul{list-style:none;padding:0;margin-bottom:var(--space-lg)}.page-content ul li{padding:var(--space-xs)0;padding-left:var(--space-lg);position:relative;color:var(--text-secondary)}.page-content ul li::before{content:'>';position:absolute;left:0;color:var(--accent-secondary);font-family:var(--font-mono);font-weight:700}.page-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-lg)}.page-content ol li{padding:var(--space-xs)0;color:var(--text-secondary)}.page-content ol li::marker{color:var(--accent-secondary);font-family:var(--font-mono);font-weight:700}.page-content strong{color:var(--text-primary)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-top:var(--space-xl)}.team-member{text-align:center;padding:var(--space-xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.team-member-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border-color);margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}.team-member h3{margin-bottom:var(--space-xs)}.team-member p{font-size:var(--text-sm);margin-bottom:0}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-top:var(--space-xl)}.contact-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-2xl)}.contact-card h3{margin-bottom:var(--space-sm)}.contact-card a{font-size:var(--text-lg)}.game-detail-header{padding:var(--space-3xl)0 var(--space-xl)}.game-detail-header h1{margin-bottom:var(--space-md)}.game-detail-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-lg)}.game-detail-meta .tag{font-size:var(--text-sm);padding:.3rem .8rem}.game-detail-body{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-2xl);padding-bottom:var(--space-4xl)}.game-detail-content h2{font-size:var(--text-2xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.game-detail-content h2:first-child{margin-top:0}.game-detail-content ul{list-style:none;padding:0;margin-bottom:var(--space-lg)}.game-detail-content ul li{padding:var(--space-sm)0;padding-left:var(--space-lg);position:relative;color:var(--text-secondary)}.game-detail-content ul li::before{content:'>';position:absolute;left:0;color:var(--accent-secondary);font-family:var(--font-mono);font-weight:700}.game-detail-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-lg)}.game-detail-content ol li{padding:var(--space-sm)0;color:var(--text-secondary)}.game-detail-content ol li::marker{color:var(--accent-secondary);font-family:var(--font-mono);font-weight:700}.game-detail-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-xl));align-self:start}.sidebar-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.sidebar-card h3{font-size:var(--text-lg);margin-bottom:var(--space-md)}.price-original{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-muted);text-decoration:line-through;display:block;margin-bottom:var(--space-xs)}.price-tag{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;background:linear-gradient(135deg,var(--purple-400),var(--cyan-400));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:var(--space-xs)}.price-ea{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-secondary);display:block;margin-bottom:var(--space-md)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-md)}.pricing-features li{padding:var(--space-xs)0;padding-left:var(--space-lg);position:relative;color:var(--text-secondary);font-size:var(--text-sm)}.pricing-features li::before{content:'\2713';position:absolute;left:0;color:var(--green-400);font-weight:700}.price-note{font-size:var(--text-sm);color:var(--text-muted)}.blog-post-preview{padding:var(--space-xl)0;border-bottom:1px solid var(--border-color)}.blog-post-preview:last-child{border-bottom:none}.blog-post-preview h2{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.blog-post-preview a{color:var(--text-primary);text-decoration:none}.blog-post-preview a:hover{color:var(--link-color)}.blog-post-preview p{margin-bottom:0}.blog-date{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);display:block;margin-bottom:var(--space-sm)}.page-content h2+p strong{color:var(--text-primary)}.footer{border-top:1px solid var(--border-color);padding:var(--space-2xl)0;color:var(--text-muted);font-size:var(--text-sm)}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--text-secondary)}.footer-links{display:flex;gap:var(--space-lg);list-style:none}.footer-brand{font-family:var(--font-mono)}.error-page{text-align:center;padding:var(--space-4xl)0;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-code{font-family:var(--font-mono);font-size:8rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--purple-600),var(--cyan-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);position:relative}.error-code::after{content:'404';position:absolute;left:4px;top:4px;background:linear-gradient(135deg,var(--cyan-500),var(--purple-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.3;z-index:-1}.error-page h2{font-family:var(--font-mono);color:var(--text-secondary);font-weight:400;font-size:var(--text-lg);margin-bottom:var(--space-xl)}@media(max-width:768px){:root{--text-5xl:2.5rem;--text-3xl:1.5rem;--text-2xl:1.25rem;--space-4xl:3rem}.features{grid-template-columns:1fr;gap:var(--space-lg)}.card-grid.cols-2,.card-grid.cols-3{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.contact-methods{grid-template-columns:1fr}.game-detail-body{grid-template-columns:1fr}.game-detail-sidebar{position:static}.nav-links{gap:var(--space-md)}.footer .container{flex-direction:column;gap:var(--space-md);text-align:center}}@media(max-width:480px){.container{padding:0 var(--space-md)}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}.portal-loader{display:block;width:36px;height:36px;margin:var(--space-2xl)auto;border:3px solid var(--border-color);border-top-color:var(--accent-secondary);border-radius:50%;opacity:0;transition:opacity .15s ease}.htmx-request .portal-loader,.htmx-request.portal-loader{opacity:1;animation:portal-spin .7s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}.power-btn-group{display:flex;gap:var(--space-sm)}.power-btn-group .btn{flex:1;padding:.5rem 1rem;font-size:var(--text-sm);text-align:center}.power-btn-group .btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 20px rgba(124,58,237,.3)}.power-btn-group .btn:active:not(:disabled){transform:scale(.95);box-shadow:none}.power-btn-group .btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.resource-gauges{display:flex;flex-direction:column;gap:var(--space-md)}.resource-gauge{display:flex;align-items:center;gap:var(--space-md)}.resource-gauge-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);width:3rem;flex-shrink:0}.resource-gauge-track{flex:1;height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.resource-gauge-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--purple-400),var(--cyan-400));width:var(--gauge-target,0%);transition:width .3s ease}.resource-gauges--animate{animation:gauges-fade-in .3s ease both}.resource-gauges--animate .resource-gauge-fill{width:0%;animation:gauge-fill .6s ease forwards}.resource-gauges--animate .resource-gauge:nth-child(1) .resource-gauge-fill{animation-delay:.05s}.resource-gauges--animate .resource-gauge:nth-child(2) .resource-gauge-fill{animation-delay:.15s}.resource-gauges--animate .resource-gauge:nth-child(3) .resource-gauge-fill{animation-delay:.25s}@keyframes gauges-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes gauge-fill{from{width:0%}to{width:var(--gauge-target,0%)}}.resource-gauge-fill.warning{background:linear-gradient(90deg,#facc15,#f59e0b)}.resource-gauge-fill.critical{background:linear-gradient(90deg,var(--red-400),var(--red-500))}.resource-gauge-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);width:3rem;text-align:right;flex-shrink:0}.oauth-buttons{display:flex;flex-direction:column;gap:var(--space-md);max-width:320px;margin:0 auto}.oauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--text-primary);background:0 0;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;text-decoration:none;transition:all .2s ease}.oauth-btn:hover{border-color:var(--accent-secondary);color:var(--accent-secondary);transform:translateY(-1px)}.server-card{display:block;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);text-decoration:none;transition:all .2s ease}.server-card:hover{border-color:var(--purple-600);transform:translateY(-2px);box-shadow:0 8px 32px rgba(124,58,237,.15)}.server-card-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-xs)}.server-card-header h3{color:var(--text-primary);margin:0;font-size:var(--text-lg)}.server-card-status{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0}.server-card-name{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md)}.server-card-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.subuser-list{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.subuser-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg)var(--space-xl)}.subuser-row+.subuser-row{border-top:1px solid var(--border-color)}.subuser-info h4{color:var(--text-primary);margin:0 0 var(--space-xs);font-size:var(--text-base)}.subuser-info p{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.subuser-row .btn{flex-shrink:0}.console-terminal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--text-primary);min-height:400px;overflow:auto}.console-line{display:block;white-space:pre}.console-line.muted{color:var(--text-muted)}.console-input{display:flex;align-items:center;gap:0;margin-top:var(--space-sm)}.console-input .prompt{color:var(--accent-secondary)}.console-input .cursor{display:inline-block;width:8px;height:1.2em;background:var(--text-primary);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.portal-empty-state{text-align:center;padding:var(--space-4xl)var(--space-xl)}.portal-empty-state h2{color:var(--text-primary);margin-bottom:var(--space-md)}.portal-empty-state p{color:var(--text-secondary);max-width:480px;margin:0 auto var(--space-lg);line-height:1.7}.connection-tag{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.25rem .75rem}.connection-tag .copy-hint{color:var(--text-muted);font-size:.75rem;cursor:pointer}.connection-tag .copy-hint:hover{color:var(--accent-secondary)}.portal-detail{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl);align-items:start}.portal-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-xl));display:flex;flex-direction:column;gap:var(--space-lg)}.portal-sidebar .sidebar-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl)}.portal-sidebar .sidebar-card .section-label{margin-bottom:var(--space-md)}.portal-sidebar .sidebar-card p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md)}.portal-sidebar .sidebar-card p:last-child{margin-bottom:0}.toast{position:fixed;top:calc(var(--nav-height) + var(--space-md));left:50%;transform:translateX(-50%)translateY(-1rem);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md)var(--space-xl);font-size:var(--text-sm);color:var(--text-primary);z-index:1000;border-left:3px solid var(--border-color);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.toast.visible{opacity:1;pointer-events:auto;transform:translateX(-50%)translateY(0)}.toast.success{border-left-color:var(--green-400)}.toast.error{border-left-color:var(--red-400)}.portal-login{text-align:center;padding:var(--space-4xl)0;max-width:400px;margin:0 auto}.portal-login h1{font-size:var(--text-2xl);margin-bottom:var(--space-xs)}.portal-login .login-subtitle{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-lg);margin-bottom:var(--space-2xl)}.portal-login .login-help{margin-top:var(--space-2xl);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.portal-login .login-help a{color:var(--link-color)}.portal-login .login-help a:hover{color:var(--link-hover)}.portal-header{padding:var(--space-2xl)0 var(--space-lg)}.portal-back{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;margin-bottom:var(--space-lg)}.portal-back:hover{color:var(--link-color)}.portal-server-header{display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xs)}.portal-server-header h1{margin:0;font-size:var(--text-2xl)}.portal-server-meta{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.console-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.console-header-left{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.console-header-left h1{margin:0;font-size:var(--text-xl)}.console-mobile-warning{display:none;text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.add-friend-form{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.add-friend-form input[type=text]{flex:1;padding:.75rem 1rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;transition:border-color .2s ease}.add-friend-form input[type=text]::placeholder{color:var(--text-muted)}.add-friend-form input[type=text]:focus{border-color:var(--accent-secondary)}.console-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-top:var(--space-xl)}.section h1{margin-bottom:var(--space-xl)}.server-list{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:0}@media(max-width:768px){.portal-detail{grid-template-columns:1fr}.portal-sidebar{position:static}.console-mobile-warning{display:block}.console-terminal{min-height:200px}.power-btn-group{flex-wrap:wrap}.server-card-header{flex-direction:column;gap:var(--space-xs)}.console-header{flex-direction:column;align-items:flex-start}}.sb-container{padding-top:var(--space-xl);padding-bottom:var(--space-3xl)}.sb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.sb-header-text h1{margin-top:var(--space-xs);margin-bottom:0}.sb-live-stats{display:flex;align-items:center;padding:var(--space-sm)var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;white-space:nowrap}.sb-stats-text{font-size:.9rem;color:var(--text-secondary)}.sb-stats-text strong{color:var(--text-primary)}.sb-controls{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-xl);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.sb-search{width:100%;padding:var(--space-sm)var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:border-color .15s}.sb-search:focus{outline:none;border-color:var(--accent-primary)}.sb-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md)var(--space-xl)}.sb-filter-group{display:flex;align-items:center;gap:var(--space-sm)}.sb-filter-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sb-btn-group{display:flex;gap:4px}.sb-btn{padding:var(--space-xs)var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.sb-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.sb-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.sb-toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;color:var(--text-secondary);cursor:pointer;user-select:none}.sb-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid var(--border-hover);border-radius:4px;background:var(--bg-surface);cursor:pointer;flex-shrink:0;position:relative;transition:background .1s,border-color .1s}.sb-toggle input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.sb-toggle input[type=checkbox]:checked::after{content:'';position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.sb-toggle:hover input[type=checkbox]:not(:checked){border-color:var(--accent-primary)}.sb-loading,.sb-empty{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:.9rem}.sb-list-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-md)}.sb-list{display:flex;flex-direction:column;gap:var(--space-xs);min-height:4rem}.sb-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;transition:border-color .1s}.sb-row:hover{border-color:var(--border-hover)}.sb-row--loading{opacity:.55}.sb-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sb-server-name{font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-world-name{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-row-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end}.sb-badge{padding:2px 7px;border-radius:4px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.sb-badge--diff-normal{background:rgba(160,160,178,.15);color:var(--text-secondary)}.sb-badge--diff-hard{background:rgba(239,68,68,.15);color:var(--red-400)}.sb-badge--diff-creative{background:rgba(34,197,94,.15);color:var(--green-400)}.sb-badge--diff-custom{background:rgba(139,92,246,.15);color:var(--purple-400)}.sb-badge--pvp{background:rgba(239,68,68,.15);color:var(--red-400)}.sb-badge--locked{background:rgba(160,160,178,.1);color:var(--text-muted)}.sb-badge--stale{background:rgba(234,179,8,.15);color:#eab308}.sb-row-players{font-size:.88rem;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.sb-row-players--full .sb-player-count{color:var(--text-muted)}.sb-row-build{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;cursor:default}.sb-row-build--stale{color:#eab308}.u-wrap{position:relative;user-select:none}.u-under,.u-over{position:absolute;left:0;top:0}.u-legend{display:none}.sb-chart-section{margin-top:var(--space-2xl)}.sb-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.sb-chart-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0}.sb-chart-legend{display:flex;gap:var(--space-md)}.sb-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.sb-chart-swatch{display:inline-block;width:20px;height:2px;border-radius:1px;flex-shrink:0}.sb-chart-wrap{display:flex;justify-content:center;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-md)0;overflow:hidden}.sb-chart-wrap canvas{background:0 0!important}.sb-chart-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:var(--space-xl)0}.sb-builds-section{margin-top:var(--space-2xl)}.sb-builds-section .sb-chart-title{margin-bottom:var(--space-md)}.sb-builds-wrap{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-md)var(--space-lg)}.sb-builds-bars{display:flex;flex-direction:column;gap:var(--space-sm)}.sb-build-row{display:grid;grid-template-columns:11rem 1fr 3rem;align-items:center;gap:var(--space-md)}.sb-build-label{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);white-space:nowrap;display:flex;align-items:center;gap:var(--space-xs)}.sb-build-label--current{color:var(--text-primary)}.sb-build-tag{font-family:var(--font-mono);font-size:.65rem;padding:1px 5px;border-radius:3px;background:rgba(139,92,246,.2);color:var(--purple-400);text-transform:uppercase;letter-spacing:.05em}.sb-build-track{background:var(--bg-elevated);border-radius:3px;height:8px;overflow:hidden}.sb-build-bar{height:100%;border-radius:3px;transition:width .4s ease}.sb-build-bar--current{background:var(--accent-primary)}.sb-build-bar--old{background:rgba(234,179,8,.5)}.sb-build-count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.sb-disclaimer{margin-top:var(--space-xl);font-size:.78rem;color:var(--text-muted);text-align:center}@media(max-width:640px){.sb-row{grid-template-columns:1fr auto;grid-template-rows:auto auto}.sb-row-badges{grid-column:2;grid-row:1}.sb-row-main{grid-column:1;grid-row:1/3}.sb-row-players{grid-column:1;grid-row:2;font-size:.8rem}.sb-row-build{display:none}.sb-header{flex-direction:column}.sb-filters{flex-direction:column;align-items:flex-start}}.sb-load-more{display:block;width:100%;margin-top:var(--space-md);padding:var(--space-sm)var(--space-md);background:0 0;border:1px dashed var(--border-hover);border-radius:8px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s;text-align:center}.sb-load-more:hover{border-color:var(--accent-primary);color:var(--text-primary)}.sb-load-more.htmx-request{opacity:.5;cursor:wait}