@font-face{font-family:Mint Grotesk;src:url(/fonts/MintGrotesk-Regular-Subset.woff2) format("woff2");font-weight:400;font-style:normal;unicode-range:"U+A,U+20-7E,U+A0,U+A2,U+A9,U+AE,U+B0-B3,U+B7,U+B9,U+C0,U+C2,U+C6-CA,U+CE,U+D4,U+D7,U+D9,U+DB,U+E0,U+E2,U+E6-EA,U+EE,U+F4,U+F7,U+F9,U+FB,U+394,U+3A0,U+3A9,U+2013,U+2014,U+2018-201A,U+201C,U+201D,U+2022,U+2026,U+2070,U+2074-2079,U+2122,U+2190,U+2192,U+2197,U+21BA,U+2206,U+2212,U+221E,U+2248,U+2260,U+2264,U+2265,U+25B2,U+25B6,U+25BC,U+25C0,U+25C9,U+25CB,U+25CE-25D3,U+FE0E"}@font-face{font-family:Mint Grotesk;src:url(/fonts/MintGrotesk-Bold-Subset.woff2) format("woff2");font-weight:700;font-style:normal;unicode-range:"U+A,U+20-7E,U+A0,U+A2,U+A9,U+AE,U+B0-B3,U+B7,U+B9,U+C0,U+C2,U+C6-CA,U+CE,U+D4,U+D7,U+D9,U+DB,U+E0,U+E2,U+E6-EA,U+EE,U+F4,U+F7,U+F9,U+FB,U+394,U+3A0,U+3A9,U+2013,U+2014,U+2018-201A,U+201C,U+201D,U+2022,U+2026,U+2070,U+2074-2079,U+2122,U+2190,U+2192,U+2197,U+21BA,U+2206,U+2212,U+221E,U+2248,U+2260,U+2264,U+2265,U+25B2,U+25B6,U+25BC,U+25C0,U+25C9,U+25CB,U+25CE-25D3,U+FE0E"}*{box-sizing:border-box;min-width:0;touch-callout:none;user-drag:none}html{overflow:hidden;overscroll-behavior:none;zoom:unset}body{margin:0}canvas{height:100%;image-rendering:crisp-edges;image-rendering:pixelated;inset:0;position:fixed;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}#show-instructions{align-items:center;background:#000000f0;border-radius:99px;border:2px solid #fff;color:#fff;display:none;font-size:24px;height:36px;justify-content:center;padding:0;position:fixed;right:12px;top:12px;width:36px}#instructions{background:#000000f0;border-radius:8px;color:#fff;display:none;font:16px Mint Grotesk,system-ui,sans-serif;inset:12px;line-height:1.5;overflow:auto;padding:24px;position:fixed}#instructions>div{min-height:100%;max-width:48em;margin:auto}h1,p{text-wrap:pretty}ul{padding-left:1em}li{margin-bottom:4px}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px #0003,0 2px #ffffffb3 inset;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}.instructions-view.hide,.explain-view.hide{display:none!important}.instructions-footer,.explain-panel-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:36px}.instructions-footer button,.explain-panel-footer button{font:16px Mint Grotesk,system-ui,sans-serif;padding:12px 24px;border-radius:4px}.explain-ruleset-btn,.explain-panel-btn-secondary{background:transparent;color:#ffffffd9;border:1px solid rgba(255,255,255,.4)}.explain-ruleset-btn:hover,.explain-panel-btn-secondary:hover{background:#ffffff1a;color:#fff}.btn-primary,.explain-panel-btn-primary{border:none;background:#fff;color:#000}.btn-primary:hover,.explain-panel-btn-primary:hover{background:#eee}.spacer{height:1em}#info-secondary,#info{background:#000;bottom:24px;color:#fff;display:none;font-family:monospace;font-size:24px;font-weight:700;padding:6px 12px;position:fixed}#info-secondary{left:24px}#info{right:24px}.show{display:block!important}#show-instructions.show{display:flex!important}a{color:inherit}a[target=_blank]{cursor:alias}a[target=_blank]:after{content:" ↗"}button{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.explain-panel{font:16px Mint Grotesk,system-ui,sans-serif}.explain-panel p{margin:1em 0}.explain-panel h3{font-size:1em;margin:1.25em 0 .5em}.explain-panel-states-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,max-content));justify-content:space-evenly;gap:32px;list-style:none;padding-left:0;margin:.5em 0 1em}.explain-panel-state-item{display:flex;flex-direction:column;align-items:center;gap:8px}.explain-panel-state-box{width:32px;height:32px;box-shadow:inset 0 0 0 2px #0000004d;display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-inline:4px}.explain-panel-neighborhood-wrap{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;margin:1em 0}.explain-panel-neighborhood-grid{display:grid;width:240px;height:240px;max-height:240px;flex-shrink:0;gap:0;border:1px solid #555}.explain-panel-neighborhood-cell{max-height:60px;aspect-ratio:1;box-sizing:border-box;border:1px solid}.explain-panel-cell-border-top-white{border-top-color:#fff!important}.explain-panel-cell-border-right-white{border-right-color:#fff!important}.explain-panel-cell-border-bottom-white{border-bottom-color:#fff!important}.explain-panel-cell-border-left-white{border-left-color:#fff!important}.explain-panel-ring-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;list-style:none;padding-left:0;margin:0}.explain-panel-ring-legend-item{display:flex;align-items:center;gap:16px}.explain-panel-ring-swatch{width:32px;height:32px;flex-shrink:0;box-shadow:inset 0 0 0 2px #0000004d}.explain-panel-transition-table{border-collapse:collapse;margin:.5em 0 1em}.explain-panel-transition-table td{padding:4px 8px;vertical-align:middle}.explain-panel-arrow{opacity:.8}.explain-panel-result-cell{display:flex;align-items:center;gap:16px}.explain-panel-transition-sentences{margin:.5em 0 1em}.explain-panel-transition-sentence{margin:.35em 0;vertical-align:middle}.explain-panel-transition-section{margin-bottom:1.5em}