@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.announcement-banner{position:fixed;top:80px;left:0;right:0;z-index:999;padding:0 2rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.banner-content{max-width:1200px;margin:0 auto;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:1.5rem;border:1px solid var(--border-color);box-shadow:0 4px 20px #00000080;border-left:4px solid var(--accent-primary)}.banner-content svg{flex-shrink:0;color:var(--accent-primary);filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.banner-text{flex:1;color:var(--text-primary);font-weight:500;font-size:.95rem;letter-spacing:.3px}.banner-btn{background:var(--accent-primary);color:var(--dark-bg);border:none;padding:.5rem 1.25rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.banner-btn:hover{transform:translateY(-1px);background:var(--accent-light);box-shadow:0 0 15px #fff3}.banner-dismiss{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem;transition:all .2s;opacity:.7;border-radius:4px}.banner-dismiss:hover{opacity:1;color:var(--text-primary);background:#ffffff0d}@media(max-width:768px){.announcement-banner{padding:0 1rem;top:70px}.banner-content{padding:.75rem 1rem;gap:.75rem}.banner-text{font-size:.85rem}.banner-btn{padding:.4rem 1rem;font-size:.85rem}}.bug-report-float-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:#e74c3c;color:#fff;border:none;font-size:2rem;cursor:pointer;box-shadow:0 4px 15px #e74c3c66;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:9999;display:flex;align-items:center;justify-content:center}.bug-report-float-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px #e74c3c99}.bug-report-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.bug-report-modal{background:var(--card-bg);padding:2rem;border-radius:12px;width:90%;max-width:500px;position:relative;border:1px solid var(--border-color);box-shadow:0 20px 50px #00000080;animation:slideUp .3s ease-out}.bug-report-modal h2{margin-top:0;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.modal-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color .2s}.close-modal:hover{color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:#fff;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);background:#ffffff14}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#ffffff0d;color:var(--text-primary)}.btn-submit{background:#e74c3c;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.bug-report-success{text-align:center;padding:2rem 0}.success-icon{font-size:4rem;margin-bottom:1rem;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.points-badge-premium{display:inline-block;margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(90deg,#ffffff0d,#ffffff1a);border-radius:30px;border:1px solid var(--accent-primary);color:var(--accent-primary);font-weight:800;letter-spacing:1.5px;box-shadow:0 0 20px #ffffff0d}.account-tabs{border-bottom:2px solid rgba(255,255,255,.03)!important}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-weight:700;font-size:1.1rem;padding:.5rem 1rem;cursor:pointer;transition:all .3s;position:relative;text-transform:uppercase;letter-spacing:1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1rem;left:0;width:100%;height:3px;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.form-group-premium{background:#ffffff05;padding:2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.form-group-premium label{display:block;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.username-display-premium{display:flex;justify-content:space-between;align-items:center;background:#0003;padding:1.25rem 1.5rem;border-radius:.75rem;border:1px solid #333}.current-username{font-family:Courier New,Courier,monospace;font-size:1.2rem;color:var(--text-primary);font-weight:700}.edit-btn-premium{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:.5rem 1.25rem;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.edit-btn-premium:hover{background:var(--accent-primary);color:#000}.premium-input-small{flex:1;background:#000;border:1px solid #444;padding:.75rem 1rem;border-radius:8px;color:#fff;outline:none;transition:border-color .3s}.premium-input-small:focus{border-color:var(--accent-primary)}.btn-confirm-premium-small{background:#fff;color:#000;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.btn-confirm-premium-small:hover{background:var(--accent-primary)}.btn-abort-premium-small{background:transparent;border:1px solid #333;color:#888;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s}.btn-abort-premium-small:hover{color:#fff;border-color:#666}.field-hint{margin-top:1rem;font-size:.85rem;color:#666;font-style:italic}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-card-premium{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1.5rem;transition:all .3s}.transaction-card-premium:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(5px)}.tx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem}.tx-date{color:#666;font-weight:600}.tx-status{padding:.25rem .75rem;border-radius:20px;font-weight:800;text-transform:uppercase;font-size:.7rem;letter-spacing:1px}.status-pending{background:#eab3081a;color:#eab308}.status-completed{background:#4ade801a;color:#4ade80}.tx-body{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.tx-info{display:flex;flex-direction:column;gap:.25rem}.tx-item-name{font-weight:700;font-size:1.1rem;color:#fff}.tx-price{font-weight:800;color:var(--accent-primary);font-size:.9rem}.tx-code-box{display:flex;align-items:center;gap:.75rem;background:#000;padding:.5rem 1rem;border-radius:8px;border:1px solid #333}.code-label{font-size:.7rem;font-weight:800;color:#666}.code-value{font-family:Courier New,Courier,monospace;font-weight:700;color:var(--accent-primary);letter-spacing:1px}.tx-copy-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.6;transition:opacity .2s}.tx-copy-btn:hover{opacity:1}:root{--dark-bg: #050505;--card-bg: #0a0a0a;--hover-bg: #141414;--border-color: #333333;--text-primary: #e0e0e0;--text-secondary: #888888;--accent-primary: #ffffff;--accent-secondary: #4a4a4a;--accent-light: #d4d4d4;--fog-1: rgba(100, 100, 100, .15);--fog-2: rgba(50, 50, 50, .2);--fog-3: rgba(20, 20, 20, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px;animation:tv-static .5s steps(5) infinite}@keyframes tv-static{0%{background-position:0 0}20%{background-position:-20px -20px}40%{background-position:20px -50px}60%{background-position:-40px 10px}80%{background-position:10px 30px}to{background-position:30px -10px}}.blood-drip-container{position:fixed;top:0;left:0;width:100%;height:300px;pointer-events:none;z-index:10000;display:flex;justify-content:space-around;filter:drop-shadow(1px 1px 2px rgba(50,0,0,.5))}.blood-drip{width:4px;background:linear-gradient(to right,#5a0000,#a00000 50%,#5a0000);border-radius:0 0 10px 10px;animation:drip 6s infinite ease-in;opacity:.3;height:0;position:relative;box-shadow:inset 1px 0 2px #ffffff1a}.blood-drip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:12px;background:radial-gradient(circle at 30% 30%,#f33,#8a0303 60%,#300000);border-radius:50% 50% 60% 60%;box-shadow:inset -1px -1px 2px #00000080;opacity:.3}.blood-drip:nth-child(1){--final-height: 150px;animation-duration:7s;animation-delay:0s}.blood-drip:nth-child(2){--final-height: 220px;animation-duration:5.5s;animation-delay:2s;width:3px}.blood-drip:nth-child(3){--final-height: 100px;animation-duration:4.5s;animation-delay:4.2s}.blood-drip:nth-child(4){--final-height: 180px;animation-duration:8s;animation-delay:1s;width:5px}.blood-drip:nth-child(5){--final-height: 250px;animation-duration:6.8s;animation-delay:3s}.blood-drip:nth-child(6){--final-height: 130px;animation-duration:5.2s;animation-delay:5s;width:4px}.blood-drip:nth-child(7){--final-height: 190px;animation-duration:6.2s;animation-delay:1.5s}.blood-drip:nth-child(8){--final-height: 160px;animation-duration:7.5s;animation-delay:3.8s}.blood-drip:nth-child(9){--final-height: 210px;animation-duration:5.8s;animation-delay:.5s;width:3px}.blood-drip:nth-child(10){--final-height: 140px;animation-duration:8.5s;animation-delay:4.8s}@keyframes drip{0%{height:0;opacity:0}10%{opacity:.6;height:10px}70%{opacity:.6;height:var(--final-height, 150px)}90%{opacity:.4;height:calc(var(--final-height, 150px) + 20px);transform:translateY(0)}to{height:calc(var(--final-height, 150px) + 50px);opacity:0;transform:translateY(20px)}}.fog-layer{position:fixed;border-radius:50%;filter:blur(100px);z-index:0;pointer-events:none;will-change:transform}.fog-1{width:1000px;height:1000px;background:radial-gradient(circle,var(--fog-1) 0%,transparent 70%);top:-300px;left:-200px;animation:drift 40s ease-in-out infinite}.fog-2{width:800px;height:800px;background:radial-gradient(circle,var(--fog-2) 0%,transparent 70%);bottom:-200px;right:-100px;animation:drift 35s ease-in-out infinite reverse}.fog-3{width:600px;height:600px;background:radial-gradient(circle,var(--fog-3) 0%,transparent 80%);top:40%;left:30%;animation:pulse-fog 20s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes pulse-fog{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.video-channel-badge{position:absolute;bottom:15px;left:15px;display:flex;align-items:center;gap:10px;background:#0009;padding:5px 15px 5px 5px;border-radius:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:background .3s ease,transform .3s ease}.video-channel-badge:hover{background:#000c;transform:scale(1.05)}.channel-avatar{width:32px;height:32px;border-radius:50%;border:2px solid white}.channel-name{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px}@keyframes float-arrow{0%,to{transform:rotate(100deg) scaleX(-1) translateY(0)}33%{transform:translate(40px,-50px) scale(1.08)}66%{transform:translate(-35px,35px) scale(.92)}}.navbar,.hero{position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1.25rem 2rem;z-index:1000}.nav-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-family:inherit}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a,.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s;background:none;border:none;cursor:pointer;font-family:inherit;font-size:1rem}.nav-links a:hover,.nav-link:hover,.nav-link.active{color:var(--text-primary)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.profile-dropdown{position:relative}.profile-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.profile-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fff,#666);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--dark-bg);transition:transform .2s}.profile-button:hover .profile-avatar-small{transform:scale(1.05)}.dropdown-menu{position:absolute;top:calc(100% + .75rem);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;min-width:220px;box-shadow:0 8px 24px #0009;z-index:1000;overflow:hidden}.dropdown-header{padding:1rem;display:flex;align-items:center;gap:.75rem;background:var(--hover-bg)}.dropdown-username{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.dropdown-points{font-size:.8125rem;color:var(--text-secondary)}.dropdown-divider{margin-bottom:1rem;height:1px;background:var(--border-color)}.dropdown-item{width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background .2s;font-family:inherit;text-align:left}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-item.danger{color:var(--text-secondary)}.dropdown-item.danger:hover{background:#8888881a}.dropdown-item svg{flex-shrink:0}.home-page{position:relative;z-index:1}.hero-banner{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;text-align:center}.hero-banner-content .hero-logo{max-width:600px;width:100%;height:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 24px rgba(255,255,255,.3))}.hero-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:3rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.section{padding:5rem 2rem;position:relative;z-index:1}.section-dark{background:var(--card-bg)}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:var(--card-bg);padding:2rem;border-radius:8px;border:1px solid var(--border-color);text-align:center;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--text-primary)}.feature-card .feature-icon{display:inline-flex;margin-bottom:1rem;padding:1rem;background:#ffffff0d;border-radius:50%;color:var(--text-primary)}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.community-description{max-width:600px;margin:2rem auto 0;text-align:center;position:relative;padding:0 1rem}.community-description:before{content:"“";font-family:serif;font-size:3rem;line-height:1;color:var(--accent-primary);opacity:.1;position:absolute;top:-1rem;left:-.5rem}.community-description:after{content:"”";font-family:serif;font-size:3rem;line-height:1;color:var(--accent-primary);opacity:.1;position:absolute;bottom:-2rem;right:-.5rem}.community-description p{font-size:1rem;font-style:italic;color:var(--text-secondary);line-height:1.6;opacity:.8}.why-join-section{padding:8rem 2rem;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,var(--dark-bg) 100%);position:relative;overflow:hidden}.why-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.why-join-content .eyebrow{color:var(--text-secondary);font-family:Courier New,monospace;letter-spacing:.2em;font-size:.85rem;display:block;margin-bottom:1rem}.why-join-title{font-size:3rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase;color:var(--text-primary)}.why-join-desc{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.why-join-list{list-style:none;padding:0;margin-bottom:2.5rem}.why-join-list li{display:flex;align-items:center;margin-bottom:1rem;font-size:1.05rem;color:var(--text-primary)}.check-icon{color:#4ade80;margin-right:1rem;font-weight:700}.why-join-visuals{position:relative;height:400px;width:100%;display:flex;align-items:center;justify-content:center;perspective:1000px}.why-join-card{position:absolute;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #00000080;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:var(--card-bg)}.why-join-card.video-card{width:90%;aspect-ratio:16/9;z-index:1;transform:rotate(-5deg) translate(-20px,-10px)}.why-join-card.image-card{width:85%;aspect-ratio:16/9;z-index:2;transform:rotate(3deg) translate(20px,60px)}.why-join-visuals:hover .video-card{transform:rotate(-10deg) translate(-80px,-20px) scale(1.02);z-index:5;box-shadow:-10px 10px 30px #00000080}.why-join-visuals.active .video-card{transform:rotate(0) scale(1.1)!important;z-index:20!important;box-shadow:0 20px 50px #000c;border-color:var(--accent-primary)}.why-join-visuals.active .image-card{transform:rotate(10deg) translate(80px,40px) scale(.9);z-index:1;opacity:.5;filter:grayscale(100%)}.why-join-visuals:hover .image-card{transform:rotate(5deg) translate(80px,70px) scale(1.02);z-index:6;opacity:.9}.video-thumbnail-wrapper{width:100%;height:100%;position:relative;cursor:pointer}.video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5}.video-arrow-cta{position:absolute;top:-80px;right:-60px;left:auto;width:140px;height:auto;pointer-events:none;z-index:30;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.5));animation:float-arrow 2s ease-in-out infinite}@keyframes float-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.video-thumbnail-wrapper:hover .play-button{background:#313131;transform:translate(-50%,-50%) scale(1.1);border-color:#fff}.video-thumbnail-wrapper:hover .video-thumbnail{transform:scale(1.05)}.why-join-visuals:not(.active) .why-join-card:hover{z-index:10!important;transform:scale(1.1) rotate(0)!important;box-shadow:0 20px 60px #000000b3;border-color:var(--accent-primary);opacity:1!important}.why-join-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(80%) contrast(1.1);transition:filter .3s ease}.why-join-visuals:hover .why-join-image,.why-join-visuals.active .why-join-image{filter:grayscale(0%) contrast(1)}@media(max-width:968px){.why-join-grid{grid-template-columns:1fr;text-align:center}.why-join-list li{justify-content:center}.why-join-visuals{margin-top:3rem;height:300px}.why-join-card.video-card,.why-join-card.image-card{transform:none;position:relative;width:100%;margin-bottom:2rem}}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.staff-card{background:#0f0f0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s}.staff-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #ffffff0d;border-color:#fff3}.staff-avatar{width:80px;height:80px;margin:0 auto 1rem;position:relative}.staff-avatar-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#333,#666);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--text-primary);box-shadow:0 4px 16px #0006}.staff-name{font-size:1.125rem;margin-bottom:.5rem}.staff-rank{display:inline-block;padding:.375rem .875rem;border-radius:2rem;font-size:.875rem;font-weight:600}.staff-rank.owner{background:linear-gradient(135deg,#ccc,#888);color:var(--dark-bg);box-shadow:0 2px 8px #fff3}.staff-rank.admin{background:linear-gradient(135deg,#aaa,#666);color:var(--dark-bg);box-shadow:0 2px 8px #aaa3}.staff-rank.moderator{background:linear-gradient(135deg,#888,#444);color:var(--text-primary);box-shadow:0 2px 8px #8883}.gallery-item{aspect-ratio:16/9;border-radius:1rem;overflow:hidden;border:1px solid var(--border-color);transition:all .3s}.gallery-item:hover{transform:scale(1.02);box-shadow:0 8px 24px #ffffff1a}.gallery-placeholder{width:100%;height:100%;background:var(--card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.gallery-placeholder p{margin-top:1rem;font-size:.875rem}.hero{min-height:100vh;padding:8rem 2rem 4rem;display:flex;align-items:center;justify-content:center}.hero-content{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 450px;gap:4rem;align-items:start}.hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.stat{background:var(--card-bg);padding:1.5rem;border-radius:1rem;text-align:center;border:1px solid var(--border-color);transition:all .3s}.stat:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ffffff1a;border-color:var(--accent-primary)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.tutorial-section{margin-top:3rem}.tutorial-section h3{font-size:1.75rem;margin-bottom:2rem;font-weight:600}.steps{display:grid;gap:1.25rem}.step{background:var(--card-bg);padding:1.75rem;border-radius:1rem;border:1px solid var(--border-color);display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;transition:all .3s;position:relative;overflow:hidden}.step:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);opacity:0;transition:opacity .3s}.step:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px #ffffff14}.step:hover:before{opacity:1}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border:2px solid var(--border-color);border-radius:12px;font-weight:700;font-size:1.25rem;color:var(--text-primary);transition:all .3s}.step:hover .step-number{background:var(--accent-primary);color:var(--dark-bg);border-color:var(--accent-primary);transform:scale(1.1)}.step-content h4{font-size:1.125rem;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.step-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.vote-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.5rem;padding:2rem;position:sticky;top:6rem;box-shadow:0 8px 32px #0009}.vote-card-header{margin-bottom:2rem}.vote-card-header h2{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.vote-card-header p{color:var(--text-secondary);font-size:.9375rem}.user-profile{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--hover-bg);border-radius:1rem;margin-bottom:2rem;border:1px solid var(--border-color)}.user-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fff,#666);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--dark-bg)}.user-info{flex:1}.user-info h3{font-size:1.125rem;margin-bottom:.25rem;font-weight:600}.user-info p{font-size:.875rem;color:var(--text-secondary)}.points-badge{background:var(--accent-primary);color:var(--dark-bg);padding:.5rem 1rem;border-radius:2rem;font-weight:700;font-size:1rem}.btn{padding:.875rem 1.75rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center;font-family:inherit}.btn-primary{background:var(--accent-primary);color:var(--dark-bg)}.btn-primary:hover:not(:disabled){background:var(--accent-light);transform:translateY(-2px);box-shadow:2px 2px 24px #fff3}.btn-secondary{background:var(--hover-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color);border-color:var(--accent-primary)}.btn-danger{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-danger:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-group{display:flex;flex-direction:column;gap:.75rem}.alert{padding:1rem 1.25rem;border-radius:.75rem;margin-top:1.5rem;font-size:.9375rem;font-weight:500}.alert-success{background:#ffffff1a;border:1px solid var(--accent-primary);color:var(--text-primary)}.alert-error{background:#8888881a;border:1px solid var(--accent-secondary);color:var(--text-secondary)}.info-box{padding:1.25rem;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1rem}.info-box p{margin:.25rem 0;font-size:.9375rem;color:var(--text-secondary)}.info-box strong{color:var(--text-primary);font-weight:600}.input-field{width:100%;padding:.875rem 1rem;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffffff1a}.inventory-badge{background:var(--accent-secondary);color:var(--text-primary);padding:.375rem .875rem;border-radius:2rem;font-weight:600;font-size:.875rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.vote-card{position:static}.hero-text h1{font-size:2.75rem}}@media(max-width:768px){.navbar{padding:1rem 1.5rem}.nav-links{gap:1.5rem}.hero{padding:6rem 1.5rem 3rem}.hero-text h1{font-size:2.25rem}.hero-stats{grid-template-columns:1fr;gap:1rem}.step{grid-template-columns:1fr;text-align:center;gap:1rem}.step-number{margin:0 auto}.vote-card{padding:1.5rem}}@media(max-width:480px){.hero-text h1{font-size:1.875rem}.tutorial-section h3{font-size:1.5rem}.nav-links{gap:1rem;font-size:.875rem}}.lore-section{padding:8rem 2rem;position:relative}.lore-header{text-align:center;max-width:800px;margin:0 auto 1.5rem}.lore-title{font-size:4rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin:.5rem 0 1.5rem;background:linear-gradient(180deg,#fff 20%,#999);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px rgba(255,255,255,.1));line-height:1.1;position:relative}.mods-tab.active{background:var(--text-primary);color:var(--dark-bg);box-shadow:0 4px 12px #ffffff1a}.lore-title:after{content:"KNOX EVENT";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:blur(8px);z-index:-1}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:-1rem}.lore-content-grid{display:flex;flex-direction:column;gap:3rem}.lore-image-container{width:100%;max-width:900px;margin:0 auto;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);position:relative;aspect-ratio:1320/390;box-shadow:0 20px 50px #00000080}.lore-image{width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease;filter:grayscale(100%) contrast(1.1)}.lore-image-container:hover .lore-image{transform:scale(1.03);filter:grayscale(0%) contrast(1)}.lore-text{max-width:900px;margin:0 auto;text-align:center}.lore-text h3{font-size:2rem;margin-bottom:2rem;color:var(--text-primary);background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lore-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.lore-btn{margin-top:2rem;display:inline-block}@media(max-width:768px){.lore-image-container{aspect-ratio:16/9}}.mods-section{padding:8rem 2rem;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,var(--dark-bg) 100%)}.section-header{text-align:center;margin-bottom:2rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-header .eyebrow{font-family:Courier New,Courier,monospace;font-size:.85rem;letter-spacing:.3em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem;display:block;font-weight:700;opacity:.7}.section-header .eyebrow:before,.section-header .eyebrow:after{content:"//";color:var(--accent-primary);margin:0 .5rem;font-weight:400;opacity:.5}.section-header .section-title{font-size:3.5rem;font-weight:900;text-transform:uppercase;color:var(--text-primary);letter-spacing:-.02em;position:relative;line-height:1;background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:currentcolor;background-clip:border-box}.section-header .section-title:after{content:attr(data-text);position:absolute;left:2px;top:0;color:#ffffff1a;z-index:-1;pointer-events:none}.section-header:after{content:"";display:block;width:60px;height:4px;background:var(--text-primary);margin:1.5rem auto 0;box-shadow:4px 0 0 var(--text-secondary)}.mods-container{max-width:1200px;margin:0 auto}.mods-tabs{display:flex;justify-content:center;gap:0;margin-bottom:3rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;width:fit-content;margin-left:auto;margin-right:auto;padding:.25rem}.mods-tab{padding:.75rem 2.5rem;border:none;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;border-radius:2px}.mods-tab:hover{color:var(--text-primary);background:#ffffff0d}.mods-tab.active{background:var(--text-primary);color:var(--dark-bg);box-shadow:none}.mods-split-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;min-height:500px}.mods-list-column{border-right:1px solid var(--border-color);padding-right:2rem}.mods-preview-column{position:relative;display:flex;flex-direction:column}.mods-list{display:flex;flex-direction:column;gap:.5rem;max-height:500px;overflow-y:auto;padding-right:1rem}.mod-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:transparent;border:1px solid transparent;border-radius:2px;text-decoration:none;transition:all .2s ease;cursor:pointer;border-left:2px solid transparent}.mod-item:hover,.mod-item.active{background:#ffffff08;border-left-color:var(--text-primary);padding-left:1.5rem}.mod-item.active{background:#ffffff0f;border-color:#ffffff1a}.mod-name{color:var(--text-secondary);font-weight:500;font-family:Courier New,Courier,monospace;font-size:.9rem;text-transform:uppercase;transition:color .2s}.mod-item:hover .mod-name,.mod-item.active .mod-name{color:var(--text-primary)}.mod-link-icon{color:var(--text-secondary);opacity:.3;transition:all .2s}.mod-item:hover .mod-link-icon{opacity:1}.mod-tag{font-size:.65rem;padding:.15rem .5rem;background:var(--text-secondary);color:var(--dark-bg);border-radius:2px;font-weight:700;text-transform:uppercase}.mod-preview-card{height:100%;display:flex;flex-direction:column;background:#0a0a0a;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.mod-preview-image-container{flex:1;background:#050505;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden;min-height:300px}.mod-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-family:Courier New,Courier,monospace;text-transform:uppercase;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 80%)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content-anim{animation:fadeSlideIn .3s ease-out forwards}.mod-preview-image{width:100%;height:100%;object-fit:cover;display:block}.mod-preview-placeholder.fallback{display:none;background:#1a1a1a;color:#f55;position:absolute;top:0;left:0;width:100%;height:100%}.mod-preview-image-container.error .mod-preview-image{display:none}.mod-preview-image-container.error .mod-preview-placeholder.fallback{display:flex}.mod-preview-info{padding:2rem;background:var(--card-bg)}.mod-preview-info h3{font-size:1.5rem;margin-bottom:1rem;font-family:Courier New,Courier,monospace;text-transform:uppercase;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;display:inline-block}.mod-preview-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media(max-width:900px){.mods-split-layout{grid-template-columns:1fr;gap:2rem}.mods-list-column{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:2rem}.mods-list{max-height:300px}}.mod-name{color:var(--text-primary);font-weight:500}.mod-link-icon{color:var(--text-secondary);opacity:.5;transition:all .2s}.mod-item:hover .mod-link-icon{opacity:1;transform:translate(2px,-2px);color:var(--accent-primary)}.mod-item.custom .mod-name{color:#53e211}.mod-tag{font-size:.75rem;padding:.25rem .75rem;background:#667eea1a;color:var(--accent-primary);border:1px solid rgba(102,126,234,.3);border-radius:1rem;font-weight:600}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000001a}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.team-section{padding:6rem 0;position:relative;background:linear-gradient(180deg,#0009,#141414e6);z-index:10}.team-carousel-container{width:100%;overflow:hidden;margin-top:2rem;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.team-carousel-track{display:flex;gap:2rem;width:max-content;animation:scrollTeam 20s linear infinite;padding:1rem 0}.team-carousel-track:hover{animation-play-state:paused}@keyframes scrollTeam{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.team-card.carousel-card{flex:0 0 300px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.team-card:hover{transform:translateY(-5px);background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 10px 30px #0000004d}.team-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--member-color, white);margin-bottom:1.5rem;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 15px #00000080;transition:all .3s ease}.team-card:hover .team-avatar-placeholder{transform:scale(1.1);border-color:var(--member-color, white)}.team-name{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:#fff;text-transform:uppercase;letter-spacing:1px}.team-role{display:inline-block;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--member-color, var(--text-secondary));font-weight:600;margin-bottom:.8rem;padding:4px 12px;background:#0000004d;border-radius:20px;border:1px solid var(--member-color)}.team-spec{font-size:.95rem;color:var(--text-secondary);font-style:italic;font-weight:300}.role-explanation-container{margin-top:1.5rem;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.role-select-wrapper{font-size:1.2rem;font-weight:600;margin-bottom:-.5rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:100}.custom-dropdown{position:relative;display:inline-block;cursor:pointer}.dropdown-selected{color:var(--accent-primary);border-bottom:2px dashed rgba(255,255,255,.3);padding:0 5px;transition:all .3s ease;font-weight:700}.dropdown-selected:hover,.dropdown-selected.open{color:var(--accent-light);border-bottom-color:var(--accent-light);text-shadow:0 0 10px rgba(102,126,234,.5)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:15px;background:#141414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;width:max-content;box-shadow:0 10px 40px #00000080;animation:slideDownFade .2s ease-out;z-index:1000}.dropdown-item{padding:10px 20px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:center}.dropdown-item:hover{background:#ffffff1a;color:var(--accent-primary)}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.role-description-box{padding:1rem;min-height:80px}.role-description-box p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0;font-style:italic;animation:fadeIn .3s ease-in-out}.footer-section{background:#000;border-top:1px solid rgba(255,255,255,.1);padding:4rem 0 2rem;position:relative;overflow:hidden}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:3rem}.footer-col h3{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:var(--accent-primary);margin-bottom:1.5rem;letter-spacing:1px}.footer-logo{height:60px;opacity:.8;margin-bottom:1rem;filter:grayscale(100%);transition:all .3s ease}.footer-logo:hover{filter:grayscale(0%);opacity:1}.footer-tagline{color:var(--text-secondary);font-style:italic;font-size:.9rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;position:relative;display:inline-block}.footer-links a:before{content:">";position:absolute;left:-20px;opacity:0;color:var(--accent-primary);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-10px);font-weight:700}.footer-links a:hover{color:var(--text-primary);transform:translate(15px);text-shadow:0 0 10px rgba(255,255,255,.3)}.footer-links a:hover:before{opacity:1;transform:translate(0)}.social-links{display:flex;flex-direction:row;gap:1.5rem}.social-link{color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px;border-radius:50%;background:#ffffff0d}.social-link:before{display:none}.social-link:hover{color:#fff;transform:translateY(-5px);background:var(--accent-primary);box-shadow:5px 5px 15px #e056fd66}.social-link.discord:hover{background:#5865f2;box-shadow:0 0 15px #5865f266}.social-link.youtube:hover{background:red;box-shadow:0 0 15px #f006}.social-link.twitch:hover{background:#9146ff;box-shadow:0 0 15px #9146ff66}.social-link.tiktok:hover{background:#000;box-shadow:0 0 15px #fff3;border:1px solid #333}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);color:#ffffff4d;font-size:.85rem}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.footer-col{display:flex;flex-direction:column;align-items:center}.footer-links a:hover{padding-left:0}}.support-section{position:relative;overflow:hidden;padding:6rem 0}.patreon-scroller-container{position:relative;width:100%;padding:0 40px}.patreon-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#121212cc;border:1px solid rgba(255,255,255,.1);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.patreon-nav-btn:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 20px #fff3}.patreon-nav-btn.left{left:0}.patreon-nav-btn.right{right:0}.pricing-grid{display:flex;overflow-x:auto;gap:2.5rem;padding:2rem .5rem 3rem;align-items:stretch;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pricing-grid::-webkit-scrollbar{display:none}.tier-wrapper{flex:0 0 320px;display:flex;flex-direction:column;scroll-snap-align:start}.tier-external-title{text-align:center;margin-bottom:1.5rem;font-size:1.1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;opacity:.9}.pricing-card{flex:1;background:var(--card-bg);border-radius:16px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0006;border-color:#ffffff26}.pricing-card.popular{border:1px solid rgba(255,215,0,.3);transform:scale(1.02);z-index:2;box-shadow:0 10px 40px #00000080}.pricing-card.popular:hover{transform:scale(1.02) translateY(-10px)}.popular-badge{position:absolute;top:12px;right:-30px;background:linear-gradient(90deg,gold,#fdb931);color:#000;font-weight:800;font-size:.7rem;padding:5px 30px;transform:rotate(45deg);box-shadow:0 2px 5px #0003;z-index:10}.card-banner{height:120px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);background-size:cover;background-position:center}.card-banner:before{content:"";position:absolute;inset:0;background:#0009;z-index:1}.banner-content{position:relative;z-index:2}.banner-tier-1{background-image:url(/patreon/soutien.jpg);border-bottom:2px solid rgba(255,255,255,.1)}.banner-tier-2{background-image:url(/patreon/abonne.jpg);border-bottom:2px solid rgba(255,255,255,.2)}.banner-tier-3{background-image:url(/patreon/pillier_de_la_communaut%C3%A9.jpg);border-bottom:2px solid rgba(255,255,255,.3)}.banner-tier-4{background-image:url(/patreon/empereur_de_la_communaut%C3%A9.jpg);border-bottom:2px solid rgba(255,255,255,.4)}.banner-content .price{font-size:2.5rem;font-weight:800;color:var(--accent-primary);margin-top:0;line-height:1;display:flex;align-items:baseline;justify-content:center;gap:6px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.banner-content .price span{font-size:1rem;font-weight:600;color:var(--text-primary);opacity:.9;text-transform:uppercase}.banner-content .vat-note{font-size:.75rem;color:var(--text-secondary);margin-top:4px;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.card-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.benefits-list{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.benefits-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:.8rem;font-size:.95rem;color:var(--text-secondary);line-height:1.4}.benefit-icon{font-size:1.2rem;min-width:24px}.highlight-benefit{color:#fff!important;font-weight:500;background:#ffffff0d;padding:8px;border-radius:6px;margin-left:-8px;margin-right:-8px}.item-note{font-size:.75rem;color:#fff6;font-style:italic;margin-bottom:1.5rem;line-height:1.3}.glow-text{text-shadow:0 0 10px rgba(255,255,255,.5);color:#fff}.tier-1-glow,.tier-2-glow,.tier-3-glow,.tier-4-glow{color:#fff}.btn-tier-1,.btn-tier-2,.btn-tier-3,.btn-tier-4{display:block;width:100%;text-align:center;padding:12px;border-radius:8px;background:#ffffff1a;color:#fff;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.1);transition:all .2s}.btn-tier-1:hover,.btn-tier-2:hover,.btn-tier-3:hover,.btn-tier-4:hover{background:#464646;border-color:#fff;color:#fff;transform:translateY(-2px);box-shadow:2px 2px 15px #ffffff4d}@media(max-width:900px){.patreon-scroller-container{padding:0 10px}.patreon-nav-btn{width:40px;height:40px;background:#121212e6}.pricing-grid{gap:1.5rem;padding-bottom:2rem}.tier-wrapper{flex:0 0 280px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-10px)}}.tutorial-text{line-height:1.8;color:var(--text-secondary)}.vote-timeline{margin-top:3rem}.timeline-title{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.timeline-container{position:relative;padding-left:0}.timeline-item{display:flex;gap:1.5rem;margin-bottom:2rem;position:relative;padding-left:0}.timeline-item:not(:last-child):after{content:"";position:absolute;left:23px;top:50px;width:2px;height:calc(100% + 2rem);background:linear-gradient(180deg,var(--accent-primary) 0%,var(--border-color) 100%);opacity:.3}.timeline-marker{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--hover-bg) 0%,var(--card-bg) 100%);border:2px solid var(--accent-primary);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all .3s ease}.timeline-marker svg{color:var(--accent-primary);transition:all .3s ease}.timeline-item:hover .timeline-marker{transform:scale(1.1);border-color:var(--accent-light);box-shadow:0 0 20px #fff3}.timeline-item:hover .timeline-marker svg{color:var(--accent-light)}.timeline-content{flex:1;padding-top:.3rem}.timeline-content h4{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:600}.timeline-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.timeline-item{gap:1rem}.timeline-marker{width:40px;height:40px}.timeline-marker svg{width:20px;height:20px}.timeline-item:not(:last-child):after{left:19px;top:42px}.timeline-content h4{font-size:1rem}.timeline-content p{font-size:.875rem}}.hero-description{margin-bottom:2rem}.vote-features{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.feature-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,var(--hover-bg) 0%,rgba(255,255,255,.05) 100%);border:1px solid var(--border-color);border-radius:2rem;font-size:.9rem;color:var(--text-secondary);transition:all .3s ease}.feature-badge svg{flex-shrink:0;color:var(--accent-primary);transition:all .3s ease}.feature-badge strong{color:var(--accent-primary)}.feature-badge:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--hover-bg) 0%,rgba(255,255,255,.1) 100%);transform:translateY(-2px)}.feature-badge:hover svg{transform:scale(1.1)}@media(max-width:768px){.vote-features{flex-direction:column;gap:.75rem}.feature-badge{font-size:.85rem;padding:.5rem .875rem}}.link{color:var(--accent-primary);text-decoration:none;transition:color .3s}.link:hover{color:var(--accent-light)}.admin-container{display:flex;min-height:100vh;padding-top:8rem}.admin-sidebar{width:250px;background:var(--card-bg);border-right:1px solid var(--border-color);padding:2rem;position:fixed;height:calc(100vh - 8rem);overflow-y:auto}.admin-main{flex:1;margin-left:250px;padding:2rem;background:var(--dark-bg)}.admin-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.back-link{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.9rem;text-decoration:none}.back-link:hover{color:var(--accent-primary)}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s}.admin-nav-item:hover,.admin-nav-item.active{background:var(--hover-bg);color:var(--accent-primary)}.admin-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:.5rem;overflow:hidden}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.admin-table th{background:#ffffff0d;font-weight:600;color:var(--text-secondary)}.admin-table tr:hover{background:var(--hover-bg)}.input-small{width:80px;padding:.25rem .5rem}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#000;transition:.4s}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.table-responsive{margin-top:2rem}.news-section{padding:6rem 0;background:linear-gradient(180deg,#000000e6,#0a0a0af2);position:relative}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:3rem}.news-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s;position:relative;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-8px);border-color:#ffffff4d;box-shadow:0 15px 35px #fff3}.news-pinned-badge{position:absolute;top:1rem;right:1rem;background:#ffc107e6;color:#000;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;z-index:5;box-shadow:0 4px 12px #ffc10766}.news-card-image{width:100%;height:200px;overflow:hidden;background:#000}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary);gap:1rem}.news-author{font-weight:600;color:var(--accent-primary)}.news-date{opacity:.7}.news-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.3}.news-excerpt{color:var(--text-secondary);line-height:1.6;font-size:.95rem;flex:1}.news-read-more{align-self:flex-start;background:transparent;border:1px solid rgba(255,255,255,.4);color:var(--accent-primary);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.news-read-more:hover{background:#e0e0e01a;border-color:var(--accent-primary);transform:translate(4px)}.news-empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-secondary);opacity:.5}.news-empty svg{margin-bottom:1rem;stroke:var(--text-secondary)}.news-empty p{font-size:1.1rem;margin:0}@media(max-width:768px){.news-grid{grid-template-columns:1fr;gap:1.5rem}.news-card-content{padding:1.25rem}.news-title{font-size:1.2rem}}.announcement-popup-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.announcement-popup{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:2.5rem;max-width:450px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #000000b3;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.announcement-popup-icon{position:relative;display:inline-flex;margin-bottom:1.5rem;color:var(--text-primary);animation:bellRing 2s ease-in-out infinite}@keyframes bellRing{0%,10%,20%,30%,to{transform:rotate(0)}5%,15%,25%{transform:rotate(15deg)}10%,20%{transform:rotate(-15deg)}}.announcement-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;box-shadow:0 2px 8px #ef444480}.announcement-popup h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.announcement-popup p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.announcement-popup-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.announcement-popup-buttons .btn{min-width:140px}.admin-form-premium{background:linear-gradient(145deg,#141414f2,#050505fa);border:1px solid rgba(255,255,255,.05);border-radius:1.5rem;padding:3rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #0009;margin-bottom:3rem;z-index:10}.admin-form-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3}.form-split-layout{display:grid;grid-template-columns:320px 1fr;gap:4rem;align-items:start}.form-preview-side{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.admin-image-preview-card{width:100%;aspect-ratio:1;background:#000;border:1px solid var(--border-color);border-radius:1.25rem;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 15px 35px #0006}.admin-image-preview-card img{width:100%;height:100%;object-fit:cover}.preview-placeholder-text{color:var(--text-secondary);font-family:Courier New,monospace;text-transform:uppercase;font-size:.75rem;letter-spacing:2px;text-align:center;padding:2rem}.form-fields-side{display:flex;flex-direction:column;gap:2rem}.premium-input-group{display:flex;flex-direction:column;gap:.75rem}.premium-input-group label{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;padding-left:.5rem}.premium-input{background:#ffffff08;border:1px solid var(--border-color);border-radius:.85rem;padding:1.15rem 1.4rem;color:#fff;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;font-family:inherit}select.premium-input{cursor:pointer;background-color:#111}select.premium-input option{background-color:#111;color:#fff;padding:1rem}.premium-input:focus{outline:none;border-color:var(--accent-primary);background:#ffffff0d;box-shadow:0 0 25px #ffffff0d}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.purchase-method-toggle{background:#ffffff05;border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.purchase-method-toggle:hover{background:#ffffff0a;border-color:#ffffff1a}.purchase-method-toggle.active{border-color:var(--accent-primary);background:#ffffff0f}.method-info{display:flex;flex-direction:column;gap:.25rem}.method-title{font-weight:800;font-size:1rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.method-desc{font-size:.8rem;color:var(--text-secondary)}.method-switch{width:48px;height:24px;background:#ffffff1a;border-radius:20px;position:relative;transition:all .3s}.purchase-method-toggle.active .method-switch{background:var(--accent-primary)}.method-switch:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s}.purchase-method-toggle.active .method-switch:after{left:calc(100% - 20px);background:var(--dark-bg)}.form-actions-premium{display:flex;gap:1.5rem;margin-top:1rem}.btn-premium{flex:1;padding:1.25rem;border-radius:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;cursor:pointer;transition:all .3s;border:none}.btn-premium-save{background:#fff;color:#000!important}.btn-premium-save:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.btn-premium-cancel{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-premium-cancel:hover{background:#ffffff1a}.admin-table-premium{width:100%;border-collapse:separate;border-spacing:0 .75rem;margin-top:2rem}.admin-table-premium th{padding:1.25rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;border-bottom:2px solid rgba(255,255,255,.03)}.admin-table-premium tr td{background:#ffffff05;padding:1.25rem 1.5rem;transition:all .3s}.admin-table-premium tr td:first-child{border-radius:1rem 0 0 1rem}.admin-table-premium tr td:last-child{border-radius:0 1rem 1rem 0}.admin-table-premium tr:hover td{background:#ffffff0a;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.premium-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1)}.premium-badge-active{background:#4ade801a;color:#4ade80;border-color:#4ade8033}.premium-badge-inactive{background:#f871711a;color:#f87171;border-color:#f8717133}.premium-badge-method{background:#3989f11a;color:#3989f1;border-color:#3989f133}.premium-actions{display:flex;gap:.75rem}.premium-action-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary)}.premium-action-btn:hover{background:#ffffff14;color:#fff;transform:scale(1.1)}.premium-action-btn.delete:hover{background:#f871711a;color:#f87171;border-color:#f8717133}.premium-item-info{display:flex;flex-direction:column}.premium-item-name{font-weight:700;color:var(--text-primary);font-size:.95rem}.premium-item-category{font-size:.75rem;color:var(--text-secondary)}.premium-item-image{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.05)}.rich-text-editor{margin-bottom:1rem}.toolbar{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;background:var(--hover-bg);border:1px solid var(--border-color);border-bottom:none;border-radius:.5rem .5rem 0 0}.toolbar-button{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:.25rem;cursor:pointer;font-family:inherit;font-size:.85rem;transition:all .2s ease;min-width:40px}.toolbar-button:hover{background:var(--hover-bg);border-color:var(--text-primary);transform:translateY(-1px)}.toolbar-button.active{background:var(--text-primary);color:var(--dark-bg);border-color:var(--text-primary)}.toolbar-button:active{transform:translateY(0)}.toolbar-separator{width:1px;background:var(--border-color);margin:0 .5rem}.slate-image,.slate-video{margin:1.5rem 0;-webkit-user-select:none;user-select:none}.slate-image img{max-width:100%;height:auto;border-radius:.5rem;border:1px solid var(--border-color)}.slate-video iframe,.slate-video video{width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:.5rem;border:1px solid var(--border-color)}.slate-editable a{color:#60a5fa;text-decoration:underline;cursor:pointer}.slate-editable a:hover{color:#93c5fd}.editor-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:0 0 .5rem .5rem;min-height:300px;padding:1rem}.slate-editable{min-height:280px;color:var(--text-primary);font-size:1rem;line-height:1.6;outline:none}.slate-editable h1{font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.slate-editable h2{font-size:1.5rem;font-weight:700;margin:1.25rem 0 .75rem;color:var(--text-primary)}.slate-editable h3{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary)}.slate-editable p{margin-bottom:1rem}.slate-editable ul,.slate-editable ol{margin:1rem 0;padding-left:2rem}.slate-editable li{margin-bottom:.5rem}.slate-editable strong{font-weight:700}.slate-editable em{font-style:italic}.slate-editable u{text-decoration:underline}.article-content h1{font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.article-content h2{font-size:1.5rem;font-weight:700;margin:1.25rem 0 .75rem;color:var(--text-primary)}.article-content h3{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary)}.article-content p{margin-bottom:1rem;line-height:1.7}.article-content ul,.article-content ol{margin:1rem 0;padding-left:2rem}.article-content li{margin-bottom:.5rem;line-height:1.6}.article-content strong{font-weight:700;color:var(--text-primary)}.article-content em{font-style:italic}.article-content u{text-decoration:underline}.article-content a{color:#60a5fa;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.article-content a:hover{border-bottom-color:#60a5fa}.article-image-block,.article-video-block{margin:2rem 0}.article-image-block img{width:100%;max-width:100%;height:auto;border-radius:.75rem;border:1px solid var(--border-color);display:block}.article-video-block iframe,.article-video-block video{width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:.75rem;border:1px solid var(--border-color);display:block}.premium-badge-pinned{background:#ffc1071a;color:#ffc107;border-color:#ffc10733;font-size:.7rem;margin-left:.5rem}.admin-lore{padding:2rem;max-width:1200px;margin:0 auto}.admin-lore-header{margin-bottom:2rem}.admin-lore-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.admin-lore-header p{color:var(--text-secondary);font-size:1rem}.message{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-weight:500}.message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.admin-lore-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.admin-rules{padding:2rem;max-width:1200px;margin:0 auto}.admin-rules-header{margin-bottom:2rem}.admin-rules-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.admin-rules-header p{color:var(--text-secondary);font-size:1rem}.admin-rules-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.admin-gallery{padding:2rem;max-width:1400px;margin:0 auto}.admin-gallery-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-gallery-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.admin-gallery-header p{color:var(--text-secondary)}.header-actions{display:flex;gap:1rem}.photo-form{background:var(--card-bg);padding:2rem;border-radius:1rem;border:1px solid var(--border-color);margin-bottom:2rem}.photo-form h3{margin-bottom:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary)}.image-preview{margin:1rem 0;border-radius:.5rem;overflow:hidden;max-width:400px}.image-preview img{width:100%;height:auto;display:block}.checkbox-group{margin-top:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:400}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.no-photos{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.photo-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.photo-card.hidden{opacity:.6}.photo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.photo-image{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--dark-bg)}.photo-image img{width:100%;height:100%;object-fit:cover}.hidden-badge{position:absolute;top:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .75rem;border-radius:.5rem;font-size:.85rem;font-weight:600}.photo-info{padding:1rem}.photo-info h4{margin-bottom:.5rem;color:var(--text-primary);font-size:1.1rem}.photo-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.photo-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.btn-icon{flex:1;padding:.5rem;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.btn-icon:hover{background:var(--hover-bg);transform:scale(1.05)}.btn-icon.danger:hover{background:#ef444433;border-color:#ef4444}.bulk-form{max-width:100%}.form-hint{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.bulk-photos-list{display:grid;gap:2rem;margin-bottom:2rem}.bulk-photo-item{background:var(--dark-bg);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.bulk-photo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bulk-photo-header h4{color:var(--accent-primary);margin:0}.btn-remove{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-remove:hover{background:#ef444433}.image-preview-small{margin:1rem 0;border-radius:.5rem;overflow:hidden;max-width:300px;max-height:200px}.image-preview-small img{width:100%;height:auto;display:block}.shop-container{display:flex;flex-direction:column;min-height:100vh;padding:8rem 2rem 2rem;gap:2rem;background:radial-gradient(circle at top,var(--fog-1),transparent)}.shop-main-layout{display:flex;flex-direction:row;gap:2rem;flex:1}.shop-sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--border-color);padding-right:1rem}.shop-sidebar h3{text-transform:uppercase;letter-spacing:2px;font-size:.9rem;margin-bottom:1.5rem;color:var(--text-secondary)}.shop-sidebar ul{list-style:none}.shop-sidebar li{padding:.75rem 1rem;cursor:pointer;transition:all .2s;border-left:2px solid transparent;margin-bottom:.25rem;color:var(--text-secondary)}.shop-sidebar li:hover{background:var(--hover-bg);color:var(--text-primary)}.shop-sidebar li.active{color:var(--accent-primary);border-left-color:var(--accent-primary);background:#ffffff0d}.shop-content{flex-grow:1}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.shop-header h1{font-size:1.5rem;text-transform:uppercase;letter-spacing:3px}.user-points-badge{background:var(--card-bg);padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;font-weight:500}.user-points-badge span{color:var(--accent-primary);font-weight:700;margin-left:.5rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.item-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform .3s,border-color .3s;display:flex;flex-direction:column}.item-card:hover{transform:translateY(-5px);border-color:var(--accent-secondary)}.item-image{height:180px;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover;opacity:.8}.item-card:hover .item-image img{opacity:1;transform:scale(1.05)}.item-info{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.item-info h3{margin-bottom:.5rem;font-size:1.1rem;color:var(--text-primary)}.item-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1}.item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.item-price{font-weight:700;color:var(--accent-primary)}.buy-btn{padding:.5rem 1rem;font-size:.85rem}.no-items{grid-column:1 / -1;text-align:center;padding:4rem;color:var(--text-secondary);border:1px dashed var(--border-color)}@media(max-width:768px){.shop-container{flex-direction:column}.shop-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:1rem;padding-right:0}.shop-sidebar ul{display:flex;overflow-x:auto;gap:.5rem}.shop-sidebar li{border-left:none;border-bottom:2px solid transparent;white-space:nowrap}.shop-sidebar li.active{border-bottom-color:var(--accent-primary)}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--card-bg);border:1px solid #333;border-radius:12px;box-shadow:0 0 30px #00000080;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275);position:relative;width:90%}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.confirm-purchase-modal{background:linear-gradient(135deg,#0a0a0a,#151515);border:2px solid #333;padding:0;overflow:hidden;max-width:450px}.modal-header-grunge{background:#1a1a1a;padding:1.5rem;border-bottom:2px solid #333;position:relative;text-align:center}.modal-header-grunge:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3}.modal-header-grunge h2{font-family:Inter,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;margin:0;color:var(--text-primary)}.confirm-item-preview{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.confirm-image-wrapper{width:180px;height:180px;border-radius:12px;overflow:hidden;border:1px solid #444;background:#000;box-shadow:0 10px 30px #00000080}.confirm-image-wrapper img{width:100%;height:100%;object-fit:cover}.confirm-item-details{text-align:center}.confirm-item-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.confirm-item-price{font-size:1.25rem;font-weight:800;color:var(--accent-primary);background:#ffffff0d;padding:.5rem 1.5rem;border-radius:30px;display:inline-block}.confirm-warning{padding:0 2rem;text-align:center}.confirm-warning p{font-size:.85rem;color:#666;font-style:italic;line-height:1.4}.confirm-actions{padding:2rem;display:flex;flex-direction:column;gap:1rem}.btn-confirm-premium{background:#fff;color:#000;font-weight:800;text-transform:uppercase;letter-spacing:2px;padding:1.25rem;border-radius:8px;transition:all .3s;border:none;cursor:pointer}.btn-confirm-premium:hover{background:var(--accent-primary);transform:translateY(-2px);box-shadow:0 5px 20px #fff3}.btn-abort-premium{background:transparent;color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;padding:.75rem;border:1px solid #333;border-radius:8px;transition:all .2s;cursor:pointer}.btn-abort-premium:hover{background:#ffffff0d;color:#fff;border-color:#666}.purchase-success-modal{padding:2.5rem;max-width:500px;text-align:center;border-color:var(--accent-primary)}.success-icon{width:60px;height:60px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.code-display-section-premium{margin:2rem 0;padding:2rem;background:#0000004d;border-radius:12px;border:1px solid #333;position:relative}.unique-code-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:1.5rem 0}.unique-code-value{font-family:Courier New,Courier,monospace;font-size:2rem;color:var(--accent-primary);letter-spacing:4px;font-weight:700;text-shadow:0 0 15px rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.unique-code-value.masked{filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.5}.code-actions{display:flex;gap:1rem}.code-action-btn{background:#ffffff0d;border:1px solid #444;color:#fff;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s}.code-action-btn:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#666}.code-action-btn.success{background:#4ade801a;color:#4ade80;border-color:#4ade8033}.code-hint{font-size:.8rem;color:#888;line-height:1.5}.code-hint a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s}.code-hint a:hover{border-bottom-color:var(--accent-primary)}.login-modal{max-width:400px;text-align:center}.login-modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.login-modal-body p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.btn-steam-login{background:#171a21;color:#c5c3c0;font-weight:700;padding:1rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s;font-family:inherit;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-steam-login:hover{background:#2a475e;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.btn-odds{background:transparent;color:#a0a0ff;border:1px solid rgba(160,160,255,.3);border-radius:6px;padding:.3rem .75rem;font-size:.75rem;cursor:pointer;transition:all .2s;letter-spacing:.5px;white-space:nowrap}.btn-odds:hover{background:#a0a0ff1a;border-color:#a0a0ff99;color:#c0c0ff}.odds-modal{max-width:480px;background:linear-gradient(135deg,#0a0a0a,#151515);border:2px solid #333;padding:0;overflow:hidden}.odds-list{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto}.odds-item{display:flex;flex-direction:column;gap:.4rem}.odds-item-header{display:flex;justify-content:space-between;align-items:center}.odds-item-name{font-size:.9rem;color:var(--text-primary)}.odds-item-pct{font-size:.85rem;font-weight:700;font-family:monospace}.odds-bar-bg{height:6px;background:#ffffff14;border-radius:99px;overflow:hidden}.odds-bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.article-detail-container{min-height:100vh;padding:6rem 2rem 4rem;background:var(--dark-bg)}.article-detail-wrapper{max-width:800px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;font-family:inherit}.back-button:hover{background:var(--hover-bg);border-color:var(--text-primary);transform:translate(-4px)}.article-detail{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:3rem;box-shadow:0 4px 24px #0000004d}.article-pinned-badge{display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:500}.article-header{margin-bottom:2.5rem}.article-title{font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:1rem}.article-meta{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.95rem}.article-author{font-weight:600;color:var(--text-primary)}.article-separator{opacity:.5}.article-date{font-style:italic}.article-image-container{margin-bottom:2.5rem;border-radius:.75rem;overflow:hidden;border:1px solid var(--border-color)}.article-image{width:100%;height:auto;display:block;max-height:500px;object-fit:cover}.article-content{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}.article-content p{margin-bottom:1.5rem;text-align:justify}.article-content p:last-child{margin-bottom:0}.article-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-loading p{color:var(--text-secondary);font-size:1.1rem}.article-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;text-align:center}.article-error svg{color:var(--text-secondary);opacity:.5}.article-error h2{color:var(--text-primary);font-size:1.5rem;font-weight:600}@media(max-width:768px){.article-detail-container{padding:5rem 1rem 2rem}.article-detail{padding:2rem 1.5rem}.article-title{font-size:1.75rem}.article-content{font-size:1rem}.back-button{padding:.6rem 1.2rem;font-size:.9rem}}.lore-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--dark-bg)}.lore-container{max-width:900px;margin:0 auto;background:var(--card-bg);padding:3rem;border-radius:1rem;border:1px solid var(--border-color)}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:1.2rem}@media(max-width:768px){.lore-container{padding:2rem 1.5rem}}.rules-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--dark-bg)}.rules-container{max-width:900px;margin:0 auto;background:var(--card-bg);padding:3rem;border-radius:1rem;border:1px solid var(--border-color)}@media(max-width:768px){.rules-container{padding:2rem 1.5rem}}.gallery-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--dark-bg)}.gallery-container{max-width:1400px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.gallery-item{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:1rem;cursor:pointer;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-4px)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay h3{color:#fff;margin-bottom:.5rem}.gallery-item-overlay p{color:#fffc;font-size:.9rem}.lightbox{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:1.5rem}.lightbox-close{position:absolute;top:-3rem;right:0;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;line-height:1;padding:0;width:3rem;height:3rem;transition:transform .2s ease}.lightbox-close:hover{transform:scale(1.1)}.lightbox-content img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:.5rem}.lightbox-info{text-align:center;color:#fff}.lightbox-info h2{margin-bottom:.5rem}.lightbox-info p{color:#fffc}.no-photos{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.2rem}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr}}.news-archive-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--dark-bg)}.news-archive-container{max-width:1400px;margin:0 auto}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{font-size:3rem;margin-bottom:1rem;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);font-size:1.2rem}.archive-section{margin-bottom:4rem}.archive-section-title{font-size:1.75rem;margin-bottom:2rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.pin-icon{font-size:1.5rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.news-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.news-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000080;border-color:var(--accent-primary)}.news-card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--dark-bg);position:relative}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-card-image img{transform:scale(1.05)}.pinned-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-primary);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;z-index:10;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:.25rem}.pinned-badge:before{content:"📌"}.news-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.news-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.news-card-author{font-weight:600;color:var(--accent-primary)}.news-card-date{opacity:.8}.news-card-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-excerpt{color:var(--text-secondary);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.no-news{text-align:center;padding:4rem 2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem}.no-news p{color:var(--text-secondary);font-size:1.2rem}@media(max-width:768px){.page-header h1{font-size:2rem}.news-grid{grid-template-columns:1fr;gap:1.5rem}.news-card-title{font-size:1.25rem}}