.landing-page{position:relative;width:100%;max-width:none;padding-inline:clamp(24px,4vw,64px)}.landing-header{position:relative;z-index:5}.header-mark{display:flex;align-items:center;width:58px}.header-mark::before,.header-mark::after{content:"";height:1px;flex:1;background:var(--line)}.header-mark i{width:7px;height:7px;border:1px solid var(--blue);border-radius:50%}.landing-stage{--orb-x:50%;--orb-y:50%;position:relative;flex:1;min-height:0;overflow:visible;isolation:isolate}.living-line{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible}.living-line path{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .3s ease}.landing-stage.is-dragging .living-line path{stroke:#b7c3ec}.landing-orb{position:absolute;z-index:5;left:var(--orb-x);top:var(--orb-y);width:17px;height:17px;padding:0;border:2px solid var(--blue);border-radius:50%;background:var(--paper);box-shadow:0 0 0 5px var(--paper);transform:translate(-50%,-50%);cursor:grab;transition:width .2s ease,height .2s ease,box-shadow .25s ease}.landing-orb::before,.landing-orb::after{content:"";position:absolute;inset:-1px;border:1px solid rgba(65,105,232,.22);border-radius:50%;animation:orb-echo 3s ease-out infinite}.landing-orb::after{animation-delay:1.5s}.landing-orb:hover,.landing-orb:focus-visible{width:22px;height:22px;outline:0;box-shadow:0 0 0 6px var(--paper),0 0 34px 10px rgba(65,105,232,.15)}.landing-stage.is-dragging .landing-orb{width:24px;height:24px;cursor:grabbing;box-shadow:0 0 0 7px var(--paper),0 0 44px 12px rgba(65,105,232,.18)}.orb-aura{position:absolute;z-index:-1;left:var(--orb-x);top:var(--orb-y);width:min(56vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(65,105,232,.06),rgba(65,105,232,.012) 42%,transparent 69%);transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s}.field-rings{position:absolute;z-index:-1;left:50%;top:50%;width:min(66vw,760px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.field-rings i{position:absolute;inset:0;border:1px solid rgba(65,105,232,.055);border-radius:50%;animation:ring-drift 16s linear infinite}.field-rings i:nth-child(2){inset:13%;animation-direction:reverse;animation-duration:21s}.field-rings i:nth-child(3){inset:31%;animation-duration:12s}.field-rings i::before{content:"";position:absolute;top:50%;left:-3px;width:5px;height:5px;border:1px solid rgba(65,105,232,.2);border-radius:50%;background:var(--paper)}.mode-portal{position:absolute;z-index:4;top:50%;display:grid;width:108px;height:108px;place-items:center;border-radius:50%;transform:translateY(-50%);opacity:.62;transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1),background .3s ease}.mode-portal:hover,.mode-portal:focus-visible,.landing-stage.is-daily .daily-portal,.landing-stage.is-duel .duel-portal{opacity:1;outline:0;transform:translateY(-50%) scale(1.12);background:rgba(65,105,232,.035)}.daily-portal{left:0;display:flex;align-items:center;justify-content:center;gap:5px}.daily-portal span{display:block;width:9px;height:9px;border:1.5px solid var(--blue);border-radius:50%;background:var(--paper);transition:transform .3s ease}.daily-portal span:nth-child(2),.daily-portal span:nth-child(4){transform:translateY(-8px)}.daily-portal:hover span:nth-child(odd),.landing-stage.is-daily .daily-portal span:nth-child(odd){transform:translateY(-7px)}.daily-portal:hover span:nth-child(even),.landing-stage.is-daily .daily-portal span:nth-child(even){transform:translateY(7px)}.duel-portal{right:0}.duel-portal svg{width:68px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.duel-portal svg path{transform-origin:40px 40px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.duel-portal:hover svg path,.landing-stage.is-duel .duel-portal svg path{transform:rotate(7deg)}.trail-dot{position:absolute;z-index:3;width:4px;height:4px;border:1px solid var(--blue);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:trail-fade .85s ease-out forwards}@keyframes orb-echo{0%{opacity:.55;transform:scale(1)}70%,100%{opacity:0;transform:scale(4.5)}}@keyframes ring-drift{to{transform:rotate(360deg)}}@keyframes trail-fade{to{opacity:0;transform:translate(-50%,-50%) scale(5)}}@media(max-width:650px){.landing-page{width:100%;padding-inline:17px}.mode-portal{width:74px;height:74px;opacity:.72}.duel-portal svg{width:51px}.daily-portal{gap:4px}.daily-portal span{width:7px;height:7px}.field-rings{width:130vw}.header-mark{width:42px}}@media(prefers-reduced-motion:reduce){.field-rings i,.landing-orb::before,.landing-orb::after{animation:none}}