.soulIntro[hidden]{display:none!important}
.soulIntro{
  position:fixed;z-index:9500;inset:0;display:none;place-items:center;min-width:280px;min-height:100vh;min-height:100dvh;
  width:100%;max-width:100vw;box-sizing:border-box;padding:clamp(18px,3.5vw,52px);overflow:auto;color:#fff4e4;text-align:center;isolation:isolate;
  background:
    linear-gradient(180deg,rgba(7,2,10,.25),rgba(8,2,10,.82)),
    radial-gradient(circle at 50% 42%,rgba(213,61,116,.16),transparent 36%),
    url('../../public/assets/backgrounds/background.png?v=20261027-1') center/cover no-repeat,
    #09030b;
  opacity:1;transition:opacity .36s ease,visibility .36s ease;
}
.soul-intro-pending .soulIntro{display:grid}
.soulIntro::before{
  content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 24%,rgba(3,0,5,.74) 100%),linear-gradient(90deg,rgba(7,1,8,.48),transparent 22% 78%,rgba(7,1,8,.48));
}
.soulIntro::after{
  content:"";position:fixed;z-index:-1;left:5%;right:5%;bottom:-13%;height:46%;pointer-events:none;opacity:.74;
  background:radial-gradient(ellipse at center,rgba(245,194,98,.27),rgba(174,40,88,.12) 35%,transparent 70%);filter:blur(22px);
}
.soulIntro.isLeaving{opacity:0;visibility:hidden;transition:opacity .24s ease .32s,visibility 0s linear .56s}
.soulIntro.isLeaving .soulIntroWildGuide{animation:soulIntroCabinetFadeLeft .42s cubic-bezier(.4,0,.8,.2) both}
.soulIntro.isLeaving .soulIntroScatterGuide{animation:soulIntroCabinetFadeRight .42s cubic-bezier(.4,0,.8,.2) .05s both}
.soulIntro.isLeaving .soulIntroHeader,.soulIntro.isLeaving .soulIntroActions{animation:soulIntroExitDetails .26s ease-out .18s both}
.soulIntroMist{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.soulIntroMist::before,.soulIntroMist::after{
  content:"";position:absolute;left:-20%;width:140%;height:35%;border-radius:50%;opacity:.3;filter:blur(34px);
  background:linear-gradient(90deg,transparent,rgba(236,126,170,.32),rgba(113,68,183,.25),transparent);animation:soulIntroMist 10s ease-in-out infinite alternate;
}
.soulIntroMist::before{top:22%}.soulIntroMist::after{bottom:6%;animation-delay:-5s;animation-direction:alternate-reverse}
.soulIntroContent{width:min(1120px,100%);margin:auto;display:grid;justify-items:center;gap:clamp(16px,2.5vh,28px)}
.soulIntroHeader{display:grid;align-items:center;justify-items:center;gap:0;filter:drop-shadow(0 10px 22px rgba(0,0,0,.65))}
.soulIntroCrown{width:clamp(74px,9vw,112px);height:clamp(74px,9vw,112px);margin-bottom:-7px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(232,189,93,.34))}
.soulIntroHeader>div{text-align:center}
.soulIntroKicker{margin:0 0 4px;color:#f0bd65;font:900 clamp(8px,.85vw,11px)/1.2 "Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:.32em;text-indent:.32em}
.soulIntroHeader h1{margin:0;color:#ffe6ae;font:900 clamp(28px,4vw,52px)/1.05 Georgia,"Noto Serif KR","Batang",serif;letter-spacing:.025em;text-shadow:0 2px 0 #63243b,0 0 20px rgba(240,174,91,.34)}
.soulIntroGuides{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.2vw,28px);perspective:1000px}
.soulIntroGuide{
  position:relative;min-width:0;min-height:clamp(245px,36vh,360px);display:grid;grid-template-rows:auto 1fr auto;align-items:center;padding:clamp(18px,2.3vw,30px);
  border:1px solid rgba(245,197,105,.68);border-radius:22px;background:linear-gradient(145deg,rgba(82,20,46,.78),rgba(18,7,22,.88) 55%,rgba(45,16,47,.8));
  box-shadow:inset 0 1px 0 rgba(255,238,203,.38),inset 0 0 40px rgba(4,0,7,.44),0 18px 42px rgba(3,0,6,.48);overflow:hidden;
}
.soulIntroGuide::before{content:"";position:absolute;left:6%;right:6%;top:6%;height:17%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);pointer-events:none}
.soulIntroGuide::after{content:"";position:absolute;inset:8px;border:1px solid rgba(245,197,105,.13);border-radius:16px;pointer-events:none}
.soulIntroWildGuide{animation:soulIntroCardFromLeft .72s cubic-bezier(.2,.78,.22,1) .08s both}
.soulIntroScatterGuide{background:linear-gradient(145deg,rgba(49,25,83,.83),rgba(15,7,24,.9) 55%,rgba(79,22,53,.8));animation:soulIntroCardFromRight .72s cubic-bezier(.2,.78,.22,1) .2s both}
.soulIntroGuideHeading{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;gap:11px}
.soulIntroGuideHeading>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,211,124,.66);border-radius:50%;color:#f5c66e;background:rgba(22,6,18,.52);font:800 12px/1 Georgia,serif}
.soulIntroGuideHeading>div{text-align:left}
.soulIntroGuideHeading small{display:block;margin-bottom:3px;color:#e7a2bd;font:900 8px/1 sans-serif;letter-spacing:.22em}
.soulIntroGuideHeading h2{margin:0;color:#fff1d2;font:900 clamp(17px,2vw,25px)/1.1 "Noto Serif KR","Batang",Georgia,serif;letter-spacing:.035em}
.soulIntroMiniSlot{
  --mini-cycle:6s;position:relative;z-index:1;align-self:center;justify-self:center;width:min(88%,430px);padding:0;
  border:0;background:transparent;box-shadow:none;perspective:700px;
  animation:soulIntroMiniImpact var(--mini-cycle) ease-out infinite;
}
.soulIntroMiniSlotReels{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border:0;background:transparent;overflow:visible;box-shadow:none}
.soulIntroMiniSlotReels::after{content:"";position:absolute;z-index:3;inset:-40% auto -40% -36%;width:24%;pointer-events:none;opacity:0;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,242,190,.72),transparent);animation:soulIntroMiniSweep var(--mini-cycle) ease-out infinite}
.soulIntroMiniSlotWindow{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:5px;background:radial-gradient(circle,#3a1c38,#100811 72%);box-shadow:inset 0 0 0 1px rgba(255,227,176,.17);animation:soulIntroMiniWindowWin var(--mini-cycle) ease-in-out infinite}
.soulIntroMiniSlotWindow::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 28% 70%,rgba(0,0,0,.3)),linear-gradient(90deg,rgba(0,0,0,.26),transparent 20% 80%,rgba(0,0,0,.26))}
.soulIntroMiniSlotStrip{display:flex;flex-direction:column;width:100%;will-change:transform}
.soulIntroMiniSlotStripOne{animation:soulIntroMiniReelOne var(--mini-cycle) cubic-bezier(.16,.67,.2,1) infinite}.soulIntroMiniSlotStripTwo{animation:soulIntroMiniReelTwo var(--mini-cycle) cubic-bezier(.16,.67,.2,1) infinite}.soulIntroMiniSlotStripThree{animation:soulIntroMiniReelThree var(--mini-cycle) cubic-bezier(.16,.67,.2,1) infinite}
.soulIntroMiniSlotStrip img{flex:0 0 auto;width:100%;aspect-ratio:1;object-fit:contain;padding:5px;box-sizing:border-box;filter:drop-shadow(0 4px 4px rgba(0,0,0,.52));user-select:none}
.soulIntroMiniSlotStripTwo img:last-child{position:relative;z-index:1;transform-origin:center;animation:soulIntroMiniWildSymbolPulse var(--mini-cycle) ease-in-out infinite}
.soulIntroMiniSlotWild{box-shadow:inset 0 0 0 1px rgba(255,227,176,.32),0 0 12px rgba(239,77,137,.36);animation:soulIntroMiniWildWin var(--mini-cycle) ease-in-out infinite,soulIntroMiniWindowWin var(--mini-cycle) ease-in-out infinite}
.soulIntroMiniSlotWild::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,247,196,.72),rgba(255,179,56,.24) 37%,transparent 68%);mix-blend-mode:screen;animation:soulIntroMiniWildBurst var(--mini-cycle) ease-out infinite}
.soulIntroMiniSlotPayline{position:absolute;z-index:4;left:2px;right:2px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#ffbd4a 12%,#fff1ad 50%,#ffbd4a 88%,transparent);box-shadow:0 0 4px #fff0a1,0 0 10px #ff9f31;opacity:.3;pointer-events:none;animation:soulIntroMiniPayline var(--mini-cycle) ease-in-out infinite}
.soulIntroMiniSlotPayline::before,.soulIntroMiniSlotPayline::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;opacity:0;background:#fff8ca;box-shadow:0 0 5px #fff,0 0 11px #ffc048,0 0 20px rgba(238,72,129,.8);transform:translate(-50%,-50%) scale(.35);animation:soulIntroMiniEnergyLeft var(--mini-cycle) ease-out infinite}
.soulIntroMiniSlotPayline::after{animation-name:soulIntroMiniEnergyRight}
.soulIntroScatterDemo{--scatter-cycle:6s;--scatter-row:clamp(42px,5vw,58px);position:relative;z-index:1;align-self:center;justify-self:center;width:min(100%,500px);display:grid;justify-items:center;gap:8px}
.soulIntroScatterReels{position:relative;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.soulIntroScatterWindow{height:calc(var(--scatter-row) * 3);overflow:hidden;border-radius:7px;background:radial-gradient(circle,#321838,#0d0711 74%);box-shadow:inset 0 0 0 1px rgba(218,179,255,.15),inset 0 0 12px rgba(0,0,0,.72)}
.soulIntroScatterStrip{display:flex;flex-direction:column;width:100%;will-change:transform;animation:soulIntroScatterReel var(--scatter-cycle) cubic-bezier(.16,.67,.2,1) infinite}
.soulIntroScatterWindow:nth-child(2) .soulIntroScatterStrip{animation-delay:.06s}.soulIntroScatterWindow:nth-child(3) .soulIntroScatterStrip{animation-delay:.12s}.soulIntroScatterWindow:nth-child(4) .soulIntroScatterStrip{animation-delay:.18s}.soulIntroScatterWindow:nth-child(5) .soulIntroScatterStrip{animation-delay:.24s}
.soulIntroScatterStrip img{flex:0 0 var(--scatter-row);width:100%;height:var(--scatter-row);object-fit:contain;padding:2px;box-sizing:border-box;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}
.soulIntroScatterStrip .scatterHit{animation:soulIntroScatterHit var(--scatter-cycle) ease-in-out infinite}
.soulIntroScatterCount{position:absolute;z-index:9;display:grid;place-items:center;width:20px;height:20px;border:1px solid #ffe29c;border-radius:50%;opacity:0;color:#3d120c;background:linear-gradient(180deg,#fff0aa,#e99539);box-shadow:0 0 12px rgba(255,174,53,.8);font:900 11px/1 Georgia,serif;font-style:normal;transform:translate(-50%,-50%);animation:soulIntroScatterCount var(--scatter-cycle) ease-out infinite}
.soulIntroScatterCount.countOne{left:10%;top:83.333%}.soulIntroScatterCount.countTwo{left:50%;top:16.667%;animation-delay:.12s}.soulIntroScatterCount.countThree{left:70%;top:50%;animation-delay:.22s}
.soulIntroScatterPop{position:absolute;z-index:7;width:calc(var(--scatter-row) * 1.1);aspect-ratio:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.35);transform-origin:center;animation:soulIntroScatterPop var(--scatter-cycle) cubic-bezier(.16,.8,.22,1) infinite}
.soulIntroScatterPop::before{content:"";position:absolute;z-index:-1;inset:-27%;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 12deg,rgba(255,182,61,.72) 14deg,transparent 18deg 32deg),radial-gradient(circle,rgba(255,222,125,.6),rgba(239,51,116,.24) 44%,transparent 70%);filter:blur(3px);animation:soulIntroScatterPopAura var(--scatter-cycle) ease-out infinite}
.soulIntroScatterPop img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(0,0,0,.72)) drop-shadow(0 0 11px rgba(255,146,46,.88)) drop-shadow(0 0 22px rgba(244,38,101,.66))}
.soulIntroScatterPop.popOne{left:10%;top:83.333%;--pop-y:-78%}.soulIntroScatterPop.popTwo{left:50%;top:16.667%;--pop-y:-18%;animation-delay:.12s}.soulIntroScatterPop.popThree{left:70%;top:50%;--pop-y:-50%;animation-delay:.22s}
.soulIntroScatterAward{opacity:0;color:#ffe197;font:900 clamp(11px,1.2vw,15px)/1 Georgia,serif;letter-spacing:.1em;text-shadow:0 0 7px rgba(255,191,61,.9),0 0 18px rgba(233,57,130,.65);transform:translateY(5px) scale(.8);animation:soulIntroScatterAward var(--scatter-cycle) ease-out infinite}
.soulIntroSymbols{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:120px;margin:3px 0}
.soulIntroSymbols img{width:clamp(80px,10vw,126px);height:clamp(80px,10vw,126px);object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5));user-select:none}
.soulIntroWildSymbols img:not(.featured){width:clamp(62px,7.4vw,94px);height:clamp(62px,7.4vw,94px);opacity:.72;filter:saturate(.76) drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.soulIntroWildSymbols .featured{z-index:2;margin:0 clamp(-8px,-.5vw,-2px);filter:drop-shadow(0 0 18px rgba(238,76,130,.42)) drop-shadow(0 10px 12px rgba(0,0,0,.55));animation:soulIntroSymbol 2.6s ease-in-out infinite}
.soulIntroGuide>p{position:relative;z-index:1;margin:0;color:rgba(255,241,225,.88);font:700 clamp(11px,1.15vw,14px)/1.55 "Noto Sans KR","Malgun Gothic",sans-serif}
.soulIntroGuide>p strong{color:#ffd078;font-weight:900}
.soulIntroActions{display:grid;justify-items:center;gap:12px}
.soulIntroContinue{margin:0;color:#ffe7b0;font:900 clamp(12px,1.2vw,15px)/1.2 "Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:.12em;text-shadow:0 0 12px rgba(240,174,91,.48);animation:soulIntroContinue 1.5s ease-in-out infinite alternate}
.soulIntro:focus-visible{outline:0}.soulIntroPreference input:focus-visible+span{outline:3px solid #fff1bd;outline-offset:4px}
.soulIntroPreference{display:flex;align-items:center;gap:9px;color:rgba(255,235,220,.8);font:700 11px/1.3 "Noto Sans KR","Malgun Gothic",sans-serif;cursor:pointer;user-select:none}
.soulIntroPreference input{position:absolute;width:1px;height:1px;opacity:0}.soulIntroPreference>span{width:17px;height:17px;display:grid;place-items:center;border:1px solid rgba(255,214,144,.72);border-radius:4px;background:rgba(18,4,14,.72);box-shadow:inset 0 0 5px rgba(0,0,0,.7)}
.soulIntroPreference input:checked+span::after{content:"✓";color:#ffe29b;font:900 13px/1 sans-serif;text-shadow:0 0 7px rgba(255,195,90,.6)}
@keyframes soulIntroMist{to{transform:translate3d(5%,2%,0) scale(1.08)}}
@keyframes soulIntroSymbol{50%{transform:translateY(-5px) scale(1.035)}}
@keyframes soulIntroContinue{to{opacity:.58}}
@keyframes soulIntroMiniReelOne{0%,8%{transform:translateY(0);filter:blur(0)}16%,36%{filter:blur(2px)}40%{transform:translateY(-84.4%);filter:blur(.5px)}44%,100%{transform:translateY(-83.3333%);filter:blur(0)}}
@keyframes soulIntroMiniReelTwo{0%,8%{transform:translateY(0);filter:blur(0)}16%,40%{filter:blur(2px)}44%{transform:translateY(-84.4%);filter:blur(.5px)}48%,100%{transform:translateY(-83.3333%);filter:blur(0)}}
@keyframes soulIntroMiniReelThree{0%,8%{transform:translateY(0);filter:blur(0)}16%,44%{filter:blur(2px)}48%{transform:translateY(-84.4%);filter:blur(.5px)}52%,100%{transform:translateY(-83.3333%);filter:blur(0)}}
@keyframes soulIntroMiniImpact{0%,42%,48%,52%,100%{transform:translateY(0)}44%,50%{transform:translateY(1px)}54%{transform:translateY(2px)}56%{transform:translateY(-1px)}}
@keyframes soulIntroMiniWildWin{0%,51%,100%{filter:none}58%,92%{filter:brightness(1.35) drop-shadow(0 0 10px rgba(255,191,70,.9))}}
@keyframes soulIntroMiniWildSymbolPulse{0%,52%,100%{transform:scale(1);filter:drop-shadow(0 4px 4px rgba(0,0,0,.52))}58%{transform:scale(1.11);filter:brightness(1.3) drop-shadow(0 0 7px #fff1a5) drop-shadow(0 0 15px rgba(255,172,48,.88))}66%,90%{transform:scale(1.07);filter:brightness(1.16) drop-shadow(0 0 6px #ffd66f) drop-shadow(0 0 12px rgba(238,66,128,.55))}94%{transform:scale(1.02);filter:drop-shadow(0 4px 4px rgba(0,0,0,.52))}}
@keyframes soulIntroMiniWindowWin{0%,52%,100%{box-shadow:inset 0 0 0 1px rgba(255,227,176,.17)}58%,94%{box-shadow:inset 0 0 0 2px rgba(255,230,145,.88),inset 0 0 17px rgba(255,173,57,.25),0 0 10px rgba(255,189,65,.55)}}
@keyframes soulIntroMiniWildBurst{0%,52%,100%{opacity:0;transform:scale(.45)}60%{opacity:.9;transform:scale(1.08)}72%{opacity:0;transform:scale(1.35)}}
@keyframes soulIntroMiniPayline{0%,50%,100%{opacity:.3;transform:scaleX(.45)}56%,92%{opacity:1;transform:scaleX(1)}}
@keyframes soulIntroMiniEnergyLeft{0%,54%,100%{left:50%;opacity:0;transform:translate(-50%,-50%) scale(.35)}58%{opacity:1}69%{left:12%;opacity:1;transform:translate(-50%,-50%) scale(1)}76%,100%{left:12%;opacity:0;transform:translate(-50%,-50%) scale(.45)}}
@keyframes soulIntroMiniEnergyRight{0%,54%,100%{left:50%;opacity:0;transform:translate(-50%,-50%) scale(.35)}58%{opacity:1}69%{left:88%;opacity:1;transform:translate(-50%,-50%) scale(1)}76%,100%{left:88%;opacity:0;transform:translate(-50%,-50%) scale(.45)}}
@keyframes soulIntroMiniSweep{0%,52%{left:-36%;opacity:0}56%{opacity:.8}70%{left:112%;opacity:.55}72%,100%{left:112%;opacity:0}}
@keyframes soulIntroScatterReel{0%,8%{transform:translateY(0);filter:blur(0)}16%,42%{filter:blur(2px)}50%{transform:translateY(-51%);filter:blur(.6px)}54%,100%{transform:translateY(-50%);filter:blur(0)}}
@keyframes soulIntroScatterHit{0%,58%,100%{filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}64%,92%{filter:brightness(1.25) drop-shadow(0 0 7px #ff9b35) drop-shadow(0 0 15px rgba(244,40,91,.9))}}
@keyframes soulIntroScatterCount{0%,60%,100%{opacity:0;transform:translate(-50%,-50%) scale(.35)}65%,90%{opacity:1;transform:translate(-50%,-50%) scale(1)}94%{opacity:0;transform:translate(-50%,-50%) scale(.72)}}
@keyframes soulIntroScatterPop{0%,60%,100%{opacity:0;transform:translate(-50%,-50%) scale(.35)}65%{opacity:.65;transform:translate(-50%,-50%) scale(.72)}70%{opacity:1;transform:translate(-50%,var(--pop-y)) scale(1.55)}76%,88%{opacity:1;transform:translate(-50%,var(--pop-y)) scale(1.32)}94%{opacity:0;transform:translate(-50%,-50%) scale(.65)}}
@keyframes soulIntroScatterPopAura{0%,60%,100%{opacity:0;transform:rotate(0) scale(.3)}68%{opacity:.9;transform:rotate(18deg) scale(1)}88%{opacity:.45;transform:rotate(56deg) scale(1.2)}94%{opacity:0;transform:rotate(70deg) scale(.7)}}
@keyframes soulIntroScatterAward{0%,68%,100%{opacity:0;transform:translateY(5px) scale(.8)}74%,92%{opacity:1;transform:translateY(0) scale(1)}96%{opacity:0;transform:translateY(-3px) scale(.94)}}
@keyframes soulIntroCardFromLeft{from{opacity:0;transform:translate3d(-12vw,18px,0) rotateY(7deg) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(1)}}
@keyframes soulIntroCardFromRight{from{opacity:0;transform:translate3d(12vw,18px,0) rotateY(-7deg) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(1)}}
@keyframes soulIntroCabinetFadeLeft{from{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotateY(0) scale(1)}to{opacity:0;filter:blur(7px);transform:translate3d(-5vw,10px,0) rotateY(4deg) scale(.94)}}
@keyframes soulIntroCabinetFadeRight{from{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotateY(0) scale(1)}to{opacity:0;filter:blur(7px);transform:translate3d(5vw,10px,0) rotateY(-4deg) scale(.94)}}
@keyframes soulIntroExitDetails{to{opacity:0;filter:blur(4px)}}
@media(min-width:1500px) and (min-height:760px){
  .soulIntro{padding:clamp(22px,2.4vw,56px)}
  .soulIntroContent{width:min(2200px,92vw);gap:clamp(24px,3vh,40px)}
  .soulIntroCrown{width:clamp(112px,7vw,154px);height:clamp(112px,7vw,154px);margin-bottom:-10px}
  .soulIntroKicker{margin-bottom:7px;font-size:clamp(10px,.75vw,14px)}
  .soulIntroHeader h1{font-size:clamp(54px,3.8vw,76px)}
  .soulIntroGuides{gap:clamp(28px,2.2vw,46px)}
  .soulIntroGuide{min-height:clamp(440px,44vh,590px);padding:clamp(30px,2.4vw,48px);border-radius:28px}
  .soulIntroGuide::after{inset:11px;border-radius:21px}
  .soulIntroGuideHeading{gap:15px}
  .soulIntroGuideHeading>span{width:48px;height:48px;font-size:15px}
  .soulIntroGuideHeading small{margin-bottom:5px;font-size:11px}
  .soulIntroGuideHeading h2{font-size:clamp(27px,1.8vw,36px)}
  .soulIntroMiniSlot{width:min(92%,820px)}
  .soulIntroMiniSlotReels{gap:12px}
  .soulIntroMiniSlotStrip img{padding:7px}
  .soulIntroScatterDemo{--scatter-row:clamp(68px,6.2vh,88px);width:min(98%,900px);gap:13px}
  .soulIntroScatterReels{gap:10px}
  .soulIntroScatterWindow{border-radius:11px}
  .soulIntroScatterStrip img{padding:4px}
  .soulIntroScatterCount{width:30px;height:30px;font-size:15px}
  .soulIntroScatterAward{font-size:clamp(17px,1.15vw,22px)}
  .soulIntroGuide>p{font-size:clamp(16px,1.08vw,21px);line-height:1.6}
  .soulIntroActions{gap:16px}
  .soulIntroContinue{font-size:clamp(16px,1.05vw,20px)}
  .soulIntroPreference{gap:12px;font-size:14px}
  .soulIntroPreference>span{width:21px;height:21px}
}
@media(max-width:720px){
  .soulIntro{place-items:start center;padding:16px 12px;overflow-x:hidden}.soulIntroContent,.soulIntroGuides,.soulIntroGuide,.soulIntroGuideHeading,.soulIntroGuideHeading>div,.soulIntroActions{box-sizing:border-box;min-width:0;max-width:100%}.soulIntroContent,.soulIntroGuides{width:100%}.soulIntroContent{gap:13px}.soulIntroHeader{width:100%;max-width:100%;gap:0;justify-content:center}.soulIntroCrown{width:68px;height:68px}.soulIntroHeader h1{font-size:26px}
  .soulIntroGuides{grid-template-columns:minmax(0,1fr);gap:10px}.soulIntroGuide{width:100%;min-height:0;grid-template-columns:145px minmax(0,1fr);grid-template-rows:auto auto;padding:14px 13px;border-radius:17px}.soulIntroGuideHeading{grid-column:2;justify-content:flex-start}.soulIntroGuideHeading>span{flex:0 0 30px;width:30px;height:30px}.soulIntroGuideHeading h2{font-size:clamp(14px,4.2vw,18px)}.soulIntroSymbols,.soulIntroMiniSlot,.soulIntroScatterDemo{grid-column:1;grid-row:1 / 3;min-width:0}.soulIntroSymbols{min-height:104px;margin:0;overflow:hidden}.soulIntroMiniSlot{width:140px;padding:0}.soulIntroMiniSlotReels{gap:4px;padding:0}.soulIntroMiniSlotStrip img{padding:2px}.soulIntroScatterDemo{--scatter-row:28px;width:145px;gap:4px}.soulIntroScatterReels{gap:3px}.soulIntroScatterWindow{border-radius:4px}.soulIntroScatterCount{width:14px;height:14px;font-size:8px}.soulIntroScatterAward{font-size:8px}.soulIntroGuide>p{grid-column:2;min-width:0;text-align:left;font-size:9px;overflow-wrap:anywhere}.soulIntroSymbols img{width:64px;height:64px}
}
@media(max-height:620px) and (orientation:landscape){
  .soulIntro{padding:9px 22px}.soulIntroContent{gap:9px}.soulIntroHeader{position:absolute;left:50%;top:4px;transform:translateX(-50%)}.soulIntroCrown{width:46px;height:46px;margin-bottom:-6px}.soulIntroHeader h1{font-size:19px;white-space:nowrap}.soulIntroKicker{font-size:7px}.soulIntroGuides{margin-top:70px;gap:14px}.soulIntroGuide{min-height:0;height:calc(100dvh - 174px);padding:12px 18px}.soulIntroSymbols{min-height:76px}.soulIntroSymbols img{width:76px;height:76px}.soulIntroWildSymbols img:not(.featured){width:56px;height:56px}.soulIntroGuideHeading h2{font-size:16px}.soulIntroGuide>p{font-size:10px}.soulIntroActions{position:absolute;right:24px;top:12px;gap:6px}.soulIntroContinue{font-size:10px}.soulIntroPreference{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.soulIntro{transition-duration:.01ms}.soulIntro.isLeaving .soulIntroWildGuide,.soulIntro.isLeaving .soulIntroScatterGuide,.soulIntro.isLeaving .soulIntroHeader,.soulIntro.isLeaving .soulIntroActions,.soulIntroMist::before,.soulIntroMist::after,.soulIntroWildGuide,.soulIntroScatterGuide,.soulIntroContinue,.soulIntroMiniSlot,.soulIntroMiniSlotWindow,.soulIntroMiniSlotWild,.soulIntroMiniSlotWild::after,.soulIntroMiniSlotStripTwo img:last-child,.soulIntroMiniSlotPayline,.soulIntroMiniSlotPayline::before,.soulIntroMiniSlotPayline::after,.soulIntroMiniSlotReels::after,.soulIntroScatterStrip,.soulIntroScatterStrip .scatterHit,.soulIntroScatterCount,.soulIntroScatterPop,.soulIntroScatterPop::before,.soulIntroScatterAward{animation:none}.soulIntroMiniSlotStrip{animation:none}.soulIntroScatterStrip .scatterHit{filter:brightness(1.2) drop-shadow(0 0 7px #ff9b35)}.soulIntroScatterCount,.soulIntroScatterAward{opacity:1}.soulIntroScatterAward{transform:none}}