:root{--paper:#f3eee3;--sheet:#f8f4ec;--card:#fcfaf5;--ink:#1f1c18;--ink-2:#544e45;--ink-3:#8a8272;--rule:#d8cfbd;--ground:#b9ae98;--grid:#1f1c180e;--grid-2:#1f1c181c;--a:#c63f28;--warn:#a8641a;--on-c:#fcfaf5;--glass:#2a2622;--throat:#e6dfd0;--blend:multiply;--c1:#c63f28;--c2:#2a4b7d;--c3:#3d7a46;--c4:#b07812;--c5:#7b3f8e;--c6:#1d7f86;--c7:#a34469;--c8:#5c5346;--display:ui-serif, "Iowan Old Style", "Hiragino Mincho ProN", "Yu Mincho", "Palatino Linotype", Georgia, serif;--serif:ui-serif, "Iowan Old Style", Charter, "Bitstream Charter", "Palatino Linotype", Georgia, serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--wrap:1180px;--gutter:calc(clamp(16px, 4vw, 40px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--paper:#0e2036;--sheet:#112741;--card:#14304f;--ink:#e7eef7;--ink-2:#b1c2d8;--ink-3:#7c93b0;--rule:#28486c;--ground:#3d618a;--grid:#e7eef70d;--grid-2:#e7eef71c;--a:#ff8f72;--warn:#f2c25e;--on-c:#0e2036;--glass:#06101d;--throat:#0a1a2c;--blend:screen;--c1:#ff8f72;--c2:#8fc6ff;--c3:#8fd49b;--c4:#f2c25e;--c5:#d3a0ea;--c6:#6fd6dc;--c7:#f29bbd;--c8:#cfc4b1}}:root[data-theme=dark]{--paper:#0e2036;--sheet:#112741;--card:#14304f;--ink:#e7eef7;--ink-2:#b1c2d8;--ink-3:#7c93b0;--rule:#28486c;--ground:#3d618a;--grid:#e7eef70d;--grid-2:#e7eef71c;--a:#ff8f72;--warn:#f2c25e;--on-c:#0e2036;--glass:#06101d;--throat:#0a1a2c;--blend:screen;--c1:#ff8f72;--c2:#8fc6ff;--c3:#8fd49b;--c4:#f2c25e;--c5:#d3a0ea;--c6:#6fd6dc;--c7:#f29bbd;--c8:#cfc4b1}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--serif);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}:focus-visible{outline:2px solid var(--a);outline-offset:2px}.wrap{max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.kicker{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--a);margin:0 0 18px}.sec-head{border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:28px;padding-bottom:14px;display:flex}.sec-head h2{font:800 calc(clamp(1.8rem,4vw,2.6rem))/1 var(--display);margin:0}.sec-head p{color:var(--ink-2);margin:0}.tag{background:var(--c,var(--ink));min-width:22px;height:22px;color:var(--on-c);font:600 12px/1 var(--mono);border-radius:4px;place-items:center;padding:0 4px;font-style:normal;display:inline-grid}.tag.sm{border-radius:3px;min-width:17px;height:17px;font-size:10px}@keyframes rise{0%{opacity:0;translate:0 14px}}:lang(ja){word-break:auto-phrase;line-break:strict}:lang(ja) .kicker,:lang(ja) .sec-head h2{letter-spacing:.04em}.drw{display:block;overflow:visible}.drw :is(rect,circle,path){fill:var(--fill);stroke:var(--c);stroke-width:1.5px;vector-effect:non-scaling-stroke}.drw .nostroke{stroke:none}.drw .seam{stroke:color-mix(in oklab,var(--c) 50%,transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.drw .ring{fill:var(--card);stroke:color-mix(in oklab,var(--c) 55%,transparent)}.drw .flush{fill:none;stroke-dasharray:2 2}.drw .dark,.drw .glass{fill:var(--glass)}.drw .throat{fill:var(--throat)}.drw .shine{fill:#fff;fill-opacity:.55;stroke:none}.drw .pf{fill:var(--fill);stroke:none}.drw use.trace-o{fill:var(--fill);stroke:var(--c);stroke-width:1.5px;animation:.25s ease-out trace-in}.drw use.trace-s{fill:var(--c);stroke:none;animation:.25s ease-out trace-in}@keyframes trace-in{0%{opacity:0}}.drw .block{stroke-dasharray:4 3;animation:.25s ease-out trace-in}@media (prefers-reduced-motion:reduce){.drw :is(use,.block){animation:none}html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}.drw .pl{stroke:color-mix(in oklab,var(--c) 45%,transparent);stroke-width:.35px;vector-effect:none}.drw .hint{fill:none;stroke-dasharray:3 2}.drw .bay{fill:color-mix(in oklab,var(--c) 16%,var(--fill))}.drw .front{stroke:color-mix(in oklab,var(--c) 60%,transparent);stroke-width:2px;vector-effect:non-scaling-stroke}.drw .lf{fill:color-mix(in oklab,var(--c) 7%,transparent);stroke:none}.drw .ld{fill:color-mix(in oklab,var(--c) 26%,transparent);stroke:none}.dim{color:var(--ink-3);font:500 10px/1 var(--mono);display:block}.dim,.dim:after,.dim:before{position:absolute}.dim:before{content:""}.dim:after{content:counter(n);background:var(--sheet);padding:2px 4px}.dim.w{counter-reset:n calc(var(--dim-w));border-inline:1px solid;height:9px;top:-20px;left:0;right:0}.dim.w:before{border-top:1px solid;top:4px;left:0;right:0}.dim.w:after{top:4px;left:50%;translate:-50% -50%}.dim.h{counter-reset:n calc(var(--dim-h));border-block:1px solid;width:9px;top:0;bottom:0;right:-20px}.dim.h:before{border-left:1px solid;top:0;bottom:0;left:4px}.dim.h:after{writing-mode:vertical-rl;top:50%;left:4px;translate:-50% -50%;rotate:180deg}.prose>:where(p,h2,h3,ul,ol,blockquote){max-width:680px}.prose p{margin:0 0 1.2em}.prose h2{font:700 1.7rem/1.2 var(--display);margin:2.2em 0 .6em}.prose h2 a{text-decoration:none}.prose>p:first-child:first-letter{float:left;font:800 3.6em/.8 var(--display);color:var(--a);margin:.08em .1em 0 0}.spec{border-collapse:collapse;width:100%;font:400 13px/1.3 var(--mono);font-variant-numeric:tabular-nums;margin:8px 0 36px}.spec td,.spec th{text-align:left;border-bottom:1px solid var(--rule);padding:10px 12px 10px 0}.spec thead th{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom-color:var(--ink);font-size:10px;font-weight:500}.spec td:not(:first-child),.spec th:not(:first-child){text-align:right}.spec tbody th{font-weight:600}.tool{margin-bottom:8px}.tool .ctl{border-block:1px solid var(--rule);flex-wrap:wrap;gap:12px 28px;margin-bottom:26px;padding-block:18px}.tool .ctl,.tool .ctl-legend{align-items:center;display:flex}.tool .ctl-legend{font:400 11px/1 var(--mono);color:var(--ink-3);gap:8px;margin:0 0 0 auto}.tool .ctl-legend a{color:var(--a);text-decoration:none}.tool .ctl-legend a:hover{text-decoration:underline}.tool .sq{border:1px solid var(--grid-2);background:var(--sheet);width:12px;height:12px}.rack-wrap{margin-bottom:26px}.rack-cols{grid-template-columns:var(--rack-cols);border-bottom:1px solid var(--ink);font:500 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);gap:0 16px;padding-bottom:8px;display:grid}.rack-cols .r,.setup .num{text-align:right}.rack{margin:0;padding:0;list-style:none;position:relative}.row-enter-active,.row-leave-active{transition:opacity .3s var(--ease),translate .3s var(--ease)}.row-enter-from,.row-leave-to{opacity:0;translate:0 8px}.row-leave-active{width:100%;position:absolute}.row-move{transition:translate .3s var(--ease)}.add{grid-template-columns:26px minmax(0,560px) auto;align-items:center;gap:16px;padding:14px 0 4px;display:grid}.add:focus-within{z-index:40;position:relative}.add-tag{border:1px dashed var(--ink-3);color:var(--ink-3);background:0 0}.add-count{font:400 11px/1 var(--mono);color:var(--ink-3)}.setup{grid-template-columns:var(--rack-cols);border-bottom:1px solid var(--rule);align-items:center;gap:0 16px;padding:10px 0;display:grid}.setup:focus-within{z-index:40;position:relative}.setup .cell{min-width:0}.setup .meta{font:400 10.5px/1.3 var(--mono);color:var(--ink-3);margin-top:1px;display:block}.setup .warn{color:var(--warn)}.setup .num{font:500 13px/1.3 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.setup .bar{background:linear-gradient(var(--c) 0 0) 100%/calc(var(--p) * 100%) 100% no-repeat,var(--grid-2);height:3px;transition:background-size .4s var(--ease);border-radius:2px;margin-top:6px;display:block}.setup .acts{justify-content:flex-end;gap:2px;display:flex}.setup .act{width:28px;height:28px;color:var(--ink-3);font:400 18px/1 var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:0}.setup .act:hover{border-color:var(--rule);color:var(--c)}.setup.is-hidden>:not(.acts,.tag){opacity:.45}.setup.is-hidden>.tag{box-shadow:inset 0 0 0 1px var(--c);color:var(--c);background:0 0}.setup.is-hidden .act:first-child{color:var(--c)}@media (width<=760px){.add-count,.rack-cols{display:none}.tool .ctl-legend{margin-left:0}.add{grid-template-columns:26px minmax(0,1fr)}.setup{align-items:start;gap:6px 12px}.setup .num{text-align:left;white-space:normal}.setup .num:before{content:attr(data-l);font:500 9.5px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px;display:block}.setup .bar{background-position:0}.setup .acts{flex-direction:column;justify-content:flex-start}}.rank-fig{margin:0 0 32px}.rank-fig figcaption{font:400 12px/1.5 var(--mono);color:var(--ink-3);margin-top:12px}.rank-fig figcaption a{color:var(--a);margin-left:6px}.rank-bar{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-bottom:10px;display:flex}.rank-wrap{position:relative;overflow-x:auto}.spec.rank-table tbody th,.spec.rank-table thead th:nth-child(2){text-align:left}.rank-table .n{width:3em;color:var(--ink-3)}.rank-table .meta,.rank-table tbody th small{color:var(--ink-3);font-weight:400}.rank-table .meta{margin-top:3px;font-size:11px;display:block}.rank-table .on{color:var(--ink);font-weight:600}.rank-table td,.sr-only{white-space:nowrap}.rank-table a{color:var(--a)}.rank-table .tag.sm{margin-right:4px}@media (width<=640px){.rank-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.rank-table,.rank-table tbody{display:block}.rank-table tr{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:10px 14px;padding:14px 0;display:flex}.rank-table tr:after{content:"";flex-basis:100%;order:1;height:0;margin-top:-4px}.spec.rank-table :is(th,td){text-align:left;border:0;padding:0}.rank-table .n{width:auto;min-width:1.6em;margin-right:-6px}.rank-table tbody th{flex:1 1 0;min-width:0}.rank-table td[data-label]{flex-direction:column;order:2;gap:3px;font-size:12px;display:flex}.rank-table td[data-label]:before{content:attr(data-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:500}}.rank-note{max-width:760px;color:var(--ink-2);margin:0 0 40px;font-size:.95rem}.rank-more{font:500 12px/1.4 var(--mono);flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;display:flex}.rank-more a{color:var(--a)}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
