.next-steps[data-astro-cid-e53rmf7v]{border-top:1px solid #dce5eb;margin:3em 0 2em;padding-top:1.5em;font-family:system-ui,Yu Gothic,Meiryo,sans-serif}h2[data-astro-cid-e53rmf7v]{margin-bottom:1em;font-size:1.3em;line-height:1.5}.next-tools[data-astro-cid-e53rmf7v]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}a[data-astro-cid-e53rmf7v]{color:#203548;background:#fff;border:1px solid #dce5eb;border-radius:12px;flex-direction:column;gap:.6em;padding:22px;text-decoration:none;display:flex}a[data-astro-cid-e53rmf7v]:hover{background:#f5faf9;border-color:#167d83}a[data-astro-cid-e53rmf7v]:focus-visible{outline-offset:4px;outline:3px solid #167d83}.kind[data-astro-cid-e53rmf7v]{color:#38686b;letter-spacing:.08em;font-size:.65em;font-weight:700}h3[data-astro-cid-e53rmf7v]{margin:0;font-size:1em;line-height:1.6}p[data-astro-cid-e53rmf7v]{color:#526175;margin:0;font-size:.8em;line-height:1.8}.open[data-astro-cid-e53rmf7v]{margin-top:auto;font-size:.75em;font-weight:700}.explanation[data-astro-cid-e53rmf7v]{background:#f0f6f7;margin-top:16px}@media (width<=640px){.next-tools[data-astro-cid-e53rmf7v]{grid-template-columns:1fr}a[data-astro-cid-e53rmf7v]{padding:18px}}main{width:1100px;max-width:calc(100% - 2em);margin:0 auto;padding:1em 1em 4em}.head{padding:1.6em 0 1em}.tool-language{flex-wrap:wrap;justify-content:space-between;gap:.5em 1em;margin:.7em 0;font-size:.85em;display:flex}html[lang=ja] .ctl{flex-wrap:wrap}html[lang=ja] .ctl label{white-space:normal}html[lang=ja] .ctl select{max-width:100%}.head h1{margin:0 0 .3em;font-size:clamp(1.6em,4vw,2.2em);line-height:1.2}.lede{color:rgb(var(--gray-dark));max-width:62ch;margin:0}.stage{box-shadow:0 6px 24px rgba(var(--black), 12%);background:#05070d;border-radius:10px;position:relative;overflow:hidden}.stage canvas{touch-action:none;width:100%;height:min(68vh,620px);display:block}.hud{color:#cfd8ea;pointer-events:none;white-space:pre;background:#05070d9e;border:1px solid #a0b4dc38;border-radius:6px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;position:absolute;bottom:10px;left:10px}.hud b{color:#8fe3c8;font-weight:700}.zoombtns{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.zoombtns button{color:#e8eefb;cursor:pointer;background:#05070d9e;border:1px solid #a0b4dc47;border-radius:8px;width:38px;height:38px;font-size:20px;line-height:1}.zoombtns button:hover{background:#1e283ed9}.nogl{color:#cfd8ea;text-align:center;padding:2em 1em;display:none}.controls{border:1px solid rgb(var(--gray-light));border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75em 1.4em;margin:.9em 0 0;padding:.9em 1em;display:flex}.ctl{align-items:center;gap:.5em;font-size:.9em;display:flex}.ctl label{color:rgb(var(--gray-dark));white-space:nowrap}.ctl input[type=range]{width:130px}.ctl select,.ctl button,.ctl input[type=text]{font:inherit;border:1px solid rgb(var(--gray-light));cursor:pointer;background:#fff;border-radius:6px;padding:.35em .6em}.ctl input[type=text]{cursor:text}.ctl button.primary{background:rgb(var(--black));color:#fff;border-color:rgb(var(--black));min-width:5.4em}.val{color:rgb(var(--gray));min-width:3.4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.switch{cursor:pointer;align-items:center;gap:.4em;display:flex}.tips{color:rgb(var(--gray));margin:.7em 0 0;font-size:.86em}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6em;margin:.9em 0 0;display:grid}.stat{border:1px solid rgb(var(--gray-light));border-radius:8px;padding:.6em .8em}.stat span{color:rgb(var(--gray));font-size:.78em;display:block}.stat b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15em}.spots{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6em;margin:.8em 0 0;padding:0;list-style:none;display:grid}.spots button{text-align:left;width:100%;font:inherit;border:1px solid rgb(var(--gray-light));cursor:pointer;background:#fff;border-radius:8px;padding:.6em .8em;line-height:1.4}.spots button:hover{border-color:rgb(var(--gray))}.spots b{display:block}.spots span{color:rgb(var(--gray));font-size:.85em}article{max-width:68ch;margin:2.6em auto 0}article h2{margin:1.8em 0 .5em;font-size:1.35em}article h3{margin:1.4em 0 .4em;font-size:1.05em}article p,article li{line-height:1.75}article code{background:rgb(var(--gray-light));border-radius:4px;padding:.1em .35em;font-size:.9em}article table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.92em}article th,article td{border-bottom:1px solid rgb(var(--gray-light));text-align:left;padding:.5em .6em}.foot{text-align:center;color:rgb(var(--gray));padding:3em 1em 1em;font-size:.9em}.foot a{color:inherit}@media (width<=640px){main table{max-width:100%;display:block;overflow-x:auto}.stage canvas{height:62vh}.controls{max-width:100%}.ctl{flex-wrap:wrap;min-width:0;max-width:100%}.ctl select,.ctl input[type=text]{flex:auto;min-width:0;max-width:100%}.ctl input[type=range]{width:96px;min-width:0}}