.gate-live .gate-hero{overflow:hidden}.gate-live .gate-landscape{animation:gate-breath-in 38s ease-in-out infinite alternate;translate:calc(var(--px,0)*-22px) calc(var(--py,0)*-14px);transition:translate 1.2s cubic-bezier(.2,.7,.2,1)}@keyframes gate-breath-in{0%{scale:1.03}to{scale:1.13}}.gate-portal-glow{position:absolute;left:72%;top:29%;width:33vw;aspect-ratio:1;max-width:100%;translate:calc(-50% + var(--px,0)*-30px) calc(-50% + var(--py,0)*-20px);transition:translate 1.2s cubic-bezier(.2,.7,.2,1);z-index:0;pointer-events:none;mix-blend-mode:screen}.gate-portal-glow:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,150,.22),rgba(120,230,230,.1) 45%,transparent 70%);animation:gate-core 6s ease-in-out infinite}.gate-portal-glow span{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,206,130,.7);box-shadow:0 0 30px rgba(255,190,110,.35),inset 0 0 30px rgba(255,190,110,.2);opacity:0;animation:gate-ripple 7.5s cubic-bezier(.2,.6,.3,1) infinite}.gate-portal-glow span:nth-child(2){animation-delay:2.5s;border-color:rgba(160,240,235,.45)}.gate-portal-glow span:nth-child(3){animation-delay:5s}@keyframes gate-ripple{0%{transform:scale(.62);opacity:0}18%{opacity:.85}to{transform:scale(1.35);opacity:0}}@keyframes gate-core{50%{transform:scale(1.08);opacity:.65}}.gate-sparks{inset:0;width:100%;height:100%;z-index:0;mix-blend-mode:screen}.gate-mist,.gate-sparks{position:absolute;pointer-events:none}.gate-mist{left:-10%;right:-10%;bottom:0;height:42%;z-index:-1;background:radial-gradient(ellipse 40% 60% at 30% 100%,rgba(190,225,225,.16),transparent 70%),radial-gradient(ellipse 35% 50% at 75% 95%,rgba(255,220,180,.12),transparent 70%);animation:gate-mist 22s ease-in-out infinite alternate;filter:blur(8px)}@keyframes gate-mist{to{transform:translateX(6%)}}.gate-live .gate-copy>*{animation:gate-rise 1.6s cubic-bezier(.16,.84,.3,1) both}.gate-live .gate-copy>:nth-child(2){animation-delay:.25s}.gate-live .gate-copy>:nth-child(3){animation-delay:.5s}.gate-live .gate-copy>:nth-child(4){animation-delay:.8s}.gate-live .gate-copy>:nth-child(5){animation-delay:1.05s}.gate-live .gate-copy>:nth-child(n+6){animation-delay:1.25s}@keyframes gate-rise{0%{opacity:0;transform:translateY(26px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}.gate-live .gate-copy h1 em{background:linear-gradient(100deg,#f1cb8e,#fff3d6 45%,#f1cb8e 60%,#e7b46e);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gate-shimmer 7s ease-in-out 2s infinite}@keyframes gate-shimmer{0%,to{background-position:100% 0}50%{background-position:0 0}}.gate-enter{position:relative;overflow:hidden}.gate-enter:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);translate:-120% 0;animation:gate-sheen 4.5s ease-in-out 2.4s infinite}@keyframes gate-sheen{0%{translate:-120% 0}35%,to{translate:120% 0}}.gate-daily{display:flex;width:fit-content;max-width:100%;align-items:center;gap:8px;margin-top:22px!important;padding:8px 14px;border:1px solid rgba(233,206,155,.4);border-radius:999px;background:rgba(9,28,34,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ead7b0!important;font-size:13px!important;line-height:1.4!important}.gate-daily span{color:#f1cb8e;animation:gate-twinkle 2.6s ease-in-out infinite}@keyframes gate-twinkle{50%{opacity:.35;transform:rotate(45deg)}}.daily-once{display:flex;gap:12px;align-items:flex-start;margin:26px 0 14px;padding:16px 18px;border-radius:14px;border:1px solid rgba(233,206,155,.35);background:linear-gradient(100deg,rgba(241,203,142,.1),rgba(110,181,179,.06));color:#d8cbb0;font-size:14px;line-height:1.7}.daily-once b{flex:none;padding:3px 10px;border-radius:999px;background:#e3c796;color:#122d33;font-size:12px;font-weight:700;letter-spacing:.02em}.gate-live .wizard{position:relative}.gate-live .wizard:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--gate-angle,0deg),transparent 0 70%,rgba(241,203,142,.7) 80%,rgba(160,240,235,.5) 88%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gate-orbit 9s linear infinite;pointer-events:none}@property --gate-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes gate-orbit{to{--gate-angle:360deg}}.gate-live .world-card.selected{animation:gate-pulse 3.2s ease-in-out infinite}@keyframes gate-pulse{50%{box-shadow:0 0 0 2px #efd09a55,0 0 50px #eab96c40}}.gate-page .rv{opacity:0;transform:translateY(30px);filter:blur(8px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.16,.84,.3,1),filter 1.1s ease}.gate-page .rv.is-in{opacity:1;transform:none;filter:none}.gate-music{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border-radius:999px;border:1px solid rgba(233,206,155,.45);background:rgba(7,22,27,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f1e6cf;font:600 13px/1 Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:border-color .3s,box-shadow .3s}.gate-music.on,.gate-music:hover{border-color:#f1cb8e}.gate-music.on{box-shadow:0 0 0 1px rgba(241,203,142,.25),0 0 28px rgba(241,203,142,.25)}.gate-music-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.gate-music-bars i{width:3px;height:4px;border-radius:2px;background:#f1cb8e;transition:height .3s}.gate-music.on .gate-music-bars i{animation:gate-eq 1.2s ease-in-out infinite}.gate-music.on .gate-music-bars i:nth-child(2){animation-delay:.2s}.gate-music.on .gate-music-bars i:nth-child(3){animation-delay:.45s}.gate-music.on .gate-music-bars i:nth-child(4){animation-delay:.7s}@keyframes gate-eq{0%,to{height:4px}50%{height:14px}}@media(max-width:700px){.gate-portal-glow{left:62%;top:30%;width:70vw}.gate-daily{font-size:12px!important;margin-top:16px!important}.daily-once{font-size:13px;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.gate-daily span,.gate-enter:after,.gate-live .gate-copy h1 em,.gate-live .gate-copy>*,.gate-live .gate-landscape,.gate-live .wizard:before,.gate-live .world-card.selected,.gate-mist,.gate-music.on .gate-music-bars i,.gate-portal-glow span,.gate-portal-glow:before{animation:none!important}.gate-live .gate-copy h1 em{color:#f1cb8e;background:none}}