.login-transition{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;box-sizing:border-box;overflow:auto;background:radial-gradient(ellipse at 50% 47%,#173e4cdd 0,#061722f5 43%,#02070dfc 85%),#020a12;color:#ebdfbf;font-family:system-ui,sans-serif;isolation:isolate}
.login-transition::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 24%,#8bcccf0b 24.1%,transparent 24.4%,transparent 74%,#d0b56f0a 74.1%,transparent 74.4%);opacity:.7}
.login-transition-noise{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.11;background:repeating-linear-gradient(0deg,#02090f 0,#02090f 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 180px 40px #0009}
.login-transition-monitor{position:relative;width:min(720px,100%);box-sizing:border-box;border:1px solid #b39a5e;background:linear-gradient(160deg,#102a35e8,#07121df5);box-shadow:0 0 0 6px #040e18,0 0 0 7px #76623a,0 22px 110px #000b,inset 0 0 70px #1c77891a;animation:fa-entry-reveal .24s ease-out both}
.login-transition-monitor::before,.login-transition-monitor::after{content:'';position:absolute;width:40px;height:40px;pointer-events:none;border-color:#efda98;z-index:2}
.login-transition-monitor::before{left:-3px;top:-3px;border-top:3px solid;border-left:3px solid}
.login-transition-monitor::after{right:-3px;bottom:-3px;border-right:3px solid;border-bottom:3px solid}
.login-transition-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px;border-bottom:1px solid #a38a4c55;background:#050e17a1;color:#e3cb8c;font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.16em}
.login-transition-confirmed{color:#72d3d7;font-size:9px;letter-spacing:.13em}
.login-transition-confirmed::before{content:'●';padding-right:8px;font-size:7px}
.login-transition-inner{padding:28px 50px 22px;text-align:center}
.login-transition-sigil{position:relative;display:grid;place-items:center;margin:0 auto 22px;width:116px;height:116px;background:radial-gradient(circle,#76e0df15 0,transparent 66%)}
.login-transition-sigil img{width:48px;height:56px;object-fit:contain;filter:drop-shadow(0 0 15px #4ec7d155)}
.login-transition-sigil i{position:absolute;inset:0;border:1px solid #8fd9d330;border-top-color:#80dadd;border-bottom-color:#ceb775;border-radius:50%;animation:fa-entry-orbit 5s linear infinite}
.login-transition-sigil i+ i{inset:10px;border:1px dashed #bba36488;animation-direction:reverse;animation-duration:9s}
.login-transition-kicker{margin:0 0 9px;color:#bca66e;font-size:9px;letter-spacing:.22em}
.login-transition h1{margin:0;color:#f4e6bd;font:400 clamp(32px,5vw,50px)/1.15 Georgia,serif;letter-spacing:.015em}
.login-transition-humor{min-height:23px;margin:13px 0 26px;color:#bccdd0;font:13px/1.6 system-ui,sans-serif}
.login-transition-track{height:12px;position:relative;margin:0 0 11px;background:#020b12;border:1px solid #6c664b66;padding:2px}
.login-transition-track>span{display:block;width:var(--entry-progress,0%);height:100%;background:linear-gradient(90deg,#3d8a95,#80d6d7 72%,#ebcf80);box-shadow:0 0 10px #67ccd455;max-width:100%}
.login-transition-readout{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#c6bd9b;letter-spacing:.06em}
.login-transition-counter{font-variant-numeric:tabular-nums;color:#8eced1}
.login-transition-note{font-size:10px;line-height:1.6;color:#819ba8;margin:18px 0 0}
.login-transition footer{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-top:1px solid #a38a4c33;background:#040e18a1}
.login-transition-footer-mark{letter-spacing:.4em;color:#826f42;font-size:11px}
.login-transition .login-transition-skip{width:auto;min-height:34px;padding:7px 11px;border:1px solid #77704c;background:#0c2330;color:#e4d2a4;border-radius:2px;font:500 11px/1.3 system-ui,sans-serif;cursor:pointer}
.login-transition .login-transition-skip:hover{background:#173e4b;border-color:#bda268;color:#fff0c5}
.login-transition .login-transition-skip:focus-visible{outline:2px solid #72d6df;outline-offset:4px}
.login-transition-skip kbd{display:inline-block;margin-left:8px;border:1px solid #687272;padding:1px 4px;color:#96b4be;font:9px/1.3 system-ui,sans-serif}
.login-transition[data-motion=quiet] .login-transition-monitor,.login-transition[data-motion=quiet] .login-transition-sigil i{animation:none}
@keyframes fa-entry-orbit{to{transform:rotate(360deg)}}
@keyframes fa-entry-reveal{from{opacity:.2;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:520px){.login-transition{padding:17px}.login-transition-inner{padding:24px 23px 19px}.login-transition-bar{padding:13px 15px;font-size:8px;letter-spacing:.1em}.login-transition-confirmed{font-size:7px}.login-transition-sigil{width:96px;height:96px;margin-bottom:16px}.login-transition-humor{font-size:12px;min-height:39px;margin-bottom:20px}.login-transition-note{font-size:10px}.login-transition footer{padding:10px 14px}}
@media(max-height:650px){.login-transition-inner{padding-top:17px;padding-bottom:15px}.login-transition-sigil{width:83px;height:83px;margin-bottom:12px}.login-transition-sigil img{width:38px;height:44px}.login-transition-humor{margin:9px 0 17px}.login-transition-note{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.login-transition *{animation:none!important;transition:none!important}}

/* The entrance is a tiny, optional playground inside its own cinematic monitor. */
.login-transition{padding:22px;overflow:hidden;background:radial-gradient(ellipse at 18% 20%,#194a5466,transparent 48%),radial-gradient(ellipse at 82% 73%,#5b29463d,transparent 50%),#020b13}
.login-transition::before{background:radial-gradient(ellipse at 50% 0,#66ccd71a,transparent 65%),linear-gradient(125deg,transparent 28%,#7ed9cf08 28.1%,transparent 28.6%,transparent 73%,#d6b36c08 73.1%,transparent 73.6%);opacity:1}
.login-transition-noise{z-index:10;opacity:.025;box-shadow:inset 0 0 170px 35px #0006}
.login-transition-monitor{display:flex;flex-direction:column;width:min(1000px,100%);max-height:calc(100dvh - 44px);min-height:0;border-color:#bca56a;border-radius:5px;background:linear-gradient(140deg,#14313dcc,#071520f7);box-shadow:0 0 0 5px #030d16,0 0 0 6px #7e6b42,0 25px 110px #000b,0 0 65px #2898a624,inset 0 0 50px #3489950c;overflow:visible}
.login-transition-bar{flex:none;position:relative;z-index:5;min-height:43px;padding:11px 20px;box-sizing:border-box;background:linear-gradient(90deg,#07131fee,#0c2531e8);font-size:10px;letter-spacing:.16em;border-radius:4px 4px 0 0}
.login-transition-confirmed{color:#89e2d4;font-size:9px}
.login-transition-inner{display:flex;flex-direction:column;gap:9px;min-height:0;box-sizing:border-box;padding:18px 28px 15px;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7ba7a3 #0a1b26;text-align:center}
.login-transition-kicker{flex:none;margin:0;font-size:8px;letter-spacing:.21em;color:#c2b17c}
.login-transition h1{flex:none;margin:0;font:400 clamp(28px,3.6vw,43px)/1.12 Georgia,serif;color:#f7e9c6;letter-spacing:-.02em;text-shadow:0 2px 17px #0006}
.login-transition-humor{flex:none;min-height:0;margin:0;color:#adc9cd;font:12px/1.6 system-ui,sans-serif}
.login-transition-scoreboard{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex:none;gap:12px 30px;min-height:32px;margin:0;padding:4px 10px;color:#adc7cc;font:11px/1.4 system-ui,sans-serif}
.login-transition-score{color:#f0d68f;font:700 21px/1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 0 16px #d9b87822}
.login-transition-combo{min-width:85px;color:#8ce2d0;font:600 13px/1.5 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.login-transition-boost{min-width:110px;color:#e4b0ca;font:11px/1.5 system-ui,sans-serif}
.login-transition-arena{position:relative;isolation:isolate;flex:none;width:100%;height:300px;min-height:240px;box-sizing:border-box;overflow:hidden;touch-action:manipulation;border:1px solid #7cafa388;border-radius:16px;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,40%),#2d6b794d,transparent 60%),linear-gradient(180deg,#102a3d,#123b48 62%,#153841);box-shadow:inset 0 1px #d7f7e820,inset 0 -30px 60px #09262a66,0 6px 24px #0004;transition:border-color .18s,box-shadow .18s}
.login-transition-arena::before{content:'';position:absolute;z-index:0;left:calc(50% - 88px);top:calc(51% - 88px);width:176px;height:176px;border:1px solid #c6d8ad26;border-radius:50%;box-shadow:inset 0 0 0 12px #163e4929,inset 0 0 0 13px #abd6c819,0 0 0 26px #a6e7db06,0 0 0 27px #a6e7db0d;pointer-events:none;animation:entry-rune-drift 7s linear infinite}
.login-transition-arena::after{content:'';position:absolute;left:0;right:0;bottom:0;height:75px;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#38897d36,transparent 67%),linear-gradient(180deg,transparent,#071e2999)}
.login-transition-aurora{position:absolute;z-index:0;left:-15%;top:-62px;width:130%;height:174px;border-radius:50%;background:conic-gradient(from 180deg at 50% 0,#47b9c600,#75e7b739,#e7bca72e,#b87fac21,#3d8dba00);filter:blur(19px);opacity:.85;transform:rotate(-8deg);pointer-events:none;animation:entry-aurora-wander 5.8s ease-in-out infinite alternate}
.login-transition-stars{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.65;background:radial-gradient(circle at 12% 18%,#ffe6a9 0 1px,transparent 2px),radial-gradient(circle at 29% 36%,#a1f1de 0 1px,transparent 2px),radial-gradient(circle at 67% 15%,#f7c6e0 0 1px,transparent 2px),radial-gradient(circle at 83% 51%,#d3ecff 0 1px,transparent 2px),radial-gradient(circle at 53% 47%,#f3d99b 0 1px,transparent 2px),radial-gradient(circle at 39% 11%,#b9e9e5 0 1px,transparent 2px);background-size:263px 183px,317px 233px,389px 191px,251px 229px,337px 217px,433px 251px;animation:entry-starlight-drift 5s ease-in-out infinite alternate}
.login-transition-ground{position:absolute;left:4%;right:4%;bottom:25px;z-index:2;height:7px;border-top:1px solid #d5f4d360;border-radius:50%;background:linear-gradient(90deg,transparent,#79cab355 13%,#a3e3ba8c 50%,#79cab355 87%,transparent);box-shadow:0 0 18px #87d9ba20,0 7px 22px #011d2580}
.login-transition-ground::before{content:'';position:absolute;left:7%;right:7%;top:14px;height:1px;opacity:.45;background:repeating-linear-gradient(90deg,transparent 0 29px,#9bc5b7 30px 43px,transparent 44px 65px)}
.login-transition-targets,.login-transition-particles{position:absolute;inset:0;pointer-events:none}
.login-transition-targets{z-index:5}
.login-transition-particles{z-index:7;overflow:hidden}
.login-transition-arena :is(.login-transition-balloon,.login-transition-spark,.login-transition-runner){position:absolute;appearance:none;-webkit-appearance:none;box-sizing:border-box;padding:0;margin:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto}
.login-transition-balloon{left:var(--target-x,30%);top:var(--target-y,25%);width:58px;height:82px;transform:translate(-50%,-42%);z-index:2;filter:drop-shadow(0 5px 9px #03182344)}
.login-transition-balloon .balloon-orb{position:absolute;left:5px;top:0;width:48px;height:56px;border-radius:48% 48% 47% 47%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--target-color,#75dbce) 65%,#fff);background:radial-gradient(ellipse at 30% 22%,#ffffffb3,transparent 31%),linear-gradient(135deg,color-mix(in srgb,var(--target-color,#75dbce) 88%,#fff),var(--target-color,#75dbce) 65%,color-mix(in srgb,var(--target-color,#75dbce) 72%,#124052));box-shadow:inset -7px -5px 12px #173d4b24,inset 2px 2px 4px #fff3,0 0 16px color-mix(in srgb,var(--target-color,#75dbce) 16%,transparent);transform-origin:50% 100%;animation:entry-balloon-sway 2.8s ease-in-out infinite alternate}
.login-transition-balloon .balloon-orb::after{content:'';position:absolute;left:19px;bottom:-5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--target-color,#75dbce)}
.login-transition-balloon .balloon-string{position:absolute;left:26px;top:59px;width:8px;height:22px;border-left:1px solid #d1e7d58c;border-radius:50%;transform:rotate(-9deg);pointer-events:none}
.login-transition-balloon:nth-child(2n) .balloon-orb{animation-delay:-1.2s;animation-duration:3.2s}
.login-transition-balloon:nth-child(3n) .balloon-orb{animation-delay:-.6s;animation-duration:2.5s}
.login-transition-balloon:hover .balloon-orb{filter:brightness(1.15);box-shadow:0 0 21px color-mix(in srgb,var(--target-color,#75dbce) 37%,transparent)}
.login-transition-arena .login-transition-balloon[data-popped=true],.login-transition-arena .login-transition-spark[data-popped=true]{pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .16s,transform .16s}
.login-transition-spark{left:var(--target-x,45%);top:var(--target-y,70%);width:44px;height:44px;transform:translate(-50%,-50%);z-index:3;color:var(--target-color,#f1d48b);font:400 30px/44px Georgia,serif;text-shadow:0 0 15px var(--target-color,#f1d48b);animation:entry-spark-breathe 2.6s ease-in-out infinite alternate}
.login-transition-spark::before{content:'';position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--target-color,#f1d48b) 42%,transparent);border-radius:4px;transform:rotate(45deg);box-shadow:0 0 16px color-mix(in srgb,var(--target-color,#f1d48b) 14%,transparent)}
.login-transition-spark:hover{filter:brightness(1.25)}
.login-transition-arena .login-transition-runner{z-index:4;left:var(--runner-x,50%);bottom:32px;width:72px;height:83px;transform:translate(-50%,calc(-1 * var(--jump-y,0px))) rotate(var(--runner-tilt,0deg)) scaleY(var(--runner-squash,1));transform-origin:50% 100%;outline-offset:5px;filter:drop-shadow(0 4px 4px #001c2840)}
.login-transition-runner .runner-handle{position:absolute;left:24px;top:7px;width:25px;height:18px;box-sizing:border-box;border:4px solid #e5d4a4;border-bottom:0;border-radius:9px 9px 0 0;box-shadow:inset 0 1px #fff8,0 -1px 4px #1a344b55}
.login-transition-runner .runner-case{position:absolute;left:9px;right:8px;top:23px;height:46px;border:2px solid #e3c78e;border-radius:12px 12px 10px 10px;background:linear-gradient(135deg,#efc697,#e3a282 48%,#bc829a);box-shadow:inset 0 2px #fff4,inset -4px -4px #76476b22,0 2px 0 #244a57;isolation:isolate}
.login-transition-runner .runner-case::before{content:'';position:absolute;left:6px;top:0;bottom:0;width:5px;border-left:1px solid #f8e0a780;border-right:1px solid #80665a33;background:#c8a27642;pointer-events:none}
.login-transition-runner .runner-case::after{content:'';position:absolute;right:5px;top:0;bottom:0;width:5px;border-left:1px solid #f8e0a780;border-right:1px solid #80665a33;background:#c8a27642;pointer-events:none}
.login-transition-runner .runner-eye{position:absolute;top:10px;width:9px;height:12px;border-radius:50%;background:#fff5d7;box-shadow:0 1px 2px #6c535844;animation:entry-case-blink 5s linear infinite}
.login-transition-runner .runner-eye::after{content:'';position:absolute;left:3px;top:4px;width:4px;height:6px;border-radius:50%;background:#173c4a}
.login-transition-runner .runner-eye-left{left:14px}
.login-transition-runner .runner-eye-right{right:12px}
.login-transition-runner .runner-mouth{position:absolute;left:22px;top:24px;width:12px;height:7px;border-bottom:2px solid #344958;border-radius:0 0 50% 50%}
.login-transition-runner .runner-rune{position:absolute;left:21px;bottom:-6px;z-index:1;width:14px;height:14px;border:1px solid #e3d8aa;border-radius:4px;background:#2a8b95;color:#fff0be;font:700 10px/12px Georgia,serif;box-shadow:0 0 12px #67d5cf66}
.login-transition-runner .runner-boot{position:absolute;bottom:0;width:20px;height:16px;border:1px solid #78b7b4;border-radius:5px 5px 7px 7px;background:linear-gradient(135deg,#2d7380,#194c5e);box-shadow:inset 0 2px #cae3cb22;transform-origin:50% 0;animation:entry-case-step .48s ease-in-out infinite alternate}
.login-transition-runner .runner-boot-left{left:13px;transform:rotate(8deg)}
.login-transition-runner .runner-boot-right{right:11px;animation-delay:-.48s}
.login-transition-runner .runner-shadow{position:absolute;left:5px;bottom:-8px;width:64px;height:9px;border-radius:50%;background:#011b2580;filter:blur(2px);opacity:.75;pointer-events:none;z-index:-1}
.login-transition-runner[data-airborne=true] .runner-boot-left{animation:none;transform:rotate(18deg)}
.login-transition-runner[data-airborne=true] .runner-boot-right{animation:none;transform:rotate(-16deg)}
.login-transition-runner[data-airborne=true] .runner-shadow{opacity:.25;transform:scale(.65)}
.login-transition-runner[data-combo="4"] .runner-rune,.login-transition-runner[data-combo="5"] .runner-rune,.login-transition-runner[data-combo="6"] .runner-rune,.login-transition-runner[data-combo="7"] .runner-rune,.login-transition-runner[data-combo="8"] .runner-rune{background:#ca8ab1;box-shadow:0 0 18px #f2b3d088}
.login-transition-arena :is(.login-transition-balloon,.login-transition-spark,.login-transition-runner):focus-visible{outline:2px solid #e6ecc3;outline-offset:4px;border-radius:12px}
.entry-particle{position:absolute;left:var(--particle-x,50%);top:var(--particle-y,50%);display:block;width:8px;height:8px;border-radius:50%;background:var(--particle-color,#f0d58d);color:var(--particle-color,#f0d58d);pointer-events:none;opacity:0;transform:translate(-50%,-50%);animation:entry-particle-fly var(--particle-life,700ms) ease-out forwards;will-change:transform,opacity}
.entry-particle[data-kind=star]{width:14px;height:14px;border-radius:0;clip-path:polygon(50% 0,61% 34%,100% 50%,65% 61%,50% 100%,37% 65%,0 50%,35% 37%)}
.entry-particle[data-kind=confetti]{width:6px;height:12px;border-radius:1px;box-shadow:0 0 4px currentColor}
.entry-particle[data-kind=dust]{width:9px;height:9px;filter:blur(1px);opacity:.55}
.entry-particle[data-kind=trail]{width:18px;height:4px;border-radius:8px;filter:blur(.3px)}
.entry-particle[data-kind=ring]{width:40px;height:15px;border:2px solid currentColor;border-radius:50%;background:none;box-shadow:0 0 10px #9ee5cf33;animation-name:entry-ring-out}
.entry-particle[data-kind=rune]{width:17px;height:17px;border:1px solid currentColor;border-radius:2px;background:none;box-shadow:inset 0 0 7px #a9f1dd1a}
.entry-particle[data-kind=rune]::after{content:'✧';display:block;font:14px/15px Georgia,serif;text-align:center}
.entry-particle[data-kind=streak]{width:29px;height:2px;border-radius:8px;box-shadow:0 0 6px currentColor}
.login-transition[data-hit=gold] .login-transition-arena{border-color:#dccd91;box-shadow:inset 0 1px #e1eaba44,inset 0 -30px 60px #1c434844,0 0 22px #d6c58b22}
.login-transition[data-hit=cyan] .login-transition-arena{border-color:#86e0da;box-shadow:inset 0 1px #d7f7e840,inset 0 -30px 60px #113e4b55,0 0 24px #65d8df22}
.login-transition-instructions{flex:none;margin:0;color:#c0d4cf;font:11px/1.6 system-ui,sans-serif}
.login-transition-instructions kbd{padding:1px 4px;border:1px solid #72939366;border-radius:3px;background:#0a2431;color:#eddfb4;font:10px/1.4 system-ui,sans-serif}
.login-transition-track{flex:none;height:10px;padding:0;margin:3px 0 0;border:0;border-radius:8px;background:#040e18;overflow:hidden;box-shadow:inset 0 1px 3px #0005}
.login-transition-track>span{position:relative;border-radius:8px;background:linear-gradient(90deg,#327e92,#73d7cf 55%,#e2d394);box-shadow:0 0 15px #78e0d355}
.login-transition-track>span::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,#fff6 50%,transparent 85%);background-size:120px 100%;animation:entry-progress-glimmer 2.7s linear infinite}
.login-transition-readout{flex:none;margin:0;font-size:9px;letter-spacing:.04em;line-height:1.5;color:#aebcaa}
.login-transition-counter{color:#92d8d2}
.login-transition-note{flex:none;margin:0;color:#7e9aa7;font:9px/1.5 system-ui,sans-serif}
.login-transition-style-label{display:inline-block;margin:0;color:#a5e0d5;font-weight:600;letter-spacing:.1em}
.login-transition-objective{display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;margin:0 0 0 8px;padding:4px 9px;border:1px solid #b4c38b35;border-radius:5px;background:linear-gradient(100deg,#28626b29,#aa905e14);color:#e3d8aa;font:600 10px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}
.login-transition[data-play-style=balloons] .login-transition-balloon .balloon-orb{box-shadow:inset -8px -5px #182e3a22,inset 5px 4px #fff3,0 0 17px #e3cc9a24}
.login-transition[data-play-style=jump] .login-transition-runner .runner-case{border-color:#fff0b3;box-shadow:inset 0 2px #fff6,inset -4px -4px #76476b22,0 0 18px #e7c58755,0 2px 0 #244a57}
.login-transition[data-play-style=jump] .login-transition-ground{filter:drop-shadow(0 0 7px #d8c68450)}
.login-transition[data-play-style=sparks] .login-transition-spark{color:#a8f2dc;text-shadow:0 0 13px #7de0c869,0 0 25px #63b9bd3b}
.login-transition[data-play-style=sparks] .login-transition-objective{border-color:#94d2c654;color:#bee9d7;background:linear-gradient(100deg,#2d7d742e,#94cbb414)}
.login-transition-hurdle{position:absolute;z-index:2;left:var(--hurdle-x,50%);bottom:32px;width:22px;height:24px;box-sizing:border-box;border:1px solid #bfa675;border-radius:8px 8px 4px 4px;background:linear-gradient(135deg,#948259,#5b614e 60%,#3a5753);color:#e9d5a5;box-shadow:inset 0 2px #f2dfb345,0 3px 0 #09232c;font:15px/22px Georgia,serif;text-align:center;pointer-events:none;transform:translateX(-50%);transition:opacity .22s,transform .22s}
.login-transition-hurdle::after{content:'◇';display:block;transform:scaleX(.7);text-shadow:0 0 6px #d6d7a34d}
.login-transition-hurdle[data-result=cleared]{opacity:.22;transform:translateX(-50%) scale(.75)}
.login-transition-hurdle[data-result=bumped]{opacity:.6;transform:translateX(-50%) rotate(-14deg)}
.login-transition footer{position:relative;z-index:12;display:flex;flex:none;align-items:center;justify-content:space-between;gap:15px;min-height:59px;box-sizing:border-box;padding:9px 19px;border-top:1px solid #aa925b4d;border-radius:0 0 4px 4px;background:#06131ff7}
.login-transition-footer-mark{color:#ad9571;font-size:11px;letter-spacing:.24em}
.login-transition .login-transition-skip{position:relative;z-index:20;flex:none;min-width:158px;min-height:40px;margin:0;padding:10px 14px;border:1px solid #a7905d;border-radius:4px;background:linear-gradient(115deg,#193d4b,#102b39);color:#f0dfb4;font:600 12px/1.3 system-ui,sans-serif;box-shadow:inset 0 1px #e3d3a814;white-space:nowrap}
.login-transition .login-transition-skip:hover{border-color:#d1bd80;background:linear-gradient(115deg,#255765,#173b4a);color:#fff1c9}
.login-transition .login-transition-skip:focus-visible{outline:3px solid #8de2d7;outline-offset:3px}
.login-transition-skip kbd{margin-left:8px;border-color:#789b9b77;color:#b1d2cd;font-size:9px}
@keyframes entry-aurora-wander{from{transform:translateX(-2%) rotate(-9deg);opacity:.65}to{transform:translateX(3%) rotate(-4deg);opacity:.9}}
@keyframes entry-starlight-drift{from{transform:translateY(0);opacity:.45}to{transform:translateY(-7px);opacity:.75}}
@keyframes entry-rune-drift{to{transform:rotate(34deg)}}
@keyframes entry-balloon-sway{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-5px) rotate(4deg)}}
@keyframes entry-spark-breathe{from{opacity:.75;filter:drop-shadow(0 0 2px #e7cc9544)}to{opacity:1;filter:drop-shadow(0 0 8px #e7cc9566)}}
@keyframes entry-case-blink{0%,89%,94%,100%{transform:scaleY(1)}91%{transform:scaleY(.15)}}
@keyframes entry-case-step{from{transform:translateY(0) rotate(-7deg)}to{transform:translateY(-3px) rotate(9deg)}}
@keyframes entry-particle-fly{0%{opacity:.95;transform:translate(-50%,-50%) scale(.6) rotate(0)}75%{opacity:.7}100%{opacity:0;transform:translate(calc(-50% + var(--particle-dx,0px)),calc(-50% + var(--particle-dy,-30px))) scale(.3) rotate(150deg)}}
@keyframes entry-ring-out{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(calc(-50% + var(--particle-dx,0px)),calc(-50% + var(--particle-dy,0px))) scale(2.1)}}
@keyframes entry-progress-glimmer{from{background-position:-120px 0}to{background-position:180px 0}}
@media(min-width:900px) and (min-height:850px){.login-transition-arena{height:330px}.login-transition-inner{padding:23px 35px 19px;gap:11px}.login-transition h1{font-size:45px}}
@media(max-height:800px){.login-transition{padding:17px}.login-transition-monitor{max-height:calc(100dvh - 34px)}.login-transition-inner{padding:14px 24px 12px;gap:7px}.login-transition h1{font-size:34px}.login-transition-arena{height:260px;min-height:230px}.login-transition-scoreboard{padding:2px 10px;min-height:28px}.login-transition-humor{font-size:11px}.login-transition-note{display:none}.login-transition footer{min-height:55px}}
@media(max-width:520px){.login-transition{padding:13px}.login-transition-monitor{width:100%;max-height:calc(100dvh - 26px)}.login-transition-bar{padding:11px 12px;min-height:41px;font-size:8px;letter-spacing:.1em}.login-transition-confirmed{font-size:7px;letter-spacing:.06em}.login-transition-confirmed::before{padding-right:5px}.login-transition-inner{padding:17px 13px 12px;gap:9px}.login-transition-kicker{font-size:7px;letter-spacing:.14em}.login-transition h1{font-size:29px}.login-transition-humor{font-size:11px;min-height:0}.login-transition-scoreboard{gap:8px 13px;padding:1px 0;min-height:29px}.login-transition-score{font-size:19px}.login-transition-combo{min-width:65px;font-size:11px}.login-transition-boost{min-width:80px;font-size:10px}.login-transition-arena{height:270px;min-height:240px;border-radius:12px}.login-transition-balloon{width:48px;height:74px}.login-transition-balloon .balloon-orb{left:3px;width:42px;height:50px}.login-transition-balloon .balloon-orb::after{left:16px}.login-transition-balloon .balloon-string{left:22px;top:53px;height:20px}.login-transition-spark{width:42px;height:42px;font-size:28px;line-height:42px}.login-transition-runner .runner-case{box-shadow:inset 0 2px #fff4,inset -4px -4px #76476b22,0 2px 0 #244a57}.login-transition-instructions{font-size:10px;line-height:1.7}.login-transition-readout{font-size:8px;gap:8px;letter-spacing:0}.login-transition-note{font-size:8px}.login-transition footer{min-height:62px;padding:9px 12px;gap:10px}.login-transition-footer-mark{font-size:9px;letter-spacing:.15em}.login-transition .login-transition-skip{min-width:155px;min-height:44px;padding:10px 11px;font-size:11px}}
.login-transition[data-motion=quiet] .login-transition-monitor,.login-transition[data-motion=quiet] .login-transition-arena *,.login-transition[data-motion=quiet] .login-transition-arena::before,.login-transition[data-motion=quiet] .login-transition-track>span::after{animation:none!important;transition:none!important}
.login-transition[data-motion=quiet] .login-transition-particles{display:none}
@media(max-width:520px){.login-transition-objective{display:block;width:fit-content;margin:5px auto 0;padding:3px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.login-transition *,.login-transition *::before,.login-transition *::after{animation:none!important;transition:none!important}.login-transition-particles{display:none}}

/* Explain the optional playground before asking the player to interact. */
.login-transition-inner{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;row-gap:10px;scroll-padding-top:56px}
.login-transition-inner>*{grid-column:1/-1;min-width:0;order:5}
.login-transition-inner>.login-transition-kicker{order:0}
.login-transition-inner>h1{order:1}
.login-transition-inner>.login-transition-welcome{order:2}
.login-transition-inner>.login-transition-controls{order:3}
.login-transition-inner>.login-transition-readout{order:4}
.login-transition-inner>.login-transition-humor{order:5}
.login-transition-inner>.login-transition-scoreboard{order:6}
.login-transition-inner>.login-transition-arena{order:7}
.login-transition-inner>.login-transition-instructions{order:8}
.login-transition-inner>.login-transition-track{order:9}
.login-transition-inner>.login-transition-note{order:10}
.login-transition-inner>.login-transition-return-hint{order:11}
.login-transition-inner>.login-transition-lounge-host{order:12}
.login-transition-welcome{box-sizing:border-box;margin:0;padding:11px 14px;border:1px solid #82bdb340;border-left:3px solid #89c9ba;border-radius:7px;background:linear-gradient(105deg,#3c86791b,#15344312);text-align:left;overflow-wrap:anywhere}
.login-transition-welcome strong{display:block;margin:0;color:#f0e5c7;font:600 14px/1.55 system-ui,sans-serif;letter-spacing:0}
.login-transition-welcome p{margin:4px 0 0;color:#bfd4d2;font:12px/1.65 system-ui,sans-serif}
.login-transition-controls{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;min-width:0}
.login-transition-controls :is(.login-transition-stay,.login-transition-next){appearance:none;box-sizing:border-box;min-width:0;min-height:44px;margin:0;padding:10px 15px;border:1px solid #a49469;border-radius:6px;background:linear-gradient(120deg,#193c49,#102c3a);color:#e8dbb6;font:600 12px/1.45 system-ui,sans-serif;letter-spacing:0;white-space:normal;text-align:center;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 1px #e4dbb11a;transition:background .16s,border-color .16s}
.login-transition-controls .login-transition-stay{border-color:#9dd4c4;background:linear-gradient(125deg,#94d9c8,#71b9bd);color:#0b3442;box-shadow:inset 0 1px #f0ffe875}
.login-transition-controls .login-transition-stay:hover:not(:disabled){border-color:#d3efca;background:linear-gradient(125deg,#ade6d2,#8accce)}
.login-transition-controls .login-transition-next:hover:not(:disabled){border-color:#d4c188;background:linear-gradient(120deg,#28515c,#183c49);color:#fff0c9}
.login-transition-controls :is(.login-transition-stay,.login-transition-next):focus-visible{outline:3px solid #a8e4d5;outline-offset:3px}
.login-transition-controls :is(.login-transition-stay,.login-transition-next):disabled{cursor:default;opacity:.66}
.login-transition[data-held=true] .login-transition-stay:disabled,.login-transition[data-mode=replay] .login-transition-stay:disabled{opacity:1;border-color:#92b9ae;background:#254c51;color:#c8e5d5;box-shadow:none}
.login-transition-readout{position:sticky;top:-1px;z-index:11;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:37px;box-sizing:border-box;margin:0;padding:8px 12px;border:1px solid #78968c55;border-radius:6px;background:#102b37;box-shadow:0 3px 10px #00101c26;letter-spacing:0;text-align:left}
.login-transition-status{display:block;min-width:0;color:#d4e4d4;font:500 12px/1.55 system-ui,sans-serif;overflow-wrap:anywhere}
.login-transition-counter{flex:none;color:#a2c3c0;font:10px/1.5 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.login-transition[data-held=true] .login-transition-readout,.login-transition[data-mode=replay] .login-transition-readout{border-color:#94c9b977;background:#173b43}
.login-transition[data-held=true] .login-transition-status,.login-transition[data-mode=replay] .login-transition-status{color:#d9edda}
.login-transition-note{display:block;margin:0;color:#a7bdc3;font:11px/1.65 system-ui,sans-serif;overflow-wrap:anywhere}
.login-transition-return-hint{margin:0;color:#aac3c8;font:11px/1.65 system-ui,sans-serif;letter-spacing:0;overflow-wrap:anywhere}
.login-transition-return-hint strong{color:#dfd2ad;font-weight:600}
.login-transition footer{flex:none;flex-wrap:wrap;min-height:64px;gap:10px 18px}
.login-transition footer>.login-transition-return-hint{flex:1 1 240px;min-width:0;text-align:left}
.login-transition footer>.login-transition-skip{margin-left:auto;min-height:44px;border-color:#c4ae76;color:#fae9bd;font-size:12px}
@media(min-width:800px){.login-transition-inner{grid-template-columns:minmax(0,1fr) auto;column-gap:14px}.login-transition-inner>.login-transition-kicker{grid-row:1}.login-transition-inner>h1{grid-row:2}.login-transition-inner>.login-transition-welcome{grid-column:1;grid-row:3;align-self:stretch}.login-transition-inner>.login-transition-controls{grid-column:2;grid-row:3;align-items:center;align-self:center;max-width:400px}.login-transition-controls :is(.login-transition-stay,.login-transition-next){flex:0 1 auto}.login-transition-welcome strong{font-size:13px}.login-transition-welcome p{font-size:12px}}
@media(max-height:800px){.login-transition-inner{row-gap:8px;padding-top:14px;padding-bottom:14px}.login-transition-welcome{padding:9px 12px}.login-transition-welcome p{margin-top:3px}.login-transition-note{display:block;font-size:11px}.login-transition-arena{height:240px;min-height:220px}.login-transition footer{min-height:62px}}
@media(max-width:799px){.login-transition-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.login-transition-controls :is(.login-transition-stay,.login-transition-next){width:100%;min-height:46px;padding:9px 11px;font-size:11px}.login-transition-welcome{text-align:left}.login-transition-readout{gap:8px;padding:8px 10px}}
@media(max-width:520px){.login-transition-welcome{padding:10px 11px}.login-transition-welcome strong{font-size:13px}.login-transition-welcome p{font-size:12px;line-height:1.6}.login-transition-status{font-size:11px}.login-transition-counter{font-size:9px}.login-transition-arena{height:250px;min-height:220px}.login-transition-instructions{font-size:11px}.login-transition footer{display:flex;gap:9px;padding:10px 12px}.login-transition footer>.login-transition-return-hint{flex-basis:100%;font-size:10px;line-height:1.6}.login-transition footer>.login-transition-skip{min-width:165px;min-height:44px;font-size:12px}.login-transition-footer-mark{font-size:9px}}
@media(max-height:500px){.login-transition{padding:10px}.login-transition-monitor{max-height:calc(100dvh - 20px)}.login-transition-bar{min-height:36px;padding-top:8px;padding-bottom:8px}.login-transition-inner{padding:11px 14px;row-gap:8px}.login-transition footer{min-height:58px;padding-top:7px;padding-bottom:7px}.login-transition footer>.login-transition-return-hint{flex-basis:220px;font-size:10px}}
.login-transition[data-motion=quiet] .login-transition-controls :is(.login-transition-stay,.login-transition-next){transition:none}