.level-road[data-v-0ee9e800]{--lr-tile-w:8.75rem;--lr-tile-h:11.25rem;--lr-gap:1rem;--lr-col-gap:2.25rem;--lr-slot-gap:.875rem;--lr-rail-h:2.75rem;--lr-pad-top:.25rem;--lr-progress:#f59e0b;--lr-progress-ink:#451a03;position:relative}@media (width<=640px){.level-road[data-v-0ee9e800]{--lr-tile-w:7.25rem;--lr-tile-h:9.75rem;--lr-gap:.75rem;--lr-col-gap:1.5rem}}.level-road-scroller[data-v-0ee9e800]{--lr-fade-l:0rem;--lr-fade-r:0rem;padding:var(--lr-pad-top) .25rem .75rem;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--lr-fade-l),#000 calc(100% - var(--lr-fade-r)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--lr-fade-l),#000 calc(100% - var(--lr-fade-r)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--lr-fade-l),#000 calc(100% - var(--lr-fade-r)),transparent 100%);overflow-x:auto}.level-road-scroller.fade-left[data-v-0ee9e800]{--lr-fade-l:2.5rem}.level-road-scroller.fade-right[data-v-0ee9e800]{--lr-fade-r:2.5rem}.level-road-cols[data-v-0ee9e800]{gap:var(--lr-col-gap);margin:0;padding:0;list-style:none;display:flex}.level-road-col[data-v-0ee9e800]{width:calc(var(--lr-tile-w)*var(--lr-span,1) + var(--lr-gap)*(var(--lr-span,1) - 1));flex-direction:column;flex:none;display:flex}.level-road-rail[data-v-0ee9e800]{height:var(--lr-rail-h);margin:0 calc(var(--lr-col-gap)/-2);align-items:center;display:flex}.level-road-col:first-child .level-road-rail[data-v-0ee9e800]{margin-left:0}.level-road-col:last-child .level-road-rail[data-v-0ee9e800]{margin-right:0}.level-road-line[data-v-0ee9e800]{background:#e2e8f0;flex:1;height:4px;position:relative}.dark .level-road-line{background:#1e293b}.level-road-line-fill[data-v-0ee9e800]{background:var(--lr-progress);position:absolute;inset:0 auto 0 0}.is-animated .level-road-line-fill[data-v-0ee9e800]{transition:width var(--lr-duration,0s) linear var(--lr-delay,0s)}.level-road-line-fill.has-pip[data-v-0ee9e800]:after{content:"";border:2px solid var(--lr-progress);background:#fff;border-radius:9999px;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 0 3px #f59e0b40}.level-road-chip[data-v-0ee9e800]{font-variant-numeric:tabular-nums;color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:9999px;flex:none;justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:0 .45rem;font-size:.9375rem;font-weight:700;transition:background-color .3s,color .3s,border-color .3s;display:flex;position:relative}.dark .level-road-chip{color:#94a3b8;background:#0f172a;border-color:#334155}.level-road-chip.is-floor[data-v-0ee9e800]{min-width:2.375rem;height:2.375rem;font-size:1.0625rem}.is-drawn .state-done .level-road-chip[data-v-0ee9e800]{color:var(--lr-progress-ink);background:var(--lr-progress);border-color:var(--lr-progress)}.is-animated .level-road-chip[data-v-0ee9e800]{transition-delay:var(--lr-chip-delay,0s)}.state-current .level-road-chip[data-v-0ee9e800]{color:#db2777;background:#fff;border-color:#ec4899}.dark .level-road-col.state-current .level-road-chip{color:#f472b6;background:#0f172a;border-color:#ec4899}.level-road-chip-pulse[data-v-0ee9e800]{pointer-events:none;border:2px solid #ec4899;border-radius:9999px;animation:1.8s ease-out infinite level-road-pulse-0ee9e800;position:absolute;inset:-2px}@keyframes level-road-pulse-0ee9e800{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.5)}}.level-road-slot[data-v-0ee9e800]{gap:var(--lr-gap);height:var(--lr-tile-h);margin-top:var(--lr-slot-gap);display:flex}.level-road-tile[data-v-0ee9e800]{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1 1 0;min-width:0;display:flex;position:relative}.level-road-tile.is-locked[data-v-0ee9e800]{pointer-events:none}.level-road-tile.is-locked .level-road-art[data-v-0ee9e800],.level-road-tile.is-locked .level-road-foot[data-v-0ee9e800]{opacity:.4;filter:grayscale()}.level-road-tile.is-reached:not(.level-road-tile--rank) .level-road-art[data-v-0ee9e800]{transition:transform .4s cubic-bezier(.22,1,.36,1),filter .4s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.level-road-tile.is-reached:not(.level-road-tile--rank):hover .level-road-art[data-v-0ee9e800]{filter:drop-shadow(0 8px 12px #00000040);transform:translateY(-4px)scale(1.05)}}.is-animated .level-road-tile[data-v-0ee9e800]{opacity:0;transform:translateY(8px)}.is-animated.is-drawn .level-road-tile[data-v-0ee9e800]{animation:.45s cubic-bezier(.22,1,.36,1) both level-road-rise-0ee9e800;animation-delay:calc(min(var(--lr-i,0), 12)*40ms)}@keyframes level-road-rise-0ee9e800{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.level-road-art[data-v-0ee9e800]{flex:1;justify-content:center;align-items:center;min-height:0;padding:.625rem .5rem .25rem;display:flex;position:relative}.level-road-foot[data-v-0ee9e800]{text-align:center;flex-direction:column;flex:none;align-items:center;gap:.2rem;padding:0 .5rem .625rem;display:flex}.level-road-name[data-v-0ee9e800]{color:#1f2937;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.75rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.dark .level-road-name{color:#e2e8f0}.level-road-note[data-v-0ee9e800]{color:#64748b;font-size:.625rem;line-height:1.2}.dark .level-road-note{color:#94a3b8}.level-road-error[data-v-0ee9e800]{color:#dc2626;font-size:.625rem;line-height:1.2}.dark .level-road-error{color:#f87171}.level-road-equipped[data-v-0ee9e800]{color:#059669;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.dark .level-road-equipped{color:#34d399}.level-road-equip[data-v-0ee9e800]{margin-top:.125rem}.level-road-tile.is-link[data-v-0ee9e800]{cursor:pointer;text-decoration:none}.level-road-tile.is-link .level-road-name[data-v-0ee9e800]{color:#db2777;transition:color .15s}.dark .level-road-tile.is-link .level-road-name{color:#f472b6}.level-road-tile.is-link:hover .level-road-name[data-v-0ee9e800]{color:#ff1493}.dark .level-road-tile.is-link:hover .level-road-name{color:#f9a8d4}.level-road-tile.is-link[data-v-0ee9e800]:focus-visible{outline-offset:2px;outline:2px solid #ec4899}.level-road-link-mark[data-v-0ee9e800]{margin-left:.2rem;font-size:.55rem;transition:transform .15s}.level-road-tile.is-link:hover .level-road-link-mark[data-v-0ee9e800]{transform:translate(2px)}.level-road-rank-glow[data-v-0ee9e800]{background:radial-gradient(circle at 50% 55%,rgba(var(--lr-tier),.32),transparent 62%);pointer-events:none;position:absolute;inset:0}.level-road-rank-badge[data-v-0ee9e800]{position:relative}.level-road-rank-badge--static[data-v-0ee9e800]{-o-object-fit:contain;object-fit:contain;width:5rem;height:5rem}.level-road-rank-name[data-v-0ee9e800]{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,rgb(var(--lr-tier)) 55%,#000);font-size:.9375rem;font-weight:700;line-height:1.1}.dark .level-road-rank-name{color:rgb(var(--lr-tier))}.level-road-emblem[data-v-0ee9e800]{color:#db2777;background:#ec48991a;border:1px solid #ec489940;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;display:flex}.dark .level-road-emblem{color:#f472b6;background:#ec489924}.level-road-emblem-icon[data-v-0ee9e800]{color:#cbd5e1;font-size:1.75rem}.dark .level-road-emblem-icon{color:#475569}.level-road-art[data-v-0ee9e800] .cosmetic-preview-border{width:4rem;height:4rem}.level-road-art-bg[data-v-0ee9e800]{position:absolute;inset:0}.level-road-art-bg[data-v-0ee9e800] .cosmetic-preview-bg{border-radius:0;width:100%;height:100%}.level-road-reaction[data-v-0ee9e800]{-o-object-fit:contain;object-fit:contain;width:4rem;height:4rem}.level-road-title-text[data-v-0ee9e800]{text-align:center;text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere;background:linear-gradient(120deg,#ec4899,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .25rem;font-size:1rem;font-weight:700;line-height:1.15}.level-road-lock[data-v-0ee9e800]{z-index:2;color:#64748b;background:#e2e8f0;border-radius:9999px;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;font-size:.625rem;display:flex;position:absolute;top:.25rem;right:.25rem}.dark .level-road-lock{color:#94a3b8;background:#1e293b}.level-road-arrow[data-v-0ee9e800]{top:calc(var(--lr-pad-top) + var(--lr-rail-h) + var(--lr-slot-gap) + var(--lr-tile-h)/2);z-index:20;color:#334155;background:#fffffff2;border:1px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.8125rem;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.dark .level-road-arrow{color:#cbd5e1;background:#0f172af2;border-color:#334155}.level-road-arrow[data-v-0ee9e800]:hover{color:#ec4899}.level-road-arrow--left[data-v-0ee9e800]{left:-.25rem}.level-road-arrow--right[data-v-0ee9e800]{right:-.25rem}@media (hover:none){.level-road-arrow[data-v-0ee9e800]{display:none}}@media (prefers-reduced-motion:reduce){.level-road-chip[data-v-0ee9e800]{transition:none}.level-road-chip-pulse[data-v-0ee9e800]{animation:none;display:none}.is-animated .level-road-tile[data-v-0ee9e800],.is-animated.is-drawn .level-road-tile[data-v-0ee9e800]{opacity:1;animation:none;transform:none}}.level-road-hero-tier[data-v-3a3d6ce2]{color:color-mix(in srgb,rgb(var(--lr-tier)) 55%,#000)}.dark .level-road-hero-tier{color:rgb(var(--lr-tier))}.level-road-hero-bar[data-v-3a3d6ce2]{transition:width .9s cubic-bezier(.22,1,.36,1) .15s}@media (prefers-reduced-motion:reduce){.level-road-hero-bar[data-v-3a3d6ce2]{transition:none}}