.map.svelte-4r37l8{width:100%;display:flex;flex-direction:column;gap:var(--ds-space-5)}.head.svelte-4r37l8{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-4);flex-wrap:wrap}.head.svelte-4r37l8 p:where(.svelte-4r37l8){margin-top:var(--ds-space-1)}.grid.svelte-4r37l8{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ds-space-4)}.card.svelte-4r37l8{display:flex;flex-direction:column;text-align:left;border-radius:var(--ds-radius-lg);overflow:hidden;background:var(--ds-surface);box-shadow:var(--ds-shadow-sm),inset 0 0 0 1px var(--ds-border);transition:transform var(--ds-duration-fast) var(--ds-ease-out),box-shadow var(--ds-duration-fast);color:var(--ds-text)}.card.svelte-4r37l8:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md),inset 0 0 0 1px var(--ds-border)}.card.svelte-4r37l8:active{transform:scale(.98)}.art.svelte-4r37l8{display:block;width:100%;aspect-ratio:16 / 9;background:var(--ds-surface-2)}.locked.svelte-4r37l8 .art:where(.svelte-4r37l8){opacity:.45}.meta.svelte-4r37l8{display:flex;flex-direction:column;gap:2px;padding:var(--ds-space-3) var(--ds-space-4) var(--ds-space-4)}.name.svelte-4r37l8{font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-md);display:flex;gap:var(--ds-space-2);align-items:baseline}.num.svelte-4r37l8{color:var(--ds-text-3);font-variant-numeric:tabular-nums;font-weight:var(--ds-weight-semibold)}.twist.svelte-4r37l8{color:var(--ds-text-2);font-size:var(--ds-text-sm)}.count.svelte-4r37l8{display:flex;align-items:center;gap:5px;margin-top:var(--ds-space-2);color:var(--ds-text-2);font-size:var(--ds-text-sm);font-variant-numeric:tabular-nums}.card.svelte-4r37l8:not(.locked) .count:where(.svelte-4r37l8) svg{color:var(--ds-warning)}.card.svelte-4r37l8:not(.locked) .count:where(.svelte-4r37l8) svg path{fill:currentColor}.chapter.svelte-4r37l8{display:flex;flex-direction:column;gap:var(--ds-space-4)}.back.svelte-4r37l8{align-self:flex-start;display:inline-flex;align-items:center;gap:2px;color:var(--ds-tint);font-weight:var(--ds-weight-semibold);padding:var(--ds-space-1) 0}.banner.svelte-4r37l8{position:relative;border-radius:var(--ds-radius-xl);overflow:hidden;box-shadow:var(--ds-shadow-md)}.banner.svelte-4r37l8 .art:where(.svelte-4r37l8){aspect-ratio:21 / 8;min-height:150px}.title.svelte-4r37l8{position:absolute;left:0;right:0;bottom:0;padding:var(--ds-space-8) var(--ds-space-5) var(--ds-space-4);background:linear-gradient(transparent,#0000008c);color:#fff}.title.svelte-4r37l8 .num:where(.svelte-4r37l8){color:#fffc;font-size:var(--ds-text-sm)}.title.svelte-4r37l8 p:where(.svelte-4r37l8){color:#ffffffe6;font-size:var(--ds-text-sm);margin-top:2px}.levels.svelte-4r37l8{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--ds-space-3)}.lv.svelte-4r37l8{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-4) var(--ds-space-2);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-shadow-sm),inset 0 0 0 1px var(--ds-border);color:var(--ds-text);transition:transform var(--ds-duration-fast) var(--ds-ease-out);min-height:112px}.lv.svelte-4r37l8:not(:disabled):hover{transform:translateY(-2px)}.lv.svelte-4r37l8:not(:disabled):active{transform:scale(.97)}.lv.svelte-4r37l8:disabled{opacity:.5;cursor:default}.n.svelte-4r37l8{font-family:var(--ds-font-display);font-size:var(--ds-text-xl);font-weight:var(--ds-weight-bold);font-variant-numeric:tabular-nums}.ln.svelte-4r37l8{font-size:var(--ds-text-xs);color:var(--ds-text-2);text-align:center;line-height:1.25;min-height:2.5em}.st.svelte-4r37l8{display:flex;gap:2px;color:var(--ds-border-strong)}.st.svelte-4r37l8 .on:where(.svelte-4r37l8){color:var(--ds-warning)}.st.svelte-4r37l8 .on:where(.svelte-4r37l8) svg path{fill:currentColor}.lk.svelte-4r37l8{position:absolute;top:8px;right:8px;color:var(--ds-text-3)}@media(max-width:640px){.map.svelte-4r37l8{padding-inline:var(--ds-gutter)}.grid.svelte-4r37l8{grid-template-columns:1fr 1fr;gap:var(--ds-space-3)}.meta.svelte-4r37l8{padding:var(--ds-space-2) var(--ds-space-3) var(--ds-space-3)}.twist.svelte-4r37l8{display:none}.levels.svelte-4r37l8{grid-template-columns:repeat(3,1fr)}.head.svelte-4r37l8 .btn,.head.svelte-4r37l8 button{width:100%}}