.levels-page{max-width:760px}.continue{color:var(--foreground);border-radius:var(--radius);border:var(--line-width) solid var(--border);background:color-mix(in srgb, var(--c) var(--tint), var(--card));align-items:center;gap:14px;margin:4px 0 16px;padding:12px 14px;text-decoration:none;transition:transform .12s;display:flex}.continue:active{transform:scale(.98)}.continue-text{flex:1;min-width:0;display:grid}.continue-text small{color:var(--muted-foreground);font-size:13px}.continue-text b{font-family:var(--font-title);font-weight:var(--title-weight);font-size:21px}.continue-go{background:var(--primary);width:46px;height:46px;color:var(--primary-foreground);border:var(--line-width) solid var(--border);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.continue-go svg{fill:currentColor;width:20px;height:20px;margin-left:3px}.tier-tabs{background:color-mix(in srgb, var(--foreground) 7%, var(--card));border:max(var(--line-width), 1px) solid var(--border);border-radius:99px;grid-template-columns:repeat(3,1fr);gap:0;margin:0 auto 14px;padding:4px;display:grid}.tier-tabs button{font:inherit;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:99px;flex-direction:column;align-items:center;padding:7px 4px;line-height:1.15;display:flex}.tier-tabs button b{font-size:15px}.tier-tabs button small{color:var(--muted-foreground);font-size:12px}.tier-tabs button[aria-selected=true]{background:var(--card);box-shadow:inset 0 0 0 max(var(--line-width), 1px) var(--border)}.tier-note{text-align:center;margin:0 0 8px;font-size:14px}.group{border-top:1px solid color-mix(in srgb, var(--foreground) 12%, transparent)}.group:last-child{border-bottom:1px solid color-mix(in srgb, var(--foreground) 12%, transparent)}.group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;font-weight:600;list-style:none;display:flex}.group summary::-webkit-details-marker{display:none}.group summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;margin:0 4px 4px 0;transition:transform .2s;transform:rotate(45deg)}.group[open] summary:after{margin-bottom:-2px;transform:rotate(-135deg)}.group-stars{font:600 14px / 1 var(--font-mono);color:var(--muted-foreground);align-items:center;margin-left:auto;display:inline-flex}.group-stars svg{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px}.group.is-done .group-stars{color:var(--foreground)}.group.is-locked summary{color:var(--muted-foreground)}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:0;padding:0 0 14px;list-style:none;display:grid}.level{aspect-ratio:1;color:var(--foreground);border-radius:calc(var(--radius) * .7);background:var(--card);border:max(var(--line-width), 1px) solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:transform .12s,background-color .15s;display:flex}.level .n{font:700 17px / 1 var(--font-mono);align-items:center;gap:2px;display:inline-flex}.level .n svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:11px;height:11px}.level.done{background:color-mix(in srgb, var(--c) var(--tint-strong,45%), var(--card))}.level.next{background:var(--primary);color:var(--primary-foreground);animation:1.8s ease-in-out infinite next-pulse}@keyframes next-pulse{50%{transform:scale(1.05)}}.level.locked{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--muted-foreground);cursor:not-allowed;border-color:#0000}@media (hover:hover){.level:not(.locked):hover{transform:translateY(-2px)}}.level:active:not(.locked){transform:scale(.95)}.mini-stars{gap:1px;min-height:11px;display:flex}.mini-stars i{width:11px;height:11px;display:block}.mini-stars svg{width:100%;height:100%;fill:color-mix(in srgb, var(--foreground) 22%, transparent);display:block}.mini-stars i.on svg{fill:var(--foreground)}@media (width>=640px){.level-grid{grid-template-columns:repeat(10,1fr);gap:10px}.levels-page .tier-tabs{max-width:480px}}@media (prefers-reduced-motion:reduce){.level.next{animation:none}}.lv-hubs{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.lv-hubs{grid-template-columns:1fr 1fr}}@media (width>=1024px){.lv-hubs{grid-template-columns:repeat(3,1fr)}}.lv-hub{color:var(--foreground);border-radius:var(--radius);border:var(--line-width) solid var(--border);background:color-mix(in srgb, var(--c) var(--tint), var(--card));align-items:center;gap:14px;padding:14px;text-decoration:none;transition:transform .12s;display:flex}@media (hover:hover){.lv-hub:hover{transform:translateY(-2px)}}.lv-hub .ptile{--c:inherit}.lv-body{flex:1;gap:4px;min-width:0;display:grid}.lv-name{font-family:var(--font-title);font-weight:var(--title-weight);font-size:19px}.lv-stars{font-size:14px}.lv-stars b{color:var(--foreground)}.lv-hub .bar{height:8px}
