:root{color-scheme:dark;--bg:#030b13;--card:#04121ff2;--text:#f6f8fc;--muted:#a3b8d0;--cyan:#00cdf4;--blue:#0677ff;--line:#174760;--danger:#ff97a5;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 47% 0,#09263d 0,transparent 47%),var(--bg);color:var(--text);min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #79e6ff;outline-offset:4px}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site-header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #143044;background:#030c16aa}.brand{display:inline-flex;align-items:center;gap:12px;font-size:30px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-mark{width:43px;height:43px}.brand b{color:#008eff}.header-note{display:flex;align-items:center;gap:9px;color:#9ab3cb;font-size:14px}.header-note .icon{width:18px;height:18px}.layout{max-width:1760px;margin:auto;padding:36px 4% 24px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:36px;align-items:start}.showcase{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column}.hero-copy{position:relative;z-index:1;padding-top:15px}.eyebrow{color:#6a9bb8;letter-spacing:2.1px;font-size:11px;font-weight:700}h1{font-size:clamp(38px,3.9vw,68px);line-height:1.09;letter-spacing:-2px;margin:20px 0 19px;font-weight:800}h1 span{color:var(--cyan)}.hero-copy>p{max-width:690px;color:#c3d1df;font-size:18px;line-height:1.65;margin:0}.game-art{background-image:linear-gradient(180deg,var(--bg) 0%,transparent 17%,transparent 80%,var(--bg) 100%),url('assets/arena-games.png');background-position:center;background-size:cover;flex:1;min-height:350px;margin:0 -18px;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative;margin-top:-18px}.features article{border:1px solid #153e55;border-radius:12px;padding:19px 13px;background:linear-gradient(140deg,#071c2b,#03101b);min-width:0}.features .icon{color:#00baf1;width:29px;height:29px;margin-bottom:13px}.features .gold{color:#f3c551}.features h2{font-size:14px;margin:0 0 7px;font-weight:650}.features p{font-size:13px;line-height:1.65;margin:0;color:#9eb5ca}.auth-card{background:linear-gradient(145deg,#061b2beF,#020d17f5 65%);border:1px solid #1e536d;border-radius:20px;padding:30px;box-shadow:0 18px 70px #0005,0 1px 0 #69c9ff12 inset;position:relative;z-index:2}.card-heading h2{font-size:32px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 10px;font-weight:750}.card-heading h2 span{color:var(--cyan)}.card-heading>p{color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 24px}.tabs{display:flex;border:1px solid #3a566b;border-radius:10px;padding:3px;margin-bottom:24px;background:#04121e}.tabs button{flex:1;border:0;background:transparent;font-size:15px;font-weight:650;min-height:43px;border-radius:7px}.tabs button[aria-selected=true]{background:linear-gradient(115deg,#008fff,#0665ee);box-shadow:0 0 18px #008fff22}.field{margin-bottom:17px}.field>label{display:block;font-size:14px;margin-bottom:8px;color:#ccdae9}.input-wrap{display:flex;align-items:center;border:1px solid #526b81;background:#0a1722aa;border-radius:10px;min-height:53px;padding:0 15px;gap:12px;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within{border-color:#00c8fa;box-shadow:0 0 0 3px #00c8fa16}.input-wrap .icon{color:#91acc8;width:21px;height:21px}.input-wrap input{min-width:0;width:100%;height:51px;padding:0;border:0;outline:none;background:transparent;color:#f8fbff;font-size:16px}.input-wrap input::placeholder{color:#8099b2}.input-wrap input:focus-visible{outline:none}.input-wrap:has(input[aria-invalid=true]){border-color:var(--danger)}.reveal{border:0;background:none;min-width:44px;min-height:44px;margin-right:-12px;display:flex;align-items:center;justify-content:center;border-radius:6px}.reveal[aria-pressed=true]{background:#0c3045}.reveal:hover .icon{color:var(--cyan)}.hint{display:block;color:#8faac2;font-size:12px;line-height:1.5;margin-top:7px}.error{display:block;color:var(--danger);font-size:13px;line-height:1.4;margin-top:5px}.error:empty{display:none}.form-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 23px;font-size:13px}.check-label{display:flex;align-items:center;gap:9px;line-height:1.6;cursor:pointer}.check-label input{accent-color:#0786ff;width:19px;height:19px;flex-shrink:0;margin:0;cursor:pointer}.text-button,.inline-link{border:0;padding:0;background:transparent;color:var(--cyan);font-size:inherit;line-height:inherit}.text-button{min-height:32px}.inline-link{text-decoration:underline;text-underline-offset:4px}.text-button:hover,.inline-link:hover{color:#8cefff}.primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;border:1px solid #00d2f5;border-radius:10px;color:white;font-size:17px;font-weight:650;background:linear-gradient(105deg,#048bff,#0065f4 68%,#00b8ed);box-shadow:0 4px 20px #008bff25,0 1px 0 #70deff4d inset;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.14)}.primary:active{transform:translateY(1px)}.divider{display:flex;align-items:center;gap:15px;color:#92a8be;font-size:13px;margin:23px 0 17px}.divider:before,.divider:after{content:"";height:1px;background:#334b5e;flex:1}.social-buttons{display:grid;gap:9px}.social{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;height:46px;border:1px solid #486174;background:#0a1722a6;border-radius:9px;font-size:14px;font-weight:550;transition:background .2s,border-color .2s}.social:hover{background:#102b3e;border-color:#00adeb}.google{font-size:25px;font-weight:800;background:conic-gradient(#4285f4 0 27%,#34a853 27% 49%,#fbbc05 49% 69%,#ea4335 69% 86%,#4285f4 86%);background-clip:text;color:transparent;line-height:1}.apple{width:25px;height:25px}.facebook{background:#0784ff;font-family:Arial,sans-serif;font-size:25px;font-weight:bold;width:24px;height:24px;line-height:28px;border-radius:50%;overflow:hidden}.switch-copy{text-align:center;font-size:14px;color:#a3b9cf;line-height:1.8;margin:22px 0}.switch-copy button{margin-left:5px}.responsible{display:flex;justify-content:center;align-items:center;gap:12px;border-top:1px solid #213848;padding-top:19px;color:#819db6}.age{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1.5px solid #7398b8;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}.responsible p{font-size:11px;line-height:1.6;margin:0}.site-footer{max-width:1760px;margin:0 auto;padding:16px 4% 25px;display:flex;justify-content:space-between;font-size:12px;color:#5f7d95}.consent{font-size:12px;margin:20px 0}.consent .check-label{align-items:flex-start}.consent input{margin-top:2px}.status{padding:12px 14px;margin:14px 0;border:1px solid #967843;background:#32281480;border-radius:8px;font-size:14px;color:#f3d5a2;line-height:1.5}.status.success{border-color:#267669;color:#9df0d4;background:#103a3080}.spinner{width:17px;height:17px;border:2px solid #ffffff70;border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{position:fixed;background:#071726;color:var(--text);border:1px solid #2b607b;border-radius:18px;width:min(440px,calc(100% - 32px));padding:32px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:25px;line-height:1.2;margin:4px 0 15px}dialog>p{font-size:15px;line-height:1.6;color:#aac0d4;margin-bottom:24px}.close-dialog{position:absolute;top:6px;right:8px;width:38px;height:38px;border:0;background:none;font-size:27px;color:#a8bfd4}.close-dialog:hover{color:white}body:has(dialog[open]){overflow:hidden}.register-mode .social-area{display:none}.register-mode .auth-card{padding-top:28px}.register-mode .switch-copy{margin:20px 0}.register-mode .features{margin-top:0}
@media(min-width:1600px){.layout{grid-template-columns:minmax(0,1fr) 480px;gap:40px}.auth-card{padding:36px}.game-art{min-height:410px}.features h2{font-size:15px}.features p{font-size:14px}}
@media(max-width:1190px){.layout{gap:24px;padding-left:3%;padding-right:3%;grid-template-columns:minmax(0,1fr) 400px}.auth-card{padding:26px}.features{grid-template-columns:repeat(3,1fr)}.features article:nth-last-child(-n+2){display:none}.hero-copy>p{font-size:16px}h1{font-size:40px;letter-spacing:-1.4px}.game-art{min-height:330px}.eyebrow{font-size:10px;letter-spacing:1.2px}}
@media(max-width:850px){.site-header{height:81px;justify-content:center;padding:0 20px;border:0;background:transparent}.brand{font-size:27px;gap:10px}.brand-mark{width:37px;height:37px}.header-note{display:none}.layout{display:flex;flex-direction:column;padding:0 16px 20px;gap:0;max-width:540px}.showcase{width:100%;display:block}.hero-copy,.features{display:none}.game-art{height:220px;min-height:0;max-width:none;margin:-10px -16px -20px;background-position:center 60%;background-size:cover;mask-image:linear-gradient(to bottom,transparent,black 12%,black 85%,transparent)}.auth-card{width:100%;padding:27px 23px 23px;border-radius:17px;background:linear-gradient(155deg,#061b2bf5,#020d17f5);box-shadow:0 20px 60px #0007}.card-heading{text-align:center}.card-heading h2{font-size:30px}.card-heading>p{font-size:14px;margin-bottom:22px}.tabs{margin-bottom:22px}.field{margin-bottom:17px}.form-options{font-size:12px;margin:17px 0 20px}.input-wrap{min-height:54px}.social{height:49px}.primary{min-height:54px}.responsible p{font-size:11px}.site-footer{padding:0 20px 22px;justify-content:center}.site-footer>span:last-child{display:none}.register-mode .game-art{height:145px;background-position:center 68%}.register-mode .card-heading h2{font-size:29px}.register-mode .auth-card{padding-top:26px}}
@media(max-width:360px){.layout{padding-left:12px;padding-right:12px}.auth-card{padding:24px 17px}.card-heading h2{font-size:27px}.form-options{gap:4px;font-size:11px}.social{font-size:13px}.brand{font-size:25px}.game-art{height:190px}.check-label{gap:7px}}
.account-layout{max-width:620px;margin:70px auto;padding:0 20px}.account-layout h2{margin-top:18px}.account-note{color:var(--muted);font-size:16px;line-height:1.7;margin:24px 0}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}