:root{color-scheme:dark;--bg:#080d17;--panel:#101925;--border:#293446;--text:#f5f6fb;--muted:#aebbd1;--purple:#885cff;--blue:#639bff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:82px;display:flex;align-items:center;gap:48px;padding:0 4%;border-bottom:1px solid var(--border);background:#080d17;position:relative;z-index:5}.logo{width:125px;display:block}nav{display:flex;gap:32px;height:100%;align-items:center}nav a{font-size:14px;font-weight:700;height:100%;display:flex;align-items:center;position:relative}nav a.active{color:#aa95ff}nav a.active:after{content:'';height:2px;background:#9471ff;position:absolute;bottom:0;left:0;right:0}.header-actions{margin-left:auto;display:flex;gap:12px}.primary,.outline{border-radius:7px;padding:13px 22px;font-weight:700;font-size:14px;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;min-height:48px}.primary{background:linear-gradient(110deg,var(--purple),var(--blue));color:#fff;box-shadow:0 6px 24px #705bff23}.outline{background:#101623;color:#fff;border-color:#56627a}.primary:hover{filter:brightness(1.14)}.outline:hover{border-color:#b5a2ff}.hero{min-height:580px;position:relative;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid var(--border)}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#080d17 0%,#080d17ed 21%,#080d177a 49%,#080d1705 75%),linear-gradient(0deg,#080d17 0%,transparent 30%),url('hero.webp') center 45%/cover}.hero-content{position:relative;padding:55px 4% 70px;width:62%;max-width:850px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:#a5b8e5;margin:0 0 22px}h1{font-size:clamp(86px,8.8vw,140px);line-height:1;letter-spacing:-7px;margin:0 0 19px;font-weight:900;background:linear-gradient(105deg,#fff 20%,#dce5ff 43%,#628fea 65%,#9370d9 90%);background-clip:text;color:transparent;width:fit-content}h2{font-size:30px;line-height:1.25;letter-spacing:-.6px;margin:0 0 18px}.hero h2{font-size:clamp(26px,2.6vw,39px)}p{margin:0 0 18px}.intro{max-width:510px;color:#c3cee3;font-size:17px}.hero-buttons{display:flex;gap:12px;margin-top:28px}.hero-meta{display:flex;gap:24px;color:#a3aec5;font-size:13px;margin-top:26px}.hero-meta span+span{border-left:1px solid #435069;padding-left:24px}.hero-label{position:absolute;right:4%;bottom:36px;border-left:2px solid #8c72ff;padding:5px 20px;background:#07102072;backdrop-filter:blur(10px)}.hero-label span{font-size:11px;letter-spacing:2px;color:#b8c3e4;display:block}.hero-label strong{font-size:21px}.hero-label p{margin:4px 0 0;color:#c5cce0;font-size:14px}.container{max-width:1440px;margin:auto;padding:32px 4% 0}.welcome{padding:27px 30px;background:linear-gradient(115deg,#121d2c,#0e1620);border:1px solid var(--border);border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:30px}.welcome .eyebrow{margin-bottom:8px;font-size:11px}.welcome h2{font-size:22px;margin-bottom:9px}.welcome p:last-child{margin:0;color:var(--muted)}.text-link{font-size:14px;white-space:nowrap;font-weight:700;color:#ac9bff}.events{padding:65px 0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-top .eyebrow{margin-bottom:10px}.section-top h2{margin:0}.filters{display:flex;gap:6px}.filters button{font-size:14px;padding:8px 17px;border:1px solid transparent;border-radius:5px;background:transparent;color:#aebbd1}.filters .selected{background:#1b2237;border-color:#45446c;color:#d6cfff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#101824;border:1px solid #2a3445;border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#71628f}.card-art{height:170px;position:relative;background:url('hero.webp') 68% 50%/cover}.card:nth-child(2) .card-art{background-position:95% 40%;filter:hue-rotate(17deg)}.card:nth-child(3) .card-art{background-position:30% 70%;filter:hue-rotate(-25deg)}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101824,transparent 85%)}.badge{position:absolute;z-index:1;top:16px;left:17px;background:#181632e6;border:1px solid #8070c0;color:#d6ccff;border-radius:5px;padding:3px 10px;font-size:12px;font-weight:700}.card-body{padding:6px 22px 22px}.card-body h3{font-size:23px;line-height:1.25;margin:0 0 12px}.card-body p{font-size:14px;color:#aebbd1;min-height:45px}.details{display:flex;flex-wrap:wrap;gap:13px;font-size:13px;color:#c7d2e8;margin:20px 0;padding-top:17px;border-top:1px solid #283347}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-bottom span{font-size:13px;color:#a598d6}.card-bottom button{padding:10px 18px;min-height:40px}.how{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #283347;padding:60px 0}.how>div>p:last-child{color:var(--muted);max-width:440px}.steps article{display:flex;gap:22px;margin-bottom:25px}.steps article:last-child{margin-bottom:0}.steps span{font-size:24px;color:#a58aff;font-weight:700}.steps h3{margin:0 0 5px;font-size:18px}.steps p{color:var(--muted);font-size:14px;margin:0}.ranking{padding:30px;background:#101825;border:1px solid #293447;border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin:0 0 60px;gap:20px}.ranking h2{font-size:24px}.ranking .eyebrow{margin-bottom:12px}.ranking p{color:var(--muted);margin:0}.season{font-size:12px;letter-spacing:2px;color:#aaa0e4;border:1px solid #474166;padding:8px 12px;white-space:nowrap}footer{border-top:1px solid #273143;padding:30px 4%;display:flex;align-items:center;gap:28px;color:#9aa7be}footer img{width:85px}footer p{font-size:14px;margin:0}footer small{font-size:12px;margin-left:auto;max-width:380px}dialog{background:#101925;color:#fff;border:1px solid #47516b;border-radius:12px;padding:28px;width:min(580px,calc(100% - 32px));max-height:90vh}dialog::backdrop{background:#030711d9;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top .eyebrow{margin:0 0 10px}.close{border:0;background:transparent;color:#b9c5e0;font-size:30px;line-height:1;padding:0 4px}.hint{font-size:14px;color:#aebbd1}label{display:block;font-size:14px;font-weight:700;margin:15px 0}input,select{width:100%;margin-top:7px;background:#090f1a;color:#fff;border:1px solid #3d4961;border-radius:6px;padding:11px 12px;min-height:46px}input:focus,select:focus{outline:2px solid #8b72ff;outline-offset:2px}.player-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.wide{width:100%}#regResult,#configResult{font-size:14px;margin:16px 0 0;color:#c8bbff}button:focus-visible,a:focus-visible{outline:2px solid #b39cff;outline-offset:4px}@media(min-width:1600px){header,.hero-content{padding-left:max(4%,calc((100vw - 1440px)/2))}}@media(max-width:1050px){header{gap:25px}nav{gap:20px}.header-actions .outline{display:none}.hero-content{width:70%}.hero-label{display:none}.cards{gap:15px}.card-body{padding:6px 16px 18px}}@media(max-width:760px){header{height:auto;min-height:75px;padding:12px 5%;flex-wrap:wrap;gap:10px 20px}.logo{width:95px}.header-actions{gap:6px}.header-actions .outline{display:flex;padding:9px;font-size:12px}.header-actions .primary{padding:9px 12px;font-size:12px;min-height:40px}nav{order:3;width:100%;justify-content:space-between;height:35px;gap:12px}nav a{font-size:12px}.hero{min-height:550px}.hero-art{background:linear-gradient(90deg,#080d17e8,#080d1766),linear-gradient(0deg,#080d17,transparent 65%),url('hero.webp') 67% center/cover}.hero-content{width:100%;padding:45px 5%}.hero .eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:96px}.hero h2{font-size:30px}.intro{max-width:380px}.hero-buttons{flex-wrap:wrap}.hero-meta{font-size:11px;gap:14px}.hero-meta span+span{padding-left:14px}.container{padding:24px 5% 0}.welcome{padding:22px;display:block}.text-link{display:inline-block;margin-top:18px}.section-top{display:block}.filters{margin-top:24px}.filters button{padding:8px 14px}.cards{grid-template-columns:1fr}.card-art{height:200px}.card-body p{min-height:0}.events{padding:44px 0}.how{grid-template-columns:1fr;gap:24px;padding:40px 0}.ranking{padding:22px;display:block}.season{display:inline-block;margin-top:20px}footer{flex-wrap:wrap;gap:15px}footer small{margin-left:0;width:100%;max-width:none}.player-fields{grid-template-columns:1fr}h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
button:disabled{opacity:.5;cursor:not-allowed}.dynamic-ranking{display:block}.rank-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.rank-heading label{margin:0;min-width:250px}.rank-table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #2d394d}th{font-size:13px;color:#a9b8d2}td strong{color:#bea7ff}.public-rules{padding:0 0 50px}.public-rules div{white-space:pre-wrap;color:#b6c4d9}.rank-heading+.hint{margin-top:20px}@media(max-width:760px){.rank-heading{display:block}.rank-heading label{display:block;min-width:0;margin-bottom:20px}}

.event-links{display:flex;flex-wrap:wrap;gap:8px}.event-links .button{font-size:13px;padding:8px 12px;min-height:38px}.card-body .event-reward{min-height:0;margin-bottom:12px;color:#c7b6ff}

.view-event{border:0;background:none;color:#c1adff;padding:0;margin:0 0 16px;font-size:14px;font-weight:700}.view-event:hover{text-decoration:underline}#eventDetails{width:min(780px,calc(100% - 32px))}.event-detail-banner{width:100%;height:220px;object-fit:cover;border-radius:8px;margin-bottom:24px}.detail-section{margin:24px 0}.detail-section h3{margin:0 0 12px}.detail-section p{white-space:pre-wrap;overflow-wrap:anywhere;color:#bdcbe0}
[hidden]{display:none!important}

.page-content{min-height:calc(100vh - 200px);padding-top:48px;padding-bottom:40px}.page-intro{padding:10px 0 28px}.page-intro .eyebrow{margin-bottom:12px}.page-intro h1{background:none;color:#f5f6fb;font-size:46px;letter-spacing:-1.5px;line-height:1.15;margin-bottom:15px}.page-intro p:last-child{color:#b3c0d7;max-width:650px}.page-content .events{padding-top:18px}.page-content .how{border-top:0;padding-top:18px}.page-content .ranking{margin-top:18px}.home-content{padding-bottom:48px}.page-error{margin:20px 4%;color:#f7bcc7}@media(max-width:760px){.page-content{padding-top:28px}.page-intro h1{font-size:35px}.page-content .events{padding-top:10px}}

nav .principal-link{font-weight:400;white-space:nowrap}@media(max-width:760px){header nav{height:auto;flex-wrap:wrap;justify-content:flex-start;gap:0 20px}header nav a{height:35px}}

.login-page{min-height:calc(100vh - 200px);display:flex;justify-content:center;align-items:center;padding:45px 20px}.login-card{width:100%;max-width:480px;border:1px solid #36465f;border-radius:12px;background:#171f2f;padding:30px}.login-card h1{font-size:34px;color:#f5f6fb;background:none;letter-spacing:-1px;margin:0 0 20px}.form-error{color:#ffb4c3;font-size:14px;margin:15px 0 0}

@media(max-width:760px){header nav{height:auto;min-height:35px;flex-wrap:wrap;justify-content:flex-start;gap:14px 20px;padding:8px 0}}
