.carousel-controls{display:flex;gap:.5rem}.carousel-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.carousel-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-glow);color:var(--primary-teal)}.carousel-btn:disabled{opacity:.4;cursor:not-allowed}.carousel-viewport{overflow:hidden;margin:0 -.5rem}.carousel-container{display:flex;gap:1rem;touch-action:pan-y pinch-zoom}.carousel-slide{flex:0 0 100%;min-width:0;padding:0 .5rem}@media(min-width:600px){.carousel-slide{flex:0 0 50%}}@media(min-width:900px){.carousel-slide{flex:0 0 33.33%}}.carousel-news-card{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;height:100%;display:flex;flex-direction:column}.carousel-news-card:hover{border-color:var(--border-glow);box-shadow:0 8px 30px -10px #00d9ff40}.carousel-news-card h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.carousel-news-card .news-preview{color:var(--text-secondary);font-size:.9rem;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.carousel-news-card .news-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.news-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.news-modal{background:var(--bg-dark);border:1px solid var(--border-glow);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00d9ff33}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:color var(--transition-fast)}.modal-close:hover{color:var(--primary-teal)}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-subtle)}.modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:.75rem 0 .5rem}.modal-date{color:var(--text-secondary);font-size:.85rem}.modal-content{padding:1.5rem 2rem 2rem}.modal-content p{color:var(--text-secondary);line-height:1.7;white-space:pre-wrap}.pinned-indicator{display:inline-flex;align-items:center;gap:.25rem;color:var(--store-color);font-size:.75rem;font-weight:600}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-group input{padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-normal)}.form-group input:focus{outline:none;border-color:var(--border-glow);box-shadow:0 0 0 3px #00d9ff1a}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.login-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-teal),var(--primary-blue));border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-top:.5rem}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00d9ff4d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.back-link{display:block;text-align:center;margin-top:1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--primary-teal)}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.sidebar-header h2{font-size:1.25rem;color:var(--primary-teal);margin-bottom:.25rem}.sidebar-header span{font-size:.85rem;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left;cursor:pointer}.nav-item:hover{color:var(--text-primary);background:#00d9ff0d}.nav-item.active{color:var(--primary-teal);background:#00d9ff1a;border-right:3px solid var(--primary-teal)}.sidebar-footer{padding:1rem 0;border-top:1px solid var(--border-subtle)}.nav-item.logout{color:#ef4444}.nav-item.logout:hover{background:#ef44441a}.admin-main{flex:1;margin-left:260px;padding:2rem;min-height:100vh;background:var(--bg-dark)}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:101;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem;color:var(--text-primary);cursor:pointer}.sidebar-overlay{display:none}@media(max-width:768px){.mobile-menu-btn{display:flex}.admin-sidebar{transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0;padding:5rem 1rem 1rem}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.admin-loading p{color:var(--text-secondary)}.admin-dashboard{max-width:1000px}.dashboard-title{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.quick-actions h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal)}.action-card:hover{transform:translateY(-4px);border-color:var(--action-color);box-shadow:0 8px 25px #0003}.action-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00d9ff1a;border-radius:var(--radius-md);color:var(--action-color)}.action-card span{font-weight:500;font-size:.95rem}.info-section{margin-top:2rem}.info-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.info-card svg{color:var(--primary-teal);margin-bottom:1rem}.info-card h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.info-card ul{margin:0;padding-left:1.25rem}.info-card li{color:var(--text-secondary);padding:.25rem 0}.admin-page{max-width:1200px}.page-header-admin{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header-admin h1{font-size:1.75rem;color:var(--text-primary);margin-bottom:.25rem}.page-header-admin p{color:var(--text-secondary)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary-teal),var(--primary-blue));border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff4d}.btn-secondary{padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.data-table{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.data-table th{background:#0003;color:var(--text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase}.data-table td{color:var(--text-primary)}.data-table tr.inactive td{opacity:.5}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#00d9ff08}.type-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.type-badge.announcement{background:#00d9ff26;color:var(--primary-teal)}.type-badge.update{background:#10b98126;color:var(--accent-emerald)}.type-badge.event{background:#a855f726;color:var(--accent-purple)}.status-btn{padding:.25rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.status-btn.active{border-color:var(--accent-emerald);color:var(--accent-emerald)}.status-btn:hover{background:#00d9ff1a}.icon-btn{padding:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.icon-btn:hover{background:#00d9ff1a;color:var(--primary-teal)}.icon-btn.danger:hover{background:#ef44441a;color:#ef4444}.actions{display:flex;gap:.25rem}.pin-icon{color:var(--store-color);margin-right:.5rem;vertical-align:middle}.empty-state{padding:3rem;text-align:center;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-dark);border:1px solid var(--border-glow);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:2rem}.modal h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem}.modal .form-group{margin-bottom:1rem}.modal .form-group label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.modal .form-group input,.modal .form-group textarea,.modal .form-group select{width:100%;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.modal .form-group input:focus,.modal .form-group textarea:focus,.modal .form-group select:focus{outline:none;border-color:var(--border-glow)}.modal .form-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.modal .form-group.checkbox input{width:auto}.modal .form-row{display:flex;gap:1rem}.modal .form-row .form-group{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}@media(max-width:600px){.data-table{overflow-x:auto}.data-table table{min-width:500px}.modal .form-row{flex-direction:column}}.admin-rules .sections-list{display:flex;flex-direction:column;gap:1rem}.section-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.section-card.inactive{opacity:.5}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:background var(--transition-fast)}.section-header:hover{background:#00d9ff08}.section-left{display:flex;align-items:center;gap:.75rem}.drag-handle{color:var(--text-secondary);opacity:.5}.section-icon{font-size:1.25rem}.section-header h3{font-size:1rem;color:var(--text-primary);margin:0}.section-actions{display:flex;gap:.25rem}.rules-list{border-top:1px solid var(--border-subtle);padding:.5rem}.rule-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.rule-item:hover{background:#0003}.rule-item.inactive{opacity:.5}.rule-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00d9ff1a;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--primary-teal);flex-shrink:0}.severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:.5rem}.severity-dot.info{background:var(--primary-teal)}.severity-dot.warning{background:#f59e0b}.severity-dot.ban{background:#ef4444}.rule-content{flex:1;margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.rule-actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-fast)}.rule-item:hover .rule-actions{opacity:1}.empty-rules{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.admin-staff .roles-list{display:flex;flex-direction:column;gap:1rem}.role-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.role-card.inactive{opacity:.5}.role-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:background var(--transition-fast)}.role-header:hover{background:#00d9ff08}.role-left{display:flex;align-items:center;gap:.75rem}.role-color{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.role-header h3{font-size:1rem;color:var(--text-primary);margin:0}.member-count{font-size:.8rem;color:var(--text-secondary);background:#00d9ff1a;padding:.25rem .5rem;border-radius:var(--radius-sm)}.role-actions{display:flex;gap:.25rem}.members-list{border-top:1px solid var(--border-subtle);padding:.5rem}.member-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.member-item:hover{background:#0003}.member-item.inactive{opacity:.5}.member-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-dark)}.member-info{display:flex;flex-direction:column;flex:1}.member-name{color:var(--text-primary);font-weight:500}.member-username{color:var(--text-secondary);font-size:.8rem}.member-discord{color:var(--discord-color);font-size:.85rem;background:#5865f21a;padding:.25rem .5rem;border-radius:var(--radius-sm)}.member-actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-fast)}.member-item:hover .member-actions{opacity:1}.empty-members{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.form-group input[type=color]{padding:.25rem;height:42px;cursor:pointer}.admin-votes .votes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.vote-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.vote-card.inactive{opacity:.5}.vote-card:hover{border-color:var(--border-glow)}.vote-card-header{display:flex;align-items:center;gap:.75rem}.vote-icon{font-size:1.5rem}.vote-card-header h3{flex:1;font-size:1rem;color:var(--text-primary);margin:0}.visit-link{color:var(--text-secondary);padding:.5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.visit-link:hover{color:var(--primary-teal);background:#00d9ff1a}.vote-description{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.4}.vote-meta{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.reset-time{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.85rem}.vote-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-fast)}.vote-card:hover .vote-actions{opacity:1}.admin-settings .header-actions{display:flex;gap:.75rem}.admin-settings .btn-secondary svg{margin-right:.25rem}.settings-group{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.settings-group h2{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.group-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.settings-list{display:flex;flex-direction:column;gap:.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#00000026;border-radius:var(--radius-md);gap:1rem}.setting-info{display:flex;flex-direction:column;gap:.25rem}.setting-label{color:var(--text-primary);font-weight:500}.setting-description{color:var(--text-secondary);font-size:.85rem}.toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:26px;transition:all var(--transition-normal)}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:50%;transition:all var(--transition-normal)}.toggle input:checked+.toggle-slider{background:#00d9ff33;border-color:var(--primary-teal)}.toggle input:checked+.toggle-slider:before{transform:translate(22px);background:var(--primary-teal)}@media(max-width:600px){.admin-settings .header-actions{width:100%;justify-content:stretch}.admin-settings .header-actions button{flex:1}}.password-section{position:relative}.section-header-icon{position:absolute;top:1.5rem;right:1.5rem;color:var(--primary-teal);opacity:.5}.password-form{display:flex;flex-direction:column;gap:1rem;max-width:400px}.password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.password-form label{color:var(--text-secondary);font-size:.9rem}.password-input-wrapper{position:relative;display:flex}.password-input-wrapper input{flex:1;padding:.75rem 2.5rem .75rem .75rem;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.password-input-wrapper input:focus{outline:none;border-color:var(--border-glow)}.toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.toggle-password:hover{color:var(--text-primary)}.password-form .btn-primary{margin-top:.5rem;width:fit-content}:root{--primary-teal: #00d9ff;--primary-blue: #0066ff;--accent-purple: #a855f7;--accent-emerald: #10b981;--glow-teal: rgba(0, 217, 255, .5);--glow-purple: rgba(168, 85, 247, .4);--glow-emerald: rgba(16, 185, 129, .4);--bg-dark: #0a0e17;--bg-card: rgba(15, 23, 42, .8);--bg-card-hover: rgba(30, 41, 59, .9);--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-subtle: rgba(148, 163, 184, .1);--border-glow: rgba(0, 217, 255, .3);--store-color: #fbbf24;--rules-color: #3b82f6;--discord-color: #5865f2;--vote-color: #10b981;--staff-color: #a855f7;--container-max-width: 600px;--container-padding: 2rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--bg-dark);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);overflow-x:hidden;position:relative}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(0,150,200,.25) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(0,100,150,.2) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,rgba(16,185,129,.1) 0%,transparent 40%),linear-gradient(180deg,#0a1628,#0d2847 40%,#0f3460,#1a4a6e);z-index:-5}.ocean-floor{position:fixed;bottom:0;left:0;width:100%;height:250px;background:linear-gradient(0deg,rgba(20,60,80,.95) 0%,rgba(15,50,70,.7) 30%,rgba(10,40,60,.3) 60%,transparent 100%);z-index:-2;pointer-events:none}.light-rays{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-4;overflow:hidden;pointer-events:none}.light-ray{position:absolute;top:-20%;width:150px;height:140%;background:linear-gradient(180deg,rgba(100,200,255,.12) 0%,rgba(100,200,255,.05) 40%,rgba(100,200,255,.02) 70%,transparent 100%);transform:rotate(15deg);animation:ray-shimmer 8s ease-in-out infinite;will-change:opacity;filter:blur(2px)}@keyframes ray-shimmer{0%,to{opacity:.3;transform:rotate(15deg) scaleX(1)}50%{opacity:.7;transform:rotate(15deg) scaleX(1.1)}}.bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}.bubble{position:absolute;bottom:-20px;background:radial-gradient(circle at 30% 30%,#fff9,#64c8ff4d 40%,#3296c826);border:1px solid rgba(255,255,255,.3);border-radius:50%;animation:bubble-rise linear infinite;will-change:transform,opacity}.bubble.glow{box-shadow:0 0 10px #64c8ff99,0 0 20px #64c8ff4d,inset 0 0 8px #fff6}.bubble.large{filter:blur(.5px)}@keyframes bubble-rise{0%{transform:translateY(0) translate(0) scale(1) rotate(0);opacity:0}5%{opacity:.8}25%{transform:translateY(-25vh) translate(20px) scale(1.03) rotate(90deg)}50%{transform:translateY(-50vh) translate(-15px) scale(1.06) rotate(180deg)}75%{transform:translateY(-75vh) translate(25px) scale(1.03) rotate(270deg)}95%{opacity:.5}to{transform:translateY(-100vh) translate(-10px) scale(.9) rotate(360deg);opacity:0}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}.particle{position:absolute;background:#c8e6ff80;border-radius:50%;animation:particle-drift linear infinite;will-change:transform}.particle.bright{background:#ffffffb3;box-shadow:0 0 4px #ffffff80}.particle.teal{background:#00d9ff66;box-shadow:0 0 6px #00d9ff4d}@keyframes particle-drift{0%{transform:translateY(0) translate(0) scale(1);opacity:0}15%{opacity:.7}50%{transform:translateY(-15vh) translate(30px) scale(1.2)}85%{opacity:.4}to{transform:translateY(-35vh) translate(60px) scale(.8);opacity:0}}.caustics{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;overflow:hidden;pointer-events:none;opacity:.15}.caustic-layer{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(ellipse 80px 60px at 20% 30%,rgba(100,200,255,.5) 0%,transparent 50%),radial-gradient(ellipse 100px 80px at 60% 20%,rgba(100,200,255,.4) 0%,transparent 50%),radial-gradient(ellipse 70px 50px at 80% 60%,rgba(100,200,255,.5) 0%,transparent 50%),radial-gradient(ellipse 90px 70px at 40% 70%,rgba(100,200,255,.4) 0%,transparent 50%),radial-gradient(ellipse 60px 40px at 10% 80%,rgba(100,200,255,.5) 0%,transparent 50%);animation:caustic-move 20s ease-in-out infinite}.caustic-layer:nth-child(2){animation-delay:-10s;animation-direction:reverse;opacity:.7}@keyframes caustic-move{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(5%,3%) rotate(2deg)}50%{transform:translate(-3%,5%) rotate(-1deg)}75%{transform:translate(-5%,-3%) rotate(1deg)}}.container{width:100%;max-width:var(--container-max-width);padding:var(--container-padding);display:flex;flex-direction:column;align-items:center;gap:2.5rem}.container.wide{max-width:800px}.container.extra-wide{max-width:1200px}.logo-section{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:180px;background:radial-gradient(ellipse,var(--glow-teal) 0%,rgba(0,217,255,.2) 40%,transparent 70%);filter:blur(50px);z-index:-1;animation:logo-pulse 4s ease-in-out infinite}@keyframes logo-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.15)}}.logo-image{max-width:100%;width:clamp(280px,80vw,450px);height:auto;margin-bottom:.5rem;filter:drop-shadow(0 4px 25px rgba(0,217,255,.4));animation:logo-float 6s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tagline{color:var(--text-secondary);font-size:1.1rem;font-weight:400;opacity:.9}.server-info{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.ip-container{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;position:relative;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ip-container:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-3px);box-shadow:0 10px 40px -10px #00d9ff59,0 0 0 1px var(--border-glow)}.ip-container:active{transform:translateY(-1px)}.ip-icon{color:var(--primary-teal);display:flex;align-items:center;transition:transform var(--transition-normal)}.ip-container:hover .ip-icon{transform:scale(1.1)}.ip-address{font-size:1.25rem;font-weight:600;letter-spacing:.02em;color:var(--text-primary)}.copy-tooltip{position:absolute;top:-45px;left:50%;transform:translate(-50%) translateY(10px);background:var(--bg-card);border:1px solid var(--border-glow);color:var(--primary-teal);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.copy-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--border-glow)}.copy-tooltip.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.player-count{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#10b9811f;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full);transition:all var(--transition-normal)}.player-count:hover{background:#10b9812e;border-color:#10b98166}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:pulse 2s ease-in-out infinite}.status-dot.online{background:var(--accent-emerald);box-shadow:0 0 12px var(--accent-emerald)}.status-dot.offline{background:#ef4444;box-shadow:0 0 12px #ef4444;animation:none}.status-dot.loading{animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.players-online{font-weight:600;color:var(--text-primary)}.players-label{color:var(--text-secondary);font-size:.9rem}.button-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%}.nav-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 2rem;min-width:120px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1rem;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.08) 100%);opacity:0;transition:opacity var(--transition-normal)}.nav-button:hover:before{opacity:1}.nav-button:hover{transform:translateY(-5px)}.button-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);transition:all var(--transition-normal)}.store-btn .button-icon{background:#fbbf2426;color:var(--store-color)}.store-btn:hover{border-color:#fbbf2466;box-shadow:0 12px 40px -10px #fbbf2459}.store-btn:hover .button-icon{background:#fbbf2440;box-shadow:0 0 25px #fbbf2459;transform:scale(1.05)}.rules-btn .button-icon{background:#3b82f626;color:var(--rules-color)}.rules-btn:hover{border-color:#3b82f666;box-shadow:0 12px 40px -10px #3b82f659}.rules-btn:hover .button-icon{background:#3b82f640;box-shadow:0 0 25px #3b82f659;transform:scale(1.05)}.discord-btn .button-icon{background:#5865f226;color:var(--discord-color)}.discord-btn:hover{border-color:#5865f266;box-shadow:0 12px 40px -10px #5865f259}.discord-btn:hover .button-icon{background:#5865f240;box-shadow:0 0 25px #5865f259;transform:scale(1.05)}.vote-btn-nav .button-icon{background:#10b98126;color:var(--vote-color)}.vote-btn-nav:hover{border-color:#10b98166;box-shadow:0 12px 40px -10px #10b98159}.vote-btn-nav:hover .button-icon{background:#10b98140;box-shadow:0 0 25px #10b98159;transform:scale(1.05)}.staff-btn .button-icon{background:#a855f726;color:var(--staff-color)}.staff-btn:hover{border-color:#a855f766;box-shadow:0 12px 40px -10px #a855f759}.staff-btn:hover .button-icon{background:#a855f740;box-shadow:0 0 25px #a855f759;transform:scale(1.05)}.footer{margin-top:1rem;text-align:center;color:var(--text-secondary);font-size:.85rem;opacity:.7}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;margin-bottom:1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.back-button:hover{background:var(--bg-card-hover);border-color:var(--border-glow);color:var(--primary-teal);transform:translate(-4px)}.back-button svg{transition:transform var(--transition-normal)}.back-button:hover svg{transform:translate(-4px)}.page-header{text-align:center;margin-bottom:2rem}.page-title{font-size:clamp(2rem,6vw,3rem);font-weight:700;background:linear-gradient(135deg,var(--primary-teal),var(--primary-blue),var(--accent-purple));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.last-updated{margin-top:1rem;font-size:.85rem;color:var(--text-secondary);opacity:.7}.vote-reward-info{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);margin-bottom:2rem;transition:all var(--transition-normal)}.vote-reward-info:hover{background:#10b98133;border-color:#10b98180;transform:translateY(-2px)}.reward-icon{font-size:2.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.reward-text h3{color:var(--accent-emerald);font-size:1.1rem;margin-bottom:.25rem}.reward-text p{color:var(--text-secondary);font-size:.95rem}.vote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.vote-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vote-card:hover{transform:translateY(-5px);border-color:var(--border-glow);box-shadow:0 12px 40px -10px #00d9ff59}.vote-icon{font-size:2rem;transition:transform var(--transition-normal)}.vote-card:hover .vote-icon{transform:scale(1.2) rotate(5deg)}.vote-card h3{color:var(--text-primary);font-size:1rem;font-weight:600}.vote-card p{color:var(--text-secondary);font-size:.85rem}.vote-btn{margin-top:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-teal),var(--primary-blue));border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:600;transition:all var(--transition-normal)}.vote-card:hover .vote-btn{box-shadow:0 4px 15px #00d9ff66}.vote-instructions{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vote-instructions h3{color:var(--text-primary);margin-bottom:1rem}.vote-instructions ol{color:var(--text-secondary);padding-left:1.25rem;line-height:1.8}.vote-instructions li{margin-bottom:.5rem}.news-section{width:100%;margin-top:1rem}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.news-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.news-card{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.news-card:hover{border-color:var(--border-glow);transform:translateY(-3px);box-shadow:0 8px 30px -10px #00d9ff40}.news-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-bottom:.75rem}.news-badge.update{background:#3b82f633;color:#60a5fa}.news-badge.event{background:#a855f733;color:#c084fc}.news-badge.announcement{background:#fbbf2433;color:#fbbf24}.news-card h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.news-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.news-date{color:var(--text-secondary);font-size:.75rem;opacity:.7;margin-top:.75rem}.rules-sections{display:flex;flex-direction:column;gap:1.5rem}.rule-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.rule-section:hover{border-color:var(--border-glow);box-shadow:0 10px 40px -15px #00d9ff40}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.section-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#00d9ff1a;color:var(--primary-teal);transition:all var(--transition-normal)}.rule-section:hover .section-icon{background:#00d9ff33;transform:scale(1.05)}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.rules-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.rule-item{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);line-height:1.5;transition:color var(--transition-fast)}.rule-item:hover{color:var(--text-primary)}.rule-number{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00d9ff1a;color:var(--primary-teal);border-radius:6px;font-size:.8rem;font-weight:600;flex-shrink:0}.rules-footer{margin-top:2rem;padding:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);text-align:center}.rules-footer .footer-note{color:#f87171;font-weight:600;margin-bottom:.5rem}.rules-footer .footer-contact{color:var(--text-secondary);font-size:.9rem}.staff-roles{display:flex;flex-direction:column;gap:2rem}.role-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.role-section:hover{border-color:var(--border-glow);box-shadow:0 10px 40px -15px #00d9ff33}.role-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.role-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#00d9ff1a;font-size:24px;transition:transform var(--transition-normal)}.role-section:hover .role-icon{transform:scale(1.1) rotate(5deg)}.role-title-container{flex:1}.role-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.role-description{font-size:.9rem;color:var(--text-secondary)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;justify-items:center}.staff-card{background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--transition-normal);width:100%;max-width:320px}.staff-card:hover{background:#1e293bcc;border-color:var(--border-glow);transform:translateY(-5px);box-shadow:0 10px 35px -10px #00d9ff59}.staff-avatar-container{position:relative;margin-bottom:1rem}.staff-avatar{width:96px;height:96px;border-radius:var(--radius-md);border:3px solid var(--border-subtle);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:all var(--transition-normal);background:#0f172acc}.staff-card:hover .staff-avatar{border-color:var(--primary-teal);box-shadow:0 0 25px #00d9ff73;transform:scale(1.08)}.staff-avatar-error{width:96px;height:96px;border-radius:var(--radius-md);border:3px solid var(--border-subtle);background:#0f172acc;display:flex;align-items:center;justify-content:center;font-size:48px}.staff-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.staff-bio{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.staff-contact{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:var(--radius-sm);color:var(--discord-color);font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.staff-contact:hover{background:#5865f233;border-color:#5865f266}.discord-icon{width:16px;height:16px}.staff-footer{margin-top:2rem;padding:1.5rem;background:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:var(--radius-md);text-align:center}.staff-footer .footer-note{color:var(--primary-teal);font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.staff-footer .footer-contact{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,217,255,.1);border-top-color:var(--primary-teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:1rem}.error-message{text-align:center;color:#f87171;padding:2rem;background:#ef44441a;border-radius:var(--radius-md);margin:2rem 0}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.staff-grid{grid-template-columns:1fr}.role-section{padding:1.5rem}}@media(max-width:480px){:root{--container-padding: 1.5rem}.container{gap:2rem}.logo-image{width:260px}.tagline{font-size:.95rem}.ip-address{font-size:1rem}.button-group{gap:.75rem}.nav-button{padding:1rem 1.5rem;min-width:100px;font-size:.9rem}.button-icon{width:40px;height:40px}.button-icon svg{width:20px;height:20px}.vote-grid,.news-grid{grid-template-columns:1fr}.rule-section{padding:1rem}.section-title{font-size:1.1rem}.staff-title{font-size:1.75rem}.role-title{font-size:1.25rem}}.rules-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:1.5rem;width:100%;max-width:400px;transition:all var(--transition-normal)}.rules-search:focus-within{border-color:var(--border-glow);box-shadow:0 0 0 3px #00d9ff1a}.rules-search .search-icon{color:var(--text-secondary);flex-shrink:0}.rules-search .search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.rules-search .search-input::placeholder{color:var(--text-secondary)}.rules-search .clear-search{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.rules-search .clear-search:hover{color:var(--primary-teal)}.section-header.collapsible{cursor:pointer;width:100%;background:transparent;border:none;text-align:left;display:flex;align-items:center;gap:.75rem}.section-header.collapsible .rule-count{margin-left:auto;font-size:.8rem;color:var(--text-secondary);background:#00d9ff1a;padding:.25rem .5rem;border-radius:var(--radius-sm)}.section-header.collapsible .expand-icon{color:var(--text-secondary);transition:color var(--transition-fast)}.section-header.collapsible:hover .expand-icon{color:var(--primary-teal)}.rule-item.highlight{background:#00d9ff1a;border-radius:var(--radius-sm);padding:.5rem;margin:-.5rem}.no-results{text-align:center;padding:2rem;color:var(--text-secondary)}.no-results p{font-size:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bubble,.particle,.light-ray,.caustic-layer{animation:none!important}}