*{box-sizing:border-box;margin:0}:root{--bg: #ffffff;--panel: #f5f7fa;--line: #e3e8f2;--ink: #1a1f36;--ink-soft: #57627e;--ink-faint: #8a94ac;--brand: #1428a0;--brand-deep: #0e1c77;--accent: #00c6ff;--stage-bg: #05071a;--stage-ink: #eaf6ff;--stage-ink-soft: #9fb2d9;--good: #4ade94;--miss: #ff5a6e;--fever: #ffc24b;--lane-h: clamp(64px, 13vh, 116px)}html,body,#root{height:100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:20px;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-x:hidden}::selection{background:#00c6ff40}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:0 16px calc(10px + env(safe-area-inset-bottom))}.app>*{width:100%;max-width:880px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 2px 2px}.brand-home{display:inline-flex;align-items:center;gap:13px;font-weight:800;font-size:26px;letter-spacing:-.015em;color:var(--ink)}.brand-home svg,.brand-home img{display:block}.header-chip{font-size:22px;font-weight:600;color:var(--ink-faint);white-space:nowrap}@media (max-width: 760px){.brand-home{font-size:22px;gap:11px}.brand-home img{width:28px;height:28px}.header-chip{font-size:19px}}@media (max-width: 430px){.brand-home{font-size:20px;gap:9px}.brand-home img{width:24px;height:24px}.header-chip{font-size:17px}}.app-footer{margin-top:auto;width:100%;padding:24px 0 12px;border-top:1px solid var(--line);display:grid;justify-items:center;gap:10px;text-align:center}.foot-brands{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.foot-x{color:var(--ink-faint);font-size:13px;font-weight:600}.lg-link{display:inline-flex}.lg-link img{display:block;height:28px;width:auto}.il-lockup{display:inline-flex;align-items:center;gap:9px;text-decoration:none}.il-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.il-mark{height:32px;width:auto;flex:none}.il-name{font-size:13.5px;font-weight:800;color:var(--ink)}.il-sub{font-size:10.5px;font-weight:600;color:var(--ink-soft)}.foot-cap{font-size:12.5px;color:var(--ink-soft);font-weight:600}.foot-privacy{font-size:12px;color:var(--ink-faint)}.fov-link{color:var(--ink-faint);font-size:inherit;text-decoration:none;border-bottom:1px dotted var(--line)}.fov-link:hover,.fov-link:focus-visible{color:var(--brand);outline:none;border-bottom-color:var(--brand)}.btn{background:#fff;border:1px solid #d7deec;color:var(--ink);border-radius:10px;padding:13px 24px;font-size:20px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease}.btn:hover{border-color:#b9c4de;background:#fbfcfe}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:800}.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep)}.btn-big{font-size:22px;padding:17px 54px;border-radius:10px}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-row{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.intro,.result,.share{animation:screenRise .28s ease-out both}@keyframes screenRise{0%{opacity:0}to{opacity:1}}.intro{--intro-gap: 40px;padding:0 2px 30px;display:flex;flex-direction:column;align-items:center;gap:var(--intro-gap)}.intro-hero{position:relative;width:100%;min-height:calc(100svh - var(--hdr-h, 58px) - var(--intro-gap));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:32px 0 64px}.intro-title{font-size:clamp(40px,5.6vw,62px);font-weight:900;line-height:1.06;letter-spacing:-.035em}.intro-title span{color:var(--brand)}.intro-sub{color:var(--ink-soft);font-size:22px;line-height:1.7}.intro-hero .btn-big{margin-top:10px}.scroll-cue{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:var(--ink-faint);padding:8px;border-radius:999px;line-height:0;animation:cueBob 2.2s ease-in-out infinite}.scroll-cue svg{display:block}.scroll-cue:hover,.scroll-cue:focus-visible{color:var(--brand);outline:none}@keyframes cueBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.intro-shot{margin:0;min-width:0;width:100%;max-width:820px;position:relative}.intro-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(234,246,255,.14)}.intro-shot{container-type:inline-size}.hero-pop{position:absolute;top:12.5%;left:-8%;right:0;text-align:center;pointer-events:none;line-height:1;color:var(--accent);font-size:clamp(30px,4.8vw,52px);font-size:6.2cqw;font-weight:900;font-style:italic;letter-spacing:.03em;text-shadow:0 2px 5px rgba(4,18,31,.5),0 0 26px rgba(0,198,255,.85);animation:heroPop 1.1s ease-out forwards}@keyframes heroPop{0%{opacity:0;transform:translateY(10px) scale(.92)}14%{opacity:1;transform:translateY(0) scale(1.08)}26%,72%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(0) scale(1)}}.intro-hero .btn-big{animation:ctaPulse 1.6s ease-out infinite}@keyframes ctaPulse{0%{box-shadow:0 0 #1428a052}75%,to{box-shadow:0 0 0 16px #1428a000}}.stage-band{width:100vw;margin-inline:calc(50% - 50vw);background:var(--stage-bg);color:var(--stage-ink);padding:clamp(40px,6vh,60px) 16px clamp(34px,5vh,50px)}.band-inner{max-width:880px;margin:0 auto;display:grid;gap:26px;justify-items:center;text-align:center}.band-title{font-size:clamp(26px,3.6vw,36px);font-weight:900;letter-spacing:-.025em;line-height:1.25}.band-title span{color:var(--accent)}.band-sub{font-size:20px;color:var(--stage-ink-soft);max-width:620px;line-height:1.6}.mech{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,56px);flex-wrap:wrap}.mech-card{position:relative;width:296px;height:264px;flex:none;border:1px solid rgba(0,198,255,.22);border-radius:16px;background:radial-gradient(120% 100% at 50% 0%,rgba(0,198,255,.09),transparent 70%)}.mech-fig{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);display:block;line-height:0}.mech-ghost{transform:translate(-50%,-50%) scale(1.12)}.mech-card .gf-arrow,.mech-card .gf-up,.mech-ghost .gf-face,.mech-ghost .gf-smile{display:none}.mech-ghost .gf-skin,.mech-ghost .gf-hand{fill:#00c6ff47;stroke:#00c6ffd9;stroke-width:1.8;animation:mechHoldFill 2.4s ease-in-out infinite}.mech-ghost .gf-limb{stroke:#00c6ff47;stroke-width:16;animation:mechHoldStroke 2.4s ease-in-out infinite}@keyframes mechHoldFill{0%,26%,84%,to{fill:#00c6ff47;stroke:#00c6ffd9}34%,76%{fill:#4ade9466;stroke:#4ade94f2}}@keyframes mechHoldStroke{0%,26%,84%,to{stroke:#00c6ff47}34%,76%{stroke:#4ade9466}}.mech-pop{position:absolute;top:12px;left:0;right:0;text-align:center;opacity:0;font-size:25px;font-weight:900;font-style:italic;letter-spacing:.03em;color:var(--accent);text-shadow:0 0 20px rgba(0,198,255,.7);animation:mechPop 2.4s ease-out infinite}@keyframes mechPop{0%,27%{opacity:0;transform:translateY(8px) scale(.9)}34%{opacity:1;transform:translateY(0) scale(1.08)}42%,74%{opacity:1;transform:translateY(0) scale(1)}86%,to{opacity:0;transform:translateY(-6px) scale(1)}}.mech-side{display:grid;gap:12px;justify-items:start}.judge-legend{list-style:none;padding:0;display:grid;gap:9px}.judge-legend li{display:flex;align-items:baseline;gap:12px;font-size:20px}.judge-legend b{font-weight:900;font-style:italic;letter-spacing:.03em;min-width:118px;text-align:left}.judge-legend span{color:var(--stage-ink-soft);font-variant-numeric:tabular-nums}.jl-p{color:var(--accent)}.jl-g{color:var(--good)}.jl-m{color:var(--miss)}.fever-note{font-size:19px;color:var(--stage-ink-soft);text-align:left}.fever-note b{color:var(--fever);font-weight:800}.band-moves{width:100%;display:flex;justify-content:center;align-items:flex-end;gap:10px 34px;flex-wrap:wrap;border-top:1px solid rgba(234,246,255,.12);padding-top:24px}.move-demo{display:grid;justify-items:center;gap:4px}.move-demo-label{font-size:19px;font-weight:700;color:var(--stage-ink-soft)}.intro-steps-wrap{width:100%;display:grid;gap:26px;justify-items:center}.steps-title{font-size:24px;font-weight:800;letter-spacing:-.01em}.intro-steps{list-style:none;padding:0;width:100%;display:grid;gap:clamp(30px,5vh,44px)}.step{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(20px,4vw,34px);align-items:center}.step:nth-child(2n) .step-fig{grid-column:2;grid-row:1}.step:nth-child(2n) .step-txt{grid-column:1;grid-row:1}.step-fig{margin:0;min-width:0}.step-fig img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.step-txt{display:grid;gap:4px;justify-items:start;text-align:left}.step-no{font-size:20px;font-weight:800;color:var(--brand);letter-spacing:.12em;font-variant-numeric:tabular-nums}.step-t{font-size:24px;font-weight:800;letter-spacing:-.01em}.step-d{font-size:20px;color:var(--ink-soft);line-height:1.55}@media (max-width: 760px){.intro{--intro-gap: 30px}.step{grid-template-columns:1fr;gap:14px}.step:nth-child(2n) .step-fig,.step:nth-child(2n) .step-txt{grid-column:1;grid-row:auto}.mech-side{justify-items:center}.fever-note{text-align:center}}@media (max-width: 560px){.band-moves{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:18px 40px}}.live{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--stage-bg);color:var(--stage-ink);max-width:none!important}.live video.bg-cam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1) scale(1.12);filter:blur(26px) brightness(.45) saturate(1.1)}.live video.main-cam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.skel-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.lane-canvas{position:absolute;left:0;right:0;bottom:0;width:100%;height:var(--lane-h);pointer-events:none}.privacy-live{position:absolute;bottom:calc(var(--lane-h) + 6px);left:0;right:0;text-align:center;font-size:20px;color:#9fb2d9cc;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.6)}.live.avatar-stage video.bg-cam,.live.avatar-stage video.main-cam{visibility:hidden}.live.avatar-stage{background:radial-gradient(120% 90% at 50% 18%,#0b1240 0%,var(--stage-bg) 62%)}.avatar-toggle{position:absolute;left:14px;bottom:calc(var(--lane-h) + 160px);z-index:6;background:#060a22bd;border:1px solid rgba(234,246,255,.25);border-radius:999px;color:var(--stage-ink);font-size:22px;font-weight:700;padding:10px 20px;cursor:pointer}.avatar-toggle:hover{border-color:#00c6ff99}.avatar-toggle.on{border-color:#00c6ffb3;color:#8fe3ff}.avatar-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.live .btn{background:#eaf6ff1a;border-color:#eaf6ff59;color:var(--stage-ink)}.live .btn:hover{background:#eaf6ff2e;border-color:#eaf6ff80}.live .btn:focus-visible{outline-color:var(--accent)}.judge-pop{position:absolute;top:196px;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(48px,8vw,92px);font-weight:900;font-style:italic;letter-spacing:.03em;animation:judgePop .65s ease-out forwards}.jp-perfect{color:var(--accent);text-shadow:0 0 26px rgba(0,198,255,.75)}.jp-good{color:var(--good);text-shadow:0 0 22px rgba(74,222,148,.6)}.jp-miss{color:var(--miss);text-shadow:0 0 18px rgba(255,90,110,.5)}@keyframes judgePop{0%{opacity:0;transform:translateY(12px) scale(.9)}18%{opacity:1;transform:translateY(0) scale(1.06)}30%{transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(1)}}.dir-arrow{position:absolute;top:36%;display:grid;justify-items:center;line-height:1;font-size:clamp(84px,12vw,150px);font-weight:900;color:var(--accent);text-shadow:0 0 30px rgba(0,198,255,.8),0 2px 10px rgba(0,0,0,.5);pointer-events:none}.dir-arrow small{font-size:30px;font-weight:800;color:var(--stage-ink);text-shadow:0 1px 8px rgba(0,0,0,.7)}.da-left{left:4%;animation:nudgeL 1s ease-in-out infinite}.da-right{right:4%;animation:nudgeR 1s ease-in-out infinite}@keyframes nudgeL{0%,to{transform:translate(0)}50%{transform:translate(-14px)}}@keyframes nudgeR{0%,to{transform:translate(0)}50%{transform:translate(14px)}}@media (prefers-reduced-motion: reduce){.da-left,.da-right{animation:none}}.outro-live{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:24px;background:#05071ab8;pointer-events:none;animation:stageFadeIn .24s ease-out both}.outro-live b{font-size:clamp(38px,6vw,68px);font-weight:900;letter-spacing:-.02em}.outro-live span{font-size:clamp(20px,2.6vw,28px);font-weight:600;color:var(--stage-ink-soft)}.phase-callout{position:absolute;top:352px;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(40px,6.5vw,72px);font-weight:900;color:var(--stage-ink);text-shadow:0 0 26px rgba(0,198,255,.8),0 2px 10px rgba(0,0,0,.6);animation:calloutIn .3s ease-out both}@keyframes calloutIn{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.fever-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 90px #ffc24b80}.overlay-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:22px;background:#05071ab3;font-weight:600}.overlay-msg.soft{background:transparent;justify-content:flex-end;padding-bottom:12%;text-shadow:none}.start-msg{background:#05071ad1;border:1px solid rgba(0,198,255,.3);border-radius:14px;padding:16px 26px;font-size:30px;font-weight:700;display:grid;gap:4px;justify-items:center;max-width:min(92vw,760px)}.start-msg b{color:var(--accent)}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(90px,22vw,180px);font-weight:900;color:var(--accent);text-shadow:0 0 40px rgba(0,198,255,.6)}.countdown small{font-size:30px;font-weight:800;color:var(--stage-ink);text-shadow:0 1px 8px rgba(0,0,0,.7);margin-top:-8px}.hud-top-live{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 14px}.move-chip-live{background:#060a22bd;border:1px solid rgba(234,246,255,.16);border-radius:12px;padding:10px 18px;font-weight:800;font-size:30px;white-space:nowrap}.move-chip-live small{display:block;font-size:22px;letter-spacing:.1em;color:#8fe3ff;font-weight:800}.hold-live{color:var(--good);font-variant-numeric:tabular-nums}.timebar-live{flex:1;height:8px;border-radius:999px;background:#eaf6ff29;overflow:hidden}.tb-fill-live{height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:999px;transition:width .2s linear}.score-live{text-align:right;font-weight:800;font-size:40px;font-variant-numeric:tabular-nums;white-space:nowrap}.score-live small{display:block;font-size:22px;letter-spacing:.1em;color:#8fe3ff}.prompt-live{position:absolute;left:14px;bottom:calc(var(--lane-h) + 44px);background:#fffffff2;color:#101733;border-radius:12px 12px 12px 3px;padding:12px 20px;font-size:32px;font-weight:800;max-width:62%}.pl-label{display:inline-block;margin-right:10px;padding:2px 13px;border-radius:999px;background:var(--brand);color:#fff;font-size:.7em;font-weight:900;vertical-align:.1em}.pl-label.tip{background:#0e9f6e}.prompt-live.has-hint{box-shadow:0 0 0 3px #00c6ff99,0 0 26px #00c6ff52}.combo-live{position:absolute;top:128px;left:0;right:0;text-align:center;font-weight:800;font-size:34px;color:var(--fever);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,194,75,.5);pointer-events:none}.fever-live{flex:none;align-self:center;background:linear-gradient(135deg,#ffc24b,#ff8a3d);color:#3a1d00;font-weight:900;font-size:28px;border-radius:999px;padding:9px 20px;box-shadow:0 0 18px #ffc24b8c}@media (max-height: 760px){.hud-top-live{padding:8px 12px}.move-chip-live{font-size:24px}.move-chip-live small{font-size:18px}.score-live{font-size:32px}.score-live small{font-size:18px}.combo-live{top:100px;font-size:28px}.fever-live{font-size:24px}.judge-pop{top:146px;font-size:clamp(40px,5.5vw,64px)}.phase-callout{top:252px;font-size:clamp(30px,4.4vw,48px)}.prompt-live{font-size:24px}.dir-arrow{top:20%;font-size:clamp(64px,9vw,110px)}.guide-big .gb-text h3{font-size:clamp(30px,4.4vw,40px)}.gb-steps{font-size:22px;gap:8px}.gb-steps b{width:28px;height:28px;font-size:17px}}@media (max-height: 500px){.combo-live{top:96px;font-size:24px}.fever-live{font-size:20px;padding:6px 14px}.judge-pop{top:140px;font-size:clamp(34px,4.6vw,52px)}.phase-callout{top:212px;font-size:clamp(26px,3.6vw,38px)}.prompt-live{font-size:20px}.avatar-toggle{bottom:calc(var(--lane-h) + 150px);font-size:17px;padding:7px 13px}.guide-panel{transform:scale(.82);transform-origin:bottom right}}@media (max-height: 700px){.dir-arrow{display:none}}@media (max-width: 560px){.hud-top-live{gap:8px;padding:10px}.move-chip-live{font-size:21px;padding:8px 12px;border-radius:10px}.move-chip-live small{font-size:16px}.score-live{font-size:28px}.score-live small{font-size:16px}.combo-live{top:96px;font-size:26px}.fever-live{position:absolute;top:146px;right:14px;font-size:22px;padding:7px 15px}.judge-pop{top:200px}.phase-callout{top:290px}.prompt-live{font-size:22px;padding:10px 14px;max-width:calc(100% - 196px)}.avatar-toggle{font-size:18px;padding:8px 15px;bottom:calc(var(--lane-h) + 190px)}.guide-big{flex-direction:column;gap:12px;padding:24px;text-align:center}.guide-big .gb-text{text-align:center}.gb-steps{max-width:320px;margin-inline:auto;text-align:left;font-size:21px}}@media (max-width: 400px){.prompt-live{font-size:19px}.dir-arrow{top:28%;font-size:clamp(56px,14vw,84px)}.dir-arrow small{font-size:24px}.judge-pop{font-size:clamp(34px,9vw,44px)}}.result{text-align:center;padding-top:clamp(18px,4vh,42px);padding-bottom:26px;display:flex;flex-direction:column;align-items:center;gap:14px}.shared-note{color:var(--ink-faint);font-size:20px;font-weight:600}.grade{font-size:clamp(88px,18vw,140px);font-weight:900;color:var(--brand);line-height:1}.grade small{display:block;font-size:20px;font-weight:800;letter-spacing:.22em;color:var(--ink-faint);margin-bottom:6px}.result-meta{color:var(--ink-soft);font-size:21px;font-variant-numeric:tabular-nums}.bars{width:100%;max-width:600px;display:grid;gap:16px;margin-top:10px}.bar-row{display:grid;grid-template-columns:200px 1fr 52px;align-items:center;gap:12px;font-size:20px}.bar-name{text-align:left;color:var(--ink);font-weight:700}.bar-track{height:6px;border-radius:999px;background:#edf1f7;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:999px;background:var(--brand)}.bar-val{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums}.fb-box{border-top:1px solid var(--line);margin-top:6px;padding:18px 8px 0;font-size:20px;display:grid;gap:7px;max-width:600px;width:100%}.fb-note{font-size:20px;color:var(--ink-faint)}.share{padding-top:clamp(12px,3vh,30px);padding-bottom:26px}.share-grid{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:24px;align-items:start;justify-content:center}@media (max-width: 640px){.share-grid{grid-template-columns:1fr;justify-items:center}}.card-preview{width:100%;max-width:320px;border-radius:12px;border:1px solid var(--line);height:auto}.share-side{display:flex;flex-direction:column;align-items:center;gap:12px}.qr{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;width:180px;height:180px}.qr-hint{font-size:20px;color:var(--ink-soft);text-align:center;max-width:320px}.share-btns{display:grid;gap:8px;width:100%;max-width:240px}.gf{overflow:visible}.gf .gf-skin{fill:#eff5ff}.gf .gf-limb{stroke:#eff5ff;stroke-width:11.5;stroke-linecap:round;fill:none}.gf .gf-hand{fill:#eff5ff}.gf .gf-face{fill:#101733}.gf .gf-smile{stroke:#101733;stroke-width:2.6;fill:none;stroke-linecap:round}.gf .gf-arrow path{stroke:var(--accent);stroke-width:6.5;fill:none;stroke-linecap:round}.gf .gf-arrow polygon{fill:var(--accent);stroke:none}.gf .gf-up path{stroke:var(--accent);stroke-width:6.5;fill:none;stroke-linecap:round}.gf .gf-upL{transform-origin:44px 66px}.gf .gf-upR{transform-origin:76px 66px}.gf .gf-foL{transform-origin:40px 98px}.gf .gf-foR{transform-origin:80px 98px}.gf-shrug .gf-armsBob,.gf-shrug .gf-headg{animation:gfShrug 1.5s ease-in-out infinite}@keyframes gfShrug{0%,55%,to{transform:translateY(0)}28%{transform:translateY(-8px)}}.gf-shrug .gf-up{animation:gfUpAnim 1.5s ease-in-out infinite}@keyframes gfUpAnim{0%,55%,to{transform:translateY(3px);opacity:.5}28%{transform:translateY(-4px);opacity:1}}.gf-roll .gf-foL{transform:rotate(172deg)}.gf-roll .gf-foR{transform:rotate(-172deg)}.gf-roll .gf-upL{animation:gfRollL 2s ease-in-out infinite}.gf-roll .gf-upR{animation:gfRollR 2s ease-in-out infinite}.gf-roll-rev .gf-arrow{transform:scaleX(-1);transform-origin:60px 60px}@keyframes gfRollL{0%,to{transform:rotate(12deg)}50%{transform:rotate(170deg)}}@keyframes gfRollR{0%,to{transform:rotate(-12deg)}50%{transform:rotate(-170deg)}}.gf .gf-body{transform-origin:60px 122px}.gf-obend-L .gf-body{animation:gfBendL 2.6s ease-in-out infinite}.gf-obend-R .gf-body{animation:gfBendR 2.6s ease-in-out infinite}@keyframes gfBendL{0%,to{transform:rotate(0)}32%,80%{transform:rotate(-13deg)}}@keyframes gfBendR{0%,to{transform:rotate(0)}32%,80%{transform:rotate(13deg)}}.gf-obend-L .gf-upL,.gf-obend-R .gf-upL{transform:rotate(168deg)}.gf-obend-L .gf-upR,.gf-obend-R .gf-upR{transform:rotate(-168deg)}.gf-obend-L .gf-foL,.gf-obend-R .gf-foL{transform:rotate(8deg)}.gf-obend-L .gf-foR,.gf-obend-R .gf-foR{transform:rotate(-8deg)}.gf-neck-L .gf-headg,.gf-neck-R .gf-headg{transform-origin:60px 56px}.gf-neck-L .gf-headg{animation:gfNHL 2.6s ease-in-out infinite}.gf-neck-R .gf-headg{animation:gfNHR 2.6s ease-in-out infinite}.gf-neck-L .gf-upL{animation:gfNAL 2.6s ease-in-out infinite}.gf-neck-L .gf-foL{animation:gfNFL 2.6s ease-in-out infinite}.gf-neck-R .gf-upR{animation:gfNAR 2.6s ease-in-out infinite}.gf-neck-R .gf-foR{animation:gfNFR 2.6s ease-in-out infinite}@keyframes gfNHL{0%,to{transform:rotate(0)}32%,80%{transform:rotate(-16deg)}}@keyframes gfNHR{0%,to{transform:rotate(0)}32%,80%{transform:rotate(16deg)}}@keyframes gfNAL{0%,to{transform:rotate(0)}32%,80%{transform:rotate(165deg)}}@keyframes gfNFL{0%,to{transform:rotate(0)}32%,80%{transform:rotate(62deg)}}@keyframes gfNAR{0%,to{transform:rotate(0)}32%,80%{transform:rotate(-165deg)}}@keyframes gfNFR{0%,to{transform:rotate(0)}32%,80%{transform:rotate(-62deg)}}.gf-sky .gf-upL{animation:gfSkyUL 2.4s ease-in-out infinite}.gf-sky .gf-upR{animation:gfSkyUR 2.4s ease-in-out infinite}.gf-sky .gf-foL{animation:gfSkyFL 2.4s ease-in-out infinite}.gf-sky .gf-foR{animation:gfSkyFR 2.4s ease-in-out infinite}@keyframes gfSkyUL{0%,to{transform:rotate(0)}30%,80%{transform:rotate(168deg)}}@keyframes gfSkyUR{0%,to{transform:rotate(0)}30%,80%{transform:rotate(-168deg)}}@keyframes gfSkyFL{0%,to{transform:rotate(0)}30%,80%{transform:rotate(8deg)}}@keyframes gfSkyFR{0%,to{transform:rotate(0)}30%,80%{transform:rotate(-8deg)}}.gf-hold .gf-upL,.gf-hold .gf-upR,.gf-hold .gf-foL,.gf-hold .gf-foR,.gf-hold .gf-headg,.gf-hold .gf-body,.gf-hold .gf-armsBob{animation:none}.gf-hold.gf-sky .gf-upL{transform:rotate(168deg)}.gf-hold.gf-sky .gf-upR{transform:rotate(-168deg)}.gf-hold.gf-sky .gf-foL{transform:rotate(8deg)}.gf-hold.gf-sky .gf-foR{transform:rotate(-8deg)}.gf-hold.gf-obend-L .gf-body{transform:rotate(-13deg)}.gf-hold.gf-obend-R .gf-body{transform:rotate(13deg)}.gf-hold.gf-neck-L .gf-headg{transform:rotate(-16deg)}.gf-hold.gf-neck-R .gf-headg{transform:rotate(16deg)}.gf-hold.gf-neck-L .gf-upL{transform:rotate(165deg)}.gf-hold.gf-neck-L .gf-foL{transform:rotate(62deg)}.gf-hold.gf-neck-R .gf-upR{transform:rotate(-165deg)}.gf-hold.gf-neck-R .gf-foR{transform:rotate(-62deg)}.guide-big{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:22px;background:#05071aa3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:left}.guide-big .gb-text small{display:block;font-size:22px;font-weight:800;letter-spacing:.12em;color:#8fe3ff}.guide-big .gb-text h3{font-size:clamp(36px,5.5vw,52px);font-weight:900;margin:2px 0 6px}.gb-steps{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px;font-size:26px;font-weight:600;color:#dbe7ff;max-width:520px}.gb-steps li{display:flex;align-items:flex-start;gap:12px;line-height:1.35}.gb-linked{margin-top:10px;font-size:26px;font-weight:600;color:#dbe7ff;max-width:520px;line-height:1.35}.gb-linked .pl-label{background:#00c6ff29;border:1px solid rgba(0,198,255,.5);color:var(--accent)}.gb-steps b{flex:none;width:34px;height:34px;margin-top:2px;border-radius:999px;background:#00c6ff29;border:1px solid rgba(0,198,255,.5);color:var(--accent);font-size:20px;font-weight:900;display:inline-grid;place-items:center}.dir-tag{display:inline-block;margin-top:8px;background:var(--accent);color:#04121f;font-weight:900;font-size:28px;border-radius:999px;padding:8px 22px}.guide-panel{position:absolute;right:14px;bottom:calc(var(--lane-h) + 44px);display:flex;flex-direction:column;align-items:center;gap:2px;max-width:40vw;background:#05071abd;border:1px solid rgba(0,198,255,.3);border-radius:12px;padding:8px 10px 6px}.guide-panel .dir-tag{margin-top:4px;font-size:28px;padding:6px 18px}.guide-panel .dt-dir{display:none}@media (max-height: 700px){.guide-panel .dt-dir{display:inline-block}.guide-panel .dir-tag{font-size:22px;padding:5px 14px}}@media (max-width: 560px){.guide-panel{max-width:42vw}.guide-panel .dir-tag{font-size:20px;padding:5px 12px;white-space:normal;text-align:center}}@media (prefers-reduced-motion: reduce){.intro,.result,.share,.hero-pop,.intro-hero .btn-big,.scroll-cue,.mech-ghost .gf-skin,.mech-ghost .gf-hand,.mech-ghost .gf-limb{animation:none}.mech-pop{animation:none;opacity:1}.btn,.btn-big,.tb-fill-live{transition:none}.gf *{animation-duration:4.5s!important}}@keyframes stageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stageRiseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes stageDropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes stagePopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes comboPop{0%{opacity:.6;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.live{animation:stageFadeIn .3s ease-out both}.hud-top-live{animation:stageDropIn .24s ease-out both}.move-chip-live{animation:stagePopIn .18s ease-out both}.guide-big{animation:stageFadeIn .24s ease-out both}.guide-big .gb-text{animation:stageRiseIn .24s ease-out both}.guide-panel{animation:stagePopIn .18s ease-out both}.prompt-live{animation:stageRiseIn .24s ease-out both}.pl-hint{animation:stageRiseIn .18s ease-out both}.fever-live{animation:stagePopIn .18s ease-out both}.combo-live{animation:comboPop .18s ease-out both}.overlay-msg{animation:stageFadeIn .24s ease-out both}.start-msg{animation:stageRiseIn .24s ease-out both}.countdown{animation:stageFadeIn .24s ease-out both}.countdown .cd-num{display:block;animation:stagePopIn .22s ease-out both}.privacy-live{animation:stageFadeIn .24s ease-out both}.da-left{animation:stageFadeIn .24s ease-out both,nudgeL 1s .24s ease-in-out infinite}.da-right{animation:stageFadeIn .24s ease-out both,nudgeR 1s .24s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.live,.hud-top-live,.move-chip-live,.guide-big,.guide-big .gb-text,.guide-panel,.prompt-live,.pl-hint,.fever-live,.combo-live,.overlay-msg,.start-msg,.countdown,.countdown .cd-num,.privacy-live,.phase-callout,.outro-live,.da-left,.da-right{animation:none}}.header-right{display:inline-flex;align-items:center;gap:18px}.header-link{background:none;border:0;padding:4px 0;font-family:inherit;cursor:pointer;font-size:22px;font-weight:700;color:var(--brand);white-space:nowrap;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .18s ease}.header-link:hover,.header-link:focus-visible{text-decoration-color:var(--brand);outline:none}@media (max-width: 760px){.header-link{font-size:19px}.header-right{gap:12px}}@media (max-width: 430px){.header-link{font-size:17px}}.lb-form{width:100%;max-width:600px;margin-top:12px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:10px}.lb-form-label{font-size:20px;font-weight:700;color:var(--ink-soft)}.lb-form-label b{color:var(--brand);font-variant-numeric:tabular-nums}.lb-form-row{display:flex;gap:10px;justify-content:center}.lb-input{flex:1 1 auto;min-width:0;max-width:320px;font:inherit;font-size:20px;font-weight:600;color:var(--ink);padding:12px 16px;border:1px solid #d7deec;border-radius:10px;background:#fff;transition:border-color .18s ease}.lb-input::placeholder{color:var(--ink-faint);font-weight:500}.lb-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #1428a024}.lb-title{font-size:34px;font-weight:900;letter-spacing:-.02em;line-height:1.1}.lb-my-rank{color:var(--brand);font-weight:900}.lb-empty{color:var(--ink-faint);font-size:20px;padding:24px 0}.lb-list{list-style:none;padding:0;width:100%;max-width:600px;display:grid;gap:6px;margin-top:6px}.lb-row{display:grid;grid-template-columns:48px 1fr 40px 110px 96px;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--panel);font-size:20px;font-variant-numeric:tabular-nums}.lb-mine{background:#fff;outline:2px solid var(--brand);outline-offset:-2px}.lb-rank{font-weight:800;color:var(--ink-faint);text-align:left}.lb-rank.lb-top{color:var(--brand)}.lb-name{text-align:left;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-grade{font-weight:900;color:var(--brand);text-align:center}.lb-score{text-align:right;font-weight:700;color:var(--ink)}.lb-combo{text-align:right;color:var(--ink-soft)}.lb-gap{text-align:center;color:var(--ink-faint);font-size:20px;line-height:1;padding:2px 0}@media (max-width: 560px){.lb-row{grid-template-columns:40px 1fr 32px 92px;gap:8px;padding:10px 12px}.lb-combo{display:none}.lb-form-row .btn{padding-inline:18px}}