/* Desktop composition. The existing form and consent flow retain ownership of auth. */
.desktop-entry-art,.desktop-entry-copy,.desktop-entry-caption,.desktop-entry-fx{display:none}
@media (min-width:1000px) and (pointer:fine) {
 body.unite-login.entry-desktop{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto;background:#13224c}
 body.unite-login.entry-desktop .hero{height:auto;min-height:max(650px,100svh);overflow:hidden}
 body.entry-desktop .hero-art{inset:-14px;transform:translate3d(var(--desktop-x,0px),var(--desktop-y,0px),0) scale(1.025);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}
 body.entry-desktop .hero-art img{object-position:50% 46%;filter:saturate(.95)}
 body.entry-desktop .hero:after{background:linear-gradient(90deg,#17215745,#28245365 55%,#24214580),linear-gradient(0deg,#111637e8 0%,#171e535c 50%,transparent 100%)}
 body.entry-desktop .hero-art:after{display:none}
 body.entry-desktop .entry-brand-corner{width:300px;height:230px;opacity:.88;clip-path:polygon(0 0,100% 0,67% 100%,0 100%)}
 body.entry-desktop .entry-brand-corner:after{clip-path:polygon(94% 0,100% 0,67% 100%,61% 100%)}
 body.entry-desktop .masthead{top:22px;left:34px;right:34px;pointer-events:none}
 body.entry-desktop .brand{width:218px;pointer-events:auto;filter:drop-shadow(0 5px 8px #13154055)}
 body.entry-desktop .masthead-tools{top:0;right:0;pointer-events:auto;display:flex;gap:12px}
 body.entry-desktop .edition-label{display:flex;min-height:40px;max-width:450px;font-size:13px;padding:8px 20px;background:#392565b8;border:1px solid #e5ceff70;border-radius:8px;clip-path:none;box-shadow:none;backdrop-filter:blur(12px)}
 body.entry-desktop .motion-button{width:40px;height:40px;background:#241b4ccc}
 body.entry-desktop .entry-actions{position:relative;inset:auto;transform:none;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(370px,.9fr);align-items:center;gap:clamp(38px,5vw,76px);width:calc(100% - 180px);max-width:1100px;min-height:max(650px,100svh);margin:0 auto;padding:144px 0 84px;direction:ltr}
 body.entry-desktop #entry-open-login{display:none}
 body.entry-desktop #auth-card{position:relative;inset:auto;grid-column:2;grid-row:1;display:block;width:100%;min-width:0;max-width:none;max-height:none;margin:0;padding:0 30px 28px;overflow:visible;direction:inherit;border:1px solid #e6c9ff;border-bottom:5px solid #e7ad36;border-radius:20px;background:linear-gradient(150deg,#fff,#f5f0ff);box-shadow:0 7px 0 #815322,0 11px 0 #16183a88,0 24px 75px #0d0b3890,inset 0 0 0 3px #fff;animation:desktop-arrive .7s ease-out both}
 html[dir=rtl] body.entry-desktop #auth-card{direction:rtl}
 body.entry-desktop #auth-card:before{inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle,#8964c91b 1px,transparent 1.5px) 0 0/12px 12px;mask-image:linear-gradient(145deg,#000,transparent 65%)}
 body.entry-desktop #auth-card:after{inset:4px;z-index:-1;border:1px solid #d5b6fa8c;border-radius:16px;height:auto;background:none}
 body.entry-desktop #auth-card>.entry-dialog-close{display:none}
 body.entry-desktop #auth-card .login-heading{min-height:92px;margin:-1px -31px 24px;padding:17px 26px;gap:15px;justify-content:flex-start;clip-path:none;border-radius:20px 20px 0 0;border:1px solid #c6a1ff;border-bottom:3px solid #63e2e1;background:radial-gradient(circle,#d7bcff24 2px,transparent 2.8px) 0 0/13px 13px,linear-gradient(115deg,#41218d,#8054d8);box-shadow:0 4px 0 #43248515}
 body.entry-desktop #auth-card .panel-emblem{display:grid;width:47px;height:55px;background:linear-gradient(#5b39a2,#382365);color:#ffe19a;border-color:#ffd25c;filter:drop-shadow(0 2px 0 #21143b)}
 body.entry-desktop #auth-card .login-kicker{display:block;font-size:12px;color:#eadcff;margin:0 0 4px}
 body.entry-desktop #auth-card h2{font-size:27px;line-height:1.2;font-weight:750;text-align:start;letter-spacing:-.5px}
 body.entry-desktop #auth-card .form-field{margin-bottom:18px}
 body.entry-desktop #auth-card .form-field>label{font-size:13px;font-weight:650;color:#44375e;margin-bottom:7px}
 body.entry-desktop #auth-card .input-shell{min-height:52px;border:1px solid #c9bddb;border-bottom:2px solid #baabd0;border-radius:9px;background:#fff;box-shadow:inset 0 2px 4px #42227006;transition:border-color .2s,box-shadow .2s}
 body.entry-desktop #auth-card .input-shell:focus-within{border-color:#9560d9;box-shadow:0 0 0 4px #a866ef20}
 body.entry-desktop #auth-card .input-shell input{height:50px;font-size:16px}
 body.entry-desktop #auth-card .input-shell>.icon{color:#8466b1}
 body.entry-desktop #auth-card .form-options{margin:3px 0 19px;gap:10px;font-size:12px}
 body.entry-desktop #auth-card .remember{color:#625773}
 body.entry-desktop #auth-card .text-button{color:#674297;font-weight:600}
 body.entry-desktop #auth-card .login-button{position:relative;isolation:isolate;overflow:hidden;min-height:56px;border:1px solid #bd98ef;border-bottom:3px solid #4b258c;border-radius:10px;background:linear-gradient(#9b69e9,#7443c1);box-shadow:inset 0 2px 0 #d8b6ff80,0 4px 0 #e4d8f2;font-size:20px;font-weight:700;color:#fff;transition:transform .2s,filter .2s}
 body.entry-desktop #auth-card .login-button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff3 48%,transparent 63%);transform:translateX(-160%);animation:desktop-sheen 7s 2s ease-in-out infinite;z-index:-1}
 body.entry-desktop #auth-card .login-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
 body.entry-desktop #auth-card .login-button:active{transform:translateY(2px)}
 body.entry-desktop .entry-actions>#starter-card{position:relative;grid-column:1;grid-row:1;align-self:center;flex:none;width:100%;max-width:none;padding:0 0 10px;margin:0;direction:ltr;text-align:center;animation:desktop-arrive .9s .08s ease-out both}
 html[dir=rtl] body.entry-desktop .entry-actions>#starter-card{direction:rtl}
 body.entry-desktop .desktop-entry-art{position:relative;display:block;height:clamp(165px,24vh,240px);width:100%;margin:0 auto 7px;pointer-events:none;isolation:isolate}
 body.entry-desktop .desktop-entry-art:before{content:'';position:absolute;z-index:-2;left:50%;top:50%;width:310px;height:150px;transform:translate(-50%,-34%) rotate(-12deg);background:radial-gradient(ellipse,#fff5bd66,#b187ff38 48%,transparent 72%);filter:blur(5px)}
 body.entry-desktop .desktop-entry-orbit{position:absolute;z-index:-1;left:50%;top:49%;width:clamp(188px,17vw,260px);aspect-ratio:1;border-radius:50%;border:2px solid #e4c9ff88;outline:1px solid #c5b0ff3b;outline-offset:9px;box-shadow:0 0 35px #b38cfe40,inset 0 0 35px #ffa34422;transform:translate(-50%,-50%) rotateX(55deg) rotate(-22deg);animation:desktop-orbit 16s linear infinite}
 body.entry-desktop .desktop-entry-orbit:before,body.entry-desktop .desktop-entry-orbit:after{content:'';position:absolute;inset:-6px;border:5px solid transparent;border-top-color:#ffde71;border-bottom-color:#72f0ff;border-radius:50%;filter:drop-shadow(0 0 6px #ffd460)}
 body.entry-desktop .desktop-entry-orbit:after{inset:24px;border-width:2px;border-top-color:#e6ceff;filter:none}
 body.entry-desktop .desktop-entry-pokemon{position:absolute;display:block;height:100%;width:auto;max-width:65%;object-fit:contain;filter:drop-shadow(0 12px 9px #14114066);will-change:transform;animation:desktop-float 5s ease-in-out infinite}
 body.entry-desktop .desktop-entry-pokemon--fire{left:5%;bottom:5%;height:95%;transform:rotate(-5deg);animation-delay:-2.2s}
 body.entry-desktop .desktop-entry-pokemon--electric{right:10%;bottom:-2%;height:99%;animation-delay:-.8s;filter:drop-shadow(0 12px 10px #15133688) drop-shadow(0 0 10px #ffe79526)}
 body.entry-desktop .desktop-entry-copy{position:relative;display:block;margin:0 auto 22px;color:white;max-width:540px}
 body.entry-desktop .desktop-entry-copy>span{display:inline-block;color:#ffe29a;font-size:12px;line-height:1.5;font-weight:650;letter-spacing:.6px;margin-bottom:9px;text-shadow:0 2px 6px #0d143d}
 body.entry-desktop .desktop-entry-copy h2{margin:0;font-size:clamp(32px,3.1vw,48px);line-height:1.12;font-weight:850;letter-spacing:-1px;text-shadow:0 3px 0 #232455,0 8px 24px #101335;white-space:pre-line}
 body.entry-desktop .desktop-entry-copy h2 em{color:#ffdd6b;font-style:normal}
 body.entry-desktop #btn-start-playing{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:88px;padding:13px 25px;gap:16px;display:flex;border:2px solid #ffe49c;border-bottom:4px solid #d36b10;border-radius:18px 6px 18px 6px;background:radial-gradient(circle,#fff5 1.5px,transparent 2px) right center/10px 10px,linear-gradient(135deg,#ffe16a 0%,#ffbd27 42%,#ff9129 100%);color:#492607;box-shadow:0 6px 0 #8c451e,0 9px 0 #20214177,0 17px 36px #0a14395e,inset 0 2px 0 #fff9;transition:transform .2s,box-shadow .2s,filter .2s;transform:none}
 body.entry-desktop #btn-start-playing:before{content:'';display:block;position:absolute;z-index:-1;inset:-50%;background:linear-gradient(110deg,transparent 38%,#fff7 48%,transparent 60%);animation:desktop-sheen 6s ease-in-out infinite;transform:translateX(-150%)}
 body.entry-desktop #btn-start-playing:after{content:'';display:block;position:absolute;z-index:-1;right:-8px;top:-33px;width:145px;height:145px;border:18px solid #fff2;border-radius:50%;background:linear-gradient(transparent 42%,#fff2 42% 54%,transparent 54%);transform:rotate(-25deg)}
 body.entry-desktop #btn-start-playing>.icon{display:block;width:34px;height:34px;color:#7d4713;filter:drop-shadow(0 1px 0 #fff7)}
 body.entry-desktop #btn-start-playing .guest-arrow{width:25px;height:25px}
 body.entry-desktop #btn-start-playing .guest-button-copy{flex:1;gap:4px}
 body.entry-desktop #btn-start-playing strong{font-size:clamp(24px,2.2vw,33px);line-height:1.15;font-weight:850;text-shadow:0 1px 0 #ffeb9c}
 body.entry-desktop #btn-start-playing small{display:block;color:#75400d;font-size:12px;font-weight:600}
 body.entry-desktop #btn-start-playing:hover{transform:translateY(-4px);filter:brightness(1.07);box-shadow:0 10px 0 #8c451e,0 13px 0 #20214177,0 20px 42px #ffaa3040,inset 0 2px 0 #fff9}
 body.entry-desktop #btn-start-playing:active{transform:translateY(3px);box-shadow:0 3px 0 #8c451e,0 6px 0 #20214177}
 body.entry-desktop .desktop-entry-caption{display:block;position:relative;margin:18px auto 0;max-width:420px;color:#eee6ff;font-size:12px;line-height:1.65;text-shadow:0 2px 5px #121334}
 body.entry-desktop .guest-message:not(:empty){position:relative;inset:auto;max-width:100%;margin:16px 0 0;padding:12px;border:1px solid #f4c4ab;background:#fff5e9;color:#8b322f;box-shadow:0 4px 16px #14204430}
 body.entry-desktop .utility-rail{right:24px;bottom:auto;top:50%;transform:translateY(-50%);gap:12px}
 body.entry-desktop .utility-rail a{background:#312450b3;border-color:#c4a6f7a0;backdrop-filter:blur(8px);transition:background .2s,transform .2s,box-shadow .2s}
 body.entry-desktop .utility-rail a:hover{background:#7750c9;box-shadow:0 0 20px #bd8aff66;transform:translateX(-3px)}
 body.entry-desktop .entry-secondary-links{bottom:16px;left:34px;gap:18px}
 body.entry-desktop .entry-secondary-links button{font-size:12px;color:#ded8f0;padding:4px 0;border-bottom:1px solid #e1d2f440;text-shadow:none}
 body.entry-desktop .entry-secondary-links button:hover{color:#ffdb86;border-color:#ffdb86}
 body.entry-desktop .hero-fx{opacity:.7}
 body.entry-desktop .hero-fx .energy-glow{opacity:.4;filter:none}
 body.entry-desktop .desktop-entry-fx{display:block;position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
 body.entry-desktop .desktop-entry-ray{position:absolute;left:18%;top:-40%;width:20%;height:160%;background:linear-gradient(90deg,transparent,#c5faff14,transparent);transform:rotate(28deg);animation:desktop-light 14s ease-in-out infinite}
 body.entry-desktop .desktop-entry-ray:nth-child(2){left:65%;width:10%;animation-delay:-7s}
 body.entry-desktop .desktop-entry-particle{position:absolute;left:var(--spark-x);top:var(--spark-y);width:var(--spark-size);height:var(--spark-size);border-radius:50%;background:#fff3bb;box-shadow:0 0 10px #ffd66f90;opacity:0;animation:desktop-spark var(--spark-time) var(--spark-delay) ease-in-out infinite}
 body.entry-desktop .desktop-entry-particle:nth-child(3n){background:#c6b9ff;box-shadow:0 0 10px #b68dff99}
 body.entry-desktop .desktop-entry-particle:nth-child(4n){border-radius:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
 body.entry-desktop[data-motion=paused] *,body.entry-desktop[data-motion=paused] *:before,body.entry-desktop[data-motion=paused] *:after,body.entry-desktop.motion-suspended *,body.entry-desktop.motion-suspended *:before,body.entry-desktop.motion-suspended *:after{animation-play-state:paused!important}
 body.entry-desktop[data-motion=paused] .hero-art,body.entry-desktop.motion-suspended .hero-art{transform:scale(1.025);transition:none}
 body.entry-desktop[data-motion=paused] :is(#auth-card,#starter-card){animation:none}
 @media(max-height:760px){body.entry-desktop .entry-actions{padding-top:116px;padding-bottom:62px}body.entry-desktop .desktop-entry-art{height:160px;margin-bottom:3px}body.entry-desktop .desktop-entry-copy{margin-bottom:16px}body.entry-desktop .desktop-entry-copy h2{font-size:36px}body.entry-desktop #auth-card{padding:0 26px 21px}body.entry-desktop #auth-card .login-heading{margin:0 -27px 20px;min-height:78px;padding:12px 23px}body.entry-desktop #auth-card .form-field{margin-bottom:13px}body.entry-desktop #auth-card .form-options{margin-bottom:13px}body.entry-desktop .brand{width:185px}body.entry-desktop .desktop-entry-caption{margin-top:14px}}
 @media(max-width:1150px){body.entry-desktop .entry-actions{width:calc(100% - 140px);grid-template-columns:minmax(370px,1.1fr) minmax(340px,1fr);gap:28px}body.entry-desktop .masthead{left:24px;right:24px}body.entry-desktop .utility-rail{right:16px}body.entry-desktop .desktop-entry-copy h2{font-size:34px}body.entry-desktop .desktop-entry-pokemon--fire{left:0}body.entry-desktop .desktop-entry-pokemon--electric{right:5%}body.entry-desktop #auth-card{padding-inline:24px}body.entry-desktop #auth-card .login-heading{margin-inline:-25px}body.entry-desktop .edition-label{max-width:350px;font-size:12px}}
}
@keyframes desktop-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes desktop-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes desktop-orbit{from{transform:translate(-50%,-50%) rotateX(55deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(55deg) rotate(360deg)}}
@keyframes desktop-sheen{0%,65%{transform:translateX(-150%)}90%,100%{transform:translateX(150%)}}
@keyframes desktop-spark{0%,100%{opacity:0;transform:translate3d(0,30px,0) scale(.5)}20%,65%{opacity:.8}90%{opacity:0;transform:translate3d(18px,-95px,0) scale(1.1)}}
@keyframes desktop-light{0%,100%{opacity:.2;transform:translateX(-50px) rotate(28deg)}50%{opacity:.9;transform:translateX(70px) rotate(28deg)}}
@media(prefers-reduced-motion:reduce){body.entry-desktop *,body.entry-desktop *:before,body.entry-desktop *:after{animation:none!important;transition:none!important}body.entry-desktop .hero-art{transform:none!important}body.entry-desktop .desktop-entry-particle{opacity:.45}}
