:root{--blk:16px;--blk-s:8px;--blk-gap:1px;--sbd-gap:6px}@media (min-width: 900px){:root{--blk:20px;--blk-s:10px;--sbd-gap:8px}}.page-blocks main{padding:0}.bp-intro{padding:clamp(28px, 5vw, 64px) 0 clamp(22px, 3vw, 36px)}.bp .wrap > :is(h1, h2, p, .bp-list){max-width:var(--measure);margin-inline:auto}.bp-title{margin:0 0 14px;font:var(--display-weight) var(--h1-page)/var(--display-leading) var(--face);font-stretch:var(--display-stretch);letter-spacing:var(--display-track)}.bp-list{display:grid;gap:10px;margin-top:18px;padding:0;list-style:none}.bp-list li{display:grid;gap:2px}.bp-list a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.bp-list a b,.bp-label-t b{display:inline-grid;place-items:center;width:calc(var(--blk) * 2);height:calc(var(--blk) * 2);background:var(--piece-o);color:var(--ink);font:400 1.1rem/1 "DotGothic16",ui-monospace,monospace;text-decoration:none;box-shadow:inset 0 2px 0 rgb(255 255 255 / .25),inset 0 -3px 0 rgb(0 0 0 / .22)}.bp-list span{color:var(--ink-soft)}.bp-nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.bp-label{padding:28px 0 18px;border-top:2px solid var(--paper-line)}.bp-label-t{display:flex;align-items:center;gap:12px;margin:0;font-size:1.1rem}.bp-label-t a{display:inline-flex;align-items:center;min-height:44px;margin-left:6px;font-weight:700}.bp-sec{padding:var(--section) 0}.bp-h{margin:0 0 6px;font:var(--display-weight) var(--h2)/1.02 var(--face);font-stretch:var(--display-stretch);letter-spacing:var(--display-track)}.bp-line{margin:0 0 28px;color:var(--ink-soft)}.field .bp-line{color:var(--bone-soft)}.bp-line--chip{margin:22px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.bp-end{padding:28px 0 48px}.sbx{position:relative;margin:0}.sbx p{margin:0}.sbx-k{font:400 .82rem/1.25 "DotGothic16",ui-monospace,monospace;letter-spacing:.04em;color:var(--bone-soft)}.sbx-l{font-weight:750;font-size:1.02rem;line-height:1.3;color:var(--bone)}.sbx-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .35em;color:var(--bone-soft);font-weight:700}.sbx-n strong{color:var(--number);font:var(--display-weight) clamp(2.3rem, 1.8rem + 1.9vw, 3.4rem)/1 var(--face);font-stretch:var(--display-stretch);letter-spacing:var(--display-track);font-variant-numeric:tabular-nums}.sbx-w{font-weight:650;color:var(--bone)}.sbx-w a{padding-block:6px;color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--k)}.sbx-note{color:var(--bone-soft);font-size:.95rem;line-height:1.45}.sbx-src{color:var(--bone-soft);font-size:.8rem;line-height:1.4;padding-top:10px;border-top:1px dashed var(--field-edge)}.sbx-init{position:relative;display:inline-grid;place-items:center;flex:none}.sbx-init .mk{--spx:2}.sbd-key .mk{--spx:4}.sbd-key .hit-a{inset:6px 6px auto;aspect-ratio:1}@media (max-width: 759px){.sbd-key .hit-a{display:none}}.sbx-badge{position:relative;display:inline-block;flex:none;width:calc(var(--bw) * var(--blk-s));height:calc(var(--bh) * var(--blk-s))}.sbx-badge i,.seam-p i{position:absolute;background:var(--k);box-shadow:inset 0 2px 0 rgb(255 255 255 / .22),inset 0 -2px 0 rgb(0 0 0 / .28)}.sbx-badge i{left:calc(var(--x) * var(--blk-s));top:calc(var(--y) * var(--blk-s));width:calc(var(--blk-s) - var(--blk-gap));height:calc(var(--blk-s) - var(--blk-gap))}.paper :is(.sbx--locked, .sbx--level) :is(.sbx-l, .sbx-w){color:var(--ink)}.paper :is(.sbx--locked, .sbx--level) :is(.sbx-k, .sbx-note, .sbx-src, .sbx-n){color:var(--ink-soft)}.paper :is(.sbx--locked, .sbx--level) .sbx-n strong{color:var(--number-ink)}.paper :is(.sbx--locked, .sbx--level) .sbx-src{border-top-color:var(--paper-line)}.sbd--cabinet,.sbd--level{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr));column-gap:14px;row-gap:0;max-width:1100px;margin:0 auto;padding:0;list-style:none}.sbd--one{max-width:var(--measure);margin-inline:auto;grid-template-columns:1fr}.sbx--cabinet{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:8px;margin-bottom:14px;padding:0 18px 16px;color:var(--bone);background:var(--screen);border:2px solid var(--screen-edge);border-radius:6px;box-shadow:inset 0 0 0 3px var(--screen-inset),0 4px 0 #07080b}.sbx--cabinet .sbx-mq{display:flex;align-items:center;gap:10px;margin:0 -18px 6px;padding:10px 18px;border-bottom:2px solid var(--screen-edge);background:linear-gradient(90deg, color-mix(in srgb, var(--k) 22%, var(--screen)), var(--screen) 70%);border-radius:4px 4px 0 0}.sbx--cabinet .sbx-mq .sbx-k{margin-left:auto}.sbx--cabinet .sbx-n{padding:6px 0 4px;background:repeating-linear-gradient(transparent 0 3px, rgb(255 255 255 / .035) 3px 4px)}.sbx--cabinet .sbx-n strong{text-shadow:0 0 22px color-mix(in srgb, var(--number) 40%, transparent)}.sbx-foot{display:flex;flex-direction:column;gap:8px}.sbx-foot .sbx-src{margin-top:auto}.sbx--level{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:8px;margin-bottom:14px;padding:16px 18px;color:var(--bone);background:var(--field-2);border-left:var(--blk-s) solid var(--k);border-radius:2px}.paper .sbx--level{background:var(--sheet);box-shadow:0 0 0 1px var(--paper-line)}.sbx--level .sbx-k{display:flex;align-items:center;gap:8px}.sbx--level .sbx-k .sbx-init{padding:3px;background:color-mix(in srgb, var(--k) 16%, #0e1014);box-shadow:inset 0 0 0 2px var(--k);border-radius:2px}.sbx-meter{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:var(--blk)}.sbx-cells{display:grid;grid-auto-flow:column;grid-auto-columns:var(--blk);gap:var(--blk-gap)}.sbx-cells i{width:var(--blk);height:var(--blk);box-shadow:inset 0 0 0 1px var(--field-edge)}.paper .sbx-cells i{box-shadow:inset 0 0 0 1px #c3cad3}.sbx-cells i.on{background:var(--k);box-shadow:inset 0 2px 0 rgb(255 255 255 / .22),inset 0 -3px 0 rgb(0 0 0 / .26)}.sbx-mt{font-size:.88rem;line-height:1.35;color:var(--bone-soft);flex:1 1 160px}.paper .sbx-mt{color:var(--ink-soft)}.sbx-evo{position:absolute;left:calc(var(--blk) * 10 + 4px);bottom:calc(100% - var(--blk) + 2px);line-height:0;pointer-events:none}.sbx-meter:has(.sbx-evo) .sbx-mt{padding-left:72px}@media (max-width: 420px){.sbx-meter:has(.sbx-evo) .sbx-mt{padding-left:0;flex-basis:100%}.sbx-meter:has(.sbx-evo){padding-right:72px}}.sbd--locked{display:grid;grid-template-columns:repeat(var(--bw), minmax(0, 1fr));gap:var(--sbd-gap);max-width:980px;margin:0 auto}.sbx--locked{display:flex;flex-direction:column;gap:8px;padding:18px 20px 16px;color:var(--bone);background:var(--screen);box-shadow:inset 0 0 0 6px var(--k),inset 0 0 0 8px rgb(0 0 0 / .25);border-radius:2px}.paper .sbx--locked{background:var(--sheet);box-shadow:inset 0 0 0 6px var(--k),inset 0 0 0 8px rgb(0 0 0 / .08)}.sbx--locked .sbx-src{margin-top:auto}.sbd-key{position:relative;display:grid;align-content:start;justify-items:center;padding:16px 6px;background:var(--k);color:var(--ink);border-radius:2px;box-shadow:inset 0 3px 0 rgb(255 255 255 / .22),inset 0 -4px 0 rgb(0 0 0 / .24)}.sbd-bleed--down{margin-bottom:calc(-1 * var(--sbd-gap));box-shadow:inset 0 3px 0 rgb(255 255 255 / .22)}.sbd-bleed--up{margin-top:calc(-1 * var(--sbd-gap));box-shadow:inset 0 -4px 0 rgb(0 0 0 / .24);align-content:end}.sbd-bleed--right{margin-right:calc(-1 * var(--sbd-gap))}.sbd-bleed--left{margin-left:calc(-1 * var(--sbd-gap))}.seam{position:relative;pointer-events:none}.seam--locked{height:calc(var(--blk) * 2);background:linear-gradient(var(--from) 50%, var(--to) 50%)}.seam-p{position:absolute;top:0;left:max(var(--gutter), calc((100% - var(--measure)) / 2));width:calc(var(--blk) * 3);height:calc(var(--blk) * 2)}.seam-p i{left:calc(var(--x) * var(--blk));top:calc(var(--y) * var(--blk));width:calc(var(--blk) - var(--blk-gap));height:calc(var(--blk) - var(--blk-gap));box-shadow:inset 0 3px 0 rgb(255 255 255 / .22),inset 0 -4px 0 rgb(0 0 0 / .26)}.seam--locked{--blk:24px}@media (min-width: 900px){.seam--locked{--blk:28px}}.seam--locked .seam-p{filter:drop-shadow(2px 0 0 var(--bone)) drop-shadow(-2px 0 0 var(--bone)) drop-shadow(0 2px 0 var(--bone)) drop-shadow(0 -2px 0 var(--bone)) drop-shadow(0 4px 0 rgb(0 0 0 / .35))}.seam--locked .seam-p i{box-shadow:inset 0 4px 0 rgb(255 255 255 / .38),inset 0 -4px 0 rgb(0 0 0 / .22)}.seam--row{height:calc(var(--blk) + 2px);background:var(--from);overflow:hidden}.seam-row{display:grid;grid-auto-flow:column;grid-auto-columns:var(--blk);gap:var(--blk-gap);justify-content:start;height:var(--blk)}.seam-row i{box-shadow:inset 0 2px 0 rgb(255 255 255 / .2),inset 0 -3px 0 rgb(0 0 0 / .26)}.seam-row i:nth-child(7n + 1){background:var(--piece-i)}.seam-row i:nth-child(7n + 2){background:var(--piece-o)}.seam-row i:nth-child(7n + 3){background:var(--piece-t)}.seam-row i:nth-child(7n + 4){background:var(--piece-s)}.seam-row i:nth-child(7n + 5){background:var(--piece-z)}.seam-row i:nth-child(7n + 6){background:var(--piece-j)}.seam-row i:nth-child(7n + 7){background:var(--piece-l)}.seam--row.is-cleared .seam-row i{background:color-mix(in srgb, var(--from) 84%, var(--bone-soft));box-shadow:none}.seam--ledge{height:calc(var(--blk) * 2);background:linear-gradient(var(--from) 50%, var(--to) 50%)}.seam-ledge{position:absolute;top:0;left:max(var(--gutter), calc((100% - var(--measure)) / 2));display:grid;grid-auto-flow:column;grid-auto-columns:var(--blk);gap:var(--blk-gap)}.seam-ledge i{height:calc(var(--blk) - var(--blk-gap));background:var(--k);box-shadow:inset 0 2px 0 rgb(255 255 255 / .25),inset 0 -3px 0 rgb(0 0 0 / .26)}.seam-evo{position:absolute;bottom:calc(100% - var(--blk));left:calc(max(var(--gutter), (100% - var(--measure)) / 2) + var(--blk) * 2);line-height:0}.sbx-chip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:44px;padding:6px 12px;color:var(--bone-soft);font-size:.9rem;text-decoration:none;background:var(--screen);border:2px solid var(--screen-edge);border-radius:4px}.sbx-chip strong{color:var(--number)}.sbx-chip-k{font:400 .78rem/1.2 "DotGothic16",ui-monospace,monospace;color:var(--bone)}.sbx-chip-t{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--field-edge)}.sbx-chip--locked{border-color:var(--k);box-shadow:inset 0 0 0 2px rgb(0 0 0 / .3)}.sbx-chip--level{border:0;border-left:var(--blk-s) solid var(--k);background:var(--field-2);border-radius:2px}@media (hover: hover){.sbx-chip:hover{color:var(--bone)}}.sbx-chip:focus-visible,.sbx-w a:focus-visible{outline:3px solid var(--piece-o);outline-offset:3px}.paper :is(.sbx--locked, .sbx--level) .sbx-w a:focus-visible{outline-color:var(--ink)}@media (prefers-reduced-motion: no-preference){.seam--locked.is-armed .seam-p{transform:translateY(calc(var(--blk) * -5));opacity:0}.seam--locked.is-locked .seam-p{animation:piece-fall5 560ms steps(1, end) both}.seam--locked.is-locked .seam-p i{animation:blk-flash 180ms steps(2, end) 560ms both}.seam--row.is-armed .seam-gap{transform:translateY(calc(var(--blk) * -4));opacity:0}.seam--row.is-locked .seam-gap{animation:piece-fall4 460ms steps(1, end) both}.seam--row.is-cleared .seam-row i{transition:background-color 1ms 200ms;animation:blk-clear 240ms steps(3, end) both}.seam--ledge.is-armed .seam-ledge i{transform:translateY(calc(var(--blk) * -3));opacity:0}.seam--ledge.is-locked .seam-ledge i{animation:piece-fall3 340ms steps(1, end) calc(var(--n, 0) * 70ms) both}.seam--ledge.is-armed .seam-evo{opacity:0;transform:translateY(8px)}.seam--ledge.is-locked .seam-evo{animation:piece-fall1 240ms steps(1, end) 560ms both}.sbd--locked.is-armed > *{transform:translateY(calc(var(--blk) * -4));opacity:0}.sbd--locked.is-locked > *{animation:piece-fall4 460ms steps(1, end) calc(var(--i) * 160ms) both}.sbd--level.is-armed .sbx-cells i.on{background:transparent;box-shadow:inset 0 0 0 1px var(--field-edge)}.sbd--level.is-locked .sbx-cells i.on{transition:background-color 1ms,box-shadow 1ms}.sbd--level.is-locked .sbx-cells i:nth-child(1){transition-delay:0ms}.sbd--level.is-locked .sbx-cells i:nth-child(2){transition-delay:60ms}.sbd--level.is-locked .sbx-cells i:nth-child(3){transition-delay:120ms}.sbd--level.is-locked .sbx-cells i:nth-child(4){transition-delay:180ms}.sbd--level.is-locked .sbx-cells i:nth-child(5){transition-delay:240ms}.sbd--level.is-locked .sbx-cells i:nth-child(6){transition-delay:300ms}.sbd--level.is-locked .sbx-cells i:nth-child(7){transition-delay:360ms}.sbd--level.is-locked .sbx-cells i:nth-child(8){transition-delay:420ms}.sbd--level.is-locked .sbx-cells i:nth-child(9){transition-delay:480ms}.sbd--level.is-locked .sbx-cells i:nth-child(10){transition-delay:540ms}.sbd--cabinet.is-armed .sbx-n strong{opacity:.15}.sbd--cabinet.is-locked .sbx-n strong{opacity:1;transition:opacity 360ms steps(4, end) calc(var(--i) * 120ms)}}@keyframes blk-flash{50%{filter:brightness(1.7)}}@keyframes blk-clear{0%{filter:brightness(2)}50%{filter:brightness(2);clip-path:inset(45% 0)}100%{filter:none;clip-path:none}}