.atlantisIntro[hidden]{display:none!important}
.atlantisIntro,.atlantisIntro *{box-sizing:border-box}
.atlantisIntro{
  position:fixed;z-index:9500;inset:0;display:none;place-items:center;box-sizing:border-box;min-width:280px;min-height:100vh;min-height:100dvh;padding:clamp(18px,3.2vw,48px);overflow:auto;color:#edfcff;text-align:center;isolation:isolate;
  background:linear-gradient(180deg,rgba(1,22,42,.25),rgba(0,17,35,.84)),radial-gradient(circle at 50% 42%,rgba(45,216,228,.18),transparent 38%),url('../../public/assets/backgrounds/atlantis ocean.png') center/cover no-repeat,#021b31;
  opacity:1;transition:opacity .3s ease,visibility .3s ease;
}
.atlantis-intro-pending .atlantisIntro{display:grid}
.atlantisIntro::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,rgba(0,8,25,.78) 100%),linear-gradient(90deg,rgba(0,12,28,.5),transparent 22% 78%,rgba(0,12,28,.5))}
.atlantisIntro::after{content:"";position:fixed;z-index:-1;left:6%;right:6%;bottom:-15%;height:48%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(91,237,229,.28),rgba(41,110,210,.14) 38%,transparent 70%);filter:blur(24px)}
.atlantisIntro.isLeaving{opacity:0;visibility:hidden;transition:opacity .22s ease .3s,visibility 0s linear .54s}
.atlantisIntro.isLeaving .atlantisIntroWild{animation:atlantisCardExitLeft .4s ease-in both}
.atlantisIntro.isLeaving .atlantisIntroScatter{animation:atlantisCardExitRight .4s ease-in .04s both}
.atlantisIntroCurrent{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.atlantisIntroCurrent::before,.atlantisIntroCurrent::after{content:"";position:absolute;left:-20%;width:140%;height:34%;border-radius:50%;opacity:.32;filter:blur(34px);background:linear-gradient(90deg,transparent,rgba(63,220,226,.42),rgba(58,107,220,.25),transparent);animation:atlantisCurrent 10s ease-in-out infinite alternate}
.atlantisIntroCurrent::before{top:18%}.atlantisIntroCurrent::after{bottom:3%;animation-delay:-5s;animation-direction:alternate-reverse}
.atlantisIntroContent{width:min(1120px,100%);margin:auto;display:grid;justify-items:center;gap:clamp(16px,2.5vh,28px)}
.atlantisIntroHeader{display:grid;justify-items:center;filter:drop-shadow(0 10px 22px rgba(0,0,0,.62))}
.atlantisIntroEmblem{width:clamp(72px,8.5vw,108px);height:clamp(72px,8.5vw,108px);margin-bottom:-6px;object-fit:contain;filter:drop-shadow(0 0 17px rgba(76,235,238,.5))}
.atlantisIntroKicker{margin:0 0 5px;color:#75eaf2;font:900 clamp(8px,.85vw,11px)/1.2 sans-serif;letter-spacing:.3em;text-indent:.3em}
.atlantisIntroHeader h1{margin:0;color:#e8fbff;font:900 clamp(28px,4vw,52px)/1.05 Georgia,"Noto Serif KR",serif;letter-spacing:.025em;text-shadow:0 2px 0 #075c79,0 0 22px rgba(100,232,239,.45)}
.atlantisIntroGuides{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.2vw,28px);perspective:1000px}
.atlantisIntroGuide{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);overflow:hidden;border:1px solid rgba(122,230,241,.7);border-radius:22px;background:linear-gradient(145deg,rgba(15,102,137,.8),rgba(2,28,54,.91) 56%,rgba(18,63,115,.82));box-shadow:inset 0 1px 0 rgba(218,253,255,.42),inset 0 0 42px rgba(0,9,31,.48),0 20px 44px rgba(0,7,28,.52)}
.atlantisIntroGuide::before{content:"";position:absolute;left:6%;right:6%;top:5%;height:18%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.17),transparent);pointer-events:none}
.atlantisIntroGuide::after{content:"";position:absolute;inset:8px;border:1px solid rgba(112,231,238,.16);border-radius:16px;pointer-events:none}
.atlantisIntroWild{animation:atlantisCardFromLeft .72s cubic-bezier(.2,.78,.22,1) .08s both}
.atlantisIntroScatter{background:linear-gradient(145deg,rgba(20,72,131,.84),rgba(3,25,55,.92) 56%,rgba(13,100,112,.82));animation:atlantisCardFromRight .72s cubic-bezier(.2,.78,.22,1) .2s both}
.atlantisIntroHeading{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;gap:11px}
.atlantisIntroHeading>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(142,244,244,.7);border-radius:50%;color:#9af4f5;background:rgba(0,25,51,.58);font:800 12px/1 Georgia,serif}
.atlantisIntroHeading>div{text-align:left}.atlantisIntroHeading small{display:block;margin-bottom:3px;color:#91d8ff;font:900 8px/1 sans-serif;letter-spacing:.22em}.atlantisIntroHeading h2{margin:0;color:#efffff;font:900 clamp(17px,2vw,25px)/1.1 "Noto Serif KR",Georgia,serif}
.atlantisMiniSlot{--cycle:6s;position:relative;z-index:2;align-self:center;justify-self:center;width:min(88%,430px);perspective:700px;animation:atlantisMiniImpact var(--cycle) ease-out infinite}
.atlantisMiniReels{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
.atlantisMiniWindow{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:7px;background:radial-gradient(circle,#0c6381,#02182f 74%);box-shadow:inset 0 0 0 1px rgba(173,248,248,.2)}
.atlantisMiniStrip{display:flex;flex-direction:column;width:100%;will-change:transform}.atlantisMiniStrip.one{animation:atlantisReelOne var(--cycle) cubic-bezier(.16,.67,.2,1) infinite}.atlantisMiniStrip.two{animation:atlantisReelTwo var(--cycle) cubic-bezier(.16,.67,.2,1) infinite}.atlantisMiniStrip.three{animation:atlantisReelThree var(--cycle) cubic-bezier(.16,.67,.2,1) infinite}
.atlantisMiniStrip img{flex:0 0 auto;width:100%;aspect-ratio:1;box-sizing:border-box;padding:5px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.55))}
.atlantisMiniWild{box-shadow:inset 0 0 0 1px rgba(146,249,240,.42),0 0 14px rgba(69,229,226,.4);animation:atlantisWildWindow var(--cycle) ease-in-out infinite}
.atlantisMiniStrip.two img:last-child{transform-origin:center;animation:atlantisWildPulse var(--cycle) ease-in-out infinite}
.atlantisMiniPayline{position:absolute;z-index:4;left:2px;right:2px;top:50%;height:2px;opacity:.28;pointer-events:none;background:linear-gradient(90deg,transparent,#62f4ea 12%,#fff 50%,#62f4ea 88%,transparent);box-shadow:0 0 5px #d7ffff,0 0 13px #34cce2;animation:atlantisPayline var(--cycle) ease-in-out infinite}
.atlantisScatterDemo{--cycle:6s;--row:clamp(42px,5vw,58px);position:relative;z-index:2;align-self:center;justify-self:center;width:min(100%,500px);display:grid;justify-items:center;gap:8px}
.atlantisScatterReels{position:relative;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.atlantisScatterWindow{height:calc(var(--row)*3);overflow:hidden;border-radius:7px;background:radial-gradient(circle,#0a607b,#03182d 75%);box-shadow:inset 0 0 0 1px rgba(125,238,244,.2),inset 0 0 12px rgba(0,0,0,.7)}
.atlantisScatterStrip{display:flex;flex-direction:column;width:100%;will-change:transform;animation:atlantisScatterReel var(--cycle) cubic-bezier(.16,.67,.2,1) infinite}.atlantisScatterWindow:nth-child(2) .atlantisScatterStrip{animation-delay:.06s}.atlantisScatterWindow:nth-child(3) .atlantisScatterStrip{animation-delay:.12s}.atlantisScatterWindow:nth-child(4) .atlantisScatterStrip{animation-delay:.18s}.atlantisScatterWindow:nth-child(5) .atlantisScatterStrip{animation-delay:.24s}
.atlantisScatterStrip img{flex:0 0 var(--row);width:100%;height:var(--row);box-sizing:border-box;padding:2px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}.atlantisScatterStrip .hit{animation:atlantisScatterHit var(--cycle) ease-in-out infinite}
.atlantisScatterRing{position:absolute;z-index:6;width:calc(var(--row)*1.15);aspect-ratio:1;border:2px solid #b9ffff;border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 8px #fff,0 0 22px #34dce6;transform:translate(-50%,-50%) scale(.25);animation:atlantisIntroScatterRingPulse var(--cycle) ease-out infinite}.atlantisScatterRing.a{left:10%;top:83.33%}.atlantisScatterRing.b{left:50%;top:16.67%;animation-delay:.12s}.atlantisScatterRing.c{left:70%;top:50%;animation-delay:.22s}
.atlantisScatterAward{opacity:0;color:#c8ffff;font:900 clamp(11px,1.2vw,15px)/1 Georgia,serif;letter-spacing:.1em;text-shadow:0 0 8px #55e9ed,0 0 20px #1a79d5;transform:translateY(5px) scale(.8);animation:atlantisScatterAward var(--cycle) ease-out infinite}
.atlantisIntroGuide>p{position:relative;z-index:2;margin:0;color:rgba(233,252,255,.9);font:700 clamp(11px,1.15vw,14px)/1.55 "Noto Sans KR",sans-serif}.atlantisIntroGuide>p strong{color:#93f5f2;font-weight:900}
.atlantisIntroActions{display:grid;justify-items:center;gap:12px}.atlantisIntroContinue{margin:0;color:#d9ffff;font:900 clamp(12px,1.2vw,15px)/1.2 sans-serif;letter-spacing:.12em;text-shadow:0 0 13px rgba(84,232,236,.65);animation:atlantisContinue 1.5s ease-in-out infinite alternate}
.atlantisIntroPreference{display:flex;align-items:center;gap:9px;color:rgba(224,249,255,.82);font:700 11px/1.3 sans-serif;cursor:pointer;user-select:none}.atlantisIntroPreference input{position:absolute;width:1px;height:1px;opacity:0}.atlantisIntroPreference>span{width:17px;height:17px;display:grid;place-items:center;border:1px solid rgba(133,239,240,.75);border-radius:4px;background:rgba(0,25,48,.78)}.atlantisIntroPreference input:checked+span::after{content:"✓";color:#c9ffff;font:900 13px/1 sans-serif}.atlantisIntro:focus-visible{outline:0}.atlantisIntroPreference input:focus-visible+span{outline:3px solid #b9ffff;outline-offset:4px}
@keyframes atlantisCurrent{to{transform:translate3d(5%,2%,0) scale(1.08)}}@keyframes atlantisContinue{to{opacity:.55}}
@keyframes atlantisCardFromLeft{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 atlantisCardFromRight{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 atlantisCardExitLeft{to{opacity:0;transform:translateX(-15%) scale(.94)}}@keyframes atlantisCardExitRight{to{opacity:0;transform:translateX(15%) scale(.94)}}
@keyframes atlantisReelOne{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 atlantisReelTwo{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 atlantisReelThree{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 atlantisMiniImpact{0%,42%,48%,52%,100%{transform:translateY(0)}44%,50%{transform:translateY(1px)}54%{transform:translateY(2px)}56%{transform:translateY(-1px)}}@keyframes atlantisWildPulse{0%,52%,100%{transform:scale(1)}60%,90%{transform:scale(1.1);filter:brightness(1.28) drop-shadow(0 0 9px #7cf7ef) drop-shadow(0 0 17px #228ed8)}}@keyframes atlantisWildWindow{0%,52%,100%{filter:none}60%,92%{filter:brightness(1.25);box-shadow:inset 0 0 0 2px #9efff7,0 0 18px #34dce6}}@keyframes atlantisPayline{0%,50%,100%{opacity:.28;transform:scaleX(.45)}58%,92%{opacity:1;transform:scaleX(1)}}
@keyframes atlantisScatterReel{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 atlantisScatterHit{0%,58%,100%{filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}64%,92%{filter:brightness(1.3) drop-shadow(0 0 8px #8dffff) drop-shadow(0 0 17px #2ab7e8)}}@keyframes atlantisIntroScatterRingPulse{0%,60%,100%{opacity:0;transform:translate(-50%,-50%) scale(.25)}66%{opacity:1;transform:translate(-50%,-50%) scale(.75)}78%{opacity:.75;transform:translate(-50%,-50%) scale(1.35)}90%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes atlantisScatterAward{0%,65%,100%{opacity:0;transform:translateY(5px) scale(.8)}72%,92%{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px) and (min-height:760px){.atlantisIntro{padding:clamp(22px,2.4vw,56px)}.atlantisIntroContent{width:min(2200px,92vw);gap:clamp(24px,3vh,40px)}.atlantisIntroEmblem{width:clamp(112px,7vw,154px);height:clamp(112px,7vw,154px);margin-bottom:-10px}.atlantisIntroKicker{margin-bottom:7px;font-size:clamp(10px,.75vw,14px)}.atlantisIntroHeader h1{font-size:clamp(54px,3.8vw,76px)}.atlantisIntroGuides{gap:clamp(28px,2.2vw,46px)}.atlantisIntroGuide{min-height:clamp(440px,44vh,590px);padding:clamp(30px,2.4vw,48px);border-radius:28px}.atlantisIntroGuide::after{inset:11px;border-radius:21px}.atlantisIntroHeading{gap:15px}.atlantisIntroHeading>span{width:48px;height:48px;font-size:15px}.atlantisIntroHeading small{margin-bottom:5px;font-size:11px}.atlantisIntroHeading h2{font-size:clamp(27px,1.8vw,36px)}.atlantisMiniSlot{width:min(92%,820px)}.atlantisMiniReels{gap:12px}.atlantisMiniStrip img{padding:7px}.atlantisScatterDemo{--row:clamp(68px,6.2vh,88px);width:min(98%,900px);gap:13px}.atlantisScatterReels{gap:10px}.atlantisScatterWindow{border-radius:11px}.atlantisScatterStrip img{padding:4px}.atlantisScatterAward{font-size:clamp(17px,1.15vw,22px)}.atlantisIntroGuide>p{font-size:clamp(16px,1.08vw,21px);line-height:1.6}.atlantisIntroActions{gap:16px}.atlantisIntroContinue{font-size:clamp(16px,1.05vw,20px)}.atlantisIntroPreference{gap:12px;font-size:14px}.atlantisIntroPreference>span{width:21px;height:21px}}
@media(max-width:720px){.atlantisIntro{place-items:start center;padding:15px 11px;overflow-x:hidden}.atlantisIntroContent{width:calc(100vw - 42px);max-width:100%;margin:0 auto;gap:12px}.atlantisIntroEmblem{width:64px;height:64px}.atlantisIntroHeader h1{font-size:25px}.atlantisIntroGuides{grid-template-columns:1fr;gap:10px}.atlantisIntroGuide{min-height:0;grid-template-columns:124px minmax(0,1fr);grid-template-rows:auto auto;padding:13px 12px;border-radius:17px}.atlantisIntroHeading{grid-column:2;min-width:0;width:auto;max-width:100%;justify-content:flex-start}.atlantisIntroHeading>span{flex:0 0 30px;width:30px;height:30px}.atlantisIntroHeading>div{min-width:0}.atlantisIntroHeading h2{font-size:clamp(14px,4.2vw,18px)}.atlantisMiniSlot,.atlantisScatterDemo{grid-column:1;grid-row:1/3;min-width:0}.atlantisMiniSlot{width:120px}.atlantisMiniReels{gap:4px}.atlantisMiniStrip img{padding:2px}.atlantisScatterDemo{--row:23px;width:122px;gap:4px}.atlantisScatterReels{gap:3px}.atlantisScatterAward{font-size:8px}.atlantisIntroGuide>p{grid-column:2;justify-self:start;min-width:0;width:170px;max-width:100%;white-space:normal!important;text-align:left;font-size:9px;line-height:1.35;overflow-wrap:anywhere;word-break:break-all}}
@media(max-height:620px) and (orientation:landscape){.atlantisIntro{padding:8px 20px}.atlantisIntroContent{gap:8px}.atlantisIntroHeader{position:absolute;left:50%;top:3px;transform:translateX(-50%)}.atlantisIntroEmblem{width:44px;height:44px}.atlantisIntroHeader h1{font-size:19px;white-space:nowrap}.atlantisIntroKicker{font-size:7px}.atlantisIntroGuides{margin-top:68px;gap:13px}.atlantisIntroGuide{min-height:0;height:calc(100dvh - 168px);padding:11px 17px}.atlantisIntroActions{position:absolute;right:22px;top:10px;gap:5px}.atlantisIntroContinue{font-size:10px}.atlantisIntroPreference{font-size:9px}}
@media(prefers-reduced-motion:reduce){.atlantisIntro,.atlantisIntro *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.atlantisScatterAward{opacity:1;transform:none}}