:root{--bg-main: #18181b;--bg-panel: #27272a;--bg-darker: #09090b;--purple-main: #7e22ce;--purple-hover: #9333ea;--purple-dim: rgba(126, 34, 206, .2);--green-accent: #10b981;--yellow-accent: #eab308;--text-white: #fafafa;--text-muted: #a1a1aa;--font-heading: "Exo 2", sans-serif;--font-body: "Poppins", sans-serif;--max-width: 1300px}*{margin:0;padding:0;box-sizing:border-box;text-transform:uppercase}html{scroll-behavior:smooth;background-color:var(--bg-main)}body{color:var(--text-white);font-family:var(--font-body);font-weight:500;line-height:1.6;overflow-x:hidden;background:var(--bg-main) url(/assets/bg.png) no-repeat center center / cover;background-attachment:fixed}a{text-decoration:none;color:inherit;transition:.3s}ul{list-style:none}.hex-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;background:var(--bg-panel);border:2px solid var(--purple-main);color:var(--text-white);font-family:var(--font-heading);font-weight:700;font-size:.9rem;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:.3s ease;position:relative;-webkit-user-select:none;user-select:none}.hex-btn:hover{background:var(--purple-main)}.hex-btn i{font-size:1rem}.site-header{position:absolute;top:0;left:0;width:100%;padding:30px 0;z-index:1000;border-top:4px solid var(--purple-main)}.header-container{max-width:95%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-area{display:flex;align-items:center;gap:15px}.header-logo-img{height:50px;filter:brightness(0) invert(1)}.main-nav{flex:1;display:flex;justify-content:center}.main-nav ul{display:flex;gap:40px}.main-nav a{font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:var(--text-white);letter-spacing:1px;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--purple-main)}.header-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.header-actions .hex-btn{min-width:170px;padding:6px 15px;font-size:.75rem;justify-content:flex-start}.header-actions .hex-btn:nth-child(2){margin-right:-15px}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-container{max-width:var(--max-width);margin:0 auto;width:100%;display:flex;align-items:stretch;position:relative;z-index:10;padding-top:50px;min-height:80vh}.hero-content{flex:1;padding-right:50px;display:flex;flex-direction:column;justify-content:center}.server-id-tag{display:inline-block;background:#ffffff0d;padding:8px 30px;clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,0 100%);font-family:var(--font-heading);font-weight:800;color:var(--purple-main);font-size:1.2rem;margin-bottom:20px;letter-spacing:2px}.hero-heading{font-family:var(--font-heading);font-weight:900;font-size:6rem;line-height:.9;color:var(--text-white);margin-bottom:10px;text-transform:uppercase;font-style:italic;text-shadow:4px 4px 0px rgba(0,0,0,.5);letter-spacing:2px}.hero-heading span{display:block}.hero-subheading{font-family:var(--font-body);font-weight:700;font-size:1.5rem;color:var(--text-white);letter-spacing:4px;margin-top:20px}.hero-characters{flex:1;display:flex;justify-content:flex-end;align-items:flex-end}.chars-img{max-width:100%;max-height:85vh;height:auto;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 5px 15px rgba(0,0,0,.7));-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 95%);mask-image:linear-gradient(to bottom,black 40%,transparent 95%);margin-bottom:-50px}.server-select-section{background:var(--bg-darker);padding:60px 0;text-align:center;position:relative;border-top:5px solid var(--purple-main)}.section-top-label{color:var(--purple-main);font-family:var(--font-heading);font-weight:800;font-size:.9rem;letter-spacing:2px;margin-bottom:5px}.server-select-title{font-family:var(--font-heading);font-size:2.8rem;font-weight:900;color:var(--text-white);margin-bottom:40px}.server-buttons{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.border-btn{background:transparent;border:2px solid var(--border-color, #fff);color:var(--text-white);font-family:var(--font-heading);font-size:1.2rem;font-weight:800;padding:15px 40px;cursor:pointer;position:relative;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);transition:.3s}.border-btn.green{--border-color: var(--text-green);border-color:var(--text-green)}.border-btn.yellow{--border-color: var(--yellow-accent);border-color:var(--yellow-accent)}.border-btn.green:hover{background:var(--text-green);color:#000}.border-btn.yellow:hover{box-shadow:0 0 20px #eab30866}.server-preview-container{display:flex;justify-content:flex-start;gap:30px;margin:60px auto 0;width:100%;max-width:var(--max-width);position:relative;overflow-x:auto;scroll-behavior:auto;padding-bottom:25px;padding-left:20px;padding-right:20px;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.server-preview-container::-webkit-scrollbar{display:none}.server-preview-card{flex:0 0 800px;height:450px;max-width:90vw;border:3px solid rgba(255,255,255,.1);border-radius:0;overflow:hidden;position:relative;background:transparent;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px #0000004d;-webkit-user-select:none;user-select:none}.server-preview-card:hover{border-color:var(--purple-main);box-shadow:0 15px 40px #7e22ce33}.server-preview-card img{width:100%;height:100%;min-height:250px;object-fit:cover;display:block;opacity:.85;transition:opacity .3s ease;user-drag:none;-webkit-user-drag:none}.server-preview-card:hover img{opacity:1}.info-section{padding:100px 20px;max-width:var(--max-width);margin:0 auto}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch}.info-img-wrapper{position:relative;height:400px;width:100%}.info-img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 100%,30px 100%,0 calc(100% - 30px))}.info-content{display:flex;flex-direction:column;justify-content:center}.info-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;margin-bottom:5px}.info-subtitle{color:var(--yellow-accent);font-weight:700;margin-bottom:20px;letter-spacing:1px}.info-desc{color:var(--text-muted);font-size:.95rem;text-transform:none;line-height:1.8;margin-bottom:30px}.feature-boxes{display:flex;flex-direction:column;gap:15px}.f-box{background:var(--bg-panel);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:15px;padding:15px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.f-box-icon{width:40px;height:40px;background:var(--bg-darker);border:1px solid var(--yellow-accent);display:flex;align-items:center;justify-content:center;color:var(--yellow-accent);border-radius:4px}.f-box-text{font-family:var(--font-heading);font-weight:700;font-size:.95rem}.staff-section{padding:80px 20px;background:var(--bg-darker)}.staff-grid{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.staff-card{background:var(--bg-panel);border-radius:8px;overflow:hidden;position:relative;text-align:center;padding-bottom:30px}.staff-card-bg{position:absolute;top:0;left:0;width:100%;height:160px;background:var(--purple-main);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);z-index:1}.staff-card-bg:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:#09090b;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.staff-avatar-wrapper{position:relative;z-index:2;width:140px;height:140px;margin:30px auto 20px;background:#ddd;border-radius:50%;padding:5px}.staff-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.staff-name{font-family:var(--font-heading);font-weight:800;font-size:1.2rem;color:var(--text-white);margin-bottom:5px;position:relative;z-index:2}.staff-role{color:var(--purple-main);font-weight:600;font-size:.85rem;position:relative;z-index:2}.discord-cta-section{position:relative;padding:120px 20px;text-align:center;overflow:hidden;background:url(/assets/discord_bg.png) no-repeat center center / cover}.discord-cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#18181bd9;z-index:0}.discord-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.play-icon{width:60px;height:60px;background:var(--text-white);color:var(--bg-main);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:20px;cursor:pointer;transition:.3s}.play-icon:hover{transform:scale(1.1);background:var(--purple-main);color:#fff}.discord-title{font-family:var(--font-heading);font-size:3.5rem;font-weight:900;margin-bottom:10px}.discord-title span{color:var(--purple-main)}.discord-desc{color:var(--text-white);font-size:1rem;margin-bottom:30px;text-transform:none;font-weight:400}.plain-btn{display:inline-block;padding:12px 40px;background:var(--purple-main);color:var(--text-white);font-family:var(--font-heading);font-weight:800;font-size:1rem;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);transition:.3s}.plain-btn:hover{background:var(--purple-hover)}@media (max-width: 1024px){.hero-container{flex-direction:column;text-align:center;padding-top:100px}.hero-content{padding-right:0;margin-bottom:40px}.hero-characters{justify-content:center}.info-grid{grid-template-columns:1fr}.info-content{order:-1}}@media (max-width: 768px){.header-container{flex-direction:column;gap:20px}.main-nav{display:none}.header-actions{flex-direction:row;justify-content:center;width:100%}.hero-heading{font-size:4rem}}.page-padding{min-height:80vh;max-width:var(--max-width);margin:0 auto;padding:150px 20px 100px}.page-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:900;color:var(--text-white);margin-bottom:20px;text-shadow:4px 4px 0px rgba(0,0,0,.5);position:relative;display:inline-block}.page-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:5px;background:var(--purple-main)}.page-content-box{background:var(--bg-panel);padding:40px;border:1px solid rgba(255,255,255,.05);border-radius:8px;position:relative}.secondary-hero{height:30vh;background:linear-gradient(to bottom,rgba(0,0,0,.4),var(--bg-main)),url(/assets/bg.png);display:flex;align-items:center;justify-content:center;text-align:center;padding-top:100px}.animate-fade-in{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glitch-text{position:relative;display:inline-block}.glitch-text:hover:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#f0f;background:transparent;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim 2s infinite linear alternate-reverse;z-index:-1}@keyframes noise-anim{0%{clip:rect(10px,9999px,50px,0)}to{clip:rect(60px,9999px,80px,0)}}@media (max-width: 1200px){.status-widget{flex-direction:column;gap:20px;text-align:center}.status-footer{width:100%;justify-content:center}}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.footer-grid{grid-template-columns:1fr}.market-card{flex:0 0 280px;padding:20px}.hero-heading{font-size:3.5rem}}.ucp-nav-item{color:var(--text-muted)}.ucp-nav-item:hover{background:#7e22ce1a!important;color:var(--text-white)!important;transform:translate(5px)}.ucp-nav-item.active{background:var(--purple-main)!important;color:#fff!important;border-left:3px solid white!important}.ucp-nav-item.logout-btn:hover{background:#dc262633!important;color:#ff4d4d!important}.main-footer{background:var(--bg-darker);border-top:5px solid var(--purple-main)}.rich-footer-content{max-width:var(--max-width);margin:0 auto;padding:80px 20px 40px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px}.footer-brand .footer-logo{height:50px;margin-bottom:20px;filter:brightness(0) invert(1)}.footer-about{color:var(--text-muted);font-size:.9rem;margin-bottom:20px;text-transform:none}.footer-socials{display:flex;gap:15px}.footer-socials a{width:40px;height:40px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-white);font-size:1.2rem}.footer-socials a:hover{background:var(--purple-main)}.footer-title{font-family:var(--font-heading);font-weight:800;font-size:1rem;color:var(--purple-main);margin-bottom:25px;letter-spacing:1px}.footer-links ul{display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--text-muted);font-size:.9rem;transition:.3s}.footer-links a:hover{color:var(--text-white);padding-left:5px}.footer-ip-box{background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;color:var(--text-white);font-family:monospace}.copy-ip-mini{background:transparent;border:none;color:var(--purple-main);cursor:pointer}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:30px;text-align:center;color:var(--text-muted);font-size:.8rem;letter-spacing:2px}.status-widget-wrapper{max-width:var(--max-width);margin:-40px auto 40px;position:relative;z-index:100;padding:0 20px}.status-widget{background:var(--bg-panel);border-top:3px solid var(--purple-main);padding:25px 40px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 40px #00000080;gap:40px}.status-header{display:flex;align-items:center;gap:15px}.status-signal{width:12px;height:12px;background:var(--green-accent);border-radius:50%;box-shadow:0 0 10px var(--green-accent);animation:blink-signal 2s infinite}@keyframes blink-signal{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-label{font-family:var(--font-heading);font-weight:800;font-size:1rem;letter-spacing:1px}.status-stats{flex:1}.player-count{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.count-num{font-size:1.5rem;font-weight:900;color:var(--purple-main)}.count-total{color:var(--text-muted);font-size:.9rem}.progress-bar-bg{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple-main),var(--purple-hover));box-shadow:0 0 10px var(--purple-main)}.status-footer{display:flex;align-items:center;gap:20px}.ip-display{font-family:monospace;color:var(--text-muted)}.status-connect-btn{background:var(--purple-main);border:none;color:var(--text-white);padding:10px 25px;font-family:var(--font-heading);font-weight:800;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:.3s}.status-connect-btn:hover{background:var(--purple-hover);transform:scale(1.05)}