.lg-root{z-index:90;letter-spacing:normal;word-break:normal;font-variant-numeric:normal;position:fixed;inset:0;overflow:hidden}.lg-root img{object-fit:fill;display:inline}.lg-root .wordmark img{width:42px;height:42px}.lg-root .eyebrow{margin:0;display:inline}.lg-root h1,.lg-root h2{text-wrap:wrap;line-height:normal}.lg-root p{overflow-wrap:normal}.lg-root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b2540;--muted:#56687b;--orange:#b5581a;--glass:#f9fdffe0;--stroke:#ffffffeb;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif}.lg-root *{box-sizing:border-box}.lg-root{width:100%;min-height:100%;font-family:var(--font);color:var(--ink);background:#70b9ff;margin:0;font-size:15px;overflow:hidden}.lg-root button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.lg-root button:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.lg-root button:disabled{cursor:wait}.lg-root button,.lg-root [draggable=false]{-webkit-user-select:none;user-select:none}.lg-root button{touch-action:manipulation}.lg-root h1,.lg-root h2,.lg-root p{margin:0}.lg-root [hidden]{display:none!important}.lg-root .glass{background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 38px #164f7920,inset 0 1px #fff}.lg-root #experience{isolation:isolate;width:100%;height:100svh;min-height:540px;position:relative;overflow:hidden}.lg-root .backdrop{z-index:-2;background:#70b9ff url(/brand/landing-game/bg_water.webp) 50%/cover no-repeat;position:absolute;inset:0}.lg-root .welcome{z-index:5;text-align:center;border-radius:26px;width:max-content;max-width:calc(100% - 32px);padding:12px 28px 17px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.lg-root .wordmark{justify-content:center;align-items:center;gap:8px;display:flex}.lg-root .wordmark strong{letter-spacing:-1.1px;font-size:23px;font-weight:850}.lg-root .wordmark span{letter-spacing:1.6px;margin-left:3px;font-size:13px;font-weight:650}.lg-root .wordmark img{margin:-7px -2px -5px 0}.lg-root h1{letter-spacing:-.35px;margin-top:5px;font-size:16px;font-weight:550}.lg-root .map-viewport{touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.lg-root .world{transform-origin:50%;will-change:transform;width:100%;height:100%;transition:transform .78s cubic-bezier(.24,.68,.22,1),opacity .75s;position:relative}.lg-root .water-picture,.lg-root .water-picture img{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lg-root .water-light{pointer-events:none;background:radial-gradient(at 35% 45%,#ffffff21,#0000 52%),radial-gradient(at 70% 75%,#deefff20,#0000 40%);animation:17s ease-in-out infinite alternate water-breathe;position:absolute;inset:-6%}.lg-root .zone{pointer-events:none;position:absolute;inset:0}.lg-root .zone-art{transform-origin:var(--cx) var(--cy);opacity:.76;filter:brightness(.88);transition:transform .4s,opacity .4s,filter .4s;position:absolute;inset:0}.lg-root .zone.active .zone-art{opacity:1;filter:brightness(1.035);transform:scale(1.06)}.lg-root .zone.beta .zone-art{opacity:.58;filter:saturate(.65)}.lg-root .zone.beta.active .zone-art{opacity:.85;filter:saturate(.85)}.lg-root .sprite{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.lg-root .sprite-orientation{width:100%;height:100%;transform:rotate(var(--angle))}.lg-root .sprite-motion{width:100%;height:100%;animation:6s ease-in-out infinite alternate drift;animation-delay:var(--delay);position:relative}.lg-root .crop{position:absolute;inset:0;overflow:hidden}.lg-root .crop img{pointer-events:none;max-width:none;position:absolute}.lg-root .fish .sprite-motion{animation:8s ease-in-out infinite fish-idle;animation-delay:var(--delay)}.lg-root .active .fish .sprite-motion{animation:4s ease-in-out infinite fish-chat;animation-delay:var(--delay)}.lg-root .stall .sprite-motion{transform-origin:50% 75%;animation-duration:8s}.lg-root .active .stall .sprite-motion{animation:2.8s ease-in-out infinite alternate awning}.lg-root .map-paper .sprite-motion{animation-duration:9s}.lg-root .active .map-paper .sprite-motion{animation:3.2s ease-in-out infinite alternate paper}.lg-root .active .ai-glow .sprite-motion{animation:2.7s ease-in-out infinite glint}.lg-root .chat-ring{left:var(--cx);top:var(--cy);opacity:0;width:13px;height:13px;animation:3.6s ease-out infinite chat;animation-delay:var(--delay);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute}.lg-root .zone:not(.active) .chat-ring{visibility:hidden}.lg-root .zone-halo{left:var(--cx);top:var(--cy);width:var(--halo-w);height:var(--halo-h);opacity:0;border:2px dashed #ffffffa6;border-radius:48%;transition:opacity .3s,transform .4s;position:absolute;transform:translate(-50%,-50%)rotate(-9deg)scale(.96);box-shadow:0 0 65px #fff2,inset 0 0 70px #fff2}.lg-root .zone.active .zone-halo{opacity:1;transform:translate(-50%,-50%)rotate(-9deg)scale(1.06)}.lg-root .zone-hit{left:var(--cx);top:var(--cy);width:var(--hit-w);height:var(--hit-h);pointer-events:auto;background:0 0;border:0;border-radius:45%;position:absolute;transform:translate(-50%,-50%)}.lg-root .zone-label{left:var(--label-x);top:var(--label-y);white-space:nowrap;pointer-events:auto;background:#f4faffdb;border:1px solid #ffffffd9;border-radius:40px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:8px 14px 8px 9px;font-size:16px;font-weight:700;transition:background .25s,transform .25s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 16px #154f7918}.lg-root .zone.active .zone-label{background:#fff;transform:translate(-50%,-50%)scale(1.04);box-shadow:0 8px 22px #154f7929}.lg-root .zone-number{width:27px;height:27px;color:var(--muted);background:#e2edf6;border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.lg-root .active .zone-number{color:var(--ink);background:#e07a2f}.lg-root .lock{background:var(--muted);border-radius:2px;width:12px;height:10px;margin:4px 4px 0 0;display:inline-block;position:relative}.lg-root .lock:before{content:"";border:2px solid var(--muted);border-bottom:0;border-radius:5px 5px 0 0;width:8px;height:8px;position:absolute;top:-5px;left:2px}.lg-root .beta-label{color:var(--muted);align-items:center;gap:3px;font-size:13px;display:inline-flex}.lg-root .traveler{z-index:3;pointer-events:none;will-change:transform;width:96px;height:104px;position:absolute;top:0;left:0}.lg-root .float-body{animation:3.5s ease-in-out infinite float;position:absolute;inset:0}.lg-root .float-body img{filter:drop-shadow(0 3px 1px #0b254015);width:90px;height:90px;position:absolute;top:-8px;left:3px}.lg-root .tube{border:15px solid #ed5745;border-color:#ff7a62 #ed5745 #c83d35;border-radius:50%;width:92px;height:55px;position:absolute;top:47px;left:2px;transform:rotate(-7deg);box-shadow:0 7px #2268a527,0 0 0 4px #ffb9a17a,inset 0 3px 3px #8c251f30}.lg-root .tube:before,.lg-root .tube:after{content:"";background:#fff6e8;border-radius:5px;width:16px;height:12px;position:absolute;top:-12px;transform:rotate(-10deg)}.lg-root .tube:before{left:0}.lg-root .tube:after{right:0}.lg-root .wake{border:2px solid #ffffffa6;border-radius:50%;animation:2.8s ease-out infinite wake;position:absolute;inset:51px -11px -9px}.lg-root .traveler.moving .float-body{animation:.27s ease-in-out infinite alternate swim}.lg-root .selector{z-index:6;border-radius:30px;width:394px;padding:24px 26px 13px;transition:opacity .25s,transform .3s;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.lg-root .card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.lg-root .eyebrow{letter-spacing:.1px;color:var(--orange);font-size:13px;font-weight:700}.lg-root .count{font-variant-numeric:tabular-nums;font-size:15px;font-weight:750}.lg-root .count span{color:#56687b;margin-left:3px;font-size:13px}.lg-root .card-copy{min-height:112px;padding:16px 0 21px}.lg-root .title-row{align-items:center;gap:8px;display:flex}.lg-root #zone-title{letter-spacing:-1.7px;word-break:keep-all;font-size:37px;font-weight:820;line-height:1.15}.lg-root #zone-title.long{letter-spacing:-1px;font-size:27px}.lg-root #zone-description{color:var(--muted);word-break:keep-all;margin-top:9px;font-size:15px;line-height:1.55}.lg-root .beta-tag{background:#e1ebf3;border:1px solid #c2d7e9;border-radius:7px;flex:none;padding:4px 8px;font-size:13px}.lg-root .card-actions{grid-template-columns:45px 1fr 45px;gap:10px;display:grid}.lg-root .arrow{background:#fff8;border:1px solid #bcd3e8;border-radius:16px;min-height:49px;font-size:23px;transition:background .2s,transform .2s}.lg-root .arrow:hover{background:#fff;transform:translateY(-2px)}.lg-root .enter{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:22px;min-height:49px;padding:12px 18px;font-size:16px;font-weight:700;transition:background .2s,transform .2s;display:flex;box-shadow:inset 0 1px #ffffff26}.lg-root .enter:hover{background:#173d62;transform:translateY(-2px)}.lg-root .enter:active,.lg-root .arrow:active{transform:scale(.97)}.lg-root .enter span{font-size:23px;font-weight:400;line-height:1}.lg-root .enter.soon{color:var(--ink);background:#e3edf5;border-color:#bdcfe0}.lg-root .dots{justify-content:center;align-items:center;gap:2px;height:36px;margin:5px 0 -5px;display:flex}.lg-root .dot{background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.lg-root .dot:before{content:"";background:#8aa7bf;border-radius:50%;width:7px;height:7px;transition:width .25s,background .25s}.lg-root .dot[aria-current=true]:before{background:var(--ink);border-radius:8px;width:24px}.lg-root .bottom-bar{z-index:7;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.lg-root .hint,.lg-root .motion-toggle{pointer-events:auto;min-height:38px;color:var(--muted);border-radius:30px;padding:9px 15px;font-size:13px}.lg-root .hint{background:#f4faffec}.lg-root .hint kbd{font:inherit;text-align:center;border:1px solid #a8c2d9;border-radius:5px;min-width:20px;margin-right:4px;display:inline-block}.lg-root .mobile-hint{display:none}.lg-root .motion-toggle{background:#f4faffec;align-items:center;gap:7px;display:flex}.lg-root .motion-toggle:disabled{opacity:1;cursor:default}.lg-root .bubble{width:var(--size);height:var(--size);pointer-events:none;opacity:0;animation:bubble-rise var(--duration) ease-out infinite;animation-delay:var(--delay);border:2px solid #ffffffba;border-radius:50%;position:absolute}.lg-root #ripples{pointer-events:none;z-index:9;position:absolute;inset:0;overflow:hidden}.lg-root .ripple{border:1.5px solid #fff;border-radius:50%;width:28px;height:28px;margin:-14px;animation:.95s ease-out forwards ripple;position:absolute;box-shadow:0 0 0 5px #fff2}.lg-root .ripple.large{border-width:3px;animation:.85s ease-out forwards click-wave}.lg-root.diving .world{opacity:.15;transform:scale(3.6)}.lg-root.diving .welcome,.lg-root.diving .selector,.lg-root.diving .bottom-bar{opacity:0;pointer-events:none}.lg-root.diving .selector{transform:translate(-50%,-42%)scale(.94)}.lg-root .portal{width:min(390px,100vw - 32px);color:var(--ink);text-align:center;background:#f5fbfff2;border:2px solid #fff;border-radius:48%;padding:32px 28px;overflow:visible;box-shadow:0 0 0 12px #ffffff35,0 25px 95px #0b254030}.lg-root .portal[open]{animation:.4s ease-out portal-open}.lg-root .portal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#164f7959}.lg-root .portal-inner{padding:8px 4px}.lg-root .portal-icon{width:68px;height:68px;margin:0 auto 12px}.lg-root .portal-icon img{width:100%;height:100%}.lg-root .portal h2{letter-spacing:-1px;margin:9px 0 13px;font-size:28px}.lg-root .portal p{word-break:keep-all;color:var(--muted);font-size:15px;line-height:1.65}.lg-root .portal .enter{gap:10px;margin:22px auto 4px;font-size:15px}.lg-root .destination{z-index:20;background:#70b9ff url(/brand/landing-game/bg_water.webp) 50%/cover;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.lg-root .destination-glass{text-align:center;border-radius:36px;max-width:520px;padding:36px 40px 38px;animation:.45s ease-out arrival}.lg-root .arrival-mark{width:112px;margin:0 auto 20px;display:block}.lg-root .destination h2{letter-spacing:-1.3px;word-break:keep-all;margin:12px 0 15px;font-size:34px}.lg-root .destination p{color:var(--muted);word-break:keep-all;font-size:16px;line-height:1.6}.lg-root .destination .demo-note{margin-top:16px;font-size:13px}.lg-root .destination .enter{width:100%;margin-top:25px}.lg-root .noscript{z-index:30;border-radius:20px;padding:20px;position:fixed;inset:auto 20px 20px}.lg-root.intro .water-light{animation:.8s ease-out both water-arrival}.lg-root.intro .selector{animation:.32s ease-out .58s both card-arrival}.lg-root.intro .welcome{animation:.6s ease-out both header-arrival}.lg-root.paused *,.lg-root.suspended *{animation-play-state:paused!important}.lg-root.reduced *,.lg-root.reduced :before,.lg-root.reduced :after{transition:none!important;animation:none!important}.lg-root.reduced .bubble,.lg-root.reduced .chat-ring,.lg-root.reduced .wake{display:none}.lg-root.reduced .water-light,.lg-root.reduced .selector,.lg-root.reduced .welcome{opacity:1}@keyframes drift{0%{transform:translateY(-2px)rotate(-1deg)}to{transform:translateY(4px)rotate(2deg)}}@keyframes fish-idle{0%,to{transform:translate(0)rotate(-2deg)}50%{transform:translate(5px,-8px)rotate(4deg)}}@keyframes fish-chat{0%,to{transform:translate(0)rotate(-5deg)}25%{transform:translate(10px,-5px)rotate(5deg)}50%{transform:translate(9px,5px)rotate(11deg)}75%{transform:translate(-4px,8px)rotate(2deg)}}@keyframes awning{0%{transform:rotate(-1.6deg)translateY(1px)}to{transform:rotate(1.6deg)translateY(-3px)}}@keyframes paper{0%{transform:rotate(-3deg)translateY(-2px)}to{transform:rotate(2deg)translateY(3px)}}@keyframes glint{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.09)}}@keyframes chat{0%{opacity:0;transform:translate(-14px,5px)scale(.25)}30%{opacity:.85}to{opacity:0;transform:translate(30px,-35px)scale(1.4)}}@keyframes float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}@keyframes swim{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes wake{0%{opacity:0;transform:scale(.75)}25%{opacity:.8}to{opacity:0;transform:scale(1.38)}}@keyframes water-breathe{0%{transform:translate(-1%,-1%)scale(1)}to{transform:translate(1%,1%)scale(1.03)}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(15px)scale(.6)}18%{opacity:.65}to{opacity:0;transform:translateY(-65px)scale(1.2)}}@keyframes ripple{0%{opacity:.7;transform:scale(.3)}to{opacity:0;transform:scale(3.3)}}@keyframes click-wave{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(30)}}@keyframes portal-open{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes arrival{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-arrival{0%{opacity:0;transform:translate(-50%,-43%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes header-arrival{0%{opacity:0}to{opacity:1}}@keyframes water-arrival{0%{background-color:#164f7955}to{background-color:#0000}}@media (min-width:701px) and (max-height:700px){.lg-root .welcome{padding:8px 22px 12px;top:12px}.lg-root .selector{width:370px;padding:17px 24px 10px;top:54%}.lg-root .card-copy{min-height:95px;padding:10px 0 15px}.lg-root #zone-title{font-size:32px}.lg-root .bottom-bar{bottom:10px}.lg-root .zone-label{min-height:40px;font-size:14px}.lg-root .traveler{transform-origin:0 0;scale:.85}}@media (max-width:700px){.lg-root{overflow:hidden}.lg-root #experience{min-height:540px}.lg-root .backdrop{background-image:url(/brand/landing-game/bg_water_mobile.webp)}.lg-root .welcome{top:max(12px,env(safe-area-inset-top));border-radius:23px;width:330px;max-width:calc(100% - 28px);padding:8px 17px 11px}.lg-root .wordmark strong{font-size:21px}.lg-root .wordmark span{letter-spacing:1.2px;font-size:13px}.lg-root .wordmark img{width:34px;height:34px}.lg-root h1{margin-top:6px;font-size:15px}.lg-root .map-viewport{scrollbar-width:none;top:100px;bottom:250px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 18px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 18px calc(100% - 24px),#0000)}.lg-root .map-viewport::-webkit-scrollbar{display:none}.lg-root .world{aspect-ratio:9/16;height:auto;min-height:0}.lg-root .traveler{width:72px;height:80px}.lg-root .float-body img{width:70px;height:70px;top:-4px;left:1px}.lg-root .tube{border-width:11px;width:70px;height:42px;top:39px;left:1px}.lg-root .tube:before,.lg-root .tube:after{width:13px;height:9px;top:-9px}.lg-root .wake{inset:40px -10px -7px}.lg-root .zone-label{gap:6px;min-height:39px;padding:6px 11px 6px 6px;font-size:14px}.lg-root .zone-number{width:25px;height:25px}.lg-root .beta-label{gap:1px;font-size:13px}.lg-root .zone-halo{border-width:1.5px}.lg-root .selector{border-radius:27px;width:calc(100% - 28px);max-width:430px;padding:18px 20px 8px;top:auto;bottom:48px;transform:translate(-50%)}.lg-root .card-copy{min-height:95px;padding:11px 0 15px}.lg-root #zone-title{letter-spacing:-1.2px;font-size:29px}.lg-root #zone-title.long{font-size:24px}.lg-root #zone-description{margin-top:7px;font-size:14px}.lg-root .card-actions{grid-template-columns:45px 1fr 45px;gap:9px}.lg-root .arrow,.lg-root .enter{border-radius:14px;min-height:47px}.lg-root .dots{height:31px;margin-top:2px}.lg-root .bottom-bar{left:14px;right:14px;bottom:max(8px,env(safe-area-inset-bottom));justify-content:center;gap:5px}.lg-root .hint,.lg-root .motion-toggle{min-height:31px;padding:6px 9px;font-size:13px}.lg-root .hint{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#eff8ffed;border:0}.lg-root .motion-toggle{padding:6px 8px}.lg-root .desktop-hint{display:none}.lg-root .mobile-hint{display:inline}.lg-root .motion-toggle span{display:none}.lg-root.intro .selector{animation:.32s ease-out .58s both card-arrival-mobile}.lg-root.diving .selector{transform:translate(-50%,10%)scale(.96)}.lg-root .destination-glass{padding:28px 22px}.lg-root .destination h2{font-size:28px}.lg-root .portal{padding:26px 23px}.lg-root .portal h2{font-size:25px}.lg-root .portal p{font-size:14px}@keyframes card-arrival-mobile{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}}@media (prefers-reduced-motion:reduce){.lg-root *,.lg-root :before,.lg-root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.lg-root .bubble,.lg-root .chat-ring,.lg-root .wake{display:none}}@media (max-height:539px){.lg-root{overflow-y:auto}.lg-root #experience{min-height:600px}}.lg-root .lf-layer{pointer-events:none;position:absolute;inset:0}.lg-root .lf-fish{will-change:transform,opacity;opacity:0;position:absolute;top:0;left:0}.lg-root .lf-fish[hidden]{display:none}.lg-root .lf-body{transform-origin:50% 22%;animation:lf-wig var(--wig,.7s) ease-in-out infinite alternate;filter:drop-shadow(0 3px 2px #0b254022);position:absolute;inset:0}.lg-root .lf-crop{position:absolute;inset:0;overflow:hidden}.lg-root .lf-crop img{pointer-events:none;max-width:none;position:absolute}@keyframes lf-wig{0%{transform:skew(-6deg)scaleX(.95)}to{transform:skew(6deg)scaleX(1.05)}}.lg-root.paused .lf-body,.lg-root.reduced .lf-body,.lg-root.lf-still .lf-body{animation:none}@media (prefers-reduced-motion:reduce){.lg-root .lf-body{animation:none}}