/* TORNEOS JS - ARENA 2026. Diseño de acceso de alto contraste. */
body.js-auth-required{background:#070a12;min-height:100svh}
body.js-auth-required:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 68% 42% at 50% 0%,#bc29524a,transparent 80%),radial-gradient(ellipse 65% 40% at 98% 65%,#1d416155,transparent 80%),radial-gradient(ellipse 52% 38% at 0% 85%,#83314a45,transparent 85%),#070a12}
body.js-auth-required #js-account-view{width:min(calc(100% - 28px),970px);margin:0 auto 40px;padding:0 0 20px;background:none;border:0;box-shadow:none;isolation:isolate;position:relative}
body.js-auth-required #js-account-view:before{content:"";position:absolute;z-index:-1;top:0;left:-12px;right:-12px;height:500px;background:repeating-linear-gradient(90deg,transparent 0 50px,#ff597d0d 51px 52px),repeating-linear-gradient(0deg,transparent 0 50px,#ff597d0d 51px 52px);mask-image:linear-gradient(#0005,transparent 92%);pointer-events:none}
body.js-auth-required #js-auth-welcome{display:block;text-align:center;margin:0 auto;padding:22px 8px 2px;max-width:590px}
.js-arena-eyebrow{display:flex;gap:8px;align-items:center;justify-content:center;font-size:9px;font-weight:900;letter-spacing:2px;color:#acb8ca}
.js-arena-eyebrow i{width:7px;height:7px;border-radius:100%;background:#ff526f;box-shadow:0 0 12px #ff526f}
.js-arena-eyebrow span{color:#fa9eb2}
.js-arena-crest{position:relative;display:grid;place-items:center;width:112px;height:118px;margin:16px auto 0;filter:drop-shadow(0 14px 26px #cc23545e)}
.js-arena-shield{width:93px;height:104px;display:grid;place-items:center;clip-path:polygon(50% 0%,91% 13%,87% 74%,50% 100%,13% 74%,9% 13%);background:linear-gradient(125deg,#ffa8b7,#d94165 26%,#841c40 67%,#261424);font-size:40px;font-weight:1000;letter-spacing:-4px;color:#fff;text-shadow:0 3px 12px #000a;box-shadow:inset 0 0 25px #fff5}
.js-arena-crest b{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);font-size:17px;color:#ffdfab;text-shadow:0 0 13px #ffc878}
body.js-auth-required #js-auth-welcome .js-welcome-kicker{font-size:9px;letter-spacing:2px;color:#e0abbe;font-weight:900;margin-top:8px}
body.js-auth-required #js-auth-welcome h1{font-size:clamp(38px,9vw,58px);font-weight:1000;letter-spacing:-2px;line-height:1.03;margin:11px 0 6px;text-shadow:0 5px 20px #0007}
body.js-auth-required #js-auth-welcome h1 em{font-style:normal;color:#ff6b8d;background:linear-gradient(90deg,#ffb5c0,#f75477,#d62c5a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.js-auth-required #js-auth-welcome p{max-width:370px;margin:12px auto 0;color:#b0bdd2;font-size:12px;line-height:1.6}
.js-arena-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:17px auto 2px}
.js-arena-tags span{border:1px solid #495068;background:#141d30bd;border-radius:50px;font-size:9px;color:#d0d9e9;font-weight:900;letter-spacing:.35px;padding:6px 10px}
body.js-auth-required #js-account-guest.js-arena-panel{width:min(100%,432px);margin:19px auto 0;padding:20px;background:linear-gradient(145deg,#19233a,#0d1525);border:1px solid #68445c;border-top-color:#d76c87;border-radius:20px;box-shadow:0 19px 60px #0009,inset 0 1px #ffffff16;position:relative}
.js-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:12px;background:#0a1020;border:1px solid #3a4860}
.js-auth-tab{min-height:41px;border:0;border-radius:9px;background:transparent;color:#a6b7cf;font-size:11px;font-weight:900;letter-spacing:.4px}
.js-auth-tab.active{background:linear-gradient(115deg,#ed5776,#b33256);color:white;box-shadow:0 4px 12px #e64c6850}
body.js-auth-required #js-account-guest .js-auth-head{margin:17px 0 2px;color:white;text-align:center;font-size:14px;letter-spacing:1px;font-weight:1000}
body.js-auth-required #js-account-guest .js-auth-description{color:#96a9c5;text-align:center;font-size:11px;margin:1px 0 17px}
.js-auth-google{display:flex;gap:13px;align-items:center;justify-content:center;width:100%;min-height:51px;background:#f5f5f8;border:1px solid #dce1e9;border-radius:12px;color:#242b38;font-size:13px;font-weight:900;box-shadow:0 6px 20px #0003}
.js-google-mark{font-size:21px;font-weight:1000;color:#4285f4}
.js-auth-google span:last-child{margin-left:auto;margin-right:11px;font-size:19px;color:#677488}
.js-auth-google .js-google-mark{margin-left:auto}
.js-auth-separator{display:flex;align-items:center;gap:12px;color:#91a0b9;letter-spacing:1.1px;font-size:9px;font-weight:850;white-space:nowrap;margin:17px 0 11px}
.js-auth-separator:before,.js-auth-separator:after{content:"";flex:1;height:1px;background:#3b475c}
body.js-auth-required #js-account-guest #js-auth-form label{display:block;margin:12px 0 7px;color:#c5d1e2;font-size:10px;font-weight:900;letter-spacing:.9px}
.js-auth-input{display:flex;align-items:center;gap:11px;background:#0c1424;border:1px solid #3b4b63;padding:0 13px;border-radius:12px;min-height:49px;transition:border-color .15s}
.js-auth-input:focus-within{border-color:#f16484;box-shadow:0 0 0 3px #f164841e}
.js-auth-input>span{font-size:16px;color:#a1afc4}
body.js-auth-required #js-account-guest .js-auth-input input{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;flex:1;min-width:0;height:48px;padding:0!important;font-size:14px}
.js-auth-input button{background:transparent;color:#b4c0d0;border:0;font-size:19px;padding:7px}
.js-auth-help{display:flex;justify-content:space-between;gap:7px;align-items:center;min-height:32px}
.js-auth-help small{color:#adbed3;font-size:10px}
.js-auth-help button{margin-left:auto;border:0;background:none;color:#f6a1b3;font-size:11px;font-weight:750;padding:5px 0}
.js-auth-submit{margin:8px 0 0;width:100%;min-height:51px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #fe829a;border-radius:12px;background:linear-gradient(112deg,#ef5c79,#bf2d56);color:white;font-size:13px;font-weight:1000;letter-spacing:.4px;box-shadow:0 9px 25px #d32b5640;transition:transform .15s}
.js-auth-submit span{font-size:19px}
.js-auth-submit:active,.js-auth-google:active{transform:scale(.985)}
.js-auth-status{border:0;background:transparent;font-size:11px;text-align:center;padding:0;margin:0;min-height:0}
.js-auth-status:empty{display:none}
.js-auth-status.good,.js-auth-status.warn{padding:10px;margin-top:12px;background:#121a2b;border:1px solid}
.js-auth-bottom{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin-top:17px;padding-top:13px;border-top:1px solid #ffffff13;color:#9fafc5;font-size:11px}
.js-auth-bottom button{border:0;background:none;color:#ff9bb2;font-weight:900;font-size:11px;padding:5px}
.js-arena-foot{display:none}
body.js-auth-required .js-arena-foot{display:block;color:#7486a1;font-size:9px;letter-spacing:1.2px;font-weight:900;text-align:center;margin:18px 0 2px}
@media(min-width:780px){
body.js-auth-required #js-account-view{display:grid!important;grid-template-columns:minmax(0,1fr) 430px;gap:28px;align-items:center;min-height:calc(100svh - 10px);padding:20px 35px}
body.js-auth-required #js-auth-welcome{grid-column:1;grid-row:1}
body.js-auth-required #js-account-guest.js-arena-panel{grid-column:2;grid-row:1}
body.js-auth-required .js-arena-foot{grid-column:1/-1;grid-row:2}
body.js-auth-required #js-auth-welcome h1{font-size:clamp(51px,5vw,76px)}
}
@media(max-width:380px){body.js-auth-required #js-account-guest.js-arena-panel{padding:14px}body.js-auth-required #js-auth-welcome h1{font-size:37px}.js-arena-tags{gap:4px}.js-arena-tags span{padding:5px 7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.js-auth-submit,.js-auth-input{transition:none}}