html{scroll-behavior:smooth}button,[role=button]{cursor:pointer}button:focus-visible,[role=button]:focus-visible{outline:2px solid #f87948;outline-offset:6px}.content-dialog{color:#eee;background:#111617;border:1px solid #ffffff20;border-radius:22px;padding:42px;max-width:760px;width:calc(100% - 32px);max-height:85vh}.content-dialog::backdrop{background:#000b}.content-dialog h2{font-size:26px;padding-right:20px;line-height:1.5}.prose{white-space:pre-wrap;font-size:16px;line-height:2;color:#cbd0cd}.content-dialog img{max-width:100%;height:auto}.notice-link{display:block;background:none;color:#eee;border:0;border-bottom:1px solid #ffffff20;padding:20px 0;font-size:17px;width:100%;text-align:left}.article:hover h3{color:#f47949}.article p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{padding-left:61%;padding-right:4%}.hero h1{font-size:clamp(38px,4.1vw,62px)}#download-coming h2{font-weight:500;font-size:24px}footer{padding-bottom:26px}.hero .secondary{white-space:nowrap}
@media(min-width:1600px){.hero{height:640px;padding-top:115px}.mode,.news,footer{max-width:1500px;margin-left:auto;margin-right:auto}.news{padding-left:0;padding-right:0}}
@media(max-width:1000px){header{padding:0 24px;gap:30px}header small{display:none}nav{gap:25px}.hero{padding-left:57%;padding-top:60px;height:520px}.hero h1{font-size:44px}.hero .buttons{gap:10px}.primary,.secondary{padding:13px 19px}.mode{margin:0 28px}.news{padding-left:28px;padding-right:28px}.grid{gap:32px}footer{margin-left:28px;margin-right:28px}}
@media(max-width:640px){header{height:auto;min-height:105px;flex-wrap:wrap;gap:16px;padding:18px 22px 0}.brand{font-size:24px}nav{width:100%;height:40px;justify-content:space-between;gap:10px;font-size:12px}nav b{padding:0}.hero{height:665px;padding:330px 24px 0;background:linear-gradient(0deg,#101112 5%,#101112e8 37%,transparent 80%),url('login-background.png') 27% top/auto 400px no-repeat}.hero h1{font-size:40px;margin:14px 0 12px}.hero h1 br{display:none}.hero p{font-size:13px;margin:0}.hero .buttons{margin-top:20px}.eyebrow{font-size:9px!important}.mode{height:auto;margin:0 24px;display:block;padding:18px 0 25px}.metric{font-size:48px}.playmodes{padding:22px 0 0}.modeheading{margin-bottom:16px}.modeoptions b{font-size:19px}.news{padding:26px 24px 12px}.grid{display:block;margin-top:5px}.article{padding-top:23px;padding-bottom:22px;min-height:0}.article h3{font-size:19px}.newshead h2{font-size:21px}.content-dialog{padding:28px 23px}.content-dialog h2{font-size:22px}.prose{font-size:14px}footer{margin:10px 24px;letter-spacing:1px;font-size:9px}footer #label{display:none}#download-coming{padding:40px 24px}#download-coming h2{font-size:21px}}
/* Brand mark: existing transparent logo, rendered white without repainting. */
header{gap:48px}.brand{display:flex;align-items:center;gap:18px;flex-shrink:0;white-space:nowrap}.brand-eye{display:block;width:88px;height:42px;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:1100px){header{height:auto;min-height:116px;flex-wrap:wrap;column-gap:24px;row-gap:0;padding:14px 28px 0}.brand{height:48px}header small{display:block;margin-left:auto}nav{order:3;width:100%;height:48px;justify-content:flex-start;gap:42px}nav b{padding:0 8px}}
@media(max-width:640px){header{padding:12px 22px 0;min-height:110px}.brand{font-size:24px;gap:14px}.brand-eye{width:72px;height:36px}header small{display:none}nav{height:45px;justify-content:space-between;gap:12px;font-size:12px}nav b{padding:0}}