/* Illustrated entrance. Authentication remains in the existing controller. */
@font-face{font-family:Heebo;src:url('/assets/login/battle/fonts/heebo-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#29233d;--purple:#39235d;--purple-light:#8052dd;--gold:#ffc326;--paper:#faf7ed;--edge:clamp(24px,4.6vw,176px);font-family:Heebo,Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:#162c53;color:var(--ink)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.7}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #17bce9;outline-offset:5px}[hidden]{display:none!important}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:99;left:20px;top:12px;padding:12px 20px;background:#fff;transform:translateY(-200%);border-radius:4px}.skip-link:focus{transform:none}
.hero{position:relative;isolation:isolate;min-height:780px;min-height:max(780px,100svh);overflow:hidden;background:#167bad}.hero-art{position:absolute;inset:-12px;z-index:-4;pointer-events:none;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.015);transition:transform .7s ease-out}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;user-select:none}.hero:after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#111b4320,transparent 34%,#17214808 47%,#111c3b7a 80%,#121f40dd)}
.masthead{position:absolute;z-index:4;top:clamp(24px,3vh,64px);left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;direction:ltr}.brand{position:relative;display:block;width:clamp(255px,20vw,570px);filter:drop-shadow(0 4px 2px #12144077);transition:transform .2s}.brand img{display:block;width:100%;height:auto}.brand:hover{transform:translateY(-2px)}.masthead-actions{display:flex;gap:14px;align-items:center;direction:inherit}.edition-label{display:flex;align-items:center;gap:12px;max-width:450px;min-height:48px;padding:12px 26px;background:linear-gradient(115deg,#6d3fc5,#a16af0);color:#fff;border-bottom:3px solid #422477;border-top:1px solid #c99bff;box-shadow:0 5px 16px #18254324;clip-path:polygon(0 0,100% 0,100% 100%,18px 100%);font-size:clamp(12px,.9vw,20px);font-weight:600}.edition-label:before{content:'';width:8px;height:8px;border:2px solid #fff0a6;background:#ffc22b;transform:rotate(45deg)}.motion-button{display:grid;place-items:center;width:46px;height:46px;flex:none;background:#28315bbb;color:white;border:1px solid #e3e9ffae;border-radius:50%;box-shadow:0 4px 0 #17203940;transition:transform .2s,background .2s}.motion-button [data-motion-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.motion-button:hover,.utility-rail a:hover{background:#6646b2;transform:translateY(-2px)}
.utility-rail{position:absolute;z-index:5;right:clamp(18px,2vw,76px);top:36%;display:flex;flex-direction:column;gap:14px}.utility-rail a{position:relative;display:grid;place-items:center;width:48px;height:48px;background:#253858b3;border:1.5px solid #dcecffc2;border-radius:50%;box-shadow:0 4px 0 #15294055;color:white;transition:transform .2s,background .2s}.utility-rail span{position:absolute;right:60px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(5px);transition:opacity .2s,transform .2s;padding:7px 12px;border-radius:4px;background:#302449;color:white;font-size:13px}.utility-rail a:is(:focus-visible,:hover) span{opacity:1;transform:none}
.entry-actions{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) clamp(400px,30vw,560px);align-items:end;column-gap:clamp(50px,8vw,290px);row-gap:28px;width:calc(100% - 2*var(--edge) - 100px);max-width:1800px;margin:0 auto;padding-top:clamp(320px,36vh,780px);padding-bottom:116px;min-height:100svh;direction:ltr}.entry-actions>section{min-width:0;direction:ltr}[dir=rtl] .entry-actions>section{direction:rtl}.quick-login{grid-column:2;grid-row:1;position:relative;isolation:isolate;background:var(--paper);padding:0 30px 28px;border:1px solid #ffffffd9;border-bottom:8px solid var(--gold);border-radius:3px 3px 12px 3px;box-shadow:0 7px 0 #a76420,0 12px 0 #28234d55,0 26px 60px #07132f66;outline:none}.quick-login:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle,#d7cbd542 0 2px,transparent 2.5px) 2px 2px/12px 12px;mask-image:linear-gradient(135deg,#000,transparent 52%)}.quick-login:after{content:'';position:absolute;top:14px;left:0;right:0;height:12px;background:linear-gradient(90deg,#ffdd50,#f2a00e);z-index:-1}.login-heading{position:relative;display:flex;align-items:center;gap:16px;margin:-6px -39px 25px;padding:17px 30px 17px 24px;min-height:86px;background:linear-gradient(110deg,#271934,#382252 68%,#54306e);border-top:2px solid #af86e56b;border-bottom:3px solid #73d4ec;box-shadow:0 3px 0 #ab721e;clip-path:polygon(0 0,100% 0,96% 100%,0 100%);color:white}.panel-emblem{position:relative;display:grid;place-items:center;width:50px;height:56px;flex:none;color:#ffd662;background:linear-gradient(135deg,#54335f,#281b3c);border:2px solid #f9bb3c;clip-path:polygon(50% 0,94% 16%,88% 76%,50% 100%,12% 76%,6% 16%)}.panel-emblem .icon{width:31px;height:31px;stroke-width:1.6}.login-heading-copy{min-width:0}.login-kicker{display:block;font-size:12px;color:#d3c6e4;line-height:1.3;margin-bottom:4px;letter-spacing:.15px}.quick-login h2{font-size:clamp(23px,1.7vw,32px);font-weight:650;line-height:1.2;margin:0;letter-spacing:-.4px}.panel-edge-light{position:absolute;top:-6px;left:0;right:0;height:1px;background:#fff4bc;z-index:2}
.form-field{margin:0 0 14px}.form-field label{display:block;margin:0 0 6px;color:#4e4860;font-size:13px;font-weight:600}.input-shell{display:flex;align-items:center;gap:11px;min-height:52px;padding:0 14px;border:1px solid #bcb5c9;border-radius:3px;background:#fffefc;box-shadow:inset 0 2px 4px #3d22400a;transition:border-color .2s,box-shadow .2s}.input-shell:focus-within{border-color:#865bca;box-shadow:0 0 0 3px #865bca21}.input-shell>.icon{color:#7c728d;width:20px;height:20px}.input-shell input{width:100%;min-width:0;height:50px;padding:0;outline:none;border:0;background:transparent;color:#30263c;font-size:16px}.input-shell input::placeholder{color:#94899f;font-size:14px}.input-shell:has(.password-toggle){padding-inline-end:3px}.password-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;background:transparent;color:#7d6e91;border-radius:4px}.password-toggle:hover{background:#e9e1f3;color:#4c3477}.password-toggle .icon{width:20px;height:20px}.form-options{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:3px 0 17px;font-size:12px}.remember{display:flex;align-items:center;gap:7px;color:#686073;cursor:pointer;min-height:32px}.remember input{width:17px;height:17px;margin:0;accent-color:#7752ba}.text-button{background:transparent;min-height:40px;padding:3px 0;font-size:12px;color:#67458e}.text-button:hover{text-decoration:underline}.primary-button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:53px;padding:11px 20px;background:linear-gradient(180deg,#9564ed,#7444c9);border:1px solid #bd98f7;border-bottom:3px solid #462173;border-radius:28px;color:white;font-size:20px;font-weight:700;box-shadow:inset 0 1px 0 #e7d3ffb0,0 3px 0 #26163d20;transition:filter .2s,transform .2s}.primary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-button:active{transform:translateY(2px)}.primary-button .icon{width:22px;height:22px}[dir=ltr] .guest-arrow,[dir=ltr] .primary-button .icon{transform:rotate(180deg)}.form-message{font-size:13px;line-height:1.5;color:#a0303b;margin:12px 0;overflow-wrap:anywhere}.form-message:empty{display:none}.form-message.ok{color:#136f60}.resume-link{display:block;margin-top:16px;font-size:13px;text-align:center;color:#694594;text-decoration:underline;text-underline-offset:4px}
.guest-panel{position:relative;grid-column:1;grid-row:1;align-self:end;padding:20px 0 8px;color:#fff;text-align:center;outline:none}.guest-panel .eyebrow{margin:0 0 10px;color:#f8e3b8;font-size:14px;letter-spacing:1px;font-weight:600;text-shadow:0 2px 4px #1d1835}.guest-panel h1{font-size:clamp(32px,3vw,60px);line-height:1.18;letter-spacing:-1px;font-weight:800;margin:0 0 28px;text-shadow:0 3px 0 #192543aa,0 4px 20px #111d44}.guest-button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:90px;padding:18px 28px;color:#4b2c1b;background:linear-gradient(180deg,#ffdf50,#ffc02b 62%,#ffab24);border:2px solid #fff3ad;border-bottom:3px solid #df7c1d;border-radius:50px;box-shadow:0 6px 0 #8d481f,0 10px 0 #111e3d44,0 18px 35px #07142d40,inset 0 2px 0 #fff5c8;transition:transform .2s,filter .2s}.guest-button:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 30%,#fff5 44%,transparent 58%);transform:translateX(-150%);animation:entry-sheen 8s ease-in-out infinite}.guest-button:hover{transform:translateY(-3px);filter:brightness(1.06)}.guest-button:active{transform:translateY(3px)}.guest-ball{width:35px;height:35px}.guest-button-copy{display:flex;flex-direction:column;gap:4px;flex:1;text-align:center}.guest-button strong{font-size:clamp(24px,2vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.4px}.guest-button small{font-size:12px;color:#705121;font-weight:500}.guest-arrow{width:28px;height:28px}.entry-guest-note{font-size:13px;line-height:1.6;margin:20px 0 17px;text-shadow:0 2px 4px #0c1737;color:#f1f3ff}.discord-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:12px 20px;border:1px solid #c4beff;border-bottom:3px solid #3b297b;border-radius:30px;background:linear-gradient(115deg,#6251cfeb,#8370e6f2);box-shadow:inset 0 1px 0 #e3d8ff5c,0 7px 20px #0a204a25;font-size:17px;font-weight:650;transition:transform .2s,filter .2s}.discord-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.discord-button>span:last-child{font-size:19px;margin-inline-start:6px}.signup-terms{font-size:11px;line-height:1.7;color:#e6e4f5;margin:15px 0 0;text-shadow:0 2px 3px #18233c}.signup-terms a{text-decoration:underline;text-underline-offset:3px}.guest-message:not(:empty){background:#fff7e7;border:1px solid #eebd75;border-radius:4px;padding:12px;text-shadow:none;color:#973327}.guest-message.ok{color:#0c6555;background:#eefbf2;border-color:#96d6b6}
.hero-links{position:absolute;z-index:4;bottom:22px;left:var(--edge);right:var(--edge);display:flex;justify-content:center;color:#fff}.hero-links nav{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}.hero-links a,.hero-links button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 14px;font-size:11px;font-weight:500;color:#fff;background:#24325280;border:1px solid #e0e8ff51;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff0d;transition:background .2s,transform .2s}.hero-links .icon{width:17px;height:17px}.hero-links a:hover,.hero-links button:hover{background:#684899;transform:translateY(-2px)}
.hero-effects{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.energy-streak{position:absolute;left:68%;top:-45%;width:2px;height:160%;transform:rotate(28deg);background:linear-gradient(transparent,#d9ffffb0,#fff,transparent);opacity:.4;box-shadow:0 0 14px #b8f7ff80;animation:entry-ray 8s ease-in-out infinite}.energy-streak--two{left:25%;animation-delay:-4s;width:1px}.energy-glow{position:absolute;width:35vw;height:35vw;left:46%;top:8%;background:radial-gradient(circle,#abf5ff18,transparent 67%);mix-blend-mode:screen;animation:entry-glow 8s ease-in-out infinite alternate}.spark{position:absolute;left:var(--spark-left);top:var(--spark-top);width:var(--spark-size);height:var(--spark-size);background:#fff7d0;border-radius:50%;box-shadow:0 0 9px #ffe299;opacity:0;animation:entry-spark var(--spark-time) linear var(--spark-delay) infinite}.light-ribbon{position:absolute;left:var(--ribbon-left);top:-10%;width:1px;height:110%;transform:rotate(28deg);background:linear-gradient(transparent,#c7faff90,transparent);animation:entry-ray 12s ease-in-out var(--ribbon-delay) infinite}.energy-orbit{display:none}.panel-sheen{display:none}
dialog{max-width:min(460px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:30px;color:#352942;background:var(--paper);border:1px solid #fff;border-bottom:7px solid #ffc737;border-radius:4px;box-shadow:0 7px 0 #9b5d22,0 24px 100px #07142f75;overflow:auto}dialog::backdrop{background:#151d3ba6;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:12px;inset-inline-end:12px;display:grid;place-items:center;width:42px;height:42px;background:#ebe4f0;color:#5a426f;border-radius:50%}.recovery-emblem{display:grid;place-items:center;width:53px;height:53px;margin:2px 0 17px;border:1px solid #d5b2ef;background:#eae0f2;color:#7650a0;clip-path:polygon(50% 0,95% 18%,87% 80%,50% 100%,13% 80%,5% 18%)}.recovery-dialog h2{font-size:27px;line-height:1.25;margin:12px 0}.recovery-dialog>p{font-size:14px;line-height:1.7;color:#6c6076}.recovery-dialog .eyebrow{font-size:12px;color:#95662b;margin:0}.recovery-dialog form{margin-top:22px}
body[data-motion=paused] *,body[data-motion=paused] *:before,body.motion-suspended *,body.motion-suspended *:before{animation-play-state:paused!important}.auth-is-pending .guest-button:before{animation:none}
@keyframes entry-sheen{0%,70%{transform:translateX(-150%)}94%,100%{transform:translateX(150%)}}
@keyframes entry-ray{0%,35%,100%{opacity:.12}55%{opacity:.55}75%{opacity:.2}}
@keyframes entry-glow{from{opacity:.3;transform:scale(.95)}to{opacity:.9;transform:scale(1.07)}}
@keyframes entry-spark{0%{opacity:0;transform:translate3d(0,40px,0)}15%{opacity:.8}80%{opacity:.35}100%{opacity:0;transform:translate3d(22px,-90px,0)}}
@media(min-width:2200px){.entry-actions{max-width:2380px;grid-template-columns:minmax(0,1fr) minmax(560px,680px);padding-bottom:170px}.quick-login{padding:0 44px 40px;border-bottom-width:10px}.login-heading{margin:-8px -56px 34px;padding:24px 40px;min-height:116px}.panel-emblem{width:68px;height:74px}.panel-emblem .icon{width:42px;height:42px}.login-kicker{font-size:17px}.quick-login h2{font-size:39px}.form-field{margin-bottom:22px}.form-field label{font-size:19px;margin-bottom:9px}.input-shell{min-height:68px;padding-inline:19px}.input-shell input{height:66px;font-size:23px}.input-shell input::placeholder{font-size:20px}.input-shell>.icon{width:27px;height:27px}.password-toggle{width:58px;height:58px}.password-toggle .icon{width:26px;height:26px}.form-options,.text-button{font-size:17px}.form-options{margin:5px 0 25px}.remember input{width:22px;height:22px}.primary-button{min-height:70px;font-size:28px}.guest-panel .eyebrow{font-size:22px}.guest-panel h1{font-size:76px;margin-bottom:40px}.guest-button{min-height:124px;padding:24px 40px;border-radius:66px}.guest-button strong{font-size:44px}.guest-button small{font-size:18px}.guest-ball{width:48px;height:48px}.guest-arrow{width:38px;height:38px}.entry-guest-note{font-size:19px;margin:28px 0 23px}.discord-button{min-height:74px;font-size:25px}.discord-button>.icon{width:31px;height:31px}.signup-terms{font-size:15px;margin-top:23px}.utility-rail a{width:64px;height:64px}.utility-rail .icon{width:30px;height:30px}.hero-links{bottom:38px}.hero-links a,.hero-links button{font-size:17px;min-height:53px;padding:12px 22px;gap:10px}.hero-links .icon{width:22px;height:22px}.motion-button{width:62px;height:62px}.edition-label{min-height:62px}.form-message{font-size:18px}.resume-link{font-size:18px}}
@media(max-width:1100px) and (min-width:761px){:root{--edge:28px}.entry-actions{width:calc(100% - 116px);grid-template-columns:minmax(0,1fr) 370px;gap:36px;padding-top:275px;padding-bottom:110px}.guest-panel h1{font-size:32px}.guest-button{padding:16px;gap:10px;min-height:80px}.guest-button strong{font-size:25px}.guest-button small{font-size:10px}.guest-ball{width:25px;height:25px}.guest-arrow{width:22px;height:22px}.entry-guest-note{font-size:11px}.discord-button{font-size:14px;padding:11px}.signup-terms{font-size:10px}.quick-login{padding:0 23px 24px}.login-heading{margin-inline:-32px;padding-inline:22px}.brand{width:250px}.hero-links a,.hero-links button{padding-inline:11px;font-size:10px}.edition-label{font-size:11px;padding-inline:18px}}
@media(max-width:760px){:root{--edge:18px}.hero{min-height:100svh;padding:0 0 20px}.hero-art{inset:0 0 auto;height:650px;transform:none!important}.hero-art img{object-position:57% 35%}.hero:after{background:linear-gradient(180deg,transparent 110px,#12295a05 225px,#18284a95 405px,#172648f5 650px,#172648 100%)}.masthead{top:20px;left:18px;right:18px;gap:10px}.brand{width:clamp(175px,52vw,255px)}.edition-label{display:none}.motion-button{width:42px;height:42px;background:#27315ba8}.utility-rail{right:15px;top:115px;gap:10px}.utility-rail a{width:41px;height:41px}.utility-rail .icon{width:21px;height:21px}.utility-rail span{display:none}.entry-actions{display:flex;flex-direction:column;align-items:center;gap:29px;position:relative;width:calc(100% - 40px);max-width:470px;min-height:0;margin:auto;padding:clamp(285px,42vw,365px) 0 0}.entry-actions>.quick-login{order:0;width:100%}.entry-actions>.guest-panel{order:1;width:100%;padding:0 3px}.quick-login{padding:0 20px 22px;border-bottom-width:6px;border-radius:3px 3px 9px 3px;box-shadow:0 5px 0 #a76420,0 16px 36px #07132f55}.login-heading{min-height:77px;margin:-5px -27px 21px;padding:13px 22px;gap:13px}.panel-emblem{width:43px;height:50px}.panel-emblem .icon{width:28px;height:28px}.login-kicker{font-size:11px}.quick-login h2{font-size:24px}.form-field{margin-bottom:13px}.form-field label{font-size:12px}.input-shell{min-height:49px;padding-inline:12px}.input-shell input{height:47px;font-size:16px}.input-shell input::placeholder{font-size:13px}.form-options{font-size:11px;margin-bottom:13px}.text-button{font-size:11px}.primary-button{min-height:51px;font-size:19px}.guest-panel .eyebrow{font-size:11px;margin:3px 0 6px}.guest-panel h1{font-size:28px;margin:0 0 18px}.guest-button{min-height:80px;padding:15px 20px;gap:10px}.guest-button strong{font-size:26px}.guest-button small{font-size:10px}.guest-ball{width:27px;height:27px}.guest-arrow{width:23px;height:23px}.entry-guest-note{font-size:11px;line-height:1.7;margin:17px 0 14px}.discord-button{font-size:15px;min-height:51px}.signup-terms{font-size:10px;line-height:1.8;margin:13px 3px 0}.hero-links{position:relative;inset:auto;margin:28px 16px 0}.hero-links nav{gap:7px}.hero-links a,.hero-links button{min-height:40px;padding:8px 11px;font-size:10px}.hero-links .icon{width:15px;height:15px}.energy-streak{height:690px;top:-100px}.light-ribbon{height:650px}.energy-glow{width:70vw;height:70vw;top:12%;left:30%}.spark{max-width:4px;max-height:4px}.recovery-dialog{padding:26px}.recovery-dialog h2{font-size:24px}}
@media(max-width:359px){.entry-actions{width:calc(100% - 32px);padding-top:255px}.quick-login{padding-inline:17px}.login-heading{margin-inline:-23px;padding-inline:18px;gap:10px}.quick-login h2{font-size:22px}.guest-button{padding-inline:13px}.guest-button strong{font-size:23px}.guest-button small{font-size:9px}.guest-panel h1{font-size:25px}.discord-button{font-size:13px}.hero-links a,.hero-links button{padding-inline:8px}.hero-links .icon{width:14px;height:14px}}
@media(max-height:600px) and (min-width:761px){.hero{min-height:600px}.masthead{top:16px}.brand{width:220px}.entry-actions{min-height:600px;padding-top:160px;padding-bottom:78px;column-gap:40px;grid-template-columns:minmax(0,1fr) 355px;max-width:1050px}.quick-login{padding:0 22px 19px}.login-heading{min-height:63px;padding:10px 20px;margin:-5px -29px 15px}.panel-emblem{width:37px;height:44px}.panel-emblem .icon{width:25px;height:25px}.login-kicker{font-size:10px}.quick-login h2{font-size:22px}.form-field{margin-bottom:9px}.input-shell{min-height:44px}.input-shell input{height:42px}.form-options{margin:0 0 9px}.primary-button{min-height:45px;font-size:18px}.guest-panel h1{font-size:30px;margin-bottom:20px}.guest-button{min-height:73px}.guest-button strong{font-size:25px}.entry-guest-note{font-size:11px;margin:16px 0 12px}.discord-button{min-height:46px;font-size:14px}.signup-terms{font-size:9px}.hero-links{bottom:13px}.hero-links a,.hero-links button{min-height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}.energy-streak,.light-ribbon,.energy-glow,.spark{display:none}}
/* This is the active game's branded corner, matching the reference ribbon. */
.guest-panel>.eyebrow{display:none}.guest-panel h1{font-size:clamp(30px,2.3vw,46px);margin-bottom:24px}
.hero-links #privacyChoices{position:static;inset:auto;z-index:auto;display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;font:500 11px/1.4 Heebo,Arial,sans-serif;letter-spacing:0;color:white;background:#24325280;border:1px solid #e0e8ff51;box-shadow:inset 0 1px 0 #ffffff0d}
.entry-brand-corner{position:absolute;left:0;top:0;z-index:0;width:max(23vw,330px);height:max(23vh,185px);pointer-events:none;clip-path:polygon(0 0,100% 0,74% 100%,0 100%);background:radial-gradient(circle,#34236b35 0 2px,transparent 3px) 0 0/14px 14px,linear-gradient(120deg,#8c54ed,#6745cc)}
.entry-brand-corner:after{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#ffe17a,#f8b32d);clip-path:polygon(96% 0,100% 0,74% 100%,70% 100%)}
@media(max-width:760px){.utility-rail{top:171px;right:18px;flex-direction:row;gap:9px}}
@media(max-width:760px){.hero-art{position:fixed;inset:0;height:100svh}.hero:after{background:linear-gradient(180deg,#18264b00 140px,#17284835 300px,#15234785 65%,#15234795)}.entry-brand-corner{width:270px;height:174px}.entry-actions{padding-top:225px;gap:24px}.login-heading{min-height:68px;margin-bottom:16px;padding-block:10px}.quick-login{padding-bottom:18px}.form-field{margin-bottom:10px}.form-field label{margin-bottom:4px}.form-options{margin-bottom:10px;min-height:32px}.text-button{min-height:32px}.guest-panel>.eyebrow,.guest-panel>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}.guest-button{min-height:75px}.entry-guest-note{margin:14px 0 12px}.signup-terms{margin-top:12px}.hero-links{margin-top:22px}}
@media(min-width:2200px){.guest-panel h1{font-size:60px;margin-bottom:34px}}
@media(max-width:760px){.hero-art{position:absolute;inset:0;height:100%}.hero:after{background:linear-gradient(180deg,#18264b00 140px,#17284818 300px,#15234760 65%,#15234795)}.login-heading{min-height:59px;margin-bottom:10px;padding-block:7px}.panel-emblem{width:39px;height:45px}.login-kicker{font-size:10px}.quick-login{padding-bottom:16px}.form-field{margin-bottom:8px}.input-shell{min-height:44px}.input-shell input{height:42px}.form-options{margin-bottom:7px}.primary-button{min-height:46px;font-size:18px}.hero-links #privacyChoices{padding:8px 11px;font-size:10px}}
@media(max-aspect-ratio:1/1){.entry-brand-corner{display:none}}


/* Landscape title and native-style sheets, 2026-10-15. Existing auth controller is unchanged. */
@font-face{font-family:EntryUI;src:url('/game/assets/unite-illustrated-20261015/fonts/UniteUI.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:EntryJP;src:url('/game/assets/unite-illustrated-20261015/fonts/UniteJP.woff2') format('woff2');font-weight:100 900;font-display:swap}
html{font-family:EntryUI,Heebo,sans-serif;scroll-behavior:auto}html:lang(ja){font-family:EntryJP,EntryUI,sans-serif}body.unite-login{height:100dvh;overflow:hidden}body.unite-login .hero{height:100dvh;min-height:0;padding:0;overflow:hidden}body.unite-login .hero-art{inset:0;transform:none;transition:none}body.unite-login .hero-art img{object-position:50% 50%}body.unite-login .hero:after{background:linear-gradient(180deg,transparent 65%,#14274425)}
body.unite-login .entry-brand-corner{width:var(--entry-rail-w,29vw);height:100%;clip-path:polygon(0 0,100% 0,calc(100% - 44vh) 100%,0 100%);background:radial-gradient(circle,#4f27b538 0 3px,transparent 3.5px) 0 0/19px 19px,linear-gradient(110deg,#8851f5,#7547d9)}body.unite-login .entry-brand-corner:after{background:linear-gradient(145deg,#ffb540,#ed8b27);clip-path:polygon(calc(100% - 26px) 0,100% 0,calc(100% - 44vh) 100%,calc(100% - 44vh - 26px) 100%)}
body.unite-login .masthead{left:4.5vw;right:22px;top:9vh;align-items:flex-start}body.unite-login .brand{width:min(22vw,53vh);filter:none}body.unite-login .edition-label{display:none}body.unite-login .masthead-tools{position:absolute;right:0;top:calc(12px - 9vh)}body.unite-login .motion-button{width:44px;height:44px;background:#20375188;box-shadow:none}body.unite-login .utility-rail{top:auto;bottom:max(9vh,36px);right:max(4.5vw,24px);gap:13px;flex-direction:column}body.unite-login .utility-rail a{width:44px;height:44px;background:#234958ad;border:1px solid #fff9;box-shadow:none}body.unite-login .utility-rail .discord-button{min-height:44px;padding:0;border-radius:50%;margin:0}.utility-rail .discord-button>span:last-child{display:none}
body.unite-login .entry-actions{position:absolute;bottom:max(7.5vh,30px);left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;justify-content:center;gap:5.5vw;width:54vw;max-width:750px;min-height:0;padding:0;margin:0;direction:ltr}body.unite-login .entry-actions>#starter-card{flex:1;width:0;max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none;text-align:center;direction:inherit}body.unite-login .entry-open-login,body.unite-login .guest-button{display:flex;flex:1;align-items:center;justify-content:center;min-height:50px;padding:8px 14px;border-radius:4px;box-shadow:0 3px 0 #2c254555;border:1px solid #fff9;font:500 clamp(17px,1.4vw,25px)/1.35 EntryUI,sans-serif}html:lang(ja) body.unite-login .entry-open-login,html:lang(ja) body.unite-login .guest-button{font-family:EntryJP,EntryUI,sans-serif}body.unite-login .entry-open-login{background:#fb7d18;color:#fff;border-color:#ffb267}body.unite-login .guest-button{width:100%;background:#fffdf6;color:#59545f;transform:none}body.unite-login .guest-button strong{font-size:inherit;font-weight:500;line-height:inherit;text-shadow:none}body.unite-login .guest-button-copy{flex:none}body.unite-login .guest-button:before,body.unite-login .guest-button:after,body.unite-login .guest-button>.icon,body.unite-login .guest-button small,body.unite-login .guest-panel>.panel-sheen{display:none}body.unite-login .guest-panel .eyebrow,body.unite-login .guest-panel h1,body.unite-login .entry-guest-note,body.unite-login .guest-panel .signup-terms{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);margin:0}body.unite-login .guest-message{position:absolute;top:100%;left:0;right:0;color:#fff;font-size:12px;background:#351e58dd;margin:7px 0 0;border-radius:4px;padding:4px}body.unite-login .guest-message:empty{display:none}
.entry-secondary-links{position:absolute;bottom:2px;left:18px;z-index:5;display:flex;gap:14px}.entry-secondary-links button{min-height:30px;background:transparent;color:#fff;font:500 12px/1.3 EntryUI,sans-serif;text-shadow:0 1px 2px #13213d}body.unite-login .hero-fx{opacity:.38}body.unite-login .hero-fx .energy-glow{filter:none;opacity:.15}body.unite-login .hero-fx .energy-streak{display:none}
body.unite-login dialog{font-family:inherit;direction:inherit}body.unite-login .entry-dialog{position:fixed;inset:0;width:46vw;min-width:370px;max-width:740px;max-height:calc(100dvh - 28px);margin:auto;border:0;border-radius:13px;background:#fff;color:#44414a;padding:0 26px 22px;box-shadow:0 5px 24px #0003;overflow:auto;transform:none}body.unite-login .entry-dialog:not([open]){display:none!important}body.unite-login .entry-dialog::backdrop,body.unite-login .recovery-dialog::backdrop{background:#071522b8;backdrop-filter:none}body.unite-login .entry-dialog .login-heading{position:relative;min-height:56px;margin:0 -26px 20px;padding:8px 48px;background:radial-gradient(circle,#b897f74d 0 3px,transparent 3.4px) 10% 0/15px 15px,#6843bd;border:0;border-bottom:3px solid #5be7d9;justify-content:center;box-shadow:none;border-radius:0}body.unite-login .login-heading .panel-emblem,body.unite-login .login-kicker{display:none}body.unite-login .login-heading h2{font-size:25px;line-height:1.4;font-weight:500;text-align:center;color:#fff;text-shadow:none}body.unite-login .entry-dialog .panel-edge-light{display:none}.entry-dialog-close{position:absolute;right:4px;top:3px;width:44px;height:44px;color:white;background:transparent;display:grid;place-items:center;z-index:3}.entry-dialog-close .icon{width:27px;height:27px}body.unite-login .quick-login .form-field{margin-bottom:12px}body.unite-login .form-field>label{font-size:13px;font-weight:500}body.unite-login .input-shell{min-height:46px;background:#fff;border:1px solid #d3cddd;border-radius:5px;box-shadow:none}body.unite-login .input-shell input{height:44px;min-height:44px;font-size:16px;font-family:inherit}body.unite-login .form-options{font-size:13px;margin:0 0 10px}body.unite-login .login-button{min-height:46px;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:0;border-radius:28px;border:2px solid #c95e0b;background:linear-gradient(#ff8d27,#ff7310);color:white;box-shadow:0 3px 0 #0002}body.unite-login .recovery-dialog{border-radius:14px;border:0;border-top:54px solid #6843bd;background:white;box-shadow:0 4px 20px #0004;padding:22px;width:46vw;min-width:370px;max-width:740px;max-height:calc(100dvh - 28px)}body.unite-login .recovery-dialog h2{font-size:23px;color:#49404f;font-weight:500;margin:0 0 12px}.recovery-dialog .recovery-emblem,.recovery-dialog>.eyebrow{display:none}.recovery-dialog .dialog-close{position:fixed;top:auto;color:#3b2851}.entry-info-dialog .portal-footer{position:static;inset:auto;padding:0;margin:10px 0;display:block}.entry-info-dialog .portal-footer nav{display:flex;gap:10px;flex-wrap:wrap}.entry-info-dialog .portal-footer a,.entry-info-dialog .portal-footer button{background:#f1eff9;color:#4c4464;border:1px solid #dad4e5;text-shadow:none;min-height:44px;font-size:14px;padding:9px 14px;box-shadow:none}.entry-info-dialog .portal-footer .icon{color:inherit}.entry-info-dialog>h2{margin:0 -26px 18px;background:#6843bd;color:white;border-bottom:3px solid #5be7d9;padding:14px 48px;font-size:23px;font-weight:500;text-align:center}
.entry-sheet-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:0;margin:0;background:radial-gradient(circle at 40% 15%,#fff3,transparent 60%),linear-gradient(#7bc5dd,#c5f7fa);color:#4e4854;overflow:auto}.entry-sheet-dialog:not([open]){display:none}.entry-sheet-dialog:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.08;background:radial-gradient(circle,transparent 0 54px,#429bbc 55px 59px,transparent 60px),radial-gradient(circle,transparent 0 16px,#429bbc 17px 21px,transparent 22px);background-size:290px 290px;background-position:80px 40px}.entry-sheet-inner{position:relative;min-height:100%;padding-top:16vh;padding-bottom:18px}.entry-sheet{position:relative;width:100%;background:#f9f6ee;border-bottom:clamp(12px,4vh,32px) solid #ffb723}.entry-sheet-title{position:relative;background:linear-gradient(90deg,#ffde25,#ed9200);height:clamp(48px,8.9vh,80px)}.entry-sheet-title h2{height:100%;margin:0;padding:5px 30px 5px 14vw;width:60%;max-width:1100px;background:#241b34;color:white;font-size:clamp(18px,3.9vh,32px);line-height:1.25;font-weight:500;display:flex;align-items:center;clip-path:polygon(0 0,100% 0,98% 100%,0 100%)}.entry-sheet-title .entry-crest{position:absolute;left:6.5vw;top:-4vh;width:clamp(64px,14.6vh,112px);height:clamp(64px,14.6vh,112px);z-index:2;filter:drop-shadow(0 2px 0 #b66f17)}.entry-sheet-content{position:relative;min-height:44vh;padding:clamp(18px,3.5vh,32px) 8vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle,#efb59c33 0 3px,transparent 3.5px) -100px -40px/17px 17px;background-repeat:repeat-y;background-size:160px 17px}.entry-sheet-intro{font-size:clamp(14px,2.2vh,19px);line-height:1.5;text-align:center;color:#b78240;margin:0 0 3vh}.entry-legal-columns{width:74%;max-width:980px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.entry-legal-column{display:flex;flex-direction:column;gap:2.4vh}.entry-legal-link{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;background:white;border:1px solid #d4d3cf;border-bottom:3px solid #babbb9;border-radius:15px;font-size:clamp(16px,2.6vh,24px);padding:6px 10px}.entry-agreement{min-height:44px;display:flex;align-items:center;gap:12px;font-size:clamp(15px,2.5vh,23px);line-height:1.3;cursor:pointer}.entry-agreement input{appearance:none;width:32px;height:32px;flex:none;border:3px solid #40dcaa;background:#41444a;border-radius:50%;margin:0;cursor:pointer}.entry-agreement input:checked{background:#3dcc9e}.entry-agreement input:checked:after{content:'✓';display:block;text-align:center;color:white;font-size:23px;line-height:26px}.entry-sheet-actions{display:flex;justify-content:center;gap:22px;margin:3.5vh auto 0;width:min(440px,70vw)}.entry-round-button{position:relative;min-height:46px;flex:1;min-width:130px;max-width:260px;border:2px solid #c95e0b;border-radius:30px;padding:7px 20px;background:#ff7a10;color:#fff;font-size:clamp(17px,2.6vh,24px);line-height:1.35;overflow:hidden;box-shadow:0 3px 0 #0002,inset 0 1px 0 #fff8}.entry-round-button:after{content:'';position:absolute;width:65px;height:65px;border:12px solid #ffffff18;border-radius:50%;right:-6px;top:-6px}.entry-round-button.cyan{background:#13c5c8;border-color:#159d9d}.entry-round-button:disabled{background:#999a9c;border-color:#77797e;opacity:1;cursor:default}.entry-editions{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw;width:74%;max-width:1040px;margin:auto}.entry-edition{position:relative;min-height:56px;border-radius:35px;border:2px solid white;background:#fff;color:#4f4a59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 15px;overflow:hidden}.entry-edition:after{content:'';position:absolute;right:0;top:0;bottom:0;width:80px;background:radial-gradient(circle,#d4d0ed66 0 3px,transparent 3.5px) 0 0/13px 13px}.entry-edition[aria-checked=true]{border-color:#20c8c2;background:#f5ffff}.entry-edition strong{font-size:20px;font-weight:500;position:relative;z-index:1}.entry-edition small{font-size:11px;position:relative;z-index:1}.entry-confirm-copy{padding:7vh 12px;text-align:center;font-size:clamp(18px,2.7vh,27px);line-height:1.4;margin:0}.entry-confirm-actions{display:flex;justify-content:center;gap:22px;margin:0 auto;max-width:460px}.entry-dialog>h2{margin:0 -26px;background:radial-gradient(circle,#b897f755 0 3px,transparent 3.5px) 0 0/16px 16px,#6843bd;border-bottom:3px solid #5be7d9;color:white;text-align:center;font-size:27px;font-weight:500;padding:9px 48px;min-height:54px}
@media(max-height:480px){body.unite-login .utility-rail{gap:5px;bottom:36px;right:20px}body.unite-login .masthead{top:9vh}body.unite-login .entry-actions{bottom:30px;gap:4vw;width:57vw}body.unite-login .entry-open-login,body.unite-login .guest-button{min-height:46px;font-size:17px}.entry-secondary-links button{font-size:10px}.entry-sheet-title h2{font-size:18px}.entry-sheet-content{padding-top:16px;padding-bottom:16px}.entry-sheet-intro{margin-bottom:12px}.entry-legal-columns{width:80%;gap:6vw}.entry-legal-column{gap:8px}.entry-sheet-actions{margin-top:14px}.entry-dialog .login-heading{margin-bottom:10px!important}.entry-dialog .form-field{margin-bottom:8px!important}.entry-dialog .form-options{font-size:12px!important}.entry-dialog .form-message{font-size:12px}.entry-sheet-inner{padding-top:15vh}.entry-legal-link{font-size:16px}.entry-agreement{font-size:16px}.entry-confirm-copy{padding:5vh 12px}.entry-sheet-title .entry-crest{top:-18px;width:70px;height:70px}.entry-sheet-title h2{padding-left:15vw}}

body.unite-login .entry-brand-corner{width:17vw;height:78vh;clip-path:polygon(0 0,100% 0,0 100%)}body.unite-login .entry-brand-corner:after{clip-path:polygon(83% 0,100% 0,0 100%,0 77%);background:linear-gradient(#f5a232,#ed8826)}body.unite-login .hero-art:after{content:'';position:absolute;left:0;top:0;width:var(--entry-mark-right,18vw);height:var(--entry-mark-bottom,24vh);background:linear-gradient(110deg,#8950ef,#7944dc);clip-path:polygon(0 0,100% 0,97% 100%,0 100%)}body.unite-login .masthead{left:5vw;top:10vh}body.unite-login .brand{width:min(18vw,44vh)}

body.unite-login #cookieConsent{inset:auto auto 12px 50%;transform:translateX(-50%);width:min(760px,90vw);padding:15px 20px;background:#fffdf8;border:1px solid #d7cfe7;border-top:4px solid #6843bd;border-radius:12px;box-shadow:0 5px 24px #18243b55;backdrop-filter:none;font-family:inherit;color:#4d435d}body.unite-login .cc-copy strong{color:#52377e;font-size:16px;font-weight:600}body.unite-login .cc-copy{font-size:13px;line-height:1.45}body.unite-login .cc-copy a{color:#6843bd}body.unite-login .cc-actions button{font:500 14px/1.3 EntryUI,sans-serif;letter-spacing:0;min-height:44px}.unite-login .cc-allow{background:#ff7a10;color:#fff;border:1px solid #cc650e}.unite-login .cc-essential{background:#13bfc4;color:#fff;border:1px solid #129a9f}body.unite-login .entry-info-dialog #privacyChoices{color:#4c4464;background:#f1eff9;border:1px solid #dad4e5;min-height:44px;font:500 14px/1.4 EntryUI,sans-serif}

/* Keep localized title copy clear of the crest at compact landscape sizes. */
.entry-sheet-title h2{padding-left:calc(6.5vw + clamp(64px,14.6vh,112px) + 14px)}@media(max-height:480px){.entry-sheet-title h2{padding-left:calc(6.5vw + 84px);font-size:17px;line-height:1.15}}html:lang(ja) .entry-secondary-links button,html:lang(ja) body.unite-login .cc-actions button,html:lang(ja) body.unite-login .entry-info-dialog #privacyChoices{font-family:EntryJP,EntryUI,sans-serif}

.entry-sheet-title{direction:ltr}html[dir=rtl] .entry-sheet-title h2{direction:rtl}