.nav{z-index:40;background:var(--bg);position:sticky;top:0}.nav-row{align-items:center;gap:32px;height:72px;display:flex}.nav-links{gap:28px;margin-left:auto;display:flex}.nav-links a{color:var(--ink);font:700 15px var(--font-body), sans-serif;align-items:center;min-height:44px;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.nav-links a:hover{color:var(--gold)}}.strip{display:none}@media (max-width:900px){.nav-row{gap:10px;height:60px}.nav-links{display:none}.nav .lang-switch{margin-left:auto}.nav .lang-switch a{min-width:36px}.nav .btn-sm{height:40px;padding:0 14px;font-size:13px}.nav .logo{font-size:18px}.strip{background:var(--bg);border-top:1px solid #eef1fa14;height:32px;display:block;position:relative}.strip-line,.strip-fill{background:#eef1fa24;height:2px;position:absolute;bottom:6px;left:20px;right:20px}.strip-fill{background:var(--gold);transform-origin:0;transform:scaleX(0)}.strip-label{height:20px;font:800 12px/20px var(--font-body), sans-serif;color:var(--ink);position:absolute;top:2px;left:20px;overflow:hidden}.strip-label ul{transition:transform .22s var(--ease-out);margin:0;padding:0;list-style:none}.strip-label li{height:20px}.strip-ship{width:12px;height:16px;position:absolute;bottom:-1px;left:12px}}@media (max-width:420px){.nav .lang-switch a[aria-current=page]{display:none}.nav .lang-switch{padding:2px}}@media (prefers-reduced-motion:reduce){.strip-ship{display:none}}
.languages-head{flex-direction:column;align-items:center;gap:20px;display:flex}.galaxies{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;width:100%;margin:56px 0 0;padding:0;list-style:none;display:grid}.galaxy{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.galaxy:nth-child(odd){margin-top:44px}.orb{background:var(--mark);width:88px;height:88px;font:700 36px var(--font-display), sans-serif;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.orb.ja{font-family:var(--font-jp)}.orb.ko{font-family:var(--font-kr)}.orb:after{content:"";border:1px solid #ffe3a659;border-radius:50%;position:absolute;inset:-12px -22px;transform:rotate(-18deg)}.galaxy b,.galaxy-name{z-index:1;background:var(--bg);border-radius:6px;padding:0 6px;position:relative}.galaxy b{font:600 19px var(--font-display), sans-serif}.galaxy b.ja{font-family:var(--font-jp)}.galaxy b.ko{font-family:var(--font-kr)}.galaxy-name{font:600 14px var(--font-body), sans-serif;color:var(--ink-muted);margin-top:-8px}.languages-other{margin-top:40px}@supports (animation-timeline:view()){@media (min-width:901px) and (prefers-reduced-motion:no-preference){.galaxy{animation:linear both galaxy-depth;animation-timeline:view();animation-range:cover}}}@keyframes galaxy-depth{0%{transform:translateY(calc(45px * var(--depth)))}to{transform:translateY(calc(-45px * var(--depth)))}}@media (max-width:900px){.galaxies{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 6px;margin-top:36px}.galaxy:nth-child(odd){margin-top:0}.galaxy:nth-child(n+5){margin-top:8px}.orb{width:58px;height:58px;font-size:25px}.orb:after{inset:-8px -14px}.galaxy b{font-size:15px}.galaxy-name{margin-top:-6px;font-size:13px}}
.route-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}.route-flow{flex-direction:column;gap:56px;margin:0;padding:8px 0 0;list-style:none;display:flex}.route-beat{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.route-stage{justify-content:center;align-items:center;height:720px;display:flex;position:relative}.route-svg{width:100%;max-width:600px;height:100%;max-height:760px;overflow:visible}.route.live{padding:0}.route.live .route-stage{top:var(--nav-h);height:calc(100svh - var(--nav-h));position:sticky}.route.live .route-flow{padding-top:14svh;padding-bottom:44svh}.route.live .route-beat+.route-beat{margin-top:30svh}.route-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.route-chip{height:40px;font:700 14px var(--font-body), sans-serif;background:var(--surface);color:var(--ink);white-space:nowrap;border:1px solid #eef1fa2e;border-radius:20px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.route-chip svg{color:var(--gold)}.route-chip b{color:var(--ink-muted);font-weight:700}.route-chip.idea{color:var(--gold-hi);border-style:dashed;border-color:#ffd27a99}.route-or{font:700 13px var(--font-body), sans-serif;color:var(--ink-muted)}.route-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:100%;max-width:420px;padding:16px}.route-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.route-row.start{justify-content:flex-start;gap:10px}.route-galaxy{font:700 15px var(--font-body), sans-serif}.route-row .level{color:var(--gold-hi);margin-left:auto}.route-bar{background:#eef1fa1a;border-radius:3px;height:6px;margin:10px 0 12px;overflow:hidden}.route-bar i{background:var(--gold);width:12.5%;height:100%;display:block}.route-question{font:700 16px var(--font-body), sans-serif;margin:0 0 10px}.route-options{flex-wrap:wrap;gap:6px;display:flex}.route-options span{height:34px;font:700 13px var(--font-body), sans-serif;color:var(--ink);border:1px solid #eef1fa33;border-radius:17px;align-items:center;padding:0 13px;display:flex}.route-options .on{border:1.5px solid var(--gold);color:var(--gold-hi)}.route-options .unsure{color:var(--ink-muted);border-style:dashed}.route-ladder{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:14px;display:grid}.route-ladder span,.route-systems span{height:28px;font:800 13px var(--font-body), sans-serif;color:var(--ink-muted);background:var(--surface-muted);border-radius:14px;justify-content:center;align-items:center;display:flex}.route-ladder .on{background:var(--gold);color:var(--bg)}.route-systems{gap:6px;margin-top:12px;display:flex}.route-systems span{border-radius:15px;flex:1;height:30px}.route-systems .on{color:var(--gold-hi);background:#ffd27a29}.route-glyph{background:var(--mark);width:26px;height:26px;font:700 12px var(--font-display), sans-serif;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.route-path{fill:none;stroke:#eef1fa33;stroke-width:2px;stroke-dasharray:2 8;stroke-linecap:round}.route-done{fill:none;stroke:var(--gold);stroke-width:2.5px;stroke-linecap:round}.route-star .core{fill:var(--locked);transition:fill .3s}.route-star.lit .core{fill:var(--gold)}.route-star .halo{fill:none;stroke:#ffd27a80;stroke-width:1.5px;opacity:0;transition:opacity .3s}.route-star.lit .halo{opacity:1}.route-star text{font:700 18px var(--font-display), sans-serif;fill:var(--ink)}.route-star.lit text{fill:var(--bg)}.route-planet{fill:var(--planet);opacity:.55}.route-flame{transform-box:fill-box;transform-origin:50% 0;animation:.5s ease-in-out infinite route-flame}@keyframes route-flame{0%,to{opacity:.95;transform:scaleY(1)}50%{opacity:.55;transform:scaleY(.6)}}@media (max-width:900px){.route-split{flex-direction:column;gap:28px;display:flex}.route-flow{display:contents}.route-beat{order:3}.route-beat.head{order:1}.route-stage{order:2;height:380px}.route.live .route-stage{z-index:0;height:46svh}.route-beat:not(.head){z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;position:relative}.route-beat:not(.head):before{display:none}.route.live .route-beat.head{padding-top:72px}.route.live .route-beat+.route-beat{margin-top:34svh}.route.live .route-beat.second{margin-top:30svh}.route.live .route-beat.last{margin-bottom:30svh}.route-chip{white-space:normal;height:auto;min-height:40px;padding:8px 14px}}
