.level-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""preview""plate";align-items:start;gap:32px;display:grid}.level-head{min-inline-size:0;max-inline-size:var(--read-measure);flex-direction:column;grid-area:head;display:flex}.level-head .page-title{margin-block-end:16px}.level-meta{flex-wrap:wrap;order:-1;align-items:center;gap:4px 0;margin:0 0 16px;padding:0;list-style:none;display:flex}.level-meta .read-chip{min-block-size:0;font-family:var(--font-mono);font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;padding:0;line-height:1.6}.level-meta .read-chip+.read-chip:before{content:"";opacity:.6;background:currentColor;border-radius:50%;flex-shrink:0;block-size:3px;inline-size:3px;margin-inline:10px}.level-meta .read-chip:first-child{color:var(--silk);background:0 0;font-weight:600}.level-difficulty{color:var(--silk-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 20px;display:flex}.level-pads{flex-shrink:0;gap:4px;display:inline-flex}.level-pads span{background:color-mix(in srgb, var(--silk) 16%, transparent);border-radius:999px;block-size:6px;inline-size:18px}.level-pads span[data-on=true]{background:var(--copper-hot);box-shadow:0 0 8px var(--glow)}.level-brief{letter-spacing:-.005em;margin:0 0 12px;font-size:clamp(1.0625rem,1rem + .35vw,1.1875rem);line-height:1.6}.level-pager{color:var(--silk-muted);margin:0 0 12px}.level-play{margin:28px 0 0}.level-board{grid-area:preview;min-inline-size:0;margin:0}.level-board-art{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask-sunken);box-shadow:var(--shadow-card);overflow:hidden}.level-board-art svg>rect:first-child{fill:var(--mask-sunken)}.level-board-art svg{block-size:auto;inline-size:100%;display:block}.level-board-art .play-static-portrait{display:none}@media (width<=639px) and (orientation:portrait){.level-board-art:has(.play-static-portrait) .play-static-landscape{display:none}.level-board-art .play-static-portrait{display:block}}.level-board figcaption{color:var(--silk-muted);margin-block-start:10px}.level-question,.level-plate{background:var(--mask-raised);border:1px solid var(--border);border-radius:var(--radius-l);min-inline-size:0;box-shadow:var(--shadow-card);padding:24px}.level-question{grid-area:preview}.level-plate{max-inline-size:var(--read-measure);grid-area:plate}.level-page h2{letter-spacing:-.028em;margin:0 0 16px;font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem)}.level-page :is(.level-plate,.level-question) h2{font-size:var(--title);letter-spacing:-.02em;margin-block-end:8px}.level-question ul{margin:0;padding:0;list-style:none}.level-question li{padding-inline-start:24px;position:relative}.level-question li:before{content:"";background:var(--pad);border-radius:3px;block-size:10px;inline-size:10px;position:absolute;inset-block-start:calc(.75em - 5px);inset-inline-start:2px}.level-question li+li{margin-block-start:10px}.level-question p{margin:12px 0 0}.level-plate dl{margin:0;display:grid;container-type:inline-size}.level-plate dl>div{border-block-end:1px solid var(--hairline);grid-template-columns:minmax(0,1fr);gap:2px;padding-block:12px;display:grid}.level-plate dl>div:last-child{border-block-end:0;padding-block-end:0}.level-plate dt{color:var(--silk-muted)}.level-plate dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:600}@container (width>=420px){.level-plate dl>div{grid-template-columns:11rem minmax(0,1fr);gap:16px}}.level-more{grid-template-columns:minmax(0,1fr);gap:48px;margin-block-start:56px;display:grid}.level-concepts ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.level-related ul{grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.level-related ul>li{min-inline-size:0;display:grid}.level-related li a{min-block-size:44px;color:var(--silk);background:var(--mask-raised);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-card);align-content:start;gap:4px;padding:18px 20px;text-decoration:none;display:grid}.level-related-title{overflow-wrap:anywhere;font-weight:600}.level-related-meta{color:var(--silk-muted)}.level-related li a{touch-action:manipulation;transition:translate var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out)}.level-related li a:active{background:color-mix(in srgb, var(--silk) 6%, var(--mask-raised))}@media (hover:hover) and (pointer:fine){.level-related li a:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .level-related li a:hover{translate:0 -2px}}.level-stats-note{color:var(--silk-muted);margin:0}.level-stats-charts{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.level-stats-charts:not(:empty){margin-block-start:16px}.level-stat{background:var(--mask-raised);border:1px solid var(--border);border-radius:var(--radius-l);min-inline-size:0;box-shadow:var(--shadow-card);margin:0;padding:16px 18px}.level-stat figcaption{justify-content:space-between;gap:12px;margin-block-end:8px;display:flex}.level-stat figcaption span:last-child{color:var(--silk-muted)}.level-stat svg{block-size:64px;inline-size:100%;display:block}.level-stat rect{fill:var(--copper);rx:2px}.level-stat path{fill:none;stroke:var(--silk-muted);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.level-stat-range{color:var(--silk-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-block-start:4px;display:flex}@container (width>=640px){.level-related ul{grid-template-columns:repeat(2,minmax(0,1fr))}.level-stats-charts{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width>=960px){.level-top{grid-template:"head preview""plate preview"1fr/minmax(0,5fr) minmax(0,7fr);column-gap:48px}.level-related ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=640px){.level-board figcaption,.level-related-meta,.level-stat-range{font-size:var(--small)}}@media (scripting:none){.level-stats [data-stats-note]{display:none}}.level-preview{grid-area:preview;gap:24px;min-inline-size:0;display:grid}.level-preview>.level-board,.level-preview>.level-question{grid-area:auto}.level-figure{max-inline-size:560px}