/* EVANES cinematic authentication gate */
.battle-auth{position:relative;display:block;min-height:100svh;padding:0;overflow:hidden;background:#030407;color:#f8f6f2}
.auth-scene,.auth-scene-image,.auth-scene-color{position:fixed;inset:0}.auth-scene{z-index:0;overflow:hidden;pointer-events:none}.auth-scene-image{background:url('/assets/war-banner-template.png') center/cover no-repeat;filter:brightness(.42) saturate(1.12) contrast(1.08);transform:scale(1.04);animation:auth-camera-drift 16s ease-in-out infinite alternate}.auth-scene-color{background:linear-gradient(90deg,#08070be8 0%,#10080cad 28%,#080a1294 63%,#040609eb 100%),radial-gradient(circle at 28% 52%,#ff263e42,transparent 32%),radial-gradient(circle at 72% 45%,#614bff4a,transparent 35%);mix-blend-mode:screen;animation:auth-color-breathe 4.4s ease-in-out infinite alternate}.auth-scene:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,transparent 25%,#020306e8 90%);opacity:.72}
.auth-lightning{position:absolute;top:-20%;bottom:-20%;width:4px;filter:blur(1px);opacity:.68;transform:rotate(18deg);animation:auth-lightning 4.8s ease-in-out infinite}.auth-lightning:before,.auth-lightning:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,currentColor 25%,#fff 51%,currentColor 72%,transparent);box-shadow:0 0 12px currentColor,0 0 32px currentColor,0 0 80px currentColor}.auth-lightning-red{left:31%;color:#ff314f}.auth-lightning-blue{right:31%;color:#6b63ff;transform:rotate(-17deg);animation-delay:-2.35s}
.auth-fog{position:absolute;width:75vw;height:22vh;bottom:-5%;border-radius:50%;filter:blur(55px);opacity:.2;background:#b9c2ff;animation:auth-fog 10s ease-in-out infinite alternate}.auth-fog-a{left:-20%}.auth-fog-b{right:-25%;animation-delay:-5s}.auth-embers i{position:absolute;bottom:-30px;width:4px;height:4px;border-radius:50%;background:#ffb061;box-shadow:0 0 8px #ff6048,0 0 18px #ff3d46;animation:auth-ember 6s linear infinite}.auth-embers i:nth-child(1){left:8%;animation-delay:-1s}.auth-embers i:nth-child(2){left:19%;animation-delay:-4s}.auth-embers i:nth-child(3){left:34%;animation-delay:-2.5s}.auth-embers i:nth-child(4){left:46%;animation-delay:-5.4s}.auth-embers i:nth-child(5){left:59%;animation-delay:-.3s}.auth-embers i:nth-child(6){left:72%;animation-delay:-3.2s}.auth-embers i:nth-child(7){left:84%;animation-delay:-1.8s}.auth-embers i:nth-child(8){left:94%;animation-delay:-4.7s}
.auth-back{position:fixed;z-index:20;left:30px;top:26px;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #ffffff20;border-radius:13px;background:#090b10a6;box-shadow:0 12px 35px #0008,inset 0 1px #ffffff1b;backdrop-filter:blur(18px);color:#c9cbd4;font-size:10px;font-weight:900;letter-spacing:.14em;transition:.3s}.auth-back span{font-size:17px;color:#ff6c7f}.auth-back:hover{color:#fff;border-color:#ff71876b;transform:translateY(-2px);box-shadow:0 15px 42px #000a,0 0 28px #ff405f21}
.auth-stage{position:relative;z-index:3;width:min(1180px,calc(100% - 48px));min-height:100svh;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:0;padding:90px 0 48px}.auth-war-panel,.auth-glass{position:relative;min-height:650px;border:1px solid #ffffff24;overflow:hidden;backdrop-filter:blur(18px) saturate(135%)}.auth-war-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,76px);border-radius:30px 0 0 30px;background:linear-gradient(145deg,#1a090ca8,#070a12a3);box-shadow:0 42px 120px #000c,inset 0 1px #ffffff26,inset 30px 0 90px #ff253817}.auth-glass{width:100%;padding:clamp(32px,4.2vw,58px);border-left:0;border-radius:0 30px 30px 0;background:linear-gradient(145deg,#151927de,#080b13ea);box-shadow:0 42px 120px #000c,0 0 58px #5f55ff20,inset 0 1px #ffffff2e,inset -24px 0 74px #5362ff10}.auth-war-panel:before,.auth-glass:before{content:"";position:absolute;z-index:1;inset:-1px;padding:1px;border-radius:inherit;background:conic-gradient(from var(--login-angle),#ff354f,#ff7a8c,transparent 26%,#6570ff,#56d9ff,transparent 72%,#ff354f);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.62;animation:auth-border 5.5s linear infinite;pointer-events:none}.auth-glass:before{background:conic-gradient(from var(--login-angle),#6570ff,#54ddff,transparent 30%,#ff4f78,transparent 72%,#6570ff)}.auth-panel-sweep{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.auth-panel-sweep:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-35%;width:26%;background:linear-gradient(90deg,transparent,#ffffff0a,#ffffff86,#ffffff0c,transparent);filter:blur(7px);animation:auth-panel-sweep 5s ease-in-out infinite}
.auth-war-panel>*:not(.auth-panel-sweep),.auth-card>*:not(.auth-panel-sweep){position:relative;z-index:2}.auth-war-mark{position:relative;display:grid;width:90px;height:90px;place-items:center;margin-bottom:28px;border:1px solid #ff718c87;border-radius:27px;background:linear-gradient(145deg,#682433aa,#15172ed6);box-shadow:0 0 0 8px #ff40500a,0 0 52px #ff314d46,inset 0 1px #ffffff65;color:#fff;font:700 42px Georgia}.auth-war-mark i{position:absolute;inset:-2px;border:1px solid #ff5d76;border-radius:29px;opacity:0;animation:auth-mark-wave 2.8s ease-out infinite}.auth-war-mark i:last-child{animation-delay:1.4s}.auth-war-panel>p,.auth-kicker{margin:0;color:#ff788c;font-size:10px;font-weight:900;letter-spacing:.26em}.auth-war-panel h1{max-width:610px;margin:16px 0 24px;color:#fff;font:500 clamp(48px,5.3vw,78px)/.98 Georgia;letter-spacing:-.045em;text-shadow:0 8px 42px #000}.auth-war-panel h1 em{color:#cfd0db;font-weight:400}.auth-energy-line{position:relative;width:min(350px,78%);height:2px;margin:8px 0 27px;background:linear-gradient(90deg,#ff3553,#fff,#6b5dff,transparent);box-shadow:0 0 16px #ff405c}.auth-energy-line i{position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 24px #ff435b;animation:auth-energy-run 2.8s ease-in-out infinite}.auth-war-panel blockquote{max-width:440px;margin:0;color:#c2c2cb;font:italic 20px/1.55 Georgia}.auth-live{display:flex;align-items:center;gap:8px;margin-top:40px;color:#8f949f;font-size:9px;font-weight:900;letter-spacing:.16em}.auth-live i{width:7px;height:7px;border-radius:50%;background:#54e8bb;box-shadow:0 0 14px #54e8bb;animation:auth-live 1.5s ease-in-out infinite}
.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:54px}.auth-brand .brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#47273c,#19233f);box-shadow:0 0 32px #8a5fff38,inset 0 1px #ffffff5c;font:700 22px Georgia}.auth-brand b{display:block;font-size:14px;letter-spacing:.19em}.auth-brand small{display:block;margin-top:5px;color:#767d91;font-size:8px;letter-spacing:.27em}.auth-card h2{margin:13px 0 12px;color:#fff;font:500 clamp(38px,4vw,54px)/1 Georgia;letter-spacing:-.035em}.auth-copy{margin:0 0 30px;color:#9ba2b1;font-size:14px;line-height:1.7}.auth-field{position:relative;margin-top:18px}.auth-field label{color:#c7cad5;font-size:11px;font-weight:800;letter-spacing:.06em}.auth-field input{height:56px;padding:0 16px 0 47px;border:1px solid #ffffff1c;border-radius:15px;background:linear-gradient(145deg,#070a12d9,#0e1320d1);box-shadow:inset 0 1px #ffffff10;color:#fff;transition:.3s}.auth-field input::placeholder{color:#555c6c}.auth-field input:focus{border-color:#6fd9ff8f;box-shadow:0 0 0 4px #55bfff0c,0 0 28px #536cff25,inset 0 1px #ffffff22}.field-icon{position:absolute;z-index:2;left:17px;bottom:18px;color:#7bdfff;font-size:13px;text-shadow:0 0 12px #55dfff}.auth-submit{position:relative;width:100%;height:58px;margin-top:25px;display:flex;align-items:center;justify-content:center;gap:15px;overflow:hidden;border:1px solid #ffffff3e;border-radius:16px;background:linear-gradient(110deg,#bf2f55,#7448e5 58%,#337fe5);box-shadow:0 16px 42px #0008,0 0 35px #754dff3c,inset 0 1px #ffffff61;color:#fff;font-weight:900;cursor:pointer;transition:.35s}.auth-submit span,.auth-submit b{position:relative;z-index:2}.auth-submit b{font-size:20px}.auth-submit i{position:absolute;top:-30%;bottom:-30%;left:-40%;width:32%;background:linear-gradient(90deg,transparent,#fff,transparent);filter:blur(5px);animation:auth-submit-sweep 2.9s ease-in-out infinite}.auth-submit:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.13);box-shadow:0 22px 52px #0009,0 0 48px #6b5cff61,inset 0 1px #fff}.auth-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:#6f7687;font-size:10px}.auth-security span{color:#55dfff}.battle-auth .msg{font-size:12px;text-align:center}.battle-auth .hide{display:none!important}
@property --login-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes auth-border{to{--login-angle:360deg}}@keyframes auth-camera-drift{from{transform:scale(1.04) translate3d(-.5%,0,0)}to{transform:scale(1.1) translate3d(1.5%,-1%,0)}}@keyframes auth-color-breathe{from{opacity:.66;filter:saturate(.9)}to{opacity:1;filter:saturate(1.35)}}@keyframes auth-lightning{0%,36%,44%,100%{opacity:.08}39%{opacity:.76}41%{opacity:.22}43%{opacity:.58}}@keyframes auth-fog{to{transform:translate3d(16%,0,0) scale(1.16);opacity:.3}}@keyframes auth-ember{0%{transform:translate3d(0,0,0) scale(.55);opacity:0}12%{opacity:1}100%{transform:translate3d(55px,-105vh,0) scale(1.3);opacity:0}}@keyframes auth-panel-sweep{0%,55%{transform:translateX(0);opacity:0}66%{opacity:.7}82%,100%{transform:translateX(560%);opacity:0}}@keyframes auth-mark-wave{0%{transform:scale(.82);opacity:0}16%{opacity:.75}100%{transform:scale(1.72);opacity:0}}@keyframes auth-energy-run{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}@keyframes auth-live{50%{opacity:.38;transform:scale(.74)}}@keyframes auth-submit-sweep{0%,35%{transform:translateX(0);opacity:0}48%{opacity:.8}72%,100%{transform:translateX(500%);opacity:0}}
@media(max-width:900px){.battle-auth{overflow:auto}.auth-stage{grid-template-columns:1fr;width:min(620px,calc(100% - 30px));padding:90px 0 35px}.auth-war-panel{min-height:360px;padding:50px 38px;border-radius:26px 26px 0 0}.auth-glass{min-height:auto;border-left:1px solid #ffffff24;border-top:0;border-radius:0 0 26px 26px}.auth-war-panel h1{font-size:52px}.auth-war-panel blockquote{font-size:17px}.auth-brand{margin-bottom:36px}}
@media(max-width:520px){.auth-back{left:15px;top:14px}.auth-stage{width:calc(100% - 20px);padding-top:74px}.auth-war-panel{min-height:300px;padding:35px 24px}.auth-war-mark{width:66px;height:66px;border-radius:21px;font-size:31px;margin-bottom:20px}.auth-war-panel h1{font-size:42px}.auth-war-panel blockquote{display:none}.auth-live{margin-top:24px}.auth-glass{padding:30px 22px}.auth-card h2{font-size:38px}.auth-brand{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.auth-scene-image,.auth-scene-color,.auth-lightning,.auth-fog,.auth-embers i,.auth-war-mark i,.auth-energy-line i,.auth-live i,.auth-panel-sweep:after,.auth-submit i,.auth-war-panel:before,.auth-glass:before{animation:none!important}}