.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1.5rem}.loading-spinner{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;animation:spinRing 2s linear infinite}.spinner-ring:nth-child(1){border-top-color:var(--color-border-gold-bright);border-right-color:var(--color-border-gold-bright);animation-duration:1.5s;box-shadow:0 0 15px #d4b89680,inset 0 0 10px #d4b8964d}.spinner-ring:nth-child(2){border-left-color:var(--color-border-gold);border-bottom-color:var(--color-border-gold);animation-duration:2s;animation-direction:reverse;width:70%;height:70%;box-shadow:0 0 12px #d4b89666,inset 0 0 8px #d4b89633}.spinner-ring:nth-child(3){border-top-color:#d4b89680;border-right-color:#d4b89680;animation-duration:2.5s;width:50%;height:50%;box-shadow:0 0 10px #d4b8964d,inset 0 0 6px #d4b89626}.spinner-core{position:absolute;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--color-border-gold-bright) 0%,var(--color-border-gold) 50%,rgba(212,184,150,.6) 100%);box-shadow:0 0 20px var(--color-border-gold-bright),0 0 40px #d4b89666,inset 0 0 10px #ffffff80;animation:pulse 1.5s ease-in-out infinite}.loading-text{color:var(--color-text-primary);font-family:var(--font-primary);font-size:1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px rgba(212,184,150,.5),0 2px 4px rgba(0,0,0,.8);animation:fadeInOut 2s ease-in-out infinite;margin:0}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.6}}.account-content .loading-spinner-container,.ranking-content .loading-spinner-container{min-height:200px}@media(max-width:768px){.loading-spinner{width:60px;height:60px}.spinner-core{width:16px;height:16px}.loading-text{font-size:.9rem;letter-spacing:1.5px}.loading-spinner-container{padding:2rem 1.5rem;gap:1rem}}@media(max-width:480px){.loading-spinner{width:50px;height:50px}.spinner-core{width:14px;height:14px}.loading-text{font-size:.85rem;letter-spacing:1px}}.head-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;color:var(--color-text-primary);font-family:var(--font-primary);font-size:.95rem;background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);position:fixed;top:32px;left:50%;transform:translate(-50%);width:90vw;max-width:1200px;z-index:10002;margin:0;box-sizing:border-box}.lang-selector{position:relative}.lang-current{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:linear-gradient(180deg,#3c2814b3,#28190acc);border:1px solid rgba(100,70,40,.6);transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;position:relative;overflow:hidden;box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}.lang-current:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.15),transparent);transition:left .5s}.lang-current:hover:before{left:100%}.lang-current .flag-img{height:28px;width:auto;display:block;object-fit:contain}.lang-current:hover{background:linear-gradient(180deg,#50371ee6,#3c2814f2);border-color:#966e3ccc;box-shadow:0 4px 12px #d4b8964d,inset 0 1px #c8a0644d;transform:translateY(-2px)}.lang-current:active{transform:translateY(0);box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}.lang-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#3c2814f2,#28190afa);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);padding:0;min-width:180px;display:flex;flex-direction:column;z-index:100;overflow:hidden;margin-top:-1px}.lang-dropdown button{background:transparent;color:#d4b896;border:none;border-bottom:1px solid rgba(100,70,40,.3);padding:.8rem 1rem;cursor:pointer;font-family:var(--font-primary);font-size:.9rem;transition:all .2s;display:flex;align-items:center;gap:.8rem;text-align:left;font-weight:600}.lang-dropdown button:last-child{border-bottom:none}.lang-dropdown button .flag-img-round{height:24px;width:24px;display:block;object-fit:cover;border-radius:50%}.lang-dropdown button .name{letter-spacing:1px;text-transform:uppercase}.lang-dropdown button:hover{background:#50371ecc;color:#ffe7a0;box-shadow:inset 0 0 10px #daa52033}.lang-dropdown button.active{background:#50371e99;color:#ffe7a0;font-weight:700;box-shadow:inset 0 0 10px #daa5204d}.menu{display:flex;gap:2rem;align-items:center}.menu-item{color:#d4b896;text-decoration:none;font-weight:700;letter-spacing:1.2px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-shadow:var(--shadow-text);padding:.5rem 1rem;background:linear-gradient(180deg,#3c2814b3,#28190acc);border:1px solid rgba(100,70,40,.6);text-transform:uppercase;overflow:hidden;box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}.menu-item>*{position:relative;z-index:1}.menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.15),transparent);transition:left .5s;z-index:0;pointer-events:none}.menu-item:hover:before{left:100%}.menu-item:hover{color:#ffe7a0;background:linear-gradient(180deg,#50371ee6,#3c2814f2);border-color:#966e3ccc;box-shadow:0 4px 12px #d4b8964d,inset 0 1px #c8a0644d;transform:translateY(-2px)}.menu-item:active{transform:translateY(0);box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}.menu-item.dropdown{position:relative;overflow:visible}.menu-item.dropdown:before{display:none}.menu-item.dropdown>span{cursor:pointer;position:relative;z-index:1;display:block;overflow:hidden}.menu-item.dropdown>span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.15),transparent);transition:left .5s;z-index:0;pointer-events:none}.menu-item.dropdown:hover>span:before{left:100%}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#3c2814f2,#28190afa);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);padding:0;min-width:160px;display:flex;flex-direction:column;z-index:100;overflow:hidden;margin-top:-1px}.dropdown-menu a,.dropdown-menu span{color:#d4b896;text-decoration:none;padding:.8rem 1.2rem;font-size:.9rem;transition:all .2s;letter-spacing:1px;cursor:pointer;font-weight:600;text-transform:uppercase;border-bottom:1px solid rgba(100,70,40,.3)}.dropdown-menu a:last-child,.dropdown-menu span:last-child{border-bottom:none}.dropdown-menu a:hover,.dropdown-menu span:hover{background:#50371ecc;color:#ffe7a0;box-shadow:inset 0 0 10px #daa52033}.social-icon{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle;object-fit:contain;filter:brightness(.9);transition:filter .2s;flex-shrink:0}.dropdown-menu a{display:flex;align-items:center;gap:0}.mobile-menu-item.sub{display:flex!important;align-items:center;gap:0}.dropdown-menu a:hover .social-icon,.mobile-menu-item:hover .social-icon{filter:brightness(1.2)}.menu-item.register-highlight{background:linear-gradient(180deg,var(--color-button-bg-start) 0%,var(--color-button-bg-end) 100%);color:var(--color-button-text);border:1px solid var(--color-border-gold-bright);padding:.5rem 1.2rem;box-shadow:0 4px 8px #00000080,inset 0 1px #ffd76466,inset 0 -1px 2px #0000004d;text-transform:uppercase;letter-spacing:1.8px;font-weight:700}.menu-item.register-highlight:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:0;pointer-events:none}.menu-item.register-highlight:hover:before{left:100%}.menu-item.register-highlight:hover{background:linear-gradient(180deg,var(--color-button-hover-start) 0%,var(--color-button-hover-end) 100%);box-shadow:0 6px 16px #d4b89666,inset 0 1px #ffeb9680,inset 0 -1px 2px #0000004d;border-color:var(--color-border-gold-hover);transform:translateY(-2px)}.menu-item.register-highlight:active{transform:translateY(0);box-shadow:0 2px 4px #00000080,inset 0 1px #ffd7644d;border-color:var(--color-gold);color:#fff;text-shadow:0 2px 8px rgba(255,185,74,.8);transform:translateY(-1px)}@media(max-width:1024px){.head-navbar{padding:.8rem 1.5rem;font-size:.9rem;top:20px;width:95vw}.menu{gap:1.5rem}}@media(max-width:768px){.head-navbar{padding:.6rem .8rem;font-size:.85rem;top:.5rem;width:calc(100% - 1rem);max-width:none;justify-content:space-between;left:.5rem;transform:none;background:linear-gradient(180deg,#3c2814,#28190a)}.menu{display:none}.mobile-menu-toggle{background:linear-gradient(180deg,#3c2814b3,#28190acc);color:#d4b896;border:1px solid rgba(100,70,40,.6);padding:.5rem 1rem;font-size:1.5rem;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-button);font-family:var(--font-primary);line-height:1;display:flex;align-items:center;justify-content:center;z-index:10001;position:relative;font-weight:700}.mobile-menu-toggle:hover{background:linear-gradient(180deg,#50371ee6,#3c2814f2);color:#ffe7a0;border-color:#966e3ccc;box-shadow:0 2px 8px #daa5204d}.mobile-menu-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9998;animation:fadeInOverlay .15s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:5rem;margin-top:1rem!important;left:7.5%;right:7.5%;width:85%;max-width:400px;margin:0 auto;background:linear-gradient(180deg,#2d1e0ffa,#1e140afc);box-shadow:0 8px 32px #000000b3,inset 0 2px #d4b8961a;border:2px solid var(--color-border-gold);border-radius:6px;padding:0;z-index:10001;max-height:calc(100vh - 8rem);overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box;animation:slideDownFade .2s ease-out;animation-fill-mode:both;will-change:transform,opacity}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{color:#d4b896;text-decoration:none;padding:1.1rem 1.5rem;font-size:.88rem;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:1.2px;cursor:pointer;border-bottom:1px solid rgba(212,184,150,.15);font-weight:600;text-transform:uppercase;position:relative;overflow:hidden;background:transparent}.mobile-menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--color-border-gold-bright),transparent);transform:scaleY(0);transition:transform .3s ease}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:linear-gradient(90deg,rgba(60,40,20,.5) 0%,transparent 100%);color:#ffe7a0;padding-left:1.8rem}.mobile-menu-item:hover:before{transform:scaleY(1)}.mobile-menu-item.sub{padding-left:2.5rem;font-size:.8rem;font-weight:500;background:#140f0a66;letter-spacing:.8px;color:#c4a886}.mobile-menu-item.sub:hover{padding-left:2.8rem;background:linear-gradient(90deg,#32231499,#140f0a66);color:#ffe7a0}.mobile-menu-item.register{background:linear-gradient(180deg,var(--color-button-bg-start) 0%,var(--color-button-bg-end) 100%);color:var(--color-button-text);border:none;border-top:2px solid rgba(212,184,150,.2);margin:.8rem 1rem 1rem;padding:1.3rem 2rem;text-align:center;box-shadow:0 4px 15px #daa52080,inset 0 1px #ffd76466,inset 0 -1px 2px #0000004d;font-weight:700;font-size:.95rem;letter-spacing:1.8px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.7rem}.mobile-menu-item.register:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:1}.mobile-menu-item.register:hover{background:linear-gradient(180deg,var(--color-button-hover-start) 0%,var(--color-button-hover-end) 100%);box-shadow:0 6px 20px #daa520b3,inset 0 1px #ffeb9680,inset 0 -1px 2px #0000004d;border-color:var(--color-border-gold-hover);color:#ffe7a0;transform:translateY(-2px);padding-left:2rem}.mobile-menu-item.register:hover:after{left:100%}.mobile-menu-section{display:flex;flex-direction:column}.mobile-menu-title{color:#f0d8a8;padding:1rem 1.5rem .5rem;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:#3c281466;border-bottom:1px solid rgba(212,184,150,.25);text-shadow:0 1px 3px rgba(0,0,0,.6);position:relative}.mobile-menu-title:after{content:"";position:absolute;bottom:-1px;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-gold-bright),transparent)}.lang-current{font-size:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1}.lang-dropdown{position:fixed;top:auto;left:1rem;transform:none}}@media(max-width:480px){.head-navbar{padding:.5rem;font-size:.75rem;top:5px;width:98vw}.menu{gap:.5rem;width:100%}.menu-item{font-size:.7rem;letter-spacing:.5px}.menu-item.register-highlight{padding:.3rem .8rem}.dropdown-menu{min-width:120px;padding:.5rem 0}.dropdown-menu a,.dropdown-menu span{padding:.5rem 1rem;font-size:.8rem}.lang-current{font-size:1.2rem;padding:.1rem .3rem}.lang-dropdown{min-width:140px}.lang-dropdown button{padding:.5rem .8rem;font-size:.8rem}.lang-dropdown button .flag{font-size:1.1rem}}.banner-logo{display:flex;align-items:center;justify-content:center;width:100%;height:auto}.banner-logo img{max-width:800px;width:100%;height:auto}@media(max-width:768px){.banner-logo{justify-content:flex-end;padding-right:2rem}.banner-logo img{max-width:280px}}@media(max-width:480px){.banner-logo{justify-content:flex-end;padding-right:1rem}.banner-logo img{max-width:220px}}.forgot-module{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);padding:0;max-width:100%;width:100%;margin:0 auto 1.2rem;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;font-family:Cinzel,"Noto Serif JP",serif;overflow:hidden;animation:fadeIn .3s ease-in-out}.forgot-module h2{font-family:var(--font-primary);font-size:1.2rem;margin:0;padding:1rem 1.5rem;color:#d4b896;letter-spacing:1.5px;text-shadow:var(--shadow-text);background:linear-gradient(180deg,#3c2814e6,#28190af2);border-bottom:2px solid var(--color-border-separator);text-align:center;font-weight:700;text-transform:uppercase}.forgot-module form{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.8rem;box-sizing:border-box;padding:1.5rem 1.5rem 1.2rem}.forgot-module input{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-secondary);padding:.7rem .9rem .7rem 2.8rem;font-size:.95rem;outline:none;box-shadow:var(--shadow-input);transition:border-color .2s,box-shadow .2s;background-repeat:no-repeat;background-position:.8rem center;background-size:1.2rem}.forgot-module input[type=text]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>')}.forgot-module input[type=email]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>')}.forgot-module input:focus{border-color:var(--color-border-gold-hover);box-shadow:var(--shadow-input),0 0 8px #ffb94a4d}.forgot-module input::placeholder{color:var(--color-text-muted)}.forgot-error{color:#ff7a00;font-size:.85rem;text-align:center;padding:.5rem;background:#ff7a001a;border:1px solid rgba(255,122,0,.3);border-radius:4px}.forgot-module button{background:linear-gradient(180deg,var(--color-button-bg-start) 0%,var(--color-button-bg-end) 100%);color:var(--color-button-text);border:1px solid var(--color-border-gold-bright);font-weight:700;font-size:1rem;padding:.85rem 0;margin-top:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #00000080,inset 0 1px #ffd76466,inset 0 -1px 2px #0000004d;text-transform:uppercase;letter-spacing:1.8px;font-family:var(--font-primary);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.forgot-module button svg{flex-shrink:0}.forgot-module button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.forgot-module button:hover:before{left:100%}.forgot-module button:hover{background:linear-gradient(180deg,var(--color-button-hover-start) 0%,var(--color-button-hover-end) 100%);box-shadow:0 6px 16px #d4b89666,inset 0 1px #ffeb9680,inset 0 -1px 2px #0000004d;border-color:var(--color-border-gold-hover);transform:translateY(-2px)}.forgot-module button:active{transform:translateY(0);box-shadow:0 2px 4px #00000080,inset 0 1px #ffd7644d}.forgot-module button:disabled{opacity:.5;cursor:not-allowed;transform:none}.forgot-module button:disabled:hover{transform:none;box-shadow:0 4px 8px #00000080,inset 0 1px #ffd76466,inset 0 -1px 2px #0000004d}.back-link{color:#d4b896;font-size:1rem;margin:.5rem 1.5rem 1rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;text-align:center;background:linear-gradient(180deg,#3c281499,#28190ab3);border:1px solid rgba(100,70,40,.5);box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33,inset 0 -1px 2px #0000004d;text-transform:uppercase;letter-spacing:1px;font-weight:700;position:relative;overflow:hidden}.back-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.15),transparent);transition:left .5s}.back-link:hover:before{left:100%}.back-link:hover{color:#ffe7a0;background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:#966e3cb3;box-shadow:0 4px 12px #d4b8964d,inset 0 1px #c8a0644d,inset 0 -1px 2px #0000004d;transform:translateY(-2px)}.back-link:active{transform:translateY(0);box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}.forgot-success{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.forgot-success p{color:var(--color-text-primary);font-size:1.1rem;margin:0}@media(max-width:768px){.forgot-module h2{font-size:1.1rem;padding:.8rem 1.2rem}.forgot-module form{padding:1.2rem 1.2rem 1rem;gap:.7rem}.forgot-module input{padding:.6rem .8rem .6rem 2.5rem;font-size:.9rem;background-position:.7rem center}.forgot-module button{padding:.8rem;font-size:.95rem}.back-link{padding:.8rem 1rem;font-size:.95rem;margin:.5rem 1.2rem 1rem}}@media(max-width:480px){.forgot-module h2{font-size:1rem;padding:.7rem 1rem;letter-spacing:1px}.forgot-module form{padding:1rem 1rem .8rem;gap:.6rem}.forgot-module input{padding:.5rem .7rem .5rem 2.3rem;font-size:.85rem;background-position:.6rem center}.forgot-module button{padding:.7rem;font-size:.9rem}.back-link{padding:.7rem 1rem;font-size:.9rem;margin:.5rem 1rem 1rem}}.login-panel{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);padding:0;max-width:100%;width:100%;margin:0 auto 1.2rem;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;font-family:Cinzel,"Noto Serif JP",serif;overflow:hidden;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-panel h2{font-family:var(--font-primary);font-size:1.05rem;margin:0 0 .5rem;padding:0;color:#d4b896;letter-spacing:1.2px;text-shadow:var(--shadow-text);text-align:center;font-weight:700;text-transform:uppercase}.login-panel-header{background:linear-gradient(180deg,rgba(60,40,20,.9) 0%,rgba(40,25,10,.7) 50%,transparent 100%);padding:1rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.login-panel .header-underline{width:90%;height:3px;background:linear-gradient(90deg,transparent 0%,#654321 15%,#8B6914 35%,#B8860B 50%,#8B6914 65%,#654321 85%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #65432166,0 0 15px #8b691440;margin-top:.3rem}.login-panel form{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.8rem;box-sizing:border-box;padding:1.5rem 1.5rem 1.2rem}.login-error{color:#ff7a00;font-size:.85rem;text-align:center;padding:.5rem;background:#ff7a001a;border:1px solid rgba(255,122,0,.3);border-radius:4px}.login-panel input{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-secondary);padding:.7rem .9rem .7rem 2.8rem;font-size:.95rem;outline:none;box-shadow:var(--shadow-input);transition:border-color .2s,box-shadow .2s;background-repeat:no-repeat;background-position:.8rem center;background-size:1.2rem}.login-panel input[type=text]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>')}.login-panel input[type=password]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>')}.login-panel input:focus{border-color:var(--color-border-gold-hover);box-shadow:var(--shadow-input),0 0 8px #ffb94a4d}.login-panel input::placeholder{color:var(--color-text-muted)}.captcha-placeholder{background:transparent;color:#ffe7a0;border-radius:6px;padding:.5rem 0;text-align:center;font-size:.95rem;margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;max-width:100%}.captcha-placeholder>div{transform:scale(.95);transform-origin:center}.login-panel button{background:linear-gradient(180deg,var(--color-button-bg-start) 0%,var(--color-button-bg-end) 100%);color:var(--color-button-text);border:1px solid var(--color-border-gold-bright);font-weight:700;font-size:1rem;padding:.85rem 0;margin-top:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #00000080,inset 0 1px #ffd76466,inset 0 -1px 2px #0000004d;text-transform:uppercase;letter-spacing:1.8px;font-family:var(--font-primary);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-panel button svg{flex-shrink:0}.login-panel button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-panel button:hover:before{left:100%}.login-panel button:hover{background:linear-gradient(180deg,var(--color-button-hover-start) 0%,var(--color-button-hover-end) 100%);box-shadow:0 6px 16px #d4b89666,inset 0 1px #ffeb9680,inset 0 -1px 2px #0000004d;border-color:var(--color-border-gold-hover);transform:translateY(-2px)}.login-panel button:active{transform:translateY(0);box-shadow:0 2px 4px #00000080,inset 0 1px #ffd7644d}.login-panel button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-panel button:disabled:hover{transform:none;box-shadow:0 4px 8px #00000080,inset 0 1px #ffd76466,inset 0 -1px 2px #0000004d}.forgot-link{color:#d4b896;font-size:1rem;margin:.5rem 1.5rem 1rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;text-align:center;background:linear-gradient(180deg,#3c281499,#28190ab3);border:1px solid rgba(100,70,40,.5);box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33,inset 0 -1px 2px #0000004d;text-transform:uppercase;letter-spacing:1px;font-weight:700;position:relative;overflow:hidden}.forgot-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.15),transparent);transition:left .5s}.forgot-link:hover:before{left:100%}.forgot-link:hover{color:#ffe7a0;background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:#966e3cb3;box-shadow:0 4px 12px #d4b8964d,inset 0 1px #c8a0644d,inset 0 -1px 2px #0000004d;transform:translateY(-2px)}.forgot-link:active{transform:translateY(0);box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}@media(max-width:768px){.login-panel h2{font-size:1.1rem;padding:.8rem 1.2rem}.login-panel form{padding:1.2rem 1.2rem 1rem;gap:.7rem}.login-panel input{padding:.6rem .8rem .6rem 2.5rem;font-size:.9rem;background-position:.7rem center}.login-panel button{padding:.8rem;font-size:.95rem}.forgot-link{padding:.8rem 1rem;font-size:.95rem;margin:.5rem 1.2rem 1rem}}@media(max-width:480px){.login-panel h2{font-size:1rem;padding:.7rem 1rem;letter-spacing:1px}.login-panel form{padding:1rem 1rem .8rem;gap:.6rem}.login-panel input{padding:.5rem .7rem .5rem 2.3rem;font-size:.85rem;background-position:.6rem center}.login-panel button{padding:.7rem;font-size:.9rem}.forgot-link{padding:.7rem 1rem;font-size:.9rem;margin:.5rem 1rem 1rem}}.account-module{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);max-width:100%;width:100%;margin:0 auto 1.2rem;color:#fff;font-family:var(--font-primary);box-sizing:border-box;overflow:hidden}.account-header{background:linear-gradient(180deg,rgba(60,40,20,.9) 0%,rgba(40,25,10,.7) 50%,transparent 100%);padding:1rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.account-header h3{color:#d4b896;font-size:1.05rem;margin:0 0 .5rem;font-family:var(--font-primary);letter-spacing:1.2px;text-shadow:var(--shadow-text);text-align:center;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem}.account-header .header-underline{width:90%;height:3px;background:linear-gradient(90deg,transparent 0%,#654321 15%,#8B6914 35%,#B8860B 50%,#8B6914 65%,#654321 85%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #65432166,0 0 15px #8b691440;margin-top:.3rem}.account-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.account-info{display:flex;flex-direction:column;gap:1rem}.account-field{display:flex;flex-direction:column;gap:.4rem}.field-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-value{color:var(--color-gold-medium);font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-shadow:var(--shadow-text);padding:.6rem .8rem;background:var(--color-content-bg);border:1px solid var(--color-content-border);box-shadow:var(--shadow-input)}.logout-button{width:100%;padding:.85rem;background:linear-gradient(180deg,#641e1ed9,#3c0f0ff2);color:#fdd;border:2px solid rgba(180,60,60,.7);font-family:var(--font-primary);font-size:.95rem;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px 8px #00000080,inset 0 1px #ff64644d,inset 0 -1px 2px #0006;margin-top:auto;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:.5rem}.logout-button svg{flex-shrink:0}.logout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,100,100,.2),transparent);transition:left .5s}.logout-button:hover:before{left:100%}.logout-button:hover{background:linear-gradient(180deg,#822828f2,#5a1414);border-color:#dc5050e6;color:#fff;box-shadow:0 6px 16px #c8323280,inset 0 1px #ff787866,inset 0 -1px 2px #0006;transform:translateY(-2px);text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 8px rgba(255,80,80,.4)}.logout-button:active{transform:translateY(0);box-shadow:0 2px 4px #00000080,inset 0 1px #ff646433}@media(max-width:768px){.account-header h3{font-size:1.1rem}.account-content{padding:1.2rem;gap:1.2rem}.field-label{font-size:.8rem}.field-value{font-size:.95rem;padding:.6rem .8rem}.logout-button{padding:.7rem;font-size:.95rem}}@media(max-width:480px){.account-header h3{font-size:1rem;letter-spacing:1px}.account-content{padding:1rem;gap:1rem}.field-label{font-size:.75rem}.field-value{font-size:.9rem;padding:.5rem .7rem}.logout-button{padding:.6rem;font-size:.9rem}}.register-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .1s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.register-panel{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;color:#fff;font-family:var(--font-primary);position:relative;animation:slideIn .2s cubic-bezier(.16,1,.3,1);border-radius:8px;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes slideIn{0%{transform:translateY(-30px) translateZ(0);opacity:0}to{transform:translateY(0) translateZ(0);opacity:1}}.register-close{position:absolute;top:1rem;right:1rem;background:#00000080;border:1px solid var(--color-border-gold);color:var(--color-gold-medium);width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.register-close:hover{background:#000c;color:var(--color-gold-light);border-color:var(--color-gold-light);transform:rotate(90deg)}.register-panel .register-header{background:linear-gradient(180deg,rgba(60,40,20,.9) 0%,rgba(40,25,10,.7) 50%,transparent 100%);padding:1.5rem 0 1.8rem;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.register-panel .register-header h2{color:#d4b896;font-size:1.2rem;font-family:var(--font-primary);letter-spacing:1.5px;text-shadow:var(--shadow-text);font-weight:700;text-transform:uppercase;text-align:center;margin:0 0 .5rem;padding:0;background:none;border:none}.register-panel .header-underline{width:90%;height:3px;background:linear-gradient(90deg,transparent 0%,#654321 15%,#8B6914 35%,#B8860B 50%,#8B6914 65%,#654321 85%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #65432166,0 0 15px #8b691440;margin-top:.3rem}.register-panel h2{background:linear-gradient(180deg,#3c2814e6,#28190af2);border-bottom:2px solid var(--color-border-separator);padding:1.5rem 2rem;margin:0;color:#d4b896;font-size:1.4rem;font-family:var(--font-primary);letter-spacing:2px;text-shadow:var(--shadow-text);font-weight:700;text-transform:uppercase;text-align:center}.register-panel form{padding:2rem;display:flex;flex-direction:column;gap:1rem}.register-panel input{width:100%;padding:.8rem 1rem .8rem 2.8rem;background:var(--color-content-bg);border:1px solid var(--color-border-gold);color:var(--color-text-primary);font-size:.95rem;font-family:var(--font-primary);transition:all .3s;box-sizing:border-box;border-radius:4px;box-shadow:var(--shadow-input);background-repeat:no-repeat;background-position:.8rem center;background-size:1.2rem}.register-panel input[name=login]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>')}.register-panel input[name=password],.register-panel input[name=confirmPassword]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>')}.register-panel input[name=email]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>')}.register-panel input[name=socialId]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M7 15h.01M11 15h2"/></svg>')}.register-panel input[name=deleteCode]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>')}.register-panel input:focus{outline:none;border-color:var(--color-border-gold-hover);box-shadow:var(--shadow-input),0 0 8px #ffb94a4d}.register-panel input::placeholder{color:var(--color-text-secondary);opacity:.7}.captcha-placeholder{display:flex;justify-content:center;margin:.5rem 0;position:relative;min-height:78px}.captcha-loading{width:304px;height:78px;display:flex;align-items:center;justify-content:center}.captcha-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#28190a66,#3c281499,#28190a66);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;border:1px solid var(--color-content-border)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-loading-overlay{position:absolute;inset:0;background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:10;border-radius:8px}.modal-loading-spinner{width:60px;height:60px;border:4px solid rgba(212,184,150,.2);border-top-color:var(--color-gold-medium);border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.modal-loading-overlay p{color:var(--color-text-primary);font-size:1.1rem;font-family:var(--font-primary);letter-spacing:1px;margin:0}.register-error{color:#ff7a00;font-size:.85rem;text-align:center;padding:.5rem;background:#ff7a001a;border:1px solid rgba(255,122,0,.3);border-radius:4px}.register-buttons{display:flex;gap:.8rem;margin-top:.5rem}.register-buttons button{flex:1;font-weight:700;font-size:1rem;padding:.85rem 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.8px;font-family:var(--font-primary);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.register-buttons button svg{flex-shrink:0}.register-submit-btn{background:linear-gradient(180deg,#287828d9,#145014f2);color:#dfd;border:1px solid rgba(60,180,60,.7);box-shadow:0 4px 8px #00000080,inset 0 1px #64ff644d,inset 0 -1px 2px #0006}.register-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.register-submit-btn:hover:before{left:100%}.register-submit-btn:hover{background:linear-gradient(180deg,#328c32e6,#1e641e);box-shadow:0 6px 16px #64ff6466,inset 0 1px #96ff9680,inset 0 -1px 2px #0000004d;border-color:#50dc50e6;transform:translateY(-2px)}.register-submit-btn:active{transform:translateY(0);box-shadow:0 2px 4px #00000080,inset 0 1px #64c8644d}.register-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.register-submit-btn:disabled:hover{transform:none}.register-cancel-btn{background:linear-gradient(180deg,#3c281499,#28190acc);color:var(--color-gold-medium);border:1px solid var(--color-border-gold);box-shadow:0 4px 8px #00000080,inset 0 1px #d4b8964d,inset 0 -1px 2px #0006}.register-cancel-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.register-cancel-btn:hover:before{left:100%}.register-cancel-btn:hover{background:linear-gradient(180deg,#50371ecc,#3c2814e6);box-shadow:0 6px 16px #d4b8964d,inset 0 1px #d4b89666,inset 0 -1px 2px #0000004d;border-color:var(--color-gold-light);transform:translateY(-2px)}.register-cancel-btn:active{transform:translateY(0);box-shadow:0 2px 4px #00000080,inset 0 1px #966e3c4d}.register-cancel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.register-cancel-btn:disabled:hover{transform:none}.register-success{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4caf5033,#388e3c33);border:3px solid #4caf50;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#4caf50;animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.register-success p{color:var(--color-text-primary);font-size:1.1rem;margin:0}@media(max-width:768px){.register-panel{width:95%;max-height:95vh}.register-panel h2{font-size:1.2rem;padding:1.2rem 1.5rem}.register-panel form{padding:1.5rem;gap:.8rem}.register-close{width:28px;height:28px;font-size:1rem}}.guild-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.guild-wdl-table{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;border-radius:0;padding:0;min-width:28px;font-size:.95rem;margin:0;box-shadow:none}.guild-wdl-table:hover{box-shadow:none}.guild-wdl-premium-row{display:flex;align-items:center;justify-content:flex-start;width:auto;margin:0;padding:0}.guild-wdl-premium-box{display:flex;flex-direction:row;align-items:center;gap:.4em;justify-content:flex-start}.guild-stat-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:26px;position:relative;transition:transform .2s ease}.guild-stat-premium:hover{transform:translateY(-2px)}.guild-stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:transparent;border:none;box-shadow:none;position:relative;transition:all .3s ease}.guild-stat-icon-wrapper:before{display:none}.guild-stat-icon-wrapper svg{display:block;width:16px;height:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .2s ease}.guild-stat-premium:hover .guild-stat-icon-wrapper svg{transform:scale(1.1)}.win-wrapper,.draw-wrapper,.loss-wrapper{border:none;background:transparent}.guild-stat-num{font-size:.9em;font-weight:700;background:linear-gradient(180deg,#fffacd,gold,#daa520);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8)) drop-shadow(0 0 6px rgba(255,215,0,.4));margin-top:.2em;margin-bottom:.1em;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;position:relative}.guild-stat-num:before{display:none}.guild-stat-underline{width:28px;height:3px;background:linear-gradient(90deg,transparent 0%,#FFD700 50%,transparent 100%);border-radius:2px;box-shadow:0 0 6px #ffd70080;transition:width .3s ease}.guild-stat-premium:hover .guild-stat-underline{width:36px}.guild-stat-underline.win-line{background:linear-gradient(90deg,transparent 0%,#7fff7f 50%,transparent 100%);box-shadow:0 0 8px #7fff7f66}.guild-stat-underline.draw-line{background:linear-gradient(90deg,transparent 0%,#ffe066 50%,transparent 100%);box-shadow:0 0 8px #ffe06666}.guild-stat-underline.loss-line{background:linear-gradient(90deg,transparent 0%,#ff7f7f 50%,transparent 100%);box-shadow:0 0 8px #ff7f7f66}.guild-wdl-icon{display:flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;margin-right:.08em;border-radius:50%;background:#0000001f;box-shadow:0 1px 2px #0003}.guild-wdl-icon.win-icon{background:linear-gradient(135deg,#2e7d4f22,#7fff7f22)}.guild-wdl-icon.draw-icon{background:linear-gradient(135deg,#b59f2e22,#ffe06622)}.guild-wdl-icon.loss-icon{background:linear-gradient(135deg,#b53a3a22,#ff7f7f22)}.guild-wdl-num.draw{color:#f2e6a0}.guild-wdl-num.loss{color:#e6b1b1}.guild-wdl-label.win-label,.guild-wdl-num.win{color:#2e7d4f}.guild-wdl-label.draw-label,.guild-wdl-num.draw{color:#b59f2e}.guild-wdl-label.loss-label,.guild-wdl-num.loss{color:#b53a3a}.guild-wdl-row.win-row{background:#2e7d4f2e;border-radius:4px}.guild-wdl-row.draw-row{background:#b59f2e2e;border-radius:4px}.guild-wdl-row.loss-row{background:#b53a3a2e;border-radius:4px}.guild-badge-right{display:flex;align-items:center;justify-content:flex-end;height:100%;margin-left:auto}.guild-ranking-item .ranking-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:.8rem}.guild-ranking-item .ranking-left{display:flex;flex-direction:column;gap:.2rem}.guild-ranking-item .ranking-name{color:#ffe7a0;font-size:.95rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #000a}.guild-ranking-item .ranking-details{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.guild-ranking-item .ranking-right{display:flex;align-items:center;gap:.5rem}.guild-badge{display:flex;align-items:center;justify-content:flex-end}.empire-badge-circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#000000e6,#28190ad9,#140c05cc);border:1.5px solid var(--color-border-gold);box-shadow:0 2px 6px #00000080;overflow:hidden;transition:box-shadow .18s,border-color .18s}.empire-badge-circle:hover{box-shadow:0 4px 12px #d4b89666,0 2px 6px #00000080;border-color:#ffe7a0}.empire-badge-circle .empire-flag{width:28px;height:28px;object-fit:contain;border-radius:0;background:transparent;padding:2px}.guild-wdl-box{display:flex;align-items:center;justify-content:flex-start;gap:.3rem;margin-top:.3rem;background:linear-gradient(90deg,#2d230f,#3a2c13);width:100%;padding-left:.32em;border:1.5px solid #bfa76a;border-radius:8px;padding:.18rem .7rem;width:fit-content;box-shadow:0 1px 4px #0005;font-size:.92rem}.guild-wdl-label{color:#bfa76a;font-weight:600;margin:0 .1rem}.guild-wdl-num.win{color:#7fff7f}.guild-wdl-num.draw{color:#ffe066}.guild-wdl-num.loss{color:#ff7f7f}.guild-ranking-item .guild-members{display:none!important}.guild-main-row{display:flex;align-items:center;gap:.5rem;margin-bottom:0}.guild-name{color:#ffe7a0;font-size:1rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #000a}.guild-details-row{display:flex;align-items:center;gap:1.2rem;font-size:.85rem;margin-top:.1rem}.guild-level{color:var(--color-text-secondary);font-weight:500}.guild-members{color:gold;font-weight:700;font-size:.95rem}.guild-wdl{color:#b0a080;font-size:.85rem;font-weight:500}.ranking-module{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);max-width:100%;width:100%;margin:0 auto 1.2rem;color:#fff;font-family:var(--font-primary);box-sizing:border-box;overflow:hidden}.ranking-header{padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(60,40,20,.9) 0%,rgba(40,25,10,.7) 50%,transparent 100%);padding:1rem 0 1.5rem;position:relative}.ranking-header h3{color:#d4b896;font-size:1.05rem;margin:0 0 .5rem;font-family:var(--font-primary);letter-spacing:1.2px;text-shadow:var(--shadow-text);font-weight:700;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.ranking-header .header-underline{width:90%;height:3px;background:linear-gradient(90deg,transparent 0%,#654321 15%,#8B6914 35%,#B8860B 50%,#8B6914 65%,#654321 85%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #65432166,0 0 15px #8b691440;margin-top:.3rem}.ranking-sort{background:linear-gradient(180deg,#28190acc,#140c05e6);color:#d4b896;border:1px solid rgba(100,70,40,.6);padding:.4rem .7rem;font-family:var(--font-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border-radius:4px;outline:none;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-sort:hover{background:linear-gradient(180deg,#3c2814e6,#28190af2);border-color:#966e3ccc;box-shadow:0 2px 6px #d4b89633}.ranking-sort:focus{border-color:var(--color-border-gold);box-shadow:0 0 8px #d4b8964d}.ranking-sort option{background:#140c05f2;color:#d4b896;padding:.5rem}.ranking-tabs{display:flex;align-items:stretch;justify-content:center;padding:.6rem 1.5rem .8rem;gap:1px}.ranking-tab{background:linear-gradient(180deg,var(--color-input-bg) 0%,rgba(5,3,1,.9) 100%);color:var(--color-text-secondary);border:1px solid var(--color-content-border);font-family:var(--font-primary);font-size:.85rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s;padding:.5rem 1.2rem;text-transform:uppercase;box-shadow:var(--shadow-input);position:relative}.ranking-tab:hover{background:linear-gradient(180deg,var(--color-background-light) 0%,var(--color-input-bg) 100%);color:var(--color-gold-medium);z-index:1}.ranking-tab.active{background:linear-gradient(180deg,var(--color-button-bg-start) 0%,var(--color-button-bg-end) 100%);color:var(--color-button-text);border-color:var(--color-border-gold-bright);box-shadow:var(--shadow-button),var(--shadow-inset-gold);z-index:2}.ranking-content{padding:.8rem 1rem}.ranking-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-content-border)}.ranking-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;background:var(--color-content-bg);border-bottom:1px solid rgba(80,60,40,.3);transition:all .2s;position:relative}.ranking-item:last-child{border-bottom:none}.ranking-item:hover{background:#140c06cc;border-color:var(--color-border-gold);z-index:1}.ranking-item[data-rank="1"]{background:linear-gradient(90deg,#ffd70026,#daa52014);border-left:3px solid rgba(255,215,0,.6);box-shadow:inset 0 1px #ffd70033}.ranking-item[data-rank="2"]{background:linear-gradient(90deg,#c0c0c01f,#a9a9a90f);border-left:3px solid rgba(192,192,192,.5);box-shadow:inset 0 1px #c0c0c026}.ranking-item[data-rank="3"]{background:linear-gradient(90deg,#cd7f321f,#b873330f);border-left:3px solid rgba(205,127,50,.5);box-shadow:inset 0 1px #cd7f3226}.ranking-item[data-rank="1"]:hover{background:linear-gradient(90deg,#ffd70038,#daa5201f);border-left-color:#ffd700cc}.ranking-item[data-rank="2"]:hover{background:linear-gradient(90deg,#c0c0c02e,#a9a9a91a);border-left-color:#c0c0c0b3}.ranking-item[data-rank="3"]:hover{background:linear-gradient(90deg,#cd7f322e,#b873331a);border-left-color:#cd7f32b3}.ranking-position{color:var(--color-gold-medium);font-weight:700;font-size:1rem;min-width:32px;text-align:center;text-shadow:var(--shadow-text);display:flex;align-items:center;justify-content:center}.medal-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.ranking-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.8rem;flex:1}.ranking-left{display:flex;flex-direction:column;gap:.2rem;flex:1}.ranking-right{display:flex;align-items:center;gap:.5rem}.ranking-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px}.player-badge{display:flex;align-items:center;background:linear-gradient(135deg,#000000e6,#28190ad9,#140c05cc);border:1px solid var(--color-border-gold);border-radius:25px;padding:3px;gap:2px;box-shadow:0 3px 8px #00000080,inset 0 1px #d4b8964d,inset 0 -1px 2px #0000004d;transition:all .2s ease}.player-badge:hover{box-shadow:0 4px 12px #d4b89666,inset 0 1px #d4b89666,inset 0 -1px 2px #0000004d;border-color:#d4b896e6}.player-badge .race-icon{height:36px;width:36px;border-radius:50%;background:#000000f2;padding:4px;object-fit:cover;border:none;box-shadow:0 0 6px #0009}.player-badge .empire-flag{height:36px;width:36px;background:transparent;padding:6px;object-fit:contain;border:none;box-shadow:none;border-radius:0}.player-badge .empire-badge-circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#000000e6,#28190ad9,#140c05cc);border:1.5px solid var(--color-border-gold);box-shadow:0 2px 6px #00000080;overflow:hidden;transition:box-shadow .18s,border-color .18s}.player-badge .empire-badge-circle:hover{box-shadow:0 4px 12px #d4b89666,0 2px 6px #00000080;border-color:#ffe7a0}.ranking-details{color:var(--color-text-secondary);font-size:.75rem;opacity:.9}.ranking-item[data-rank="1"] .ranking-name{color:gold}.ranking-item[data-rank="2"] .ranking-name{color:#e0e0e0}.ranking-item[data-rank="3"] .ranking-name{color:#dda76a}.ranking-loading,.ranking-empty{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem;font-style:italic}.ranking-loading{animation:pulse 1.5s ease-in-out infinite}.ranking-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--color-content-bg);border-top:1px solid var(--color-content-border)}.ranking-pagination .pagination-btn{background:linear-gradient(180deg,#3c281499,#28190ab3);color:#d4b896;border:1px solid rgba(100,70,40,.5);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.2rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33,inset 0 -1px 2px #0000004d}.ranking-pagination .pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.15),transparent);transition:left .5s;z-index:0;pointer-events:none}.ranking-pagination .pagination-btn:hover:not(:disabled):before{left:100%}.ranking-pagination .pagination-btn:hover:not(:disabled){background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:#966e3cb3;color:#ffe7a0;box-shadow:0 4px 12px #d4b8964d,inset 0 1px #c8a0644d,inset 0 -1px 2px #0000004d;transform:translateY(-2px)}.ranking-pagination .pagination-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}.ranking-pagination .pagination-btn:disabled{opacity:.3;cursor:not-allowed}.ranking-pagination .pagination-info{display:flex;gap:.3rem;align-items:center}.ranking-pagination .page-number{background:linear-gradient(180deg,#3c281499,#28190ab3);color:#d4b896;border:1px solid rgba(100,70,40,.5);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;font-weight:600;font-family:var(--font-primary);position:relative;overflow:hidden;box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33,inset 0 -1px 2px #0000004d}.ranking-pagination .page-number:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.15),transparent);transition:left .5s;z-index:0;pointer-events:none}.ranking-pagination .page-number:hover:before{left:100%}.ranking-pagination .page-number:hover{background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:#966e3cb3;color:#ffe7a0;box-shadow:0 4px 12px #d4b8964d,inset 0 1px #c8a0644d,inset 0 -1px 2px #0000004d;transform:translateY(-2px)}.ranking-pagination .page-number:active{transform:translateY(0);box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}.ranking-pagination .page-number.active{background:linear-gradient(180deg,var(--color-button-bg-start) 0%,var(--color-button-bg-end) 100%);color:var(--color-button-text);border:1px solid var(--color-border-gold-bright);font-weight:700;box-shadow:0 4px 8px #00000080,inset 0 1px #ffd76466,inset 0 -1px 2px #0000004d;transform:translateY(-2px)}.ranking-pagination .page-number.active:before{display:none}.ranking-pagination .pagination-ellipsis{color:var(--color-text-secondary);padding:0 .3rem;font-size:.9rem}@media(max-width:768px){.ranking-header h3{font-size:1.1rem;padding:.7rem 1.2rem .5rem}.ranking-tabs{padding:.5rem 1.2rem .7rem}.ranking-tab{font-size:.8rem;padding:.4rem 1rem}.ranking-content{padding:.7rem .8rem}.ranking-item{padding:.8rem}.ranking-position{font-size:1rem;min-width:45px}.ranking-name{font-size:.95rem}.ranking-details{font-size:.75rem}}@media(max-width:480px){.ranking-header h3{font-size:1rem;padding:.6rem 1rem .4rem;letter-spacing:1px}.ranking-tabs{padding:.4rem 1rem .6rem;gap:.5px}.ranking-tab{font-size:.7rem;padding:.35rem .8rem;letter-spacing:.5px}.ranking-content{padding:.6rem}.ranking-item{padding:.7rem .6rem}.ranking-position{font-size:.9rem;min-width:40px}.ranking-name{font-size:.9rem}.ranking-details{font-size:.7rem}.ranking-pagination{padding:.8rem;gap:.8rem}.pagination-btn{width:1.8rem;height:1.8rem;font-size:1.1rem}.pagination-info{font-size:.8rem;gap:.3rem}.pagination-info .page-number{padding:.25rem .5rem;min-width:1.8rem;font-size:.8rem}}@media(max-width:480px){.ranking-pagination{padding:.7rem;gap:.6rem}.pagination-btn{width:1.6rem;height:1.6rem;font-size:1rem}.pagination-info{font-size:.75rem;gap:.25rem}.pagination-info .page-number{padding:.2rem .4rem;min-width:1.5rem;font-size:.75rem}.pagination-info .pagination-ellipsis{font-size:.7rem}}.download-btn-standalone{background:linear-gradient(180deg,var(--color-button-bg-start) 0%,var(--color-button-bg-end) 100%);color:var(--color-button-text);border:1px solid var(--color-border-gold-bright);font-weight:700;font-size:1.15rem;padding:2.2rem 1rem;width:100%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #00000080,inset 0 1px #ffd76466,inset 0 -1px 2px #0000004d;text-transform:uppercase;letter-spacing:1.8px;font-family:var(--font-primary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.8rem;position:relative;overflow:hidden}.download-btn-standalone:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:1}.download-btn-standalone:hover:after{left:100%}.download-btn-standalone:before{content:"";width:2rem;height:2rem;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2.5"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:center}.download-btn-standalone:hover{background:linear-gradient(180deg,var(--color-button-hover-start) 0%,var(--color-button-hover-end) 100%);box-shadow:0 6px 16px #d4b89666,inset 0 1px #ffeb9680,inset 0 -1px 2px #0000004d;border-color:var(--color-border-gold-hover);color:#ffe7a0;transform:translateY(-2px)}.download-btn-standalone:active{transform:translateY(0);box-shadow:0 2px 4px #00000080,inset 0 1px #ffd7644d}.stats-module .module-header{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(60,40,20,.9) 0%,rgba(40,25,10,.7) 50%,transparent 100%);padding:1rem 0 1.5rem;margin-bottom:.5rem;position:relative}.stats-module .module-header h3{color:#d4b896;font-size:1.05rem;margin:0 0 .5rem;font-family:var(--font-primary);letter-spacing:1.2px;text-shadow:var(--shadow-text);text-align:center;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem}.mini-loading{display:inline-block;font-size:1rem;animation:spin 1s linear infinite;color:#d4b896;opacity:.8}.stats-module .header-underline,.trailer-module-header .header-underline{width:90%;height:3px;background:linear-gradient(90deg,transparent 0%,#654321 15%,#8B6914 35%,#B8860B 50%,#8B6914 65%,#654321 85%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #65432166,0 0 15px #8b691440;margin-top:.3rem}.refreshing-indicator{position:absolute;top:.8rem;right:1rem;font-size:1.2rem;color:#d4b896;animation:spin 1s linear infinite;opacity:.8}.download-btn-standalone:hover:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffe7a0" stroke-width="2.5"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>')}.stats-module{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);max-width:100%;width:100%;margin:0 auto 1.2rem;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;font-family:var(--font-primary);overflow:hidden}.stats-module h3{color:#d4b896;font-size:1.2rem;margin:0;font-family:var(--font-primary);letter-spacing:1.5px;text-shadow:var(--shadow-text);text-align:center;font-weight:700;text-transform:uppercase;flex:1}.stats-content{padding:1.2rem 1.5rem}.stats-content ul{list-style:none;padding:0;margin:0}.stats-content li{color:var(--color-text-secondary);font-size:1rem;margin-bottom:.75rem;padding:.75rem 1rem;background:var(--color-content-bg);border:1px solid var(--color-content-border);box-shadow:var(--shadow-input);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;animation:statItemIn .4s cubic-bezier(.22,1,.36,1) both}.stats-content li:nth-child(1){animation-delay:.02s}.stats-content li:nth-child(2){animation-delay:.06s}.stats-content li:nth-child(3){animation-delay:.1s}.stats-content li:nth-child(4){animation-delay:.14s}.stats-content li:nth-child(5){animation-delay:.18s}.stats-content li:nth-child(6){animation-delay:.22s}.stats-content li:nth-child(7){animation-delay:.26s}@keyframes statItemIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.stats-content li:hover{border-color:var(--color-border-gold);box-shadow:0 0 10px #d4af374d;transform:translate(3px)}.stats-content li strong{color:var(--color-border-gold-bright);font-size:1.25rem;font-weight:700;text-shadow:0 0 8px rgba(212,175,55,.5);letter-spacing:.5px;font-family:var(--font-primary)}@media(max-width:768px){.stats-module h3{font-size:1.1rem;padding:.8rem 1.2rem}.stats-content{padding:1.2rem;gap:1rem}.stats-item .label{font-size:.85rem}.stats-item .value{font-size:1.2rem}.download-section h4{font-size:1rem}.download-btn-standalone{padding:1.8rem .8rem;font-size:1.05rem}.download-btn-standalone:before{width:1.8rem;height:1.8rem}}@media(max-width:480px){.stats-module h3{font-size:1rem;padding:.7rem 1rem;letter-spacing:1px}.stats-content{padding:1rem;gap:.8rem}.stats-item{gap:.3rem}.stats-item .label{font-size:.8rem}.stats-item .value{font-size:1.1rem}.download-section h4{font-size:.95rem;margin-bottom:.6rem}.download-btn-standalone{padding:1.5rem .7rem;font-size:1rem;gap:.6rem}.download-btn-standalone:before{width:1.6rem;height:1.6rem}}.trailer-module{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);max-width:100%;width:100%;margin:0 auto 1.2rem;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;font-family:var(--font-primary);overflow:hidden}.trailer-module-header{background:linear-gradient(180deg,rgba(60,40,20,.9) 0%,rgba(40,25,10,.7) 50%,transparent 100%);padding:1rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.trailer-module-header h3{color:#d4b896;font-size:1.05rem;margin:0 0 .5rem;font-family:var(--font-primary);letter-spacing:1.2px;text-shadow:var(--shadow-text);text-align:center;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.trailer-btn{background:linear-gradient(180deg,#3c2814e6,#28190af2);color:#d4b896;border:1px solid rgba(100,70,40,.6);border-bottom:2px solid var(--color-border-separator);font-weight:700;font-size:.95rem;padding:1rem;width:100%;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.2px;font-family:var(--font-primary);display:flex;align-items:center;justify-content:center;gap:.6rem}.trailer-icon{width:1.2rem;height:1.2rem;object-fit:contain;transition:filter .2s;filter:brightness(.9)}.trailer-btn:hover{background:linear-gradient(180deg,#50371e,#3c2814);border-color:#966e3ccc;color:#ffe7a0}.trailer-btn:hover .trailer-icon{filter:brightness(1.2)}.trailer-thumbnail{position:relative;width:100%;cursor:pointer;overflow:hidden}.trailer-thumbnail img{width:100%;height:auto;display:block;transition:transform .3s}.trailer-thumbnail:hover img{transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background .3s}.trailer-thumbnail:hover .play-overlay{background:#00000080}.youtube-play-icon{width:80px;height:80px;object-fit:contain;transition:transform .3s,filter .3s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.trailer-thumbnail:hover .youtube-play-icon{transform:scale(1.15);filter:drop-shadow(0 6px 12px rgba(0,0,0,.7)) brightness(1.1)}.trailer-video{width:100%;aspect-ratio:16/9}.trailer-video iframe{width:100%;height:100%;display:block}@media(max-width:768px){.trailer-btn{font-size:.85rem;padding:.9rem}.trailer-icon{width:1rem;height:1rem}.youtube-play-icon{width:60px;height:60px}}@media(max-width:480px){.trailer-btn{font-size:.8rem;padding:.8rem}.youtube-play-icon{width:50px;height:50px}}.banners{width:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:1.2rem;background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);overflow:hidden}.banners h3{color:#d4b896;font-family:var(--font-primary);font-size:1.2rem;margin:0;padding:1rem 1.5rem;text-shadow:var(--shadow-text);text-align:center;letter-spacing:1.5px;background:linear-gradient(180deg,#3c2814e6,#28190af2);border-bottom:2px solid var(--color-border-separator);font-weight:700;text-transform:uppercase}.carousel-container{position:relative;width:100%;overflow:hidden}.carousel-content{position:relative;width:100%}.carousel-content img{width:100%;max-width:100%;height:auto;display:block;transition:opacity .3s ease}.carousel-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.85) 100%);padding:1.5rem 1.5rem 1rem;color:var(--color-text-primary)}.carousel-info h4{margin:0 0 .5rem;font-size:1.2rem;color:var(--color-gold-medium);font-family:var(--font-primary);text-shadow:var(--shadow-text);letter-spacing:1px}.carousel-info p{margin:0;font-size:.95rem;color:var(--color-text-secondary);line-height:1.4}.carousel-arrow{top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#3c281499,#28190ab3);color:#d4b896;border:1px solid rgba(100,70,40,.5);width:40px;height:40px;font-size:2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;z-index:10;line-height:1;padding:0;font-family:Arial,sans-serif;position:absolute;overflow:hidden;box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33,inset 0 -1px 2px #0000004d}.carousel-arrow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.15),transparent);transition:left .5s;z-index:0;pointer-events:none}.carousel-arrow:hover:before{left:100%}.carousel-arrow:hover{background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:#966e3cb3;color:#ffe7a0;box-shadow:0 4px 12px #d4b8964d,inset 0 1px #c8a0644d,inset 0 -1px 2px #0000004d}.carousel-arrow:active{box-shadow:0 2px 4px #0006,inset 0 1px #966e3c33}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-dots{display:flex;justify-content:center;gap:.6rem;padding:1rem 0;background:var(--color-background-dark)}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#ffb94a4d;border:1px solid var(--color-border-gold);cursor:pointer;transition:all .3s;padding:0}.carousel-dot:hover{background:#ffb94a80}.carousel-dot.active{background:var(--color-gold-medium);box-shadow:0 0 8px #ffb94a99;transform:scale(1.2)}.banner-video{transition:opacity .5s ease;opacity:0;border-radius:8px;transform:translateZ(0);will-change:opacity}.banner-video.active{opacity:1;z-index:1}@media(max-width:768px){.banners h3{font-size:1.1rem;padding:.8rem 1.2rem}.carousel-info h4{font-size:1.1rem}.carousel-info p{font-size:.85rem}.carousel-button{width:35px;height:35px;font-size:1.2rem}.carousel-button.prev{left:.5rem}.carousel-button.next{right:.5rem}.carousel-dots{bottom:.5rem;gap:.4rem}.carousel-dot{width:8px;height:8px}}@media(max-width:480px){.banners h3{font-size:1rem;padding:.7rem 1rem;letter-spacing:1px}.carousel-info{padding:.6rem .8rem}.carousel-info h4{font-size:1rem;margin-bottom:.2rem}.carousel-info p{font-size:.75rem}.carousel-button{width:30px;height:30px;font-size:1rem}.carousel-button.prev{left:.3rem}.carousel-button.next{right:.3rem}.carousel-dots{bottom:.3rem;gap:.3rem}.carousel-dot{width:6px;height:6px}}.news-module{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);max-width:100%;width:100%;margin:0 auto 1.2rem;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;font-family:var(--font-primary);overflow:hidden}.news-module .module-header{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(60,40,20,.9) 0%,rgba(40,25,10,.7) 50%,transparent 100%);padding:1rem 0 1.5rem;position:relative}.module-header-title-row{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.5rem}.news-module h3{color:#d4b896;font-size:1.05rem;margin:0;font-family:var(--font-primary);text-align:center;letter-spacing:1.2px;text-shadow:var(--shadow-text);font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.news-count-badge{background:linear-gradient(135deg,#b47832e6,#8c5a1ee6);color:var(--color-gold-light);font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;border:1px solid rgba(255,185,74,.4);letter-spacing:.5px;box-shadow:0 2px 4px #0006;min-width:1.4rem;text-align:center}.refreshing-indicator{position:absolute;top:.8rem;right:1rem;font-size:1.2rem;color:#d4b896;animation:newsSpin 1s linear infinite;opacity:.8}@keyframes newsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-blur{filter:blur(3px);pointer-events:none;opacity:.6;transition:filter .3s ease,opacity .3s ease}.news-content{padding:0}.news-list{display:flex;flex-direction:column;gap:0}.news-item{background:var(--color-content-bg);padding:0;margin:0;border-bottom:1px solid rgba(80,60,40,.25);transition:all .3s cubic-bezier(.4,0,.2,1);animation:newsItemFadeIn .4s ease both;position:relative;overflow:hidden}.news-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--color-border-gold-bright),transparent);opacity:0;transition:opacity .3s ease}.news-item:hover:before{opacity:1}@keyframes newsItemFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.news-item:last-child{border-bottom:none}.news-item.featured{background:linear-gradient(135deg,#28190c99,#190f08cc)}.news-item.featured:hover{background:linear-gradient(135deg,#32200fb3,#1e120ae6)}.news-item.compact{background:#0a060366}.news-item.compact:hover{background:#28190f80}.news-image{width:100%;position:relative;overflow:hidden;cursor:pointer;max-height:280px;padding:0 1rem;box-sizing:border-box}.news-image img{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1);object-fit:cover}.news-image:hover img{transform:scale(1.03)}.news-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000001a,#00000080);pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-start;padding:.8rem}.news-image-tag{background:linear-gradient(135deg,#b47832e6,#8c5a1ef2);color:var(--color-gold-light);font-size:.7rem;font-weight:700;padding:.3rem .7rem;border-radius:3px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:.3rem;box-shadow:0 2px 8px #00000080;border:1px solid rgba(255,185,74,.3)}.news-body{padding:1rem 1.3rem}.news-item.featured .news-body{padding:1.2rem 1.5rem}.news-item.compact .news-body{padding:.8rem 1.2rem}.news-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.4rem}.news-header-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.news-upload-btn{background:linear-gradient(180deg,#3c2814cc,#28190ae6);border:1px solid var(--color-border-gold);color:var(--color-gold-medium);padding:.35rem;cursor:pointer;font-size:.9rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem}.news-upload-btn:hover{background:linear-gradient(180deg,#50371ee6,#3c2814);border-color:var(--color-gold-light);transform:scale(1.08)}.news-item h4{color:var(--color-gold-medium);font-size:.95rem;margin:0;letter-spacing:.3px;flex:1;line-height:1.4;cursor:pointer;transition:color .2s ease}.news-item h4:hover{color:var(--color-gold-light)}.news-item.featured h4{font-size:1.15rem;color:var(--color-border-gold-bright);letter-spacing:.5px}.news-date{color:#d4b896b3;font-size:.72rem;font-style:normal;white-space:nowrap;display:flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:3px;background:#d4b8960f;border:1px solid rgba(212,184,150,.1);letter-spacing:.3px}.news-date svg{opacity:.6}.news-content-text{color:var(--color-text-secondary);font-size:.9rem;margin:.5rem 0 0;line-height:1.6;opacity:.85}.news-content-text.compact-text{font-size:.82rem;margin:.3rem 0 0;opacity:.6;line-height:1.4}.news-footer{display:flex;align-items:center;margin-top:.6rem}.news-item.compact .news-footer{margin-top:.4rem}.news-read-more{color:#d4b896cc;font-size:.78rem;padding:.35rem .7rem;cursor:pointer;font-family:var(--font-primary);text-decoration:none;transition:all .25s ease;display:inline-flex;align-items:center;gap:.3rem;background:#3c28144d;border:1px solid rgba(100,70,40,.3);text-transform:uppercase;letter-spacing:.8px;font-weight:600;position:relative}.news-read-more svg{transition:transform .25s ease;opacity:.7}.news-read-more:hover{color:var(--color-gold-light);background:#50371e80;border-color:#966e3c80}.news-read-more:hover svg{transform:translate(3px);opacity:1}.news-read-more.compact{padding:.3rem .6rem;font-size:.73rem}.news-loading,.news-empty{padding:2.5rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem;font-style:italic;display:flex;flex-direction:column;align-items:center;gap:.3rem;opacity:.7}.news-loading{animation:newsPulse 1.5s ease-in-out infinite}@keyframes newsPulse{0%,to{opacity:.6}50%{opacity:1}}.news-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;animation:newsModalFadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes newsModalFadeIn{0%{opacity:0}to{opacity:1}}.news-modal{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:0 8px 40px #000c,var(--shadow-inset-light);border:1px solid var(--color-border-gold);max-width:700px;width:90%;max-height:90vh;overflow-y:auto;color:#fff;font-family:var(--font-primary);position:relative;animation:newsModalSlideIn .25s cubic-bezier(.16,1,.3,1);border-radius:8px;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes newsModalSlideIn{0%{transform:translateY(-20px) translateZ(0) scale(.98);opacity:0}to{transform:translateY(0) translateZ(0) scale(1);opacity:1}}.news-modal-close{position:absolute;top:1rem;right:1rem;background:#00000080;border:1px solid var(--color-border-gold);color:var(--color-gold-medium);width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;z-index:1}.news-modal-close:hover{background:#000c;color:var(--color-gold-light);border-color:var(--color-gold-light);transform:rotate(90deg)}.news-modal-header{background:linear-gradient(180deg,#3c2814e6,#28190af2);border-bottom:2px solid var(--color-border-separator);padding:1.5rem 3.5rem 1.5rem 2rem;margin:0}.news-modal-header h2{color:#d4b896;font-size:1.4rem;font-family:var(--font-primary);letter-spacing:2px;text-shadow:var(--shadow-text);font-weight:700;text-transform:uppercase;text-align:center;margin:0}.news-modal-date{color:var(--color-border-gold);font-size:.9rem;font-style:italic;padding:1rem 2rem;background:#d4b8960d;border-bottom:1px solid rgba(212,184,150,.1);text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center}.news-modal-image{width:100%;padding:1.5rem 2rem;background:var(--color-content-bg)}.news-modal-image img{width:100%;height:auto;display:block;border-radius:4px;border:1px solid var(--color-border-gold);box-shadow:0 4px 12px #00000080}.news-modal-content{padding:2rem;color:var(--color-text-secondary);line-height:1.8;font-size:1rem}.news-modal-content p{margin:0 0 1rem}.news-modal-content p:last-child{margin-bottom:0}.news-upload-modal{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);border:1px solid var(--color-border-gold-bright);box-shadow:0 8px 32px #000c,inset 0 1px #ffeb961a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:newsModalSlideIn .2s ease}.news-upload-content{padding:2rem}.news-upload-content p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.95rem}.news-upload-description{margin-bottom:1.5rem;padding:1rem;background:#0003;border:1px solid var(--color-content-border);border-radius:4px;max-height:200px;overflow-y:auto}.news-upload-description p{color:var(--color-text-primary);line-height:1.6;font-size:.9rem;margin:0}.news-upload-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-gold),transparent);margin:1.5rem 0}.news-upload-name{color:var(--color-gold-light);font-weight:700;font-size:1rem;margin-bottom:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3c281466,#28190a99);border:1px solid var(--color-border-gold);border-left:4px solid var(--color-gold-light);border-radius:4px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:1px;box-shadow:0 2px 8px #0000004d,inset 0 1px #d4b8961a;position:relative;overflow:hidden}.news-upload-name:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-gold-light) 0%,transparent 100%);opacity:.5}.news-file-input-wrapper{display:flex;align-items:center;gap:1rem;width:100%;background:var(--color-content-bg);border:1px solid var(--color-border-gold);border-radius:0 0 4px 4px;padding:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.news-file-input-wrapper:hover{border-color:var(--color-gold-light);background:#3c281499}.news-file-button{background:linear-gradient(180deg,#3c2814cc,#28190ae6);border:1px solid var(--color-border-gold);color:var(--color-gold-medium);padding:.5rem 1rem;cursor:pointer;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;transition:all .2s;font-family:var(--font-primary);white-space:nowrap}.news-file-button:hover:not(:disabled){background:linear-gradient(180deg,#50371ee6,#3c2814);border-color:var(--color-gold-light);transform:scale(1.02)}.news-file-button:disabled{opacity:.5;cursor:not-allowed}.news-file-name{color:var(--color-text-secondary);font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-file-preview{background:#3c643c33;border:1px solid rgba(100,200,100,.3);padding:.8rem;border-radius:4px;margin-bottom:1rem}.news-file-preview p{color:#90ee90;margin:0;font-size:.9rem}.news-upload-error{background:#641e1e4d;border:1px solid rgba(200,50,50,.5);color:#ff6b6b;padding:.8rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.news-upload-actions{display:flex;gap:1rem;margin-top:1.5rem;width:100%}.news-upload-submit,.news-upload-cancel{flex:1;padding:.8rem 1.5rem;border:1px solid var(--color-border-gold);font-family:var(--font-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.news-upload-submit svg,.news-upload-cancel svg{flex-shrink:0}.news-upload-submit{background:linear-gradient(180deg,#287828d9,#145014f2);color:#dfd;border:1px solid rgba(60,180,60,.7);box-shadow:0 4px 8px #00000080,inset 0 1px #64ff644d,inset 0 -1px 2px #0006}.news-upload-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.news-upload-submit:hover:not(:disabled):before{left:100%}.news-upload-submit:hover:not(:disabled){background:linear-gradient(180deg,#328c32e6,#1e641e);border-color:#50dc50e6;transform:translateY(-2px);box-shadow:0 6px 16px #64ff6466,inset 0 1px #96ff9680}.news-upload-submit:disabled{opacity:.5;cursor:not-allowed}.news-upload-cancel{background:linear-gradient(180deg,#3c281499,#28190acc);color:var(--color-gold-medium);box-shadow:0 4px 8px #00000080,inset 0 1px #d4b8964d}.news-upload-cancel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.2),transparent);transition:left .5s}.news-upload-cancel:hover:not(:disabled):before{left:100%}.news-upload-cancel:hover:not(:disabled){background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 6px 16px #d4b8964d}.news-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;background:#0a060366;border-top:1px solid rgba(80,60,40,.25)}.news-pagination .pagination-btn{background:linear-gradient(180deg,#3c281499,#28190ab3);color:#d4b896;border:1px solid rgba(100,70,40,.5);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;font-size:1.2rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000004d}.news-pagination .pagination-btn:hover:not(:disabled){background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:#966e3cb3;color:#ffe7a0;transform:translateY(-1px)}.news-pagination .pagination-btn:disabled{opacity:.3;cursor:not-allowed}.news-pagination .pagination-info{display:flex;gap:.3rem;align-items:center}.news-pagination .page-number{background:linear-gradient(180deg,#3c281499,#28190ab3);color:#d4b896;border:1px solid rgba(100,70,40,.5);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;font-size:.85rem;font-weight:600;font-family:var(--font-primary)}.news-pagination .page-number:hover{background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:#966e3cb3;color:#ffe7a0;transform:translateY(-1px)}.news-pagination .page-number.active{background:linear-gradient(180deg,var(--color-button-bg-start) 0%,var(--color-button-bg-end) 100%);color:var(--color-button-text);border:1px solid var(--color-border-gold-bright);font-weight:700;box-shadow:0 3px 8px #00000080,inset 0 1px #ffd76466;transform:translateY(-1px)}.news-pagination .pagination-ellipsis{color:var(--color-text-secondary);padding:0 .3rem;font-size:.9rem}.news-module .header-underline,.events-module .header-underline{width:90%;height:3px;background:linear-gradient(90deg,transparent 0%,#654321 15%,#8B6914 35%,#B8860B 50%,#8B6914 65%,#654321 85%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #65432166,0 0 15px #8b691440;margin-top:.3rem}.module-header-actions{position:absolute;top:1rem;right:1.5rem;display:flex;align-items:center;gap:.8rem}.create-news-btn{background:linear-gradient(180deg,#287828d9,#145014f2);border:2px solid rgba(60,180,60,.7);color:#dfd;padding:.4rem .8rem;cursor:pointer;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.3rem;font-family:var(--font-primary);position:relative;overflow:hidden;box-shadow:0 3px 6px #0006,inset 0 1px #64ff644d}.create-news-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.create-news-btn:hover:before{left:100%}.create-news-btn:hover{background:linear-gradient(180deg,#328c32e6,#1e641e);border-color:#50dc50e6;color:#e8ffe8;transform:translateY(-1px);box-shadow:0 5px 12px #64ff644d}.news-create-modal{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);border:1px solid var(--color-border-gold-bright);box-shadow:0 8px 32px #000c,inset 0 1px #ffeb961a;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:newsModalSlideIn .2s ease}.news-create-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;box-sizing:border-box}.news-form-group{display:flex;flex-direction:column;gap:0;position:relative}.news-form-group label{color:var(--color-gold-medium);font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.3rem}.news-image-title{color:var(--color-gold-light);font-size:.75rem;font-weight:700;letter-spacing:1.2px;text-align:left;padding:.5rem .8rem;background:linear-gradient(135deg,#503c1e66,#3c281480);border:1px solid var(--color-border-gold);border-bottom:none;border-radius:4px 4px 0 0;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;box-shadow:inset 0 1px #d4b8961a;display:flex;align-items:center;gap:.5rem}.news-input{background:var(--color-content-bg);border:1px solid var(--color-border-gold);color:var(--color-text-primary);padding:.8rem .8rem .8rem 2.8rem;font-size:.95rem;font-family:var(--font-primary);border-radius:4px;transition:all .3s;box-shadow:var(--shadow-input);background-repeat:no-repeat;background-position:.8rem center;background-size:1.2rem;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23d4b896" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>')}.news-textarea{background:var(--color-content-bg);border:1px solid var(--color-border-gold);color:var(--color-text-primary);padding:.8rem;font-size:.95rem;font-family:var(--font-primary);border-radius:4px;transition:all .3s;box-shadow:var(--shadow-input)}.news-input:focus,.news-textarea:focus{outline:none;border-color:var(--color-border-gold-hover);box-shadow:var(--shadow-input),0 0 8px #ffb94a4d}.news-input::placeholder,.news-textarea::placeholder{color:#d4b89666}.news-textarea{resize:vertical;min-height:150px;line-height:1.6}.news-char-count{color:var(--color-text-secondary);font-size:.8rem;text-align:right;font-style:italic}.news-create-error{background:#641e1e4d;border:1px solid rgba(200,50,50,.5);color:#ff6b6b;padding:.8rem;border-radius:4px;text-align:center;font-size:.9rem}.news-create-actions{display:flex;gap:1rem;margin-top:0;width:100%}.news-create-submit,.news-create-cancel{flex:1;min-width:0;padding:1rem 1.5rem;border:1px solid var(--color-border-gold);font-family:var(--font-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.news-create-submit svg,.news-create-cancel svg{flex-shrink:0}.news-create-submit{background:linear-gradient(180deg,#287828d9,#145014f2);color:#dfd;border:1px solid rgba(60,180,60,.7);box-shadow:0 4px 8px #00000080,inset 0 1px #64ff644d}.news-create-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.news-create-submit:hover:not(:disabled):before{left:100%}.news-create-submit:hover:not(:disabled){background:linear-gradient(180deg,#328c32e6,#1e641e);border-color:#50dc50e6;transform:translateY(-2px);box-shadow:0 6px 16px #64ff6466}.news-create-submit:disabled{opacity:.5;cursor:not-allowed}.news-create-cancel{background:linear-gradient(180deg,#3c281499,#28190acc);color:var(--color-gold-medium);box-shadow:0 4px 8px #00000080,inset 0 1px #d4b8964d}.news-create-cancel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,184,150,.2),transparent);transition:left .5s}.news-create-cancel:hover:not(:disabled):before{left:100%}.news-create-cancel:hover:not(:disabled){background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 6px 16px #d4b8964d}.news-create-hint{background:#3c643c26;border:1px solid rgba(100,200,100,.3);border-radius:4px;padding:.8rem;text-align:center;margin-top:1rem}.news-create-hint small{color:#90ee90;font-size:.85rem;line-height:1.5}@media(max-width:768px){.news-module h3{font-size:1rem}.news-item.featured .news-body{padding:1rem 1.2rem}.news-item h4{font-size:.9rem}.news-item.featured h4{font-size:1.05rem}.news-content-text{font-size:.85rem}.news-header{flex-direction:column;gap:.3rem}.news-date{font-size:.68rem}.news-modal{max-width:95%;width:95%}.news-modal-header{padding:1.2rem 3rem 1.2rem 1.5rem}.news-modal-header h2{font-size:1.2rem;letter-spacing:1.5px}.news-modal-content{padding:1.5rem;font-size:.95rem}}@media(max-width:480px){.news-module h3{font-size:.95rem;letter-spacing:1px}.news-item.featured .news-body{padding:.8rem 1rem}.news-item.compact .news-body{padding:.6rem .8rem}.news-item h4{font-size:.85rem}.news-item.featured h4{font-size:.95rem}.news-content-text{font-size:.8rem;line-height:1.5}.news-date{font-size:.65rem}.news-read-more{font-size:.72rem;padding:.3rem .6rem}.news-loading,.news-empty{padding:1.5rem;font-size:.85rem}.news-modal-header{padding:1rem 2.5rem 1rem 1rem}.news-modal-header h2{font-size:1rem;letter-spacing:1px}.news-modal-content{padding:1rem;font-size:.9rem;line-height:1.6}.news-modal-close{width:28px;height:28px;font-size:1.1rem;top:.8rem;right:.8rem}.news-image{max-height:200px}}.events-module{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);box-shadow:var(--shadow-dark),var(--shadow-inset-light);border:1px solid var(--color-border-gold);max-width:100%;width:100%;margin:0 auto 1.2rem;color:#fff;font-family:var(--font-primary);box-sizing:border-box;overflow:hidden;padding-bottom:1rem}.events-module .module-header{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(60,40,20,.9) 0%,rgba(40,25,10,.7) 50%,transparent 100%);padding:1rem 0 1.5rem;position:relative}.events-module h3{color:#d4b896;font-size:1.05rem;margin:0 0 .5rem;font-family:var(--font-primary);text-align:center;letter-spacing:1.2px;text-shadow:var(--shadow-text);font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem}.events-module .header-underline{width:90%;height:3px;background:linear-gradient(90deg,transparent 0%,#654321 15%,#8B6914 35%,#B8860B 50%,#8B6914 65%,#654321 85%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #65432166,0 0 15px #8b691440;margin-top:.3rem}.events-active-counter{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;background:linear-gradient(90deg,transparent,rgba(76,175,80,.08),transparent);border-bottom:1px solid rgba(76,175,80,.15);font-size:.75rem;color:#81c784;letter-spacing:.5px;text-transform:uppercase;font-weight:600}.active-pulse-dot{width:6px;height:6px;border-radius:50%;background:#4caf50;box-shadow:0 0 6px #4caf50,0 0 12px #4caf5080;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.events-module .refreshing-indicator{position:absolute;top:.8rem;right:1rem;font-size:1.2rem;color:#d4b896;animation:spin 1s linear infinite;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.events-module .loading-blur{filter:blur(3px);pointer-events:none;opacity:.6;transition:filter .3s ease,opacity .3s ease}.events-content{padding:0 .6rem}.events-list{display:flex;flex-direction:column;gap:0}.event-item{display:flex;flex-direction:column;padding:0;background:var(--color-content-bg);border-bottom:1px solid rgba(80,60,40,.2);transition:background .3s ease,border-color .3s ease;position:relative;overflow:hidden}.event-item:last-child{border-bottom:none}.event-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;transition:background .3s ease,box-shadow .3s ease}.event-item.active:before{background:linear-gradient(180deg,#66bb6a,#388e3c);box-shadow:0 0 8px #4caf5066}.event-item.upcoming:before{background:linear-gradient(180deg,#ffb74d,#f57c00);box-shadow:0 0 8px #ff98004d}.event-item.ended:before{background:#444}.event-item.active{background:linear-gradient(135deg,rgba(40,80,40,.12) 0%,var(--color-content-bg) 100%)}.event-item.upcoming{background:linear-gradient(135deg,rgba(80,60,20,.1) 0%,var(--color-content-bg) 100%)}.event-item.ended{opacity:.5}.event-item:hover:not(.ended){background:linear-gradient(135deg,rgba(60,40,20,.25) 0%,var(--color-content-bg) 100%)}.event-main-row{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem .8rem 1.2rem}.event-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#0000004d;border:1px solid rgba(100,70,40,.3)}.event-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.event-name{color:var(--color-gold-medium);font-size:.9rem;font-weight:700;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-item.active .event-name{color:#a5d6a7}.event-time{display:flex;align-items:center;gap:.4rem;font-size:.78rem}.event-label{color:var(--color-text-secondary);opacity:.7}.event-countdown{color:#ffe7a0;font-weight:700;font-family:Courier New,monospace;font-size:.82rem;letter-spacing:.5px}.event-item.active .event-countdown{color:#c8e6c9}.event-active-badge{flex-shrink:0;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;padding:.2rem .5rem;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 4px #0000004d,0 0 8px #4caf5033;animation:badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 2px 4px #0000004d,0 0 8px #4caf5033}50%{box-shadow:0 2px 4px #0000004d,0 0 14px #4caf5066}}.event-upcoming-badge{flex-shrink:0;background:linear-gradient(135deg,#ff980033,#f57c0026);color:#ffb74d;padding:.2rem .5rem;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,152,0,.3)}.event-progress-bar{width:calc(100% - 1.2rem);height:2px;background:#0000004d;margin:0 .6rem .5rem;border-radius:1px;overflow:hidden}.event-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:1px;transition:width 1s linear;box-shadow:0 0 4px #4caf5080}.event-thumbnail{flex-shrink:0;width:54px;height:62px;border-radius:4px;overflow:hidden;border:1px solid rgba(100,70,40,.4);box-shadow:0 2px 6px #0006;display:flex;align-items:center;justify-content:center;background:#00000040}.event-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.events-loading,.events-empty{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem;font-style:italic}.events-loading{animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.events-module h3{font-size:1rem}.event-main-row{padding:.7rem .8rem .7rem 1rem;gap:.5rem}.event-name{font-size:.85rem}.event-time{font-size:.75rem}.event-active-badge,.event-upcoming-badge{font-size:.55rem;padding:.15rem .4rem}.event-icon{width:26px;height:26px}.event-icon svg{width:14px;height:14px}}@media(max-width:480px){.event-main-row{padding:.6rem .7rem .6rem .9rem}.event-name{font-size:.8rem}.event-time{font-size:.7rem;flex-direction:column;align-items:flex-start;gap:.1rem}}.footer{width:100%;padding:2rem 1rem;background:#00000080;border-top:2px solid var(--color-border-gold);display:flex;justify-content:center;align-items:center;margin-top:auto;position:relative;z-index:2}.footer-mobile{position:relative;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:600px}.footer-logo{width:150px;height:auto;opacity:.4;transition:opacity .3s}.footer-logo:hover{opacity:.6}.footer-text{text-align:center}.footer-text p{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:.85rem;margin:0;letter-spacing:.5px;opacity:.7}@media(max-width:768px){.footer{padding:1.5rem 1rem;margin-top:2rem}.footer-logo{width:120px}.footer-text p{font-size:.75rem}}@media(max-width:480px){.footer{padding:1rem .75rem;margin-top:1.5rem}.footer-logo{width:100px}.footer-text p{font-size:.7rem}}:root{--background-color: #160401}html,body{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box;background-color:var(--background-color)}*,*:before,*:after{box-sizing:border-box}.complete-background-image{position:absolute;top:0;left:0;width:100vw;height:auto;min-height:100vh;object-fit:cover;object-position:top left;z-index:0;margin:0;padding:0;pointer-events:none;max-height:2000px;animation:bgFadeIn 1.2s ease both}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}.video-gradient-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,rgba(22,4,1,.3) 0%,transparent 20%,transparent 70%);pointer-events:none;z-index:0}.background-content>*:not(.complete-background-image){position:relative;z-index:1}@media(max-width:768px){.complete-background-image{width:100vw;height:auto;object-fit:contain;object-position:top right;display:block;position:absolute;z-index:0;margin-top:5vh}.video-gradient-overlay{position:absolute;top:0;left:0;width:100vw;height:8vh;background:linear-gradient(to bottom,var(--background-color) 30%,transparent 100%);pointer-events:none}}.main-container{width:100%;min-height:100vh;position:relative;margin:0;padding:0;z-index:1;display:flex;flex-direction:column}.logo-container{width:100%;display:flex;justify-content:center;margin-top:200px;padding:0 1rem}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f0a05;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.loading-overlay.fade-out{opacity:0;pointer-events:none}.content-container{width:100%;margin-top:150px;display:flex;flex-direction:row;justify-content:center;padding:0;box-sizing:border-box;flex:1;animation:contentReveal .6s cubic-bezier(.22,1,.36,1) .15s both}.left-panel>*,.center-panel>*,.right-panel>*{content-visibility:auto;contain-intrinsic-size:420px}@keyframes contentReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.left-panel,.right-panel{width:340px;margin:0 20px}.center-panel{width:650px;max-width:650px;flex-shrink:0}@media(max-width:1400px){.content-container{flex-wrap:wrap;padding:0 1rem}.left-panel,.right-panel{width:300px;margin:0 10px}.center-panel{width:550px;max-width:550px}}@media(max-width:1200px){.logo-container{margin-top:150px}.content-container{margin-top:80px}.left-panel,.right-panel{width:280px}.center-panel{width:500px;max-width:500px}}@media(max-width:1024px){.background-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(to bottom,transparent 0%,rgba(10,8,7,.8) 60%,#0a0807 100%);pointer-events:none}.content-container{flex-direction:column;align-items:center;margin-top:60px}.logo-container{margin-top:120px}.left-panel,.center-panel,.right-panel{width:100%;max-width:600px;margin:0 auto}}@media(max-width:768px){html,body{background-color:var(--background-color)!important}.logo-container{margin-top:100px;padding:0 1rem}.content-container{margin-top:40px;padding:0 1rem;width:100%}.banner-logo{margin-top:30px}.left-panel,.center-panel,.right-panel{width:100%;max-width:100%;margin:0;padding:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:480px){.logo-container{margin-top:80px;padding:0 .75rem}.content-container{margin-top:50px;padding:0 .75rem;width:100%}.left-panel,.center-panel,.right-panel{width:100%;padding:0}.head-navbar{padding:.5rem;width:calc(100% - 1.5rem);margin:0 .75rem;left:0;top:.25rem;box-sizing:border-box;max-width:100vw;overflow-x:hidden}.mobile-menu{left:.25rem;right:.25rem;width:calc(100% - .5rem);top:3.5rem}}.reset-password-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(180deg,var(--color-background-dark) 0%,var(--color-background-medium) 100%)}.reset-password-card{background:linear-gradient(180deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);border:1px solid var(--color-border-gold-bright);box-shadow:0 8px 32px #000c,inset 0 1px #ffeb961a;max-width:500px;width:100%;border-radius:8px;overflow:hidden}.reset-password-header{background:linear-gradient(180deg,#3c2814e6,#28190af2);border-bottom:2px solid var(--color-border-separator);padding:2rem;text-align:center}.reset-password-header h1{color:#d4b896;font-size:1.6rem;font-family:var(--font-primary);letter-spacing:2px;text-shadow:var(--shadow-text);font-weight:700;text-transform:uppercase;margin:0 0 .5rem}.reset-subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0;line-height:1.4}.reset-password-form{padding:2rem;display:flex;flex-direction:column;gap:1rem}.reset-password-form input{width:100%;padding:.8rem 1rem;background:var(--color-content-bg);border:1px solid var(--color-border-gold);color:var(--color-text-primary);font-size:.95rem;font-family:var(--font-primary);transition:all .3s;box-sizing:border-box;border-radius:4px;box-shadow:var(--shadow-input)}.reset-password-form input:focus{outline:none;border-color:var(--color-gold-light);background:#3c281499;box-shadow:var(--shadow-input),0 0 8px #d4b8964d}.reset-password-form input::placeholder{color:#d4b89666}.reset-password-form input:disabled{opacity:.6;cursor:not-allowed}.reset-error{background:#641e1e4d;border:1px solid rgba(200,50,50,.5);color:#ff6b6b;padding:.8rem;border-radius:4px;font-size:.9rem;text-align:center}.reset-success{background:#3c643c4d;border:1px solid rgba(100,200,100,.5);color:#90ee90;padding:.8rem;border-radius:4px;font-size:.9rem;text-align:center}.reset-loading{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.reset-submit,.reset-back{padding:.8rem 1.5rem;border:1px solid var(--color-border-gold);font-family:var(--font-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s;font-size:.9rem;border-radius:4px;width:100%}.reset-submit{background:linear-gradient(180deg,#3c643c99,#285028cc);color:#90ee90}.reset-submit:hover:not(:disabled){background:linear-gradient(180deg,#507850cc,#3c643ce6);border-color:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 4px 12px #64c8644d}.reset-submit:disabled{opacity:.5;cursor:not-allowed}.reset-back{background:linear-gradient(180deg,#3c281499,#28190acc);color:var(--color-gold-medium);margin-top:.5rem}.reset-back:hover:not(:disabled){background:linear-gradient(180deg,#50371ecc,#3c2814e6);border-color:var(--color-gold-light);transform:translateY(-2px)}.reset-back:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.reset-password-container,.reset-password-header{padding:1.5rem}.reset-password-header h1{font-size:1.4rem;letter-spacing:1.5px}.reset-password-form{padding:1.5rem}}@media(max-width:480px){.reset-password-container{padding:1rem}.reset-password-header{padding:1.2rem}.reset-password-header h1{font-size:1.2rem;letter-spacing:1px}.reset-subtitle{font-size:.85rem}.reset-password-form{padding:1rem}}:root{--color-background-dark: rgba(15, 10, 5, .98);--color-background-medium: rgba(25, 15, 8, .98);--color-background-light: rgba(40, 25, 12, .95);--color-header-dark: rgba(40, 25, 12, .95);--color-header-light: rgba(60, 40, 20, .95);--color-input-bg: rgba(10, 6, 3, .9);--color-input-border: rgba(80, 60, 40, .5);--color-content-bg: rgba(10, 6, 3, .6);--color-content-border: rgba(80, 60, 40, .4);--color-gold-light: #ffe7a0;--color-gold-medium: #ffb94a;--color-gold-dark: #ff7a00;--color-text-primary: #ffe7a0;--color-text-secondary: #d4b896;--color-text-muted: rgba(212, 184, 150, .5);--color-border-gold: rgba(255, 185, 74, .4);--color-border-gold-hover: rgba(255, 185, 74, .7);--color-border-gold-bright: rgba(255, 185, 74, .5);--color-border-separator: rgba(255, 185, 74, .3);--color-button-bg-start: rgba(180, 120, 50, .95);--color-button-bg-end: rgba(140, 90, 30, .95);--color-button-hover-start: rgba(200, 140, 60, .95);--color-button-hover-end: rgba(160, 110, 40, .95);--color-button-text: #ffe7a0;--color-button-secondary-start: rgba(150, 80, 30, .95);--color-button-secondary-end: rgba(110, 60, 20, .95);--color-button-secondary-hover-start: rgba(170, 100, 40, .95);--color-button-secondary-hover-end: rgba(130, 80, 30, .95);--shadow-dark: 0 4px 20px rgba(0, 0, 0, .8);--shadow-inset-light: inset 0 1px 0 rgba(255, 185, 74, .1);--shadow-inset-gold: inset 0 1px 0 rgba(255, 230, 160, .3);--shadow-input: inset 0 2px 6px rgba(0, 0, 0, .6);--shadow-button: 0 3px 8px rgba(0, 0, 0, .5);--shadow-button-hover: 0 4px 12px rgba(255, 185, 74, .4);--shadow-text: 0 2px 4px rgba(0, 0, 0, .8);--font-primary: "Cinzel", "Noto Serif JP", serif}body{margin:0;padding:0}@keyframes subtleFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmerGold{0%{background-position:-200% center}to{background-position:200% center}}.left-panel>*{animation:subtleFadeInUp .5s cubic-bezier(.22,1,.36,1) both}.left-panel>*:nth-child(1){animation-delay:.05s}.left-panel>*:nth-child(2){animation-delay:.12s}.left-panel>*:nth-child(3){animation-delay:.19s}.left-panel>*:nth-child(4){animation-delay:.26s}.center-panel>*{animation:subtleFadeInUp .5s cubic-bezier(.22,1,.36,1) both}.center-panel>*:nth-child(1){animation-delay:.08s}.center-panel>*:nth-child(2){animation-delay:.16s}.center-panel>*:nth-child(3){animation-delay:.24s}.right-panel>*{animation:subtleFadeInUp .5s cubic-bezier(.22,1,.36,1) both}.right-panel>*:nth-child(1){animation-delay:.1s}.right-panel>*:nth-child(2){animation-delay:.2s}.login-panel,.account-module,.stats-module,.events-module,.news-module,.banners,.trailer-module{transition:border-color .4s ease,box-shadow .4s ease}.login-panel:hover,.account-module:hover,.stats-module:hover,.events-module:hover,.news-module:hover,.banners:hover,.trailer-module:hover{border-color:#ffb94a80;box-shadow:0 4px 20px #000c,inset 0 1px #ffb94a26,0 0 20px #ffb94a0f}.header-underline{position:relative;overflow:hidden}.header-underline:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,220,150,.6),transparent);animation:none;transition:none}@keyframes headerShimmer{0%{left:-100%}to{left:200%}}.logo-container{animation:subtleFadeIn .8s ease .1s both}.head-navbar{animation:subtleFadeInDown .4s cubic-bezier(.22,1,.36,1) both}@keyframes subtleFadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.head-navbar{animation:subtleFadeInDownMobile .4s cubic-bezier(.22,1,.36,1) both}@keyframes subtleFadeInDownMobile{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.footer{animation:subtleFadeIn .6s ease .3s both}