/* Supplied Jiggiz intro v6: scoped to the opening screen, never to the table. */
#startupIntro{position:fixed;inset:0;z-index:200002;overflow:hidden;overflow:clip;overflow-anchor:none;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:radial-gradient(ellipse 74% 65% at 50% 43%,#2c58af 0%,#182d65 40%,#080f30 77%,#050a20 100%);color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;text-align:center;outline:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#startupIntro[hidden]{display:none!important}body:has(#startupIntro) #bootScreen{visibility:hidden}
#startupIntro::before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:conic-gradient(from 30deg,transparent 0 13%,#4e96ff19 19%,transparent 27% 55%,#b770e41b 65%,transparent 71%);animation:introOrbit 6s linear both}
#startupIntro[data-phase="settled"]::before{animation-play-state:paused}
@keyframes introOrbit{to{transform:rotate(98deg)}}
.introCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.introComposition{position:relative;width:min(94vw,950px);transform:translateY(-1.5vh)}
.introHalo{position:absolute;left:50%;top:41%;width:min(84vw,780px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.55);border-radius:50%;background:radial-gradient(circle,#43baff54,#8853e52e 39%,transparent 70%);pointer-events:none;opacity:.6;transition:opacity .8s,transform .8s}
.introSettled .introHalo{transform:translate(-50%,-50%) scale(1);opacity:.85}
.introLogo{width:100%;aspect-ratio:2172/724;position:relative;isolation:isolate;transform-origin:50% 50%;filter:drop-shadow(0 18px 25px #03072190)}
.introLetter{position:absolute;bottom:0;height:var(--h);width:auto;max-width:none;opacity:0;pointer-events:none;transform-origin:50% 76%;filter:drop-shadow(0 10px 11px #03071b99)}
.introLetter:nth-child(1){left:6%;--h:95%;z-index:2}.introLetter:nth-child(2){left:26.5%;--h:77%;z-index:4}.introLetter:nth-child(3){left:35.5%;--h:85%;z-index:3}.introLetter:nth-child(4){left:51.6%;--h:85%;z-index:5}.introLetter:nth-child(5){left:67.5%;--h:77%;z-index:7}.introLetter:nth-child(6){left:74.6%;--h:76%;z-index:6}
.introLogo.introShrink{animation:introElasticShrink 1.18s linear both}
@keyframes introElasticShrink{0%{transform:scale(1)}14%{transform:scale(1.045)}41%{transform:scale(.625)}57%{transform:scale(.735)}70%{transform:scale(.664)}82%{transform:scale(.709)}91%{transform:scale(.687)}100%{transform:scale(.70)}}
.introFallback{display:none;width:100%;height:100%;object-fit:contain}
#startupIntro[data-fallback="true"] .introLetter{display:none}#startupIntro[data-fallback="true"] .introFallback{display:block}
.introActions{margin-top:-3.2%;display:flex;align-items:center;flex-direction:column;gap:12px;opacity:0;transform:translateY(22px);pointer-events:none}
.introActions.introVisible{animation:introReveal .72s cubic-bezier(.2,.8,.2,1) both;pointer-events:auto}
@keyframes introReveal{to{opacity:1;transform:translateY(0)}}
.introActions h1{font:850 clamp(20px,3.1vw,34px)/1.25 system-ui,-apple-system,Segoe UI,sans-serif;margin:0 0 4px;color:#fff;text-shadow:0 4px 16px #0008}
.introActions p{font-size:clamp(12px,1.5vw,16px);color:#d6e5ff;margin:0 0 8px}
.introStart{font:850 clamp(17px,2vw,22px)/1.2 system-ui,-apple-system,Segoe UI,sans-serif;color:#072651;background:linear-gradient(125deg,#61f4ff,#7ac8ff 50%,#b19aff);min-height:52px;padding:15px 52px;border:1px solid #c6ffff;border-radius:19px;box-shadow:0 8px 0 #23499d,0 17px 35px #09153699,inset 0 2px 1px #ffffffaa;cursor:pointer;transition:transform .15s,box-shadow .15s}
.introStart:hover:enabled{transform:translateY(-3px);box-shadow:0 11px 0 #23499d,0 20px 38px #09153699}.introStart:active:enabled{transform:translateY(5px);box-shadow:0 2px 0 #23499d}.introStart:disabled{opacity:.7;cursor:wait}
.introReplay{font:500 12px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;min-height:44px;padding:8px 15px;background:transparent;color:#c4d8ff;border:0;cursor:pointer}
.introSkip{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));min-height:44px;padding:10px 17px;border-radius:22px;border:1px solid #ffffff33;background:#ffffff14;color:#e5f3ff;cursor:pointer;z-index:10;font:500 14px system-ui,-apple-system,Segoe UI,sans-serif}
.introSkip[hidden]{display:none}.introStatus{min-height:1.4em;font-size:13px;color:#caf6ff}
#startupIntro button:focus-visible{outline:3px solid #e0fdff;outline-offset:5px}
#startupIntro[data-reduced="true"]::before,#startupIntro[data-reduced="true"] .introActions{animation:none}#startupIntro[data-reduced="true"] .introActions{opacity:1;transform:none}#startupIntro[data-reduced="true"] .introHalo{transition:none}
/* The logo from the supplied intro replaces the old icon and text wordmark. */
.brandLogo{display:block;width:180px;height:60px;object-fit:contain;flex:none}
@media(max-width:1000px){.brandLogo{width:165px;height:55px}}
@media(max-width:700px){.brandLogo{width:124px;height:42px}.introComposition{width:98vw}#startupIntro{padding:5px}.introActions{margin-top:-1%}.introActions h1{font-size:clamp(19px,5vw,28px)}}
@media(max-height:500px) and (orientation:landscape){.introComposition{width:min(68vw,740px,108vh)}.introActions{gap:6px}.introActions h1{font-size:20px}.introActions p{margin:0}.introStart{min-height:44px;padding:10px 36px}.introReplay{min-height:34px}.introStatus{font-size:11px}}
@media(prefers-reduced-motion:reduce){#startupIntro::before,.introLogo.introShrink,.introActions.introVisible{animation:none}.introHalo,.introStart{transition:none}.introActions.introVisible{opacity:1;transform:none}}