.auth-intro[hidden]{display:none!important}.auth-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#080a08;color:#f2f4ee;isolation:isolate}.auth-intro:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#caff5e08 1px,transparent 1px),linear-gradient(90deg,#caff5e08 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 75%);pointer-events:none}.intro-shell{width:min(760px,88vw);position:relative;text-align:center}.intro-meta{display:flex;justify-content:space-between;gap:20px;color:#81936b;font:11px/1.6 monospace;letter-spacing:2px;direction:ltr}.intro-scene{position:relative;height:min(53vh,430px);min-height:235px;display:grid;place-items:center;margin:25px 0}.intro-map{width:min(100%,650px);height:100%;object-fit:contain;image-rendering:pixelated;transition:opacity .45s,transform .65s}.intro-corner{position:absolute;width:24px;height:24px;border-color:#caff5e77;border-style:solid;pointer-events:none}.intro-corner:nth-of-type(1){top:0;left:0;border-width:1px 0 0 1px}.intro-corner:nth-of-type(2){top:0;right:0;border-width:1px 1px 0 0}.intro-corner:nth-of-type(3){bottom:0;left:0;border-width:0 0 1px 1px}.intro-corner:nth-of-type(4){bottom:0;right:0;border-width:0 1px 1px 0}.intro-city{color:var(--lime,#caff5e);font:clamp(18px,3.8vw,32px)/1.7 var(--pixel,monospace);letter-spacing:1px;margin:0 0 12px;min-height:1.7em}.intro-caption{font:14px/1.7 monospace;color:#9cab8a;min-height:1.7em;margin:0}.intro-wordmark{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;opacity:0;transform:scale(.85);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}.intro-logo{font:clamp(33px,8vw,75px)/1.4 var(--pixel,monospace);color:var(--lime,#caff5e);white-space:nowrap;direction:ltr;text-shadow:5px 5px 0 #314a17}.intro-tagline{font:13px/1.8 monospace;letter-spacing:3px;color:#c3d1b1}.intro-progress{margin:35px auto 0;height:3px;max-width:340px;background:#26301e;overflow:hidden}.intro-progress span{height:100%;display:block;background:#caff5e;transform-origin:left;animation:intro-progress 4.1s linear both}.intro-skip{position:absolute;right:30px;bottom:28px;border:1px solid #475a32;background:#11180c;color:#b5c5a3;padding:13px 18px;font:12px monospace;cursor:pointer}.intro-skip:hover{border-color:#caff5e;color:#caff5e}.intro-skip:focus-visible{outline:2px solid #caff5e;outline-offset:4px}.auth-intro.is-brand .intro-map{opacity:0;transform:scale(1.16)}.auth-intro.is-brand .intro-wordmark{opacity:1;transform:scale(1)}.auth-intro.is-brand .intro-city{opacity:0}.auth-intro.is-leaving{opacity:0;transform:scale(1.025);transition:opacity .65s ease,transform .65s ease;pointer-events:none}.auth-intro.is-reduced .intro-map{display:none}.auth-intro.is-reduced .intro-wordmark{opacity:1;transform:none;transition:none}.auth-intro.is-reduced .intro-city{opacity:0}.auth-intro.is-reduced .intro-progress span{animation:none}.cabinet-reveal{animation:cabinet-reveal .85s cubic-bezier(.16,1,.3,1) both}.cabinet-reveal .dashboard-info{animation:cabinet-reveal .85s .12s both}.cabinet-reveal>button{animation:cabinet-reveal .85s .2s both}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cabinet-reveal{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:600px){.intro-meta{font-size:9px;letter-spacing:1px}.intro-scene{height:38vh}.intro-skip{right:20px;bottom:20px}.intro-tagline{font-size:11px;letter-spacing:1px}#dashboard.cabinet-container{margin:50px 5%;padding:25px}#dashboard h2{font-size:clamp(16px,4vw,24px)}}@media(prefers-reduced-motion:reduce){.auth-intro,.auth-intro *,.cabinet-reveal,.cabinet-reveal *{animation:none!important;transition:none!important;transform:none!important;filter:none!important}}

/* Prevent global globe canvas sizing from affecting the intro frame. */
.intro-scene{overflow:hidden;isolation:isolate}
.intro-scene .intro-map{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;box-sizing:border-box}
@media(max-height:600px){.intro-scene{height:32svh;min-height:110px;margin:12px 0}.intro-city{font-size:18px;margin-bottom:6px}.intro-progress{margin-top:14px}.intro-shell{padding-bottom:40px}.intro-skip{bottom:10px;padding:8px 12px}.intro-caption{font-size:12px}}