.encounter-modal{background:#f5f1e8!important}.encounter{text-align:center;min-height:720px;padding-bottom:28px;background:radial-gradient(ellipse at 50% 40%,#dddce4 0,#ece8df 42%,#f7f3eb 74%);color:#6f727a;overflow:hidden}.encounter>.tiny{display:block;font-size:9px;letter-spacing:2px;color:#9895a2;margin-top:10px}.encounter>h2{font-size:26px!important;margin:17px 18px 10px!important;font-weight:500}.encounter>p{font-size:12px;line-height:1.8;color:#9b96a4;min-height:24px;margin:10px 20px;animation:encounterBreathe 3s ease-in-out infinite}.encounter-stage{height:330px;position:relative;display:grid;place-items:center;perspective:1000px;isolation:isolate}.encounter-halo{position:absolute;left:50%;top:52%;width:310px;height:310px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#f6e7be66,#c2bbd444 42%,transparent 69%);opacity:.8;transition:transform 1.2s,opacity 1.2s}.gacha-sphere{position:relative;width:218px;height:218px;border:0;background:transparent;border-radius:50%;padding:0;transform:rotateX(var(--drag-x,0deg)) rotateY(var(--drag-y,0deg));transform-style:preserve-3d;touch-action:none;cursor:grab;user-select:none;z-index:4}.gacha-sphere:active{cursor:grabbing;transform:rotateX(var(--drag-x,0deg)) rotateY(var(--drag-y,0deg))!important}.gacha-shell{position:absolute;left:0;right:0;overflow:hidden;backdrop-filter:blur(7px);border:1px solid #fffc;box-shadow:inset 10px 8px 30px #fff9,inset -16px -12px 32px #9e9bb346,0 20px 32px #71738019}.shell-upper{height:50%;top:0;border-radius:110px 110px 0 0;background:radial-gradient(ellipse at 32% 15%,#fffde9dd,#d3d6e3a8 70%);z-index:3;transform-origin:50% 100%;transition:transform 1.1s cubic-bezier(.18,.9,.2,1.3),opacity 1.1s}.shell-upper>i{display:block;margin-top:34px;font:normal 33px Georgia,serif;color:#fef6d0;text-shadow:0 0 15px #fff6ba}.shell-lower{height:50%;bottom:0;border-radius:0 0 110px 110px;background:radial-gradient(ellipse at 40% 0%,#ded7e8b8,#bcbecfaa 80%);z-index:2;transition:transform 1.2s,opacity 1.2s}.sphere-seam{position:absolute;left:0;right:0;top:49.5%;height:2px;background:#efe9cd;box-shadow:0 0 8px #fff7d5;z-index:5;transition:opacity .4s}.sphere-mystery{position:absolute;inset:0;display:grid;place-items:center;font:normal 90px Georgia,serif;color:#e9e1c6;opacity:.65;filter:blur(6px);background:radial-gradient(circle,#f9f2c955,transparent 60%);border-radius:50%;z-index:1}.encounter-dust{position:absolute;left:50%;top:50%;width:1px;height:1px;pointer-events:none;z-index:5}.encounter-dust i{position:absolute;font:normal 11px Georgia,serif;color:#bfb48d;opacity:.45;transform:rotate(var(--a)) translateX(var(--d)) rotate(calc(-1 * var(--a)));transition:opacity 1s}.encounter-figure{position:absolute;width:300px;height:300px;left:calc(50% - 150px);top:14px;opacity:0;transform:translateY(75px) scale(.35);z-index:6;pointer-events:none;perspective:900px}.encounter-figure img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #77766125);backface-visibility:visible}.encounter-caption{opacity:0;max-height:0;overflow:hidden;padding:0 30px;transition:opacity .7s,max-height .7s}.encounter-caption h3{font-size:24px;font-weight:500;letter-spacing:1px;margin:0 0 10px;color:#727469}.encounter-caption h3 span{display:inline-block;opacity:0}.encounter-caption p{font-size:16px;line-height:1.8;color:#868473;margin:0 0 10px}.encounter-caption small{font-size:11px;line-height:1.8;color:#a3a08d;display:block;max-width:440px;margin:auto}.encounter>.primary{margin-top:7px}.encounter-disclaimer{display:block;font-size:10px;color:#a5a38f}.encounter[data-phase=twist] .gacha-sphere{animation:encounterSpin 1.15s ease-in-out both}.encounter[data-phase=twist] .encounter-dust i{animation:encounterScatter 1.15s ease both}.encounter[data-phase=gather] .gacha-sphere{animation:encounterHover 1.1s ease-in-out infinite alternate}.encounter[data-phase=gather] .sphere-seam{box-shadow:0 0 35px 12px #fff2b9}.encounter[data-phase=gather] .encounter-halo{transform:translate(-50%,-50%) scale(1.5);opacity:1}.encounter[data-phase=pop] .shell-upper,.encounter[data-phase=turn] .shell-upper,.encounter[data-phase=land] .shell-upper{transform:translateY(-110px) translateZ(-90px) rotateX(-65deg) rotate(-14deg);opacity:0}.encounter[data-phase=pop] .shell-lower,.encounter[data-phase=turn] .shell-lower,.encounter[data-phase=land] .shell-lower{transform:translateY(48px) scale(.9);opacity:.3}.encounter[data-phase=pop] .sphere-seam,.encounter[data-phase=turn] .sphere-seam,.encounter[data-phase=land] .sphere-seam,.encounter[data-phase=pop] .sphere-mystery,.encounter[data-phase=turn] .sphere-mystery,.encounter[data-phase=land] .sphere-mystery{opacity:0}.encounter[data-phase=pop] .encounter-dust i,.encounter[data-phase=turn] .encounter-dust i,.encounter[data-phase=land] .encounter-dust i{animation:encounterBurst 3s ease-out both;animation-delay:calc(var(--i) * 14ms)}.encounter[data-phase=turn] .encounter-figure{animation:encounterRise 1.9s cubic-bezier(.22,1,.36,1) forwards}.encounter[data-phase=turn] .encounter-figure img{animation:encounterTurn 1.9s cubic-bezier(.22,.65,.28,1) forwards}.encounter[data-phase=land] .encounter-figure{opacity:1;transform:translateY(-15px) scale(1);animation:encounterLand .7s ease both}.encounter[data-phase=turn] .encounter-caption,.encounter[data-phase=land] .encounter-caption{opacity:1;max-height:200px;padding-bottom:15px}.encounter[data-phase=turn] .encounter-caption h3 span,.encounter[data-phase=land] .encounter-caption h3 span{animation:encounterLetter .6s ease both;animation-delay:calc(.6s + var(--order) * 70ms)}.encounter[data-phase=land] .encounter-caption h3 span{opacity:1;animation:none}.encounter:not([data-phase=ready]) #encounter-start{display:none}.encounter[data-phase=turn] .encounter-halo,.encounter[data-phase=land] .encounter-halo{background:radial-gradient(circle,#fff3c699,#d9d1e766,transparent 72%);transform:translate(-50%,-50%) scale(1.4)}
@keyframes encounterBreathe{50%{opacity:.55}}@keyframes encounterSpin{0%{transform:rotateY(0) rotateX(-4deg)}100%{transform:rotateY(720deg) rotateX(8deg)}}@keyframes encounterHover{to{transform:translateY(-12px) scale(1.035)}}@keyframes encounterScatter{to{transform:rotate(var(--a)) translateX(calc(var(--d) + 28px));opacity:.1}}@keyframes encounterBurst{0%{transform:rotate(var(--a)) translateX(24px);opacity:.9}100%{transform:rotate(var(--a)) translateX(calc(var(--d) + 55px)) translateY(25px);opacity:0}}@keyframes encounterRise{to{opacity:1;transform:translateY(-15px) scale(1)}}@keyframes encounterTurn{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@keyframes encounterLand{0%{transform:translateY(-15px) scale(1)}50%{transform:translateY(-7px) scale(1.025,.98)}100%{transform:translateY(-15px) scale(1)}}@keyframes encounterLetter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.encounter{min-height:670px}.encounter>h2{font-size:22px!important}.encounter-stage{height:290px}.gacha-sphere{width:190px;height:190px}.encounter-figure{width:265px;height:265px;left:calc(50% - 132.5px)}.encounter-caption h3{font-size:21px}.encounter-caption p{font-size:15px}.encounter-caption small{font-size:10px}.encounter-halo{width:280px;height:280px}}
@media(prefers-reduced-motion:reduce){.encounter *,.encounter *:before,.encounter *:after{animation:none!important;transition:none!important}}