#puzzle{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:35px max(24px,calc((100vw - 1000px)/2)) 80px;background:#0b0c0bed;scrollbar-color:#847b63 #111;line-height:1.65;z-index:5}#puzzle h1{font-size:clamp(31px,5vw,61px);font-weight:normal;line-height:1.12;letter-spacing:-.035em;max-width:780px;margin:20px 0 24px}#puzzle h2{font:14px/1.5 monospace;letter-spacing:.06em;margin:0}.gate-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #9b92783d;padding-bottom:15px;font:10px/1.8 monospace;color:#a9a38e}.gate-kicker{font:10px/1.8 monospace;letter-spacing:.2em;color:#bbae8a;margin-top:45px}.gate-copy{font-size:20px;max-width:650px;color:#ddd5c6;margin-bottom:32px}.gate-note{font:13px/1.9 monospace;color:#aba895;max-width:820px}.gate-share{display:flex;flex-wrap:wrap;align-items:center;gap:15px;border-left:2px solid #b1a17e;padding:12px 20px;margin:35px 0;background:#d5c49908}.gate-share span{font:11px monospace;color:#aaa28d}.gate-share strong{font:19px/1.5 monospace;letter-spacing:.12em}#puzzle button{border:1px solid #c4b38c60;background:#171813;color:#e6ddca;min-height:44px;padding:10px 17px;font:12px/1.6 monospace;border-radius:0}#puzzle button:hover{background:#37362b}#puzzle button:disabled{opacity:.35;cursor:default}#puzzle button[aria-pressed="true"]{background:#c8b78d;color:#111;border-color:#c8b78d}#puzzle :focus-visible{outline:2px solid #d4c29c;outline-offset:4px}.gate-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;max-width:600px;margin-bottom:30px}.gate-import label{grid-column:1/-1;font:11px monospace}.gate-import input{min-width:0;width:100%;padding:12px;border:1px solid #827b655e;color:#eee6d4;background:#12130f;font:16px monospace;border-radius:0}.bookends{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0 45px}.bookends figure,.record-edges figure{margin:0}.bookends img,.record-edges img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.bookends figcaption,.record-edges figcaption{font:10px/1.8 monospace;color:#b4ac98;padding-top:7px;text-transform:uppercase;letter-spacing:.08em}.record-strip{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px 24px;counter-reset:record}.record{min-width:0;border-top:1px solid #9d957d70;padding-top:18px;scroll-margin-block:30px}.record-head{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:45px}.record-moves{display:flex;gap:6px}#puzzle .record-moves button{padding:6px 12px;font-size:18px}.take-choice{display:flex;gap:6px;margin:14px 0}#puzzle video{width:100%;max-height:65svh;background:#000;display:block;aspect-ratio:16/9;object-fit:contain}.record-edges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.broken-join{outline:2px solid #b58257;outline-offset:10px}.gate-status{font:14px/1.8 monospace;color:#efc992;position:sticky;bottom:0;background:#11120ff5;border-left:2px solid #b59869;padding:12px 15px;z-index:2;max-width:800px}.gate-status:empty{display:none}.gap-choices,.echo-controls{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}#puzzle details{margin:25px 0;max-width:700px;font:13px/1.9 monospace;color:#c4baa2}#puzzle summary{cursor:pointer;padding:12px 0;min-height:44px}.registration,.echo-frame{position:relative;overflow:hidden;background:#000;aspect-ratio:16/9;margin:25px 0;max-height:60svh}.registration img,.echo-frame img{width:100%;height:100%;object-fit:cover;display:block}.registration-overlay{position:absolute;inset:0;opacity:.5;mix-blend-mode:screen;transform-origin:center}.registration-sliders{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0}.registration-sliders label{font:12px/1.8 monospace}.registration-sliders input{width:100%;accent-color:#c1b18c;min-height:44px;display:block}.echo-light{position:absolute;inset:0;background:#fff4cb00;transition:background .04s}.echo-light.lit{background:#fff4cb88;box-shadow:inset 0 0 100px #fff5da}#puzzle .knock-pad{display:block;width:100%;padding:25px;font-size:19px;background:#28291e;border-color:#b3a17c}.echo-count{font:12px monospace;color:#baaf96}@media(max-width:650px){#puzzle{padding:22px 20px 65px}.gate-top{font-size:9px;gap:12px}.gate-copy{font-size:18px}.record-strip{grid-template-columns:1fr;gap:38px}.gate-share{padding:12px;gap:12px}.gate-share span{width:100%}.gate-import{grid-template-columns:minmax(0,1fr)}.gate-import button{justify-self:start}.bookends{gap:10px}.registration-sliders{grid-template-columns:1fr;gap:10px}.gate-kicker{margin-top:30px}.gate-status{font-size:12px}.record-head h2{font-size:13px}}@media(prefers-reduced-motion:reduce){#puzzle *{scroll-behavior:auto!important}.echo-light{transition:none}}