:root{--paper: #ffffff;--ink: #000000;--faint: #737373;--rule: #d4d4d4;--accent: #000000;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #000000;--ink: #ffffff;--faint: #8c8c8c;--rule: #2b2b2b;--accent: #ffffff}}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font:1.0625rem/1.55 var(--serif)}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.masthead{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:16px}.mark{margin:0;font:600 .78rem/1 var(--mono);letter-spacing:.32em}.mode{font:.72rem var(--mono);color:var(--faint);background:none;border:1px solid var(--rule);padding:.35rem .6rem;cursor:pointer}.mode:hover,.mode:focus-visible{color:var(--ink);border-color:var(--ink)}.mark a{text-decoration:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}:root{--paper: #000000;--ink: #ffffff;--faint: #8c8c8c;--rule: #2b2b2b;color-scheme:dark}html,body{height:100%;overflow:hidden;background:#000;color:#fff}.host{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.host canvas{position:absolute;inset:0;display:block}.intro{position:fixed;inset:0;width:100%;height:100%;z-index:10;cursor:default}.intro.gone,.gate.gone,.intro[hidden],.gate[hidden]{display:none}.gate{position:fixed;left:0;right:0;bottom:9vh;z-index:11;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:0 16px;text-align:center;font:.75rem/1.5 var(--mono);color:var(--faint);pointer-events:none}.gate>*{pointer-events:auto}.gate .ask,.gate .stage:not(:empty){padding:.1rem .5rem;background:#000}.gate .ask{margin:0;font:italic .95rem/1.4 var(--serif);color:#bdbdbd}.gate .stage{margin:0;min-height:1.5em}.fail[hidden],.ui[hidden],.panel[hidden],.debug-toggle-btn[hidden]{display:none}.fail p{margin:.2rem 0;max-width:34rem}.fail #fail-why{color:#fff}.hud{position:fixed;left:14px;bottom:12px;z-index:5;max-width:calc(100% - 28px);font:.72rem/1.5 var(--mono);pointer-events:none}.hud p{margin:0;width:max-content;max-width:100%;padding:0 .4rem;background:#000000b3}.hud .state{color:#fff}.hud .how{color:var(--faint)}.hud .how strong{font-weight:400;color:#fff}.controls{position:fixed;right:14px;top:12px;z-index:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem .9rem;max-width:calc(100% - 28px);padding:.1rem .4rem;font:.72rem var(--mono);background:#000000b3}.controls button,.panel .close{padding:.15rem 0;font:inherit;color:var(--faint);background:none;border:0;cursor:pointer}.controls button:hover,.controls button:focus-visible,.controls button[aria-pressed=true],.controls button[aria-expanded=true],.panel .close:hover,.panel .close:focus-visible{color:#fff}.controls button[aria-pressed=true]{text-decoration:underline;text-underline-offset:3px}.exits[hidden]{display:none}.exits{position:fixed;right:14px;bottom:12px;z-index:12;display:flex;gap:.9rem;font:.72rem var(--mono)}.exits a{color:var(--faint);text-decoration:none}.exits a:hover,.exits a:focus-visible{color:#fff}.panel{position:fixed;z-index:20;background:#000000db;border:1px solid #3a3a3a;color:#fff}.panel .close{position:absolute;top:.3rem;right:.55rem;font:1rem var(--mono)}.inspector{right:14px;top:44px;width:min(25rem,calc(100% - 28px));max-height:calc(100% - 140px);overflow:auto;padding:.8rem 1rem .7rem;font:.7rem/1.45 var(--mono)}.inspector .made{margin:0;color:var(--faint);letter-spacing:.08em}.inspector h2{margin:.15rem 0 .4rem;font:italic .95rem/1.35 var(--serif);color:#fff}.inspector .rule{margin:0 0 .6rem;color:#d0d0d0}.inspector label{display:grid;grid-template-columns:1fr 7.5rem 2.6rem;align-items:center;gap:.5rem;margin:.2rem 0;color:var(--faint)}.inspector input[type=range]{width:100%;accent-color:#fff}.inspector output{text-align:right;color:#fff}.inspector .fixed{margin:0;color:var(--faint)}.inspector .restore,.about #remember{margin-top:.6rem;padding:.15rem .5rem;font:inherit;color:#fff;background:#000;border:1px solid #fff;cursor:pointer}.inspector .restore[hidden]{display:none}.inspector .restore:hover,.inspector .restore:focus-visible,.about #remember:hover,.about #remember:focus-visible{background:#fff;color:#000}@media(max-width:640px){.inspector{top:64px;left:12px;right:12px;width:auto;max-height:45%}}.intro:focus-visible{outline:1px solid #fff;outline-offset:-4px}.about{left:50%;top:50%;transform:translate(-50%,-50%);width:min(34rem,calc(100% - 32px));max-height:calc(100% - 96px);overflow-y:auto;padding:1.2rem 1.4rem 1rem;font:.95rem/1.6 var(--serif)}.about h2{margin:0 0 .8rem;font:.8rem var(--mono);letter-spacing:.08em;color:var(--faint)}.about p{margin:0 0 .75rem;color:#d9d9d9}.about code{font-family:var(--mono);font-size:.9em;color:#fff}.about .keys{margin-top:1.1rem;font:.7rem/1.6 var(--mono);color:var(--faint)}kbd{font:inherit;border:1px solid #3a3a3a;padding:0 .25em}.noscript{position:relative;max-width:36rem;margin:10vh auto;padding:0 16px;font:1.05rem/1.55 var(--serif)}@media(max-width:640px){.gate{bottom:13vh}.hud{bottom:40px}}.debug-toggle-btn{position:fixed;top:12px;right:14px;z-index:25;padding:.25rem .6rem;font:.72rem/1.4 var(--mono);color:#fff;background:#000000d9;border:1px solid #444;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.debug-toggle-btn:hover,.debug-toggle-btn:focus-visible{background:#fff;color:#000;border-color:#fff}.debug-panel{top:48px;right:14px;width:min(28rem,calc(100% - 28px));max-height:calc(100% - 80px);overflow-y:auto;padding:.9rem 1.1rem .8rem;font:.72rem/1.5 var(--mono);border-radius:4px;box-shadow:0 8px 24px #0009}.debug-panel h2{margin:0 0 .8rem;font:italic .95rem/1.3 var(--serif);color:#fff;border-bottom:1px solid #2a2a2a;padding-bottom:.3rem}.debug-section{margin-bottom:.8rem}.debug-section label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;color:#d0d0d0}.debug-section input[type=range]{width:100%;accent-color:#ffffff;cursor:pointer}.debug-label{display:block;margin-bottom:.3rem;color:var(--faint);letter-spacing:.04em}.debug-btn-group{display:flex;flex-wrap:wrap;gap:.35rem}.debug-btn-group button{padding:.2rem .45rem;font:.68rem var(--mono);color:#ccc;background:#111;border:1px solid #333;border-radius:3px;cursor:pointer;transition:all .12s ease}.debug-btn-group button:hover,.debug-btn-group button:focus-visible,.debug-btn-group button.active{color:#000;background:#fff;border-color:#fff}.debug-info-box{background:#080808;border:1px solid #222;padding:.4rem .6rem;border-radius:3px;margin-bottom:0}.debug-info-box p{margin:.15rem 0;color:#aaa}.debug-info-box span{color:#fff}