.intro-dialog{position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#0a211c;color:#f5efdc;z-index:20000;overflow:auto}.intro-dialog::backdrop{background:#0a211c}.intro-stage{position:relative;min-height:100%;padding:35px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 40%,#294a383d,transparent 60%)}.intro-kicker{font:11px 'DM Sans',sans-serif;letter-spacing:4px;color:#cfb06a;margin:0 0 20px;animation:intro-fade .8s both}.intro-emblem{position:relative;width:180px;height:180px;margin-bottom:12px;animation:intro-emblem 1.5s cubic-bezier(.16,1,.3,1) both}.intro-emblem img{position:relative;display:block;filter:drop-shadow(0 12px 35px #c5a76733)}.intro-ring{position:absolute;inset:-17px;border:1px solid #cfb06a44;border-radius:50%;box-shadow:0 0 0 12px #cfb06a08;animation:intro-ring 2.7s ease-out both}.intro-stage h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,7vw,70px);line-height:1.06;margin:12px 0;animation:intro-rise 1.3s .35s both}.intro-stage h1 em{color:#d8bd7b;font-weight:400}.intro-subtitle{color:#b3c2b4;font-size:14px;animation:intro-rise 1s .7s both}.intro-line{display:flex;align-items:center;gap:12px;width:min(330px,75vw);margin:24px 0;font-size:11px;letter-spacing:2px;color:#cfb06a;animation:intro-rise 1s 1s both}.intro-line i{height:1px;flex:1;background:linear-gradient(90deg,#cfb06a22,#cfb06a);transform-origin:left;animation:intro-line 1.2s 1.2s both}.intro-choice{animation:intro-rise .55s both;margin:0}.intro-choice p{font-size:14px}.intro-choice>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.intro-choice button,.intro-skip{font:14px 'DM Sans',sans-serif;border:1px solid #cfb06a55;border-radius:30px;padding:13px 24px;cursor:pointer;color:#f5efdc;background:transparent}.intro-choice #intro-play{background:#cfb06a;color:#0a211c;font-weight:700}.intro-choice small{display:block;font-size:11px;color:#9daf9f;margin-top:16px}.intro-skip{border:0;font-size:12px;color:#a6b4a6;margin-top:8px}.intro-grain{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff03 3px,#ffffff03 4px)}.intro-ready .intro-emblem{transition:height .4s,width .4s;width:128px;height:128px}.intro-ready .intro-emblem img{width:128px;height:128px}.intro-dialog [hidden]{display:none!important}.intro-dialog button:focus-visible{outline:2px solid #f5efdc;outline-offset:4px}@keyframes intro-fade{from{opacity:0}to{opacity:1}}@keyframes intro-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-emblem{from{opacity:0;transform:scale(.8) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes intro-ring{from{opacity:0;transform:scale(.75) rotate(-40deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-height:700px){.intro-emblem,.intro-emblem img{width:128px;height:128px}.intro-stage h1{font-size:40px}.intro-line{margin:14px 0}}@media(prefers-reduced-motion:reduce){.intro-dialog *{animation:none!important;transition:none!important}}