.retro-home{min-height:100vh;background:#0a0a0a;position:relative;overflow-x:hidden;font-family:Courier New,monospace}.retro-grid{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(50,80,30,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(50,80,30,.08) 1px,transparent 1px);background-size:40px 40px;z-index:1;animation:grid-pulse 4s ease-in-out infinite alternate}@keyframes grid-pulse{0%{opacity:.2}to{opacity:.05}}.scan-lines{position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(50,80,30,.02) 2px,rgba(50,80,30,.02) 4px);z-index:2;pointer-events:none}.title-bar{position:fixed;top:0;left:0;right:0;height:30px;background:linear-gradient(90deg,#000,#0f0f0f);border-bottom:1px solid #4a6635;display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:10;font-family:Courier New,monospace;font-size:11px;color:#4a6635}.title-text{font-weight:700;letter-spacing:1px}.window-controls{display:flex;gap:8px}.control{width:18px;height:18px;border:1px solid #4a6635;background:#000;color:#4a6635;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all .3s ease}.control:hover{background:#4a6635;color:#000}.retro-container{position:relative;z-index:3;max-width:1200px;margin:30px auto 0;padding:40px 20px}.retro-header{text-align:center;margin-bottom:50px;position:relative}.logo-container-main{display:flex;justify-content:center;margin-bottom:30px}.logo-frame-main{width:150px;height:150px;border:2px solid #3d4a2e;background:linear-gradient(135deg,#000000e6,#1e281466);display:flex;align-items:center;justify-content:center;position:relative}.logo-frame-main:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid rgba(60,75,45,.2)}.logo-circle-main{width:100px;height:100px;border:3px solid #3d4a2e;border-radius:50%;background:radial-gradient(circle,rgba(60,75,45,.15) 0%,transparent 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;animation:logo-rotate 8s linear infinite}@keyframes logo-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-inner-main{text-align:center;animation:logo-counter-rotate 8s linear infinite}@keyframes logo-counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.logo-text-main{font-family:Arial Black,sans-serif;font-size:1.8em;font-weight:900;color:#ccc;text-shadow:0 0 15px #3d4a2e;margin-bottom:-3px}.logo-subtitle-main{font-family:Courier New,monospace;font-size:.8em;color:#3d4a2e;letter-spacing:2px}.retro-title-main{font-family:Courier New,monospace;font-size:2.2em;color:#6a8f4e;margin:0;letter-spacing:3px;text-shadow:0 0 20px rgba(106,143,78,.5);animation:title-glow 3s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:0 0 20px rgba(106,143,78,.5)}to{text-shadow:0 0 30px rgba(106,143,78,.7)}}.divider-line-main{width:300px;height:1px;background:linear-gradient(90deg,transparent,#6A8F4E,transparent);margin:15px auto}.retro-subtitle-main{font-family:Courier New,monospace;color:#9cb584;font-size:1em;margin:0;letter-spacing:1px}.system-info-header{display:flex;justify-content:center;gap:30px;margin-top:25px;flex-wrap:wrap}.info-line-header{font-family:Courier New,monospace;color:#9cb584;font-size:.9em}.info-value{color:#6a8f4e;font-weight:700}.status-online{color:#6a8f4e;font-weight:700;animation:status-blink 2s infinite}@keyframes status-blink{0%,50%{opacity:1}51%,to{opacity:.7}}.stats-terminal-section{margin:40px 0}.stats-terminal-header{text-align:center;font-family:Courier New,monospace;font-size:1.1em;color:#6a8f4e;margin-bottom:25px;letter-spacing:2px}.bracket{color:#9cb584;font-weight:700}.stats-terminal-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.stat-terminal-card{background:#000000e6;border:2px solid #6A8F4E;padding:20px;min-width:200px;text-align:center;position:relative}.stat-terminal-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid rgba(106,143,78,.2)}.stat-terminal-label{font-family:Courier New,monospace;color:#9cb584;font-size:.8em;margin-bottom:10px;letter-spacing:1px}.stat-terminal-value{font-family:Courier New,monospace;color:#6a8f4e;font-size:2em;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px rgba(106,143,78,.3)}.stat-terminal-bar{width:100%;height:8px;background:#000;border:1px solid #6A8F4E;position:relative;overflow:hidden}.stat-bar-fill{height:100%;background:linear-gradient(90deg,#2a3320,#3d4a2e);transition:width 2s ease;position:relative}.stat-bar-fill.live{animation:bar-pulse 2s ease-in-out infinite}@keyframes bar-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.stat-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:bar-shine 3s infinite}@keyframes bar-shine{0%{left:-100%}to{left:100%}}.login-terminal-section{margin:40px 0;display:flex;justify-content:center}.login-terminal-panel{background:#000000f2;border:2px solid #3d4a2e;padding:25px;max-width:500px;width:100%;position:relative}.login-terminal-panel:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid rgba(60,75,45,.2)}.login-panel-header{text-align:center;font-family:Courier New,monospace;color:#3d4a2e;font-size:1em;margin-bottom:20px;letter-spacing:1px}.login-panel-content{text-align:center}.login-message{font-family:Courier New,monospace;color:#999;margin-bottom:20px;font-size:.9em}.retro-login-btn-main{font-family:Courier New,monospace;font-size:1em;font-weight:700;padding:15px 30px;background:linear-gradient(45deg,#3d4a2e,#2a3320);color:#fff;border:2px solid #cccccc;cursor:pointer;transition:all .3s ease;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;position:relative;overflow:hidden}.retro-login-btn-main:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.retro-login-btn-main:hover:before{left:100%}.retro-login-btn-main:hover{transform:translateY(-2px);border-color:#3d4a2e;box-shadow:0 5px 15px #3c4b2d4d}.login-icon,.login-arrow{font-size:1.1em}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.staff-card{background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(60,75,45,.3);border-radius:20px;padding:25px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.staff-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3d4a2e,transparent);opacity:0;transition:opacity .3s}.staff-card:hover:before{opacity:1}.staff-card:hover{transform:translateY(-8px) rotateX(5deg);border-color:#999;box-shadow:0 20px 40px #3c4b2d33,0 0 30px #3c4b2d1a;background:#000000e6}.staff-avatar{width:90px;height:90px;border-radius:50%;margin:0 auto 15px;background:linear-gradient(45deg,#3d4a2e,#2a3320);display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;font-weight:700;border:3px solid rgba(255,255,255,.2);box-shadow:0 0 20px #3c4b2d4d,inset 0 2px #ffffff1a;position:relative}.staff-avatar:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1px solid #3d4a2e;border-radius:50%;opacity:0;animation:avatarPulse 3s infinite}@keyframes avatarPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.staff-name{font-family:"Exo 2",sans-serif;font-size:1.2rem;font-weight:600;color:#6a8f4e;margin-bottom:8px;text-shadow:0 0 10px rgba(106,143,78,.5)}.staff-role{font-size:.9rem;color:#ccc;text-transform:uppercase;letter-spacing:1px;position:relative}.staff-role:before,.staff-role:after{content:"—";color:#6a8f4e;margin:0 8px}.streamers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:30px}.streamer-card{background:#000000b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(106,143,78,.4);border-radius:20px;padding:20px;transition:all .4s ease;position:relative;overflow:hidden}.streamer-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(106,143,78,.05),transparent);opacity:0;transition:opacity .3s}.streamer-card:hover:before{opacity:1}.streamer-card:hover{transform:translateY(-8px) scale(1.02);border-color:#fff;box-shadow:0 20px 40px #6a8f4e4d,0 0 30px #6a8f4e33;background:#000c}.streamer-card.live{border-color:#fff;box-shadow:0 0 20px #ffffff4d}.streamer-card.live:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f44,#f66,#f44);animation:liveGlow 2s infinite}@keyframes liveGlow{0%,to{opacity:.8}50%{opacity:1}}.streamer-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.streamer-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(45deg,#6a8f4e,#3d5932);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.8rem;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 15px #6a8f4e80}.streamer-info h3{color:#6a8f4e;margin:0 0 8px;font-family:"Exo 2",sans-serif;font-weight:600;font-size:1.2rem;text-shadow:0 0 10px rgba(106,143,78,.5)}.streamer-status{font-size:.85rem;padding:6px 14px;border-radius:15px;font-weight:500;border:2px solid;position:relative;overflow:hidden}.streamer-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.streamer-status:hover:before{left:100%}.streamer-status.live{background:#f443;color:#fff;border-color:#ff6b6b;box-shadow:0 0 15px #f446}.streamer-status.offline{background:#5050504d;color:#ccc;border-color:#666}.login-section{text-align:center;margin:60px 0 40px;position:relative}.login-section:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,#6A8F4E,transparent);box-shadow:0 0 10px #6a8f4e}.retro-login-btn{font-family:"Exo 2",sans-serif;font-size:1.2rem;font-weight:600;padding:18px 50px;background:linear-gradient(45deg,#6a8f4e,#3d5932);color:#fff;border:3px solid #ffffff;border-radius:50px;cursor:pointer;transition:all .4s ease;letter-spacing:2px;text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 0 30px #6a8f4e66,inset 0 2px #fff3,inset 0 -2px #0003}.retro-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.retro-login-btn:hover:before{left:100%}.retro-login-btn:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(255,255,255,.3);border-radius:46px;pointer-events:none}.retro-login-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #6a8f4e80,0 0 50px #6a8f4e4d,inset 0 2px #ffffff4d;border-color:#6a8f4e}.retro-login-btn:active{transform:translateY(-2px) scale(1.02)}.sao-modules-system{margin:40px 0;padding:0 20px;position:relative;z-index:10}.modules-system-header{text-align:center;font-size:1.3rem;color:#6a8f4e;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px}.modules-system-header .bracket{color:#9cb584;font-weight:700;margin:0 15px;text-shadow:0 0 5px rgba(156,181,132,.3)}.modules-selector-interface{background:linear-gradient(135deg,#0a0a0a,#151515);border:2px solid #6A8F4E;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:0 0 15px #6a8f4e33,inset 0 0 20px #00000080;position:relative;overflow:hidden}.modules-selector-interface:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6a8f4e,#0ff,#6a8f4e,#0ff);border-radius:15px;z-index:-1;animation:border-glow 3s linear infinite}@keyframes border-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(106,143,78,.3)}.selector-title{color:#0ff;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #0ff;text-transform:uppercase;letter-spacing:1px}.selector-indicator{display:flex;align-items:center;gap:15px}.indicator-bar{width:100px;height:6px;background:#6a8f4e33;border-radius:3px;position:relative;overflow:hidden}.indicator-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:70%;background:linear-gradient(90deg,#6a8f4e,#0ff);border-radius:3px;animation:progress-scan 2s ease-in-out infinite}@keyframes progress-scan{0%,to{transform:translate(0)}50%{transform:translate(42%)}}.indicator-text{color:#6a8f4e;font-size:.9rem;font-weight:700;text-transform:uppercase}.modules-hexagon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;padding:20px 0;max-width:800px;margin:0 auto}.module-hexagon{width:auto;height:auto;position:relative;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border:2px solid #6A8F4E;border-radius:8px;padding:20px 15px;text-align:center}.module-hexagon:before{display:none}.module-hexagon.active{background:linear-gradient(135deg,#1a2a15,#223019);border-color:#9cb584;box-shadow:0 0 15px #6a8f4e4d,inset 0 0 10px #9cb5841a}.hexagon-inner{position:static;transform:none;text-align:center;z-index:2;width:100%}.hexagon-icon{font-size:1.8rem;margin-bottom:8px;transition:all .3s ease;display:block}.hexagon-label{color:#9cb584;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;transition:all .3s ease}.hexagon-status{color:#6a8f4e;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9;transition:all .3s ease}.hexagon-glow{display:none}.module-hexagon:hover{transform:translateY(-3px);box-shadow:0 5px 15px #6a8f4e66}.module-hexagon:hover .hexagon-icon{color:#9cb584}.module-hexagon:hover .hexagon-label{color:#6a8f4e}.module-hexagon.active{transform:translateY(-5px);box-shadow:0 8px 20px #6a8f4e80}.module-hexagon.active .hexagon-icon{color:#9cb584}.module-hexagon.active .hexagon-label{color:#6a8f4e}.sao-content-display{background:linear-gradient(135deg,#050505,#0a0a0a);border:2px solid #3d4a2e;border-radius:15px;padding:0;box-shadow:0 0 30px #3c4b2d4d,inset 0 0 50px #1e1e1e05;position:relative;overflow:hidden}.content-display-header{background:linear-gradient(90deg,#3c4b2d26,#28282814);border-bottom:1px solid rgba(60,75,45,.3);padding:15px 25px;display:flex;justify-content:space-between;align-items:center}.display-title{color:#0ff;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #0ff}.display-bracket{color:#6a8f4e;font-size:1.4rem;margin:0 10px;text-shadow:0 0 8px #6A8F4E}.display-status-bar{display:flex;align-items:center;gap:15px}.status-segments{display:flex;gap:4px}.segment{width:20px;height:6px;background:#6a8f4e4d;border-radius:3px;transition:all .3s ease}.segment.active{background:linear-gradient(90deg,#6a8f4e,#0ff);box-shadow:0 0 8px #0ff9;animation:segment-pulse 2s ease-in-out infinite}@keyframes segment-pulse{0%,to{opacity:1}50%{opacity:.6}}.status-text{color:#6a8f4e;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.content-hologram-frame{position:relative;padding:30px;min-height:400px}.hologram-border-top,.hologram-border-bottom{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0ff,transparent);box-shadow:0 0 10px #0ff}.hologram-border-top{top:0;animation:hologram-scan-top 3s linear infinite}.hologram-border-bottom{bottom:0;animation:hologram-scan-bottom 3s linear infinite reverse}@keyframes hologram-scan-top{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes hologram-scan-bottom{0%{transform:translate(100%)}to{transform:translate(-100%)}}.hologram-content{position:relative;z-index:2}.hologram-scan-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(0,255,255,.02) 8px,rgba(0,255,255,.02) 16px);pointer-events:none;animation:hologram-flicker 4s ease-in-out infinite}@keyframes hologram-flicker{0%,to{opacity:1}50%{opacity:.8}75%{opacity:.9}}.terminal-content{font-family:Courier New,monospace;color:#999;background:#0009;padding:20px;border-radius:8px;border:1px solid rgba(60,75,45,.3)}.terminal-header{text-align:center;margin-bottom:25px;font-size:1.1em;color:#3d4a2e;letter-spacing:2px}.system-text{color:#3d4a2e;font-weight:700}.staff-terminal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.staff-terminal-card{background:#0f190ff2;border:2px solid #3d4a2e;padding:18px;border-radius:8px;transition:all .3s ease;position:relative;box-shadow:0 4px 15px #3d4a2e26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.staff-terminal-card:hover{border-color:#5a7042;background:#142314fa;transform:translateY(-3px);box-shadow:0 8px 25px #3d4a2e40}.staff-card-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(90,112,66,.3)}.user-icon{font-size:1.3em;filter:drop-shadow(0 0 3px #3d4a2e)}.username{color:#5a7042;font-weight:700;flex:1;font-size:1.05em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.online-indicator{color:#5a7042;font-size:.9em;animation:terminal-blink 1.5s infinite;filter:drop-shadow(0 0 2px #3d4a2e)}@keyframes terminal-blink{0%,50%{opacity:1}51%,to{opacity:.4}}.staff-info-lines{font-size:.95em;line-height:1.5}.info-line{margin-bottom:6px;color:#888;transition:color .2s ease}.staff-terminal-card:hover .info-line{color:#aaa}.rank-text{color:#5a7042;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.status-online{color:#4a8a3a;font-weight:600}.access-level{color:#6a8a52;font-weight:600}.progress-bar-mini{height:5px;background:#222222b3;margin-top:12px;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#3d4a2e,#5a7042,#4a8a3a);width:85%;animation:progress-pulse 3s ease-in-out infinite;border-radius:3px}@keyframes progress-pulse{0%,to{opacity:1;box-shadow:0 0 5px #3d4a2e80}50%{opacity:.8;box-shadow:0 0 10px #5a7042b3}}.streamers-terminal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.streamer-terminal-card{background:#000c;border:1px solid #3d4a2e;padding:15px;border-radius:4px;transition:all .3s ease;position:relative}.streamer-terminal-card.live{border-color:#4a5a35;background:#0a1405cc}.streamer-terminal-card.offline{border-color:#2a2a2a;background:#0009}.streamer-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(60,75,45,.2)}.stream-icon{font-size:1.1em}.streamer-username{color:#3d4a2e;font-weight:700;flex:1}.stream-status{font-size:.8em;font-weight:700;padding:2px 6px;border-radius:2px}.stream-status.live{color:#4a5a35;background:#3c4b2d33;animation:live-pulse 2s infinite}.stream-status.offline{color:#666;background:#2828284d}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.6}}.stream-info-lines{font-size:.9em;line-height:1.4}.game-text{color:#3d4a2e;font-weight:700}.viewer-count{color:#4a5a35;font-weight:700}.last-seen{color:#666}.live-indicator-bar{height:3px;background:#222;margin-top:10px;border-radius:2px;overflow:hidden;position:relative}.live-pulse{height:100%;background:linear-gradient(90deg,#3d4a2e,#4a5a35);width:100%;animation:live-scan 2s ease-in-out infinite}@keyframes live-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.newsletter-terminal-wrapper,.patchnotes-terminal-wrapper{background:#000000b3;border:1px solid #3d4a2e;border-radius:6px;padding:20px;margin-top:15px}.news-terminal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-top:20px}.news-terminal-card{background:#0a140ff2;border:2px solid #3d4a2e;padding:20px;border-radius:8px;transition:all .3s ease;position:relative;box-shadow:0 4px 15px #3d4a2e26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.news-terminal-card:hover{border-color:#5a7042;background:#0f1e14fa;transform:translateY(-3px);box-shadow:0 8px 25px #3d4a2e4d}.news-terminal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3d4a2e,#5a7042,#4a8a3a);opacity:.8}.news-terminal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(90,112,66,.3)}.news-id{background:#3d4a2ecc;color:#fff;padding:4px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:.85em;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.news-date{color:#888;font-size:.9em;font-family:Courier New,monospace}.news-title{color:#5a7042;font-weight:700;font-size:1.1em;margin-bottom:12px;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.news-description{color:#aaa;font-size:.95em;line-height:1.5;margin-bottom:15px;text-align:justify}.news-terminal-card:hover .news-description{color:#ccc}.news-image-preview{margin-top:15px;border-radius:6px;overflow:hidden;border:1px solid rgba(90,112,66,.3);transition:border-color .3s ease}.news-terminal-card:hover .news-image-preview{border-color:#5a704299}.news-image-preview img{width:100%;height:150px;object-fit:cover;transition:transform .3s ease}.news-terminal-card:hover .news-image-preview img{transform:scale(1.05)}.patch-terminal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.patch-terminal-card{background:#0f0f19f2;border:2px solid #3d4a2e;padding:18px;border-radius:8px;transition:all .3s ease;position:relative;box-shadow:0 4px 15px #3d4a2e26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.patch-terminal-card:hover{border-color:#5a7042;background:#141423fa;transform:translateY(-3px);box-shadow:0 8px 25px #3d4a2e4d}.patch-terminal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2e3d4a,#426a70,#3a8a7a);opacity:.8}.patch-terminal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(66,106,112,.3)}.patch-version{background:#2e3d4acc;color:#fff;padding:4px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:.85em;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.patch-date{color:#888;font-size:.9em;font-family:Courier New,monospace}.patch-title{color:#426a70;font-weight:700;font-size:1.05em;margin-bottom:12px;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.patch-description{color:#aaa;font-size:.9em;line-height:1.5;text-align:justify}.patch-terminal-card:hover .patch-description{color:#ccc}@media (max-width: 768px){.staff-terminal-grid,.streamers-terminal-grid,.news-terminal-grid,.patch-terminal-grid{grid-template-columns:1fr;gap:15px}.news-terminal-card,.patch-terminal-card{padding:15px}.news-image-preview img{height:120px}.terminal-content{padding:15px}.terminal-header{font-size:1em}}@media (max-width: 768px){.modules-hexagon-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.module-hexagon{padding:15px 10px}.hexagon-icon{font-size:1.5rem;margin-bottom:6px}.hexagon-label{font-size:.8rem}.hexagon-status{font-size:.6rem}}@media (max-width: 480px){.modules-hexagon-grid{grid-template-columns:repeat(2,1fr);gap:10px}.module-hexagon{padding:12px 8px}.hexagon-icon{font-size:1.3rem;margin-bottom:5px}.hexagon-label{font-size:.7rem}.hexagon-status{font-size:.5rem}.modules-system-header{font-size:1.1rem}}.maintenance-content{max-width:800px;margin:0 auto;padding:20px}.maintenance-box{background:#101a0cf2;border:2px solid #4a6635;border-radius:10px;padding:30px;margin-bottom:30px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 30px #4a663566,inset 0 0 30px #4a66351a;animation:maintenance-glow 3s ease-in-out infinite alternate}@keyframes maintenance-glow{0%{box-shadow:0 0 30px #4a663566,inset 0 0 30px #4a66351a}to{box-shadow:0 0 50px #4a663599,inset 0 0 50px #4a663533}}.maintenance-box h2{color:#ff6b35;font-size:2rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(255,107,53,.8);animation:warning-pulse 2s ease-in-out infinite}@keyframes warning-pulse{0%,to{opacity:1}50%{opacity:.7}}.maintenance-message{color:#6ca04c;font-size:1.2rem;line-height:1.6;margin-bottom:25px;background:#00000080;padding:15px;border-left:4px solid #4a6635;border-radius:5px}.maintenance-info{display:grid;gap:10px;margin-top:20px;text-align:left}.info-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(74,102,53,.3)}.info-line .label{color:#4a6635;font-weight:700;text-transform:uppercase;letter-spacing:1px}.info-line .value{color:#6ca04c;font-weight:700}.info-line .value.maintenance{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.staff-section,.access-denied,.staff-access{background:#101a0ce6;border:2px solid #4a6635;border-radius:10px;padding:25px;margin:20px 0;text-align:center}.staff-section h3,.access-denied h3,.staff-access h3{color:#6ca04c;font-size:1.4rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.access-denied{border-color:#ff6b35}.access-denied h3{color:#ff6b35;text-shadow:0 0 15px rgba(255,107,53,.6)}.staff-access{border-color:#4a6635}.staff-access h3{color:#4a6635;text-shadow:0 0 15px rgba(74,102,53,.6)}.login-btn.staff{background:linear-gradient(135deg,#4a6635,#6ca04c);color:#000;border:2px solid #4a6635;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:2px;text-decoration:none;display:inline-block;margin-top:15px}.login-btn.staff:hover{background:linear-gradient(135deg,#6ca04c,#4a6635);color:#fff;box-shadow:0 0 25px #4a6635cc;transform:translateY(-3px)}.btn.primary{background:linear-gradient(135deg,#4a6735,#6ca04c);color:#000;border:2px solid #4a6635;padding:12px 25px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-block;margin-top:15px}.btn.primary:hover{background:linear-gradient(135deg,#6ca04c,#4a6735);color:#fff;box-shadow:0 0 20px #4a6635cc;transform:translateY(-2px)}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;color:#6ca04c;background:#000c}.loading-screen h2{font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.maintenance-alert{background:#ff6b351a;border:2px solid #ff6b35;border-radius:8px;padding:15px;margin:15px 0;color:#ff6b35;text-align:center;animation:alert-blink 2s ease-in-out infinite}@keyframes alert-blink{0%,to{opacity:1}50%{opacity:.7}}.logo-circle-main.maintenance-mode{background:radial-gradient(circle,#ff6b351a,#000c 70%);border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d,inset 0 0 20px #ff6b351a}.logo-circle-main.maintenance-mode .logo-text-main{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.8)}.logo-circle-main.maintenance-mode .logo-subtitle-main{color:#ff6b35;text-shadow:0 0 8px rgba(255,107,53,.6)}.divider-line-main.maintenance-divider:before{background:linear-gradient(90deg,transparent 0%,#ff6b35 20%,#ff8c42 50%,#ff6b35 80%,transparent 100%)}.stats-terminal-header.maintenance-header{color:#ff6b35;border-color:#ff6b35}.stats-terminal-header.maintenance-header:before,.stats-terminal-header.maintenance-header:after{background:#ff6b35}.maintenance-terminal-box{background:#000c;border:2px solid #ff6b35;border-radius:8px;padding:30px;text-align:center;position:relative;overflow:hidden}.maintenance-terminal-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,107,53,.02) 2px,rgba(255,107,53,.02) 4px);pointer-events:none}.maintenance-terminal-content{position:relative;z-index:2}.maintenance-icon{font-size:4rem;margin-bottom:20px;display:block;animation:maintenance-pulse 2s ease-in-out infinite}@keyframes maintenance-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.maintenance-title-text{font-size:1.8rem;color:#ff6b35;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-weight:700;text-shadow:0 0 10px rgba(255,107,53,.8)}.maintenance-message-text{font-size:1.2rem;color:#b8b8b8;line-height:1.6;margin-bottom:20px;background:#ff6b350d;padding:15px;border-left:4px solid #ff6b35;border-radius:4px}.maintenance-access-denied-text{color:#ff4757;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:15px;padding:10px;background:#ff47571a;border:1px solid #ff4757;border-radius:4px;animation:denied-blink 1.5s ease-in-out infinite}@keyframes denied-blink{0%,to{opacity:1}50%{opacity:.6}}.login-terminal-panel.maintenance-panel{border-color:#ff6b35;background:#ff6b3508}.maintenance-panel .login-panel-header{color:#ff6b35;border-color:#ff6b35}.staff-maintenance-btn{background:#ff6b351a!important;border-color:#ff6b35!important;color:#ff6b35!important}.staff-maintenance-btn:hover{background:#ff6b3533!important;box-shadow:0 0 20px #ff6b3566!important;transform:translateY(-2px)!important}.maintenance-system-details{background:#0009;border:1px solid #ff6b35;border-radius:8px;padding:25px;margin-top:20px}.system-detail-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,107,53,.2);font-family:Courier New,monospace;font-size:.9rem}.system-detail-line:last-child{border-bottom:none}.detail-label{color:#888;text-transform:uppercase;font-weight:700;letter-spacing:1px}.detail-value{color:#6ca04c;font-weight:700}.detail-value.status-maintenance{color:#ff6b35}.blink-line{justify-content:center;padding-top:15px;margin-top:10px;border-top:1px solid rgba(255,107,53,.3)}.maintenance-blink{color:#ff6b35;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:opacity .5s ease}.maintenance-blink.visible{opacity:1}.maintenance-blink.hidden{opacity:.3}.status-maintenance{color:#ff6b35!important;text-shadow:0 0 5px rgba(255,107,53,.8);animation:status-blink 2s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.7}}.error-mode{background:linear-gradient(to bottom right,#8b0000,brown);box-shadow:0 0 20px #ff000080;animation:pulse-error 1.5s ease-in-out infinite alternate}.error-divider{background:linear-gradient(to right,transparent,#8B0000,transparent);height:4px}.status-error{color:#ff3030;font-weight:700;animation:blink-error 1.2s linear infinite}.error-header{background-color:#8b0000;color:#fff}.error-terminal-box{background-color:#141414e6;border:2px solid #8B0000;border-radius:5px;padding:20px;margin-top:5px;color:#f0f0f0;box-shadow:0 0 15px #8b00004d}.error-terminal-content{display:flex;flex-direction:column;align-items:center;text-align:center}.error-icon{font-size:40px;margin-bottom:15px}.error-title-text{font-size:24px;font-weight:700;color:#ff3030;margin-bottom:15px;text-shadow:0 0 5px rgba(255,0,0,.5)}.error-message-text{font-size:16px;margin-bottom:20px;line-height:1.5;color:#ccc}.error-details{width:100%;max-width:600px;background-color:#1e1e1ecc;border:1px solid #8B0000;border-radius:4px;padding:15px;margin-top:10px;font-family:Courier New,monospace;text-align:left}.error-code-line{margin-bottom:8px;font-size:14px;color:#ddd}.error-code-prefix{color:#ff6b6b;width:60px;display:inline-block}.error-code-value{color:#f0f0f0}.redirection-header{background-color:#4a6635;color:#fff}.redirection-terminal-box{background-color:#141414e6;border:2px solid #4a6635;border-radius:5px;padding:20px;margin-top:5px;color:#f0f0f0;box-shadow:0 0 15px #4a66354d}.redirection-terminal-content{display:flex;flex-direction:column;align-items:center;text-align:center}.redirection-message{font-size:18px;margin-bottom:20px;color:#b0b0b0}.countdown{font-weight:700;color:#6ca04c;font-size:22px}.redirection-actions{display:flex;gap:15px;margin-top:10px}.retro-button{background-color:#333;color:#fff;border:2px solid #555;border-radius:4px;padding:10px 20px;font-family:Courier New,monospace;font-size:14px;cursor:pointer;transition:all .2s ease;outline:none}.return-button{background-color:#4a6635;border-color:#6ca04c}.return-button:hover{background-color:#6ca04c;box-shadow:0 0 10px #6ca04c80}.back-button{background-color:#555;border-color:#777}.back-button:hover{background-color:#777;box-shadow:0 0 10px #78787880}@keyframes blink-error{0%,49%{opacity:1}50%,to{opacity:.5}}@keyframes pulse-error{0%{box-shadow:0 0 15px #ff000080}to{box-shadow:0 0 25px #f00c}}.clickable-card{cursor:pointer;transition:all .3s ease}.clickable-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 35px #3d4a2e66}.click-hint{position:absolute;bottom:15px;right:15px;background:#3d4a2ee6;color:#fff;padding:5px 10px;border-radius:15px;font-size:.8em;opacity:0;transition:opacity .3s ease;pointer-events:none}.clickable-card:hover .click-hint{opacity:1}.click-hint span{display:flex;align-items:center;gap:5px;font-weight:500}:root{--sao-bg-0: #050805;--sao-bg-1: #0b100a;--sao-bg-2: #111a0f;--sao-bg-3: #182413;--sao-bg-overlay: rgba(5, 8, 5, .86);--sao-line: #2a3b22;--sao-line-strong: #4a6635;--sao-green-900: #1e2a12;--sao-green-700: #3d5a2a;--sao-green-600: #4a6635;--sao-green-500: #6a8f4e;--sao-green-400: #8fb56c;--sao-green-300: #9cb584;--sao-neon: #6aff4e;--sao-neon-soft: rgba(106, 255, 78, .14);--sao-glow: 0 0 0 1px rgba(106, 255, 78, .25), 0 0 18px rgba(106, 255, 78, .12);--sao-text: #dfe9d6;--sao-text-dim: #a7b89a;--sao-text-faint: #6f8063;--sao-text-on-accent: #071006;--sao-success: #6aff4e;--sao-warning: #e8c547;--sao-danger: #ff5f4a;--sao-info: #5fd4e8;--sao-success-bg: rgba(106, 255, 78, .12);--sao-warning-bg: rgba(232, 197, 71, .12);--sao-danger-bg: rgba(255, 95, 74, .12);--sao-info-bg: rgba(95, 212, 232, .12);--sao-font-display: "Share Tech Mono", "Courier New", monospace;--sao-font-body: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--sao-font-mono: "Share Tech Mono", ui-monospace, "Courier New", monospace;--sao-fs-xs: 12px;--sao-fs-sm: 13px;--sao-fs-md: 15px;--sao-fs-lg: 18px;--sao-fs-xl: 22px;--sao-fs-2xl: 28px;--sao-tracking-label: .12em;--sao-s1: 4px;--sao-s2: 8px;--sao-s3: 12px;--sao-s4: 16px;--sao-s5: 20px;--sao-s6: 24px;--sao-s8: 32px;--sao-s10: 40px;--sao-radius: 2px;--sao-bevel: 10px;--sao-topbar-h: 44px;--sao-sidebar-w: 248px;--sao-content-max: 1280px;--sao-ease: cubic-bezier(.2, .8, .2, 1)}.ui-root{font-family:var(--sao-font-body);font-size:var(--sao-fs-md);line-height:1.55;color:var(--sao-text)}.ui-root *:focus-visible{outline:2px solid var(--sao-neon);outline-offset:2px}.ui-label{font-family:var(--sao-font-display);font-size:var(--sao-fs-xs);letter-spacing:var(--sao-tracking-label);text-transform:uppercase;color:var(--sao-text-dim)}.ui-mono{font-family:var(--sao-font-mono)}.ui-muted{color:var(--sao-text-dim)}.ui-faint{color:var(--sao-text-faint)}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sao-s4);flex-wrap:wrap;margin-bottom:var(--sao-s6);padding-bottom:var(--sao-s4);border-bottom:1px solid var(--sao-line);position:relative}.ui-page-header:after{content:"";position:absolute;left:0;bottom:-1px;width:96px;height:1px;background:var(--sao-neon);box-shadow:0 0 8px var(--sao-neon)}.ui-page-header__eyebrow{margin-bottom:var(--sao-s1)}.ui-page-header__title{font-family:var(--sao-font-display);font-size:var(--sao-fs-2xl);font-weight:400;letter-spacing:.04em;color:var(--sao-text);margin:0;line-height:1.2}.ui-page-header__desc{margin:var(--sao-s1) 0 0;color:var(--sao-text-dim);max-width:70ch}.ui-page-header__actions{display:flex;gap:var(--sao-s2);flex-wrap:wrap}.ui-panel{position:relative;background:linear-gradient(180deg,#182413eb,#0b100af0);border:1px solid var(--sao-line);border-radius:var(--sao-radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-panel:before,.ui-panel:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--sao-green-500);border-style:solid;pointer-events:none}.ui-panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.ui-panel:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.ui-panel--accent{border-color:var(--sao-line-strong);box-shadow:var(--sao-glow)}.ui-panel--accent:before,.ui-panel--accent:after{border-color:var(--sao-neon)}.ui-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sao-s3);padding:var(--sao-s3) var(--sao-s4);border-bottom:1px solid var(--sao-line)}.ui-panel__title{font-family:var(--sao-font-display);font-size:var(--sao-fs-sm);letter-spacing:var(--sao-tracking-label);text-transform:uppercase;color:var(--sao-green-300);margin:0;font-weight:400}.ui-panel__title:before{content:"[ ";color:var(--sao-green-600)}.ui-panel__title:after{content:" ]";color:var(--sao-green-600)}.ui-panel__body{padding:var(--sao-s4)}.ui-panel__body--flush{padding:0}.ui-btn{--btn-bg: transparent;--btn-fg: var(--sao-green-300);--btn-bd: var(--sao-line-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--sao-s2);min-height:36px;padding:0 var(--sao-s4);font-family:var(--sao-font-display);font-size:var(--sao-fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-bd);border-radius:var(--sao-radius);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s var(--sao-ease),color .15s var(--sao-ease),border-color .15s var(--sao-ease)}.ui-btn:hover:not(:disabled){--btn-bg: var(--sao-neon-soft);--btn-fg: var(--sao-neon);--btn-bd: var(--sao-green-500)}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn--primary{--btn-bg: var(--sao-green-500);--btn-fg: var(--sao-text-on-accent);--btn-bd: var(--sao-green-400)}.ui-btn--primary:hover:not(:disabled){--btn-bg: var(--sao-neon);--btn-fg: var(--sao-text-on-accent);--btn-bd: var(--sao-neon)}.ui-btn--danger{--btn-fg: var(--sao-danger);--btn-bd: rgba(255, 95, 74, .5)}.ui-btn--danger:hover:not(:disabled){--btn-bg: var(--sao-danger-bg);--btn-fg: var(--sao-danger);--btn-bd: var(--sao-danger)}.ui-btn--ghost{--btn-bd: transparent}.ui-btn--sm{min-height:30px;padding:0 var(--sao-s3);font-size:var(--sao-fs-xs)}.ui-btn--block{width:100%}.ui-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;font-family:var(--sao-font-display);font-size:var(--sao-fs-xs);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:var(--sao-radius);line-height:1.6;white-space:nowrap}.ui-badge:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.ui-badge--neutral{color:var(--sao-text-dim);background:#a7b89a14}.ui-badge--success{color:var(--sao-success);background:var(--sao-success-bg)}.ui-badge--warning{color:var(--sao-warning);background:var(--sao-warning-bg)}.ui-badge--danger{color:var(--sao-danger);background:var(--sao-danger-bg)}.ui-badge--info{color:var(--sao-info);background:var(--sao-info-bg)}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field__hint{font-size:var(--sao-fs-xs);color:var(--sao-text-faint)}.ui-field__error{font-size:var(--sao-fs-xs);color:var(--sao-danger)}.ui-input,.ui-select,.ui-textarea{width:100%;min-height:38px;padding:8px 12px;font-family:var(--sao-font-body);font-size:var(--sao-fs-md);color:var(--sao-text);background:var(--sao-bg-1);border:1px solid var(--sao-line);border-radius:var(--sao-radius);transition:border-color .15s var(--sao-ease),box-shadow .15s var(--sao-ease)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--sao-text-faint)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--sao-green-500);box-shadow:0 0 0 3px var(--sao-neon-soft)}.ui-textarea{min-height:120px;resize:vertical}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--sao-green-400) 50%),linear-gradient(135deg,var(--sao-green-400) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.ui-field--invalid .ui-input,.ui-field--invalid .ui-select,.ui-field--invalid .ui-textarea{border-color:var(--sao-danger)}.ui-tabs{display:flex;gap:2px;border-bottom:1px solid var(--sao-line);overflow-x:auto;scrollbar-width:none;margin-bottom:var(--sao-s4)}.ui-tab{display:inline-flex;align-items:center;gap:var(--sao-s2);padding:10px var(--sao-s4);font-family:var(--sao-font-display);font-size:var(--sao-fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--sao-text-dim);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}.ui-tab:hover{color:var(--sao-text)}.ui-tab[aria-selected=true]{color:var(--sao-neon);border-bottom-color:var(--sao-neon)}.ui-tab__count{min-width:20px;padding:0 6px;font-size:var(--sao-fs-xs);color:var(--sao-text-on-accent);background:var(--sao-green-500);border-radius:10px;text-align:center}.ui-table-wrap{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;font-size:var(--sao-fs-sm)}.ui-table th{text-align:left;padding:10px var(--sao-s4);font-family:var(--sao-font-display);font-weight:400;font-size:var(--sao-fs-xs);letter-spacing:var(--sao-tracking-label);text-transform:uppercase;color:var(--sao-text-dim);background:var(--sao-bg-1);border-bottom:1px solid var(--sao-line-strong);position:sticky;top:0}.ui-table td{padding:10px var(--sao-s4);border-bottom:1px solid var(--sao-line);vertical-align:middle}.ui-table tbody tr:hover td{background:#6a8f4e12}.ui-table td.ui-table__actions{text-align:right;white-space:nowrap}.ui-stat{display:flex;flex-direction:column;gap:2px}.ui-stat__value{font-family:var(--sao-font-display);font-size:var(--sao-fs-xl);color:var(--sao-text);line-height:1.2}.ui-stat__value--accent{color:var(--sao-neon);text-shadow:0 0 10px rgba(106,255,78,.35)}.ui-kv{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:6px var(--sao-s4);margin:0}.ui-kv dt{font-family:var(--sao-font-display);font-size:var(--sao-fs-xs);letter-spacing:var(--sao-tracking-label);text-transform:uppercase;color:var(--sao-text-faint);padding-top:2px}.ui-kv dd{margin:0;color:var(--sao-text);overflow-wrap:anywhere}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sao-s2);padding:var(--sao-s8) var(--sao-s4);text-align:center;color:var(--sao-text-dim);border:1px dashed var(--sao-line)}.ui-empty__title{font-family:var(--sao-font-display);color:var(--sao-text);letter-spacing:.06em}.ui-spinner{width:22px;height:22px;border:2px solid var(--sao-green-900);border-top-color:var(--sao-neon);border-radius:50%;animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-skeleton{background:linear-gradient(90deg,var(--sao-bg-2) 0%,var(--sao-bg-3) 50%,var(--sao-bg-2) 100%);background-size:200% 100%;animation:ui-shimmer 1.4s linear infinite;border-radius:var(--sao-radius)}@keyframes ui-shimmer{to{background-position:-200% 0}}.ui-alert{display:flex;gap:var(--sao-s3);align-items:flex-start;padding:var(--sao-s3) var(--sao-s4);border:1px solid currentColor;border-left-width:3px;border-radius:var(--sao-radius)}.ui-alert__body{color:var(--sao-text);flex:1}.ui-alert__title{font-family:var(--sao-font-display);letter-spacing:.06em;text-transform:uppercase;font-size:var(--sao-fs-sm);color:inherit;margin:0 0 2px}.ui-alert--info{color:var(--sao-info);background:var(--sao-info-bg)}.ui-alert--success{color:var(--sao-success);background:var(--sao-success-bg)}.ui-alert--warning{color:var(--sao-warning);background:var(--sao-warning-bg)}.ui-alert--danger{color:var(--sao-danger);background:var(--sao-danger-bg)}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--sao-s4);background:#020402c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ui-fade .15s var(--sao-ease)}.ui-modal{width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--sao-bg-1);animation:ui-rise .18s var(--sao-ease)}.ui-modal .ui-panel__body{overflow-y:auto}.ui-modal__footer{display:flex;justify-content:flex-end;gap:var(--sao-s2);padding:var(--sao-s3) var(--sao-s4);border-top:1px solid var(--sao-line)}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-rise{0%{opacity:0;transform:translateY(8px)}}.ui-grid{display:grid;gap:var(--sao-s4)}.ui-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ui-grid--3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ui-grid--4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ui-stack{display:flex;flex-direction:column;gap:var(--sao-s4)}.ui-row{display:flex;align-items:center;gap:var(--sao-s3);flex-wrap:wrap}.ui-spacer{flex:1}@media (prefers-reduced-motion: reduce){.ui-root *,.ui-root *:before,.ui-root *:after{animation:none!important;transition:none!important}}.ui-root h1,.ui-root h2,.ui-root h3{text-align:left;text-shadow:none;letter-spacing:inherit}.ui-root .ui-page-header__title{letter-spacing:.04em;margin:0}.ui-root .ui-panel__title{letter-spacing:var(--sao-tracking-label);margin:0}.ui-toasts{position:fixed;right:var(--sao-s4);bottom:var(--sao-s4);z-index:3000;display:flex;flex-direction:column;gap:var(--sao-s2);width:min(380px,calc(100vw - 32px))}.ui-toast{text-align:left;font:inherit;cursor:pointer;background-color:var(--sao-bg-1);box-shadow:0 8px 30px #0000008c;animation:ui-rise .18s var(--sao-ease)}.ui-toolbar{display:flex;gap:var(--sao-s3);flex-wrap:wrap;align-items:center;margin-bottom:var(--sao-s4)}.ui-toolbar>.ui-input{flex:1 1 240px}.ui-toolbar>.ui-select{flex:0 1 220px;width:auto}.ui-table tr.is-clickable{cursor:pointer}.ui-table td.ui-table__truncate{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-prose{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--sao-text);margin:0}.ui-switch{display:inline-flex;align-items:center;gap:var(--sao-s3);cursor:pointer}.ui-switch input{width:18px;height:18px;accent-color:var(--sao-neon)}.optimized-modal-overlay{position:fixed;top:-40%;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:40px 10px;animation:modal-fade-in .2s ease-out;will-change:opacity;overflow-y:auto}.optimized-modal{background:linear-gradient(135deg,#0a140afa,#141e14fa);border:2px solid #6A8F4E;border-radius:12px;max-height:calc(100vh - 80px);width:100%;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modal-slide-in .3s cubic-bezier(.2,0,.2,1);will-change:transform,opacity;margin:auto}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.optimized-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(106,143,78,.3);background:#6a8f4e0d}.optimized-modal-title{color:#6a8f4e;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0;text-shadow:0 0 10px rgba(106,143,78,.5);font-family:Courier New,monospace}.optimized-modal-close{background:transparent;border:2px solid #6A8F4E;color:#6a8f4e;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .2s ease}.optimized-modal-close:hover{background:#6a8f4e;color:#000;transform:scale(1.1)}.optimized-modal-content{padding:25px;overflow-y:auto;max-height:calc(80vh - 80px);scrollbar-width:thin;scrollbar-color:#6A8F4E rgba(0,0,0,.3)}.optimized-modal-content::-webkit-scrollbar{width:8px}.optimized-modal-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.optimized-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6a8f4e,#4e7c3a);border-radius:4px}.optimized-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6aff4e,#6a8f4e)}@media (max-width: 768px){.optimized-modal-overlay{padding:10px;align-items:flex-start}.optimized-modal{margin:10px auto 20px;border-radius:10px}.optimized-modal-header{padding:15px 20px}.optimized-modal-title{font-size:1rem;letter-spacing:1px}.optimized-modal-content{padding:20px;max-height:none}.optimized-modal-close{width:28px;height:28px;font-size:14px}}@media (min-height: 600px) and (min-width: 769px){.optimized-modal-overlay{align-items:center}.optimized-modal{margin:20px auto}}@media (min-height: 900px){.optimized-modal-content{max-height:calc(80vh - 80px)}}.sao-profile-menu{position:absolute;top:60px;right:0;background:linear-gradient(135deg,#0a140af2,#142314f2);border:2px solid #6A8F4E;border-radius:12px;min-width:320px;max-width:380px;z-index:9999;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:profileMenuSlide .4s cubic-bezier(.2,0,.2,1);box-shadow:0 20px 40px #0009,0 0 0 1px #6a8f4e4d,inset 0 1px #9cb5841a}@keyframes profileMenuSlide{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-header{position:relative;padding:20px;background:linear-gradient(135deg,#6a8f4e26,#9cb5840d);border-bottom:1px solid rgba(106,143,78,.3);display:flex;align-items:center;gap:15px}.header-border{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#6A8F4E,transparent)}.user-avatar{position:relative;width:50px;height:50px;background:linear-gradient(135deg,#6a8f4e,#9cb584);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#6a8f4e,#9cb584,#6a8f4e);border-radius:50%;opacity:.3;animation:avatarGlow 2s ease-in-out infinite alternate}@keyframes avatarGlow{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.05)}}.avatar-text{position:relative;color:#fff;font-weight:700;font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:1}.user-details{flex:1}.user-name{color:#9cb584;font-weight:700;font-size:1.1rem;margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.user-role{color:#9cb584b3;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.user-status{display:flex;align-items:center;gap:6px;color:#9cb58499;font-size:.75rem;font-weight:500;letter-spacing:.5px}.status-dot{width:8px;height:8px;background:#6a8f4e;border-radius:50%;box-shadow:0 0 6px #6a8f4e;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.header-decoration{display:flex;flex-direction:column;gap:3px;opacity:.4}.deco-line{width:20px;height:2px;background:linear-gradient(90deg,transparent,#6A8F4E)}.menu-container{padding:15px 0}.menu-title{display:flex;align-items:center;gap:10px;padding:0 20px 15px;color:#9cb58499;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.title-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(106,143,78,.3),transparent)}.menu-items{display:flex;flex-direction:column;gap:2px}.menu-item{position:relative;margin:0 8px;border-radius:8px;overflow:hidden}.item-border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-radius:8px;background:linear-gradient(135deg,#6a8f4e33,#9cb5841a) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;opacity:0;transition:opacity .3s ease}.item-button{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#9cb5840d;border:none;color:#9cb584e6;text-align:left;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.2,0,.2,1);border-radius:8px;overflow:hidden}.item-button:hover{background:#6a8f4e26;color:#9cb584;transform:translate(4px)}.item-button:hover .item-border{opacity:1}.item-icon{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#6a8f4e33;border-radius:6px;font-size:1.1rem;flex-shrink:0;transition:all .3s ease}.icon-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,transparent,#6A8F4E,transparent);border-radius:6px;opacity:0;transition:opacity .3s ease}.item-button:hover .item-icon{background:#6a8f4e4d;transform:scale(1.1)}.item-button:hover .icon-glow{opacity:.3}.item-content{flex:1;display:flex;flex-direction:column;gap:2px}.item-text{font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:.85rem}.item-description{color:#9cb58499;font-size:.75rem;font-weight:400;letter-spacing:.3px}.item-arrow{color:#9cb58466;font-size:.8rem;transition:all .3s ease;transform:translate(-4px);opacity:0}.item-button:hover .item-arrow{transform:translate(0);opacity:1;color:#6a8f4e}.item-hover-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(106,143,78,.3),transparent);transition:left .5s ease}.item-button:hover .item-hover-effect{left:100%}.staff-item .item-button:hover{background:#ffc1071a;color:#ffc107}.staff-item .item-button:hover .item-icon{background:#ffc10733}.admin-item .item-button:hover{background:#dc35451a;color:#dc3545}.admin-item .item-button:hover .item-icon{background:#dc354533}.queue-item .item-button:hover{background:#17a2b81a;color:#17a2b8}.queue-item .item-button:hover .item-icon{background:#17a2b833}.news-item .item-button:hover{background:#6f42c11a;color:#6f42c1}.news-item .item-button:hover .item-icon{background:#6f42c133}.twitch-item .item-button:hover{background:#9146ff1a;color:#9146ff}.twitch-item .item-button:hover .item-icon{background:#9146ff33}.primary .item-button{background:#6a8f4e26;color:#9cb584}.primary .item-button:hover{background:#6a8f4e40;color:#9cb584}.logout-item .item-button:hover{background:#dc35451a;color:#dc3545}.logout-item .item-button:hover .item-icon{background:#dc354533}.menu-separator{display:flex;align-items:center;gap:12px;padding:15px 20px;margin:8px 0}.separator-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(106,143,78,.3),transparent)}.separator-text{color:#9cb58466;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.menu-footer{padding:15px 20px;border-top:1px solid rgba(106,143,78,.2);background:#0a140a4d;display:flex;align-items:center;justify-content:space-between}.footer-pattern{display:flex;gap:4px}.pattern-dot{width:4px;height:4px;background:#6a8f4e66;border-radius:50%;animation:patternPulse 2s ease-in-out infinite}.pattern-dot:nth-child(2){animation-delay:.3s}.pattern-dot:nth-child(3){animation-delay:.6s}@keyframes patternPulse{0%,to{opacity:.4}50%{opacity:1}}.footer-text{color:#9cb58466;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width: 768px){.sao-profile-menu{min-width:280px;max-width:320px;right:-10px}.profile-header{padding:16px}.user-avatar{width:45px;height:45px}.avatar-text{font-size:1.3rem}.item-button{padding:10px 14px}.item-icon{width:28px;height:28px}}.shell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(var(--sao-bg-overlay),var(--sao-bg-overlay)),repeating-linear-gradient(0deg,rgba(106,255,78,.025) 0 1px,transparent 1px 3px)}.shell-topbar{position:sticky;top:0;z-index:1100;height:var(--sao-topbar-h);display:flex;align-items:center;gap:var(--sao-s4);padding:0 var(--sao-s4);background:#050805f0;border-bottom:1px solid var(--sao-line-strong);box-shadow:0 1px #6aff4e14,0 6px 20px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shell-brand{display:flex;align-items:center;gap:var(--sao-s3);text-decoration:none;color:var(--sao-text);min-width:0}.shell-brand__mark{font-family:var(--sao-font-display);font-size:var(--sao-fs-sm);letter-spacing:.1em;color:var(--sao-text-on-accent);background:var(--sao-green-500);padding:2px 8px;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.shell-brand__name{font-family:var(--sao-font-display);font-size:var(--sao-fs-sm);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-brand__sep{color:var(--sao-neon)}.shell-topbar__meta{margin-left:auto;display:flex;align-items:center;gap:var(--sao-s2);font-size:var(--sao-fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--sao-text-dim)}.shell-topbar__clock{margin-left:var(--sao-s3);color:var(--sao-text-faint)}.shell-dot{width:7px;height:7px;border-radius:50%;background:var(--sao-neon);box-shadow:0 0 8px var(--sao-neon);animation:shell-pulse 2.4s ease-in-out infinite}@keyframes shell-pulse{50%{opacity:.35}}.shell-user{display:flex;align-items:center;gap:var(--sao-s2);padding-left:var(--sao-s4);border-left:1px solid var(--sao-line);min-width:0}.shell-user__avatar{width:28px;height:28px;display:grid;place-items:center;font-family:var(--sao-font-display);color:var(--sao-neon);border:1px solid var(--sao-green-500);background:var(--sao-green-900)}.shell-user__text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.shell-user__name{font-size:var(--sao-fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.shell-user__role{font-family:var(--sao-font-display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sao-neon)}.shell-burger{display:none;width:36px;height:36px;flex-direction:column;justify-content:center;gap:4px;padding:0 8px;background:transparent;border:1px solid var(--sao-line);cursor:pointer}.shell-burger span{height:2px;background:var(--sao-green-300)}.shell-body{flex:1;display:flex;min-height:0}.shell-nav{position:sticky;top:var(--sao-topbar-h);align-self:flex-start;width:var(--sao-sidebar-w);flex-shrink:0;height:calc(100vh - var(--sao-topbar-h));overflow-y:auto;display:flex;flex-direction:column;gap:var(--sao-s5);padding:var(--sao-s5) var(--sao-s3);background:#080c07e6;border-right:1px solid var(--sao-line)}.shell-nav__section{display:flex;flex-direction:column;gap:2px}.shell-nav__title{padding:0 var(--sao-s3) var(--sao-s2);color:var(--sao-text-faint)}.shell-nav__link{position:relative;display:flex;align-items:center;gap:var(--sao-s3);padding:9px var(--sao-s3);color:var(--sao-text-dim);text-decoration:none;font-size:var(--sao-fs-md);border:1px solid transparent;transition:color .15s var(--sao-ease),background .15s var(--sao-ease)}.shell-nav__link:hover{color:var(--sao-text);background:#6a8f4e14}.shell-nav__link.is-active{color:var(--sao-neon);background:var(--sao-neon-soft);border-color:#6aff4e2e}.shell-nav__link.is-active:before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:2px;background:var(--sao-neon);box-shadow:0 0 8px var(--sao-neon)}.shell-nav__icon{width:18px;text-align:center;font-family:var(--sao-font-mono);color:var(--sao-green-500)}.shell-nav__link.is-active .shell-nav__icon{color:var(--sao-neon)}.shell-nav__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--sao-s2);padding:var(--sao-s3) var(--sao-s1) 0;border-top:1px solid var(--sao-line)}.shell-main{flex:1;min-width:0}.shell-content{max-width:var(--sao-content-max);margin:0 auto;padding:var(--sao-s8) var(--sao-s6) var(--sao-s10)}.shell-scrim{display:none}@media (max-width: 960px){.shell-burger{display:inline-flex}.shell-topbar__meta{display:none}.shell-user{margin-left:auto}.shell-nav{position:fixed;left:0;top:var(--sao-topbar-h);z-index:1050;transform:translate(-100%);transition:transform .2s var(--sao-ease);box-shadow:8px 0 30px #00000080}.shell-nav.is-open{transform:none}.shell-scrim{display:block;position:fixed;inset:var(--sao-topbar-h) 0 0 0;z-index:1040;background:#0000008c}.shell-content{padding:var(--sao-s5) var(--sao-s4) var(--sao-s8)}}@media (max-width: 520px){.shell-brand__name,.shell-user__role{display:none}}:root{--primary: #4e7c3a;--primary-dark: #355c29;--primary-light: #6ca04c;--bg: #131815;--bg-light: #181c1b;--bg-table: #181c1b;--text: #e0e6ed;--text-muted: #8a97b1;--border: #263024;--shadow: 0 2px 12px rgba(0,0,0,.35);--radius: 8px}html,body{background-image:url(/backgrounds/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;height:100%;font-size:15px;overflow-x:hidden!important;scroll-behavior:smooth}h1,h2,h3{color:var(--primary-light);margin-bottom:16px;text-align:center;font-weight:700;letter-spacing:1px;text-shadow:0 2px 8px #000a}.container{max-width:900px;margin:32px auto;background:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 14px;border:1.5px solid var(--primary)}table{width:100%;border-collapse:collapse;background:var(--bg-table);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px}table th,table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left;font-size:1em;background:var(--bg-table);color:var(--text);border-radius:0}table th{background:var(--primary);color:#fff;font-weight:600;letter-spacing:.5px;border:none}table tbody th{width:180px;min-width:140px;max-width:220px;text-align:left;font-weight:600;color:var(--text-muted);background:#1a2317}table tr:last-child td{border-bottom:none}table tr:nth-child(2n){background:#162016}a.button,.button{display:inline-block;padding:10px 22px;background:var(--primary);color:#fff;border-radius:var(--radius);border:none;font-size:1em;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 1px 4px #00000026;margin:0 2px}a.button:hover,.button:hover{background:var(--primary-light);transform:translateY(-1px) scale(1.03);box-shadow:0 3px 8px #0000002e}tbody tr:hover{background:#1e2a1e;transition:background .2s}::-webkit-scrollbar{width:8px;background:#181c1b}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:4px}input,select,textarea{background:#181c1b;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px;font-size:1em;margin-bottom:12px;width:100%;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}label{color:var(--text-muted);font-weight:500;margin-bottom:4px;display:block}.spinner{border:3px solid rgba(255,255,255,.08);border-left-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin:16px auto;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 700px){.container{padding:8px 1vw}table th,table td{padding:6px 2px;font-size:.95em}h1{font-size:1.3em}}td,th{word-break:break-word}ul,li{color:var(--text);background:transparent}button,.button{outline:none;background:var(--primary);color:#fff}tbody tr.selected{background:#1e2a1e!important}.status{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.95em;font-weight:600;background:#1e2a1e;color:var(--primary);margin-left:4px}::-webkit-input-placeholder{color:#8a97b1}::-moz-placeholder{color:#8a97b1}:-ms-input-placeholder{color:#8a97b1}::placeholder{color:#8a97b1}.moderation-container{max-width:85%;margin:40px auto;padding:24px;background:#181c1b;border-radius:10px;box-shadow:0 2px 12px #0000001f;display:flex;flex-direction:column;align-items:center}.moderation-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0}.modal-large{min-width:80%;max-width:80%}.moderation-table th,.moderation-table td{padding:10px 14px;border:1px solid #191f27;text-align:center;word-break:break-word;background:#181c1b}.moderation-table th{background:#181c1b;font-weight:600}.personnage-card-terminal{background:linear-gradient(135deg,#141e14f2,#0f190ff2);border:2px solid #4e7c3a;border-radius:8px;padding:16px;font-family:Courier New,monospace;color:#6aff4e;box-shadow:0 4px 16px #4e7c3a66,inset 0 1px #6aff4e1a;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;max-width:100%;overflow:hidden;will-change:transform,box-shadow;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.personnage-card-terminal:hover{border-color:#6aff4e;box-shadow:0 6px 24px #6aff4e4d,inset 0 1px #6aff4e33;transform:translateZ(0) scale(1.02)}.personnage-header-terminal{border-bottom:1px solid #4e7c3a;padding-bottom:8px;margin-bottom:8px}.personnage-name-terminal{font-size:1.2rem;font-weight:700;color:#6aff4e;text-align:center;text-transform:uppercase;letter-spacing:1px}.personnage-info-terminal{display:flex;flex-direction:column;gap:4px}.personnage-detail-line{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;line-height:1.4}.detail-label{color:#6aff4e;font-weight:700;min-width:120px;text-transform:uppercase}.detail-value{color:#fff;text-align:right;flex:1}.personnage-money-terminal{background:#0000004d;border:1px solid #4e7c3a;border-radius:4px;padding:8px;margin:8px 0}.money-line{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin:2px 0}.money-label{color:#6aff4e;font-weight:700}.money-value{color:#fff;font-weight:700}.personnage-actions-terminal{display:flex;flex-direction:column;gap:8px;margin-top:12px}.photos-button{background:linear-gradient(135deg,#4a90e2,#357abd)!important;border-color:#4a90e2!important}.photos-button:hover{background:linear-gradient(135deg,#5ba0f2,#4a90e2)!important;border-color:#5ba0f2!important}.espace-utilisateur{min-height:100vh;position:relative;overflow-x:hidden!important;width:100vw;max-width:100%;will-change:transform;contain:layout style paint;transform:translateZ(0)}.personnage-card-terminal{will-change:transform,box-shadow;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.personnages-grid{contain:layout;will-change:scroll-position}.personnage-card-terminal:hover{transform:translateZ(0) scale(1.02)}.photo-modal-overlay{will-change:opacity,backdrop-filter;contain:layout style paint}.photo-modal-container{will-change:transform;contain:layout style paint;transform:translateZ(0)}.sao-button{will-change:transform,background-color;contain:layout style;backface-visibility:hidden}.sao-button:hover{transform:translateZ(0) translateY(-2px)}.personnage-card-terminal img{image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}.espace-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}*{transition-duration:.2s}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.personnage-card-terminal:hover{transform:none;box-shadow:none}.sao-button:hover{transform:none}}@media (max-width: 768px){.personnage-card-terminal{will-change:auto}.personnage-card-terminal:hover{transform:none;box-shadow:0 4px 12px #6aff4e33}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;text-align:center;contain:layout style paint}.loading-spinner-optimized{width:60px;height:60px;border:4px solid rgba(106,255,78,.2);border-top:4px solid #6aff4e;border-radius:50%;animation:spin-optimized 1s linear infinite;contain:layout style paint;will-change:transform}@keyframes spin-optimized{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#6aff4e;font-size:1.3rem;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(106,255,78,.5),0 0 20px rgba(106,255,78,.3);contain:layout style}.loading-subtext{color:#9cb584;font-size:.9rem;font-family:Courier New,monospace;opacity:.8;contain:layout style}.sao-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#4e7c3a,#6a8f4e);color:#6aff4e;padding:15px 20px;border-radius:8px;border:2px solid #6aff4e;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 32px #6aff4e4d;z-index:10001;max-width:400px;opacity:1;transform:translate(0);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;contain:layout style paint}.sao-notification.visible{opacity:1;transform:translate(0)}.sao-notification.hiding{opacity:0;transform:translate(100%)}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--green-primary: #00ff41;--green-secondary: #00cc33;--green-dark: #004400;--green-glow: rgba(0, 255, 65, .3);--text-primary: #00ff41;--text-secondary: #00cc33;--text-muted: #666666;--error: #ff4444;--warning: #ffaa00;--success: #00ff41;--border-radius: 4px;--font-mono: "Courier New", "Consolas", "Monaco", monospace;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--shadow-glow: 0 0 10px var(--green-glow);--shadow-glow-lg: 0 0 20px var(--green-glow)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background-image:url(/backgrounds/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--green-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--green-primary)}.sao-header{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:2px solid var(--green-primary);box-shadow:0 2px 10px #00ff4133;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.sao-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.sao-logo{display:flex;align-items:center;gap:1rem;font-size:var(--font-size-2xl);font-weight:700;text-shadow:0 0 10px var(--green-primary)}.sao-logo:before{content:">";color:var(--green-primary);animation:blink 1s infinite}.sao-nav{display:flex;gap:2rem;list-style:none}.sao-nav-item{position:relative}.sao-nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--border-radius);transition:all .3s ease;display:block}.sao-nav-link:hover,.sao-nav-link.active{color:var(--text-primary);border-color:var(--green-primary);box-shadow:var(--shadow-glow);background:#00ff411a}.sao-sidebar{width:280px;background:var(--bg-secondary);border-right:2px solid var(--green-primary);height:100vh;position:fixed;left:0;top:80px;overflow-y:auto;z-index:900}.sao-sidebar-content{padding:2rem 1rem}.sao-sidebar-title{color:var(--green-primary);font-size:var(--font-size-lg);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--green-dark)}.sao-sidebar-title:before{content:"[";margin-right:.5rem}.sao-sidebar-title:after{content:"]";margin-left:.5rem}.sao-main{margin-left:280px;margin-top:80px;padding:2rem;min-height:calc(100vh - 80px)}.sao-container{max-width:1200px;margin:0 auto}.sao-btn{font-family:var(--font-mono);font-size:var(--font-size-base);padding:.75rem 1.5rem;border:2px solid var(--green-secondary);background:transparent;color:var(--green-primary);cursor:pointer;border-radius:var(--border-radius);transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.sao-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .5s}.sao-btn:hover:before{left:100%}.sao-btn:hover{border-color:var(--green-primary);box-shadow:var(--shadow-glow);text-shadow:0 0 5px var(--green-primary)}.sao-btn:active{transform:scale(.98)}.sao-btn-primary{background:var(--green-dark);border-color:var(--green-primary)}.sao-btn-danger{border-color:var(--error);color:var(--error)}.sao-btn-danger:hover{border-color:var(--error);box-shadow:0 0 10px #ff44444d;text-shadow:0 0 5px var(--error)}.sao-input{font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--green-dark);color:var(--text-primary);padding:.75rem;border-radius:var(--border-radius);font-size:var(--font-size-base);width:100%;transition:all .3s ease}.sao-input:focus{outline:none;border-color:var(--green-primary);box-shadow:var(--shadow-glow)}.sao-input::placeholder{color:var(--text-muted)}.sao-label{display:block;color:var(--green-secondary);margin-bottom:.5rem;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px}.sao-label:after{content:":";margin-left:2px}.sao-card{background:var(--bg-secondary);border:1px solid var(--green-dark);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.sao-card:hover{border-color:var(--green-secondary);box-shadow:var(--shadow-glow)}.sao-card-header{border-bottom:1px solid var(--green-dark);padding-bottom:1rem;margin-bottom:1rem}.sao-card-title{color:var(--green-primary);font-size:var(--font-size-xl);margin-bottom:.5rem}.sao-card-title:before{content:"▶ ";color:var(--green-secondary)}.sao-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--green-dark);border-radius:var(--border-radius);overflow:hidden}.sao-table th{background:var(--bg-tertiary);color:var(--green-primary);padding:1rem;border-bottom:2px solid var(--green-primary);text-align:left;text-transform:uppercase;letter-spacing:1px;font-size:var(--font-size-sm)}.sao-table td{padding:.75rem 1rem;border-bottom:1px solid var(--green-dark);color:var(--text-secondary)}.sao-table tr:hover{background:#00ff410d}.sao-table tr:nth-child(2n){background:#00ff4105}.sao-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sao-modal-content{background:var(--bg-primary);border:2px solid var(--green-primary);border-radius:var(--border-radius);padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-glow-lg);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.sao-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--green-dark)}.sao-modal-title{color:var(--green-primary);font-size:var(--font-size-xl)}.sao-modal-close{background:none;border:none;color:var(--green-secondary);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.sao-modal-close:hover{color:var(--error);text-shadow:0 0 5px var(--error)}.sao-toast{position:fixed;top:100px;right:20px;background:var(--bg-secondary);border:1px solid var(--green-primary);border-radius:var(--border-radius);padding:1rem;min-width:300px;z-index:3000;animation:toastSlideIn .3s ease;box-shadow:var(--shadow-glow)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sao-toast-error{border-color:var(--error);box-shadow:0 0 10px #ff44444d}.sao-toast-warning{border-color:var(--warning);box-shadow:0 0 10px #ffaa004d}.sao-toast-success{border-color:var(--success);box-shadow:var(--shadow-glow)}.sao-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--green-dark);border-radius:50%;border-top-color:var(--green-primary);animation:spin 1s ease-in-out infinite}.sao-progress{width:100%;height:20px;background:var(--bg-secondary);border:1px solid var(--green-dark);border-radius:var(--border-radius);overflow:hidden}.sao-progress-bar{height:100%;background:linear-gradient(90deg,var(--green-secondary),var(--green-primary));transition:width .3s ease;box-shadow:0 0 10px var(--green-glow)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.sao-typing{overflow:hidden;white-space:nowrap;animation:typing 2s steps(40,end),blink .75s step-end infinite}@keyframes glow{0%,to{text-shadow:0 0 5px var(--green-primary)}50%{text-shadow:0 0 20px var(--green-primary),0 0 30px var(--green-primary)}}.sao-glow{animation:glow 2s ease-in-out infinite alternate}@media (max-width: 768px){.sao-sidebar{transform:translate(-100%);transition:transform .3s ease}.sao-sidebar.open{transform:translate(0)}.sao-main{margin-left:0}.sao-header-content{padding:0 1rem}.sao-nav{display:none}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.border-green{border-color:var(--green-primary)}.glow{box-shadow:var(--shadow-glow)}.glow-lg{box-shadow:var(--shadow-glow-lg)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.font-mono{font-family:var(--font-mono)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.sao-button{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#6a8f4e;border:2px solid #6A8F4E;border-radius:6px;padding:12px 20px;font-family:Courier New,monospace;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;text-decoration:none;display:inline-block}.sao-button:hover{background:linear-gradient(135deg,#2a3a2a,#3a4a3a);color:#9cb584;box-shadow:0 0 15px #6a8f4e66;transform:translateY(-2px)}.sao-button-secondary{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#666;border:2px solid #666}.sao-button-secondary:hover{color:#999;border-color:#999}.sao-button:active{transform:translateY(0)}.sao-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modal-fade-in .3s ease-out}.sao-modal{background:linear-gradient(135deg,#0a140afa,#141e14fa);border:2px solid #6A8F4E;border-radius:15px;padding:0;max-width:95vw;max-height:95vh;overflow:hidden;position:relative;box-shadow:0 20px 60px #6a8f4e66,inset 0 1px #6aff4e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modal-slide-in .4s cubic-bezier(.2,0,.2,1)}.sao-modal:before{content:"[INTERFACE SYSTÈME]";position:absolute;top:-12px;left:25px;background:#000;color:#6a8f4e;padding:4px 15px;font-size:.8rem;font-weight:700;letter-spacing:1px;z-index:10;border-radius:4px}.sao-modal-content{padding:35px;overflow-y:auto;max-height:calc(95vh - 70px)}.sao-modal-header{border-bottom:1px solid rgba(106,143,78,.3);padding-bottom:15px;margin-bottom:20px}.sao-modal-title{color:#6a8f4e;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-align:center}.sao-notification{position:fixed;top:100px;right:30px;background:linear-gradient(135deg,#6a8f4ef2,#4c7130f2);color:#fff;padding:15px 25px;border-radius:8px;font-weight:700;z-index:2000;box-shadow:0 8px 32px #6a8f4e80;border:1px solid #6aff4e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:notification-slide-in .5s ease-out,notification-pulse 2s ease-in-out infinite;max-width:350px;font-family:Courier New,monospace;letter-spacing:.5px}.sao-checkbox{display:flex;align-items:flex-start;gap:12px;margin:20px 0;cursor:pointer;color:#9cb584;font-size:.95rem;line-height:1.4}.sao-checkbox input[type=checkbox]{width:18px;height:18px;background:transparent;border:2px solid #6A8F4E;border-radius:3px;cursor:pointer;position:relative;flex-shrink:0;margin-top:2px}.sao-checkbox input[type=checkbox]:checked{background:#6a8f4e;box-shadow:0 0 10px #6a8f4e80}.sao-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-1px;left:2px;color:#000;font-size:12px;font-weight:700}.sao-modal-actions{display:flex;gap:15px;justify-content:flex-end;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(106,143,78,.2)}.sao-modal-header{text-align:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(106,143,78,.2)}.sao-modal-title{color:#6a8f4e;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 0 15px rgba(106,143,78,.5)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(106,143,78,.3);border-radius:50%;border-top-color:#6a8f4e;animation:spin 1s ease-in-out infinite;margin-right:8px}.sao-modal-content::-webkit-scrollbar{width:8px}.sao-modal-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.sao-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6a8f4e,#4e7c3a);border-radius:4px}.sao-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6aff4e,#6a8f4e)}@media (max-width: 768px){.sao-modal{max-width:95vw;margin:10px;border-radius:10px}.sao-modal-content{padding:20px}.sao-modal-actions{flex-direction:column;gap:10px}.sao-notification{top:80px;right:20px;left:20px;max-width:none;padding:12px 20px;font-size:.9rem}}@media (max-width: 480px){.sao-button{padding:12px 16px;font-size:.9rem}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}