:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#faf5ec;--cream-2:#f4ecdd;--paper:#fffdf8;--ink:#292437;--ink-2:#4e4760;--line:#2924371f;--wood:#d8bc8e;--hole:#3b2f2a;--green:#17a15e;--sun:#ffc933}*{box-sizing:border-box}html{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3e%3cdefs%3e%3cg%20id='f'%3e%3cg%20fill='none'%20stroke-width='2'%20stroke-linecap='round'%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(0)'/%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(72)'/%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(144)'/%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(216)'/%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(288)'/%3e%3c/g%3e%3ccircle%20r='3.2'%20stroke='none'/%3e%3c/g%3e%3cg%20id='l'%20fill='none'%20stroke='%239bb08a'%20stroke-width='1.8'%20stroke-linecap='round'%3e%3cpath%20d='M0%200Q7-9%202-20Q-6-10%200%200'%20stroke-dasharray='4%202'/%3e%3cpath%20d='M0-4l4-3M0-8l4-3M0-12l3-3M0-6l-3-3M0-10l-3-3'/%3e%3c/g%3e%3c/defs%3e%3cpath%20d='M18%2018C50%2040%2060%2080%2096%20104'%20fill='none'%20stroke='%238fb59a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-dasharray='4%202'/%3e%3cpath%20d='M96%20104C120%2090%20140%2060%20170%2052'%20fill='none'%20stroke='%238fb59a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-dasharray='4%202'/%3e%3cpath%20d='M60%2070C80%2066%20100%2074%20112%2090'%20fill='none'%20stroke='%239bb08a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-dasharray='4%202'/%3e%3cpath%20d='M96%20104C100%20130%20120%20150%20150%20160'%20fill='none'%20stroke='%238fb59a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-dasharray='4%202'/%3e%3cuse%20href='%23l'%20transform='translate(52%2056)%20rotate(-50)%20scale(1)'/%3e%3cuse%20href='%23l'%20transform='translate(116%2084)%20rotate(30)%20scale(1)'/%3e%3cuse%20href='%23l'%20transform='translate(120%20140)%20rotate(80)%20scale(1.1)'/%3e%3cuse%20href='%23l'%20transform='translate(72%2088)%20rotate(140)%20scale(0.9)'/%3e%3cuse%20href='%23f'%20transform='translate(170%2052)%20rotate(10)%20scale(1.1)'%20stroke='%23e3b3b3'%20fill='%23f0c95f'/%3e%3cuse%20href='%23f'%20transform='translate(150%20160)%20rotate(-20)%20scale(1)'%20stroke='%23b9a6e6'%20fill='%23f0c95f'/%3e%3cuse%20href='%23f'%20transform='translate(96%20104)%20rotate(40)%20scale(0.8)'%20stroke='%23f0c95f'%20fill='%23e3b3b3'/%3e%3cellipse%20cx='206'%20cy='34'%20rx='3.4'%20ry='5.4'%20fill='none'%20stroke='%23b9a6e6'%20stroke-width='2'%20transform='rotate(25%20206%2034)'/%3e%3ccircle%20cx='206'%20cy='34'%20r='1.6'%20fill='%23f0c95f'/%3e%3cellipse%20cx='190'%20cy='184'%20rx='3.4'%20ry='5.4'%20fill='none'%20stroke='%23e3b3b3'%20stroke-width='2'%20transform='rotate(25%20190%20184)'/%3e%3ccircle%20cx='190'%20cy='184'%20r='1.6'%20fill='%23f0c95f'/%3e%3c/svg%3e") left -24px top -24px / min(46vw, 280px) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3e%3cdefs%3e%3cg%20id='f'%3e%3cg%20fill='none'%20stroke-width='2'%20stroke-linecap='round'%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(0)'/%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(72)'/%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(144)'/%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(216)'/%3e%3cellipse%20cx='0'%20cy='-9'%20rx='4.2'%20ry='8'%20transform='rotate(288)'/%3e%3c/g%3e%3ccircle%20r='3.2'%20stroke='none'/%3e%3c/g%3e%3cg%20id='l'%20fill='none'%20stroke='%239bb08a'%20stroke-width='1.8'%20stroke-linecap='round'%3e%3cpath%20d='M0%200Q7-9%202-20Q-6-10%200%200'%20stroke-dasharray='4%202'/%3e%3cpath%20d='M0-4l4-3M0-8l4-3M0-12l3-3M0-6l-3-3M0-10l-3-3'/%3e%3c/g%3e%3c/defs%3e%3cpath%20d='M222%20224C190%20190%20170%20150%20130%20126'%20fill='none'%20stroke='%238fb59a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-dasharray='4%202'/%3e%3cpath%20d='M130%20126C110%20100%2080%2090%2056%2070'%20fill='none'%20stroke='%238fb59a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-dasharray='4%202'/%3e%3cpath%20d='M170%20170C150%20174%20130%20168%20112%20150'%20fill='none'%20stroke='%239bb08a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-dasharray='4%202'/%3e%3cpath%20d='M130%20126C150%20110%20176%20108%20200%2096'%20fill='none'%20stroke='%238fb59a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-dasharray='4%202'/%3e%3cuse%20href='%23l'%20transform='translate(184%20190)%20rotate(-210)%20scale(1)'/%3e%3cuse%20href='%23l'%20transform='translate(88%2092)%20rotate(200)%20scale(1)'/%3e%3cuse%20href='%23l'%20transform='translate(150%20114)%20rotate(-40)%20scale(0.9)'/%3e%3cuse%20href='%23l'%20transform='translate(126%20160)%20rotate(-120)%20scale(1)'/%3e%3cuse%20href='%23f'%20transform='translate(56%2070)%20rotate(-15)%20scale(1.1)'%20stroke='%23b9a6e6'%20fill='%23f0c95f'/%3e%3cuse%20href='%23f'%20transform='translate(200%2096)%20rotate(25)%20scale(1)'%20stroke='%23e3b3b3'%20fill='%23f0c95f'/%3e%3cuse%20href='%23f'%20transform='translate(112%20150)%20rotate(60)%20scale(0.85)'%20stroke='%23f0c95f'%20fill='%23b9a6e6'/%3e%3cellipse%20cx='36'%20cy='48'%20rx='3.4'%20ry='5.4'%20fill='none'%20stroke='%23e3b3b3'%20stroke-width='2'%20transform='rotate(25%2036%2048)'/%3e%3ccircle%20cx='36'%20cy='48'%20r='1.6'%20fill='%23f0c95f'/%3e%3cellipse%20cx='222'%20cy='76'%20rx='3.4'%20ry='5.4'%20fill='none'%20stroke='%23f0c95f'%20stroke-width='2'%20transform='rotate(25%20222%2076)'/%3e%3ccircle%20cx='222'%20cy='76'%20r='1.6'%20fill='%23f0c95f'/%3e%3c/svg%3e") right -24px bottom -24px / min(46vw, 280px) no-repeat, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3crect%20width='32'%20height='32'%20fill='%23faf5ec'/%3e%3cg%20fill='none'%20stroke='%237a6446'%3e%3cpath%20d='M0%200.5H32M0%202.5H32M0%204.5H32M0%206.5H32M0%208.5H32M0%2010.5H32M0%2012.5H32M0%2014.5H32M0%2016.5H32M0%2018.5H32M0%2020.5H32M0%2022.5H32M0%2024.5H32M0%2026.5H32M0%2028.5H32M0%2030.5H32'%20stroke-width='.6'%20opacity='.055'/%3e%3cpath%20d='M0.5%200V32M2.5%200V32M4.5%200V32M6.5%200V32M8.5%200V32M10.5%200V32M12.5%200V32M14.5%200V32M16.5%200V32M18.5%200V32M20.5%200V32M22.5%200V32M24.5%200V32M26.5%200V32M28.5%200V32M30.5%200V32'%20stroke-width='.6'%20opacity='.05'/%3e%3cpath%20d='M3%205.5h7M17%2011.5h6M9%2023.5h8M24%2028.5h5M26%203.5h4M12.5%202v5M28.5%2014v6M5.5%2016v4'%20stroke-width='.8'%20opacity='.09'/%3e%3c/g%3e%3c/svg%3e") repeat, var(--cream);min-height:100%}html,body{min-height:100%;margin:0}body{color:var(--ink);background:0 0;font-family:system-ui,sans-serif}#app{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex}header{text-align:center}h1{margin:0;font-size:1.6rem;font-weight:600}#level{color:var(--ink-2);margin:4px 0 0}#board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(92vw,62vh);position:relative;overflow:hidden}#board>svg{width:100%;height:100%;position:absolute;inset:0}.board3d,.scene-veil{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.scene-veil[hidden]{display:none}.board3d{transition:opacity .4s}body:has(#board.dimmed) .board3d{opacity:.7}#slots{position:absolute;inset:0}#message{text-align:center;min-height:1.5em;color:var(--ink-2);margin:0}#controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}body:has(#board[data-renderer=webgl]) :is(header,#message:not(:empty)){background:#fffdf8db;border-radius:18px;padding:4px 18px 6px;box-shadow:0 2px 12px #29243724}body:has(#board[data-renderer=webgl]) #message{min-height:calc(1lh + 10px)}@media (aspect-ratio<=5/8){#app{--view-top:min(36svh, 100svh - min(92vw, 62vh) - 166px - max(16px, env(safe-area-inset-bottom)));grid-template-rows:minmax(min-content, calc(var(--view-top) - max(16px, env(safe-area-inset-top)) - 12px));justify-items:center;display:grid}header{align-self:start}}@media (aspect-ratio>=13/10) and (pointer:fine) and (height>=700px){body:has(#board[data-renderer=webgl]) #app{--view-top:30svh;grid-template-rows:minmax(min-content, calc(var(--view-top) - max(16px, env(safe-area-inset-top)) - 12px));justify-items:center;display:grid}body:has(#board[data-renderer=webgl]) #board{width:min(92vw,62vh,70svh - 182px)}body:has(#board[data-renderer=webgl]) header{align-self:start}}@media (width<=400px){#controls{gap:8px}#controls button{min-width:72px;padding-inline:14px}}button{border:1px solid var(--line);background:var(--paper);min-width:88px;min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px}#next{z-index:1;background:var(--green);color:#fff;border-color:#0000;width:fit-content;height:fit-content;margin:auto;position:absolute;inset:0}#slots .slot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:44px;min-width:0;height:44px;min-height:0;padding:0;position:absolute;top:0;left:0}#slots .slot:disabled{cursor:default}#slots .slot:focus-visible,#slots .slot.pad-cursor{outline:3px solid var(--green);outline-offset:2px}#board2d .slot:focus{outline:none}#board2d .slot:focus-visible .hit,#board2d .slot.pad-cursor .hit{stroke:var(--green);stroke-width:3px}.fps{color:var(--ink-2);font:12px ui-monospace,monospace;position:fixed;top:8px;right:8px}.hoop{fill:var(--cream-2);stroke:var(--wood);stroke-width:18px}.rope-edge{stroke:var(--ink-2);stroke-width:8px;stroke-linecap:round}.rope-body{stroke-width:5.5px;stroke-linecap:round}.rope.short .rope-edge{stroke-width:11px}.rope.short .rope-body{stroke-width:8.5px}.knot,.nail{stroke:var(--ink-2);stroke-width:1.5px}.rope:not(.free) .rope-body{opacity:.7}.hole{fill:var(--hole)}.end{stroke:var(--ink-2);stroke-width:1.5px}.hit{fill:#0000;cursor:pointer}.slot.selected .end,.slot.target .hole{stroke:var(--green);stroke-width:3px}[data-hint] .end,[data-hint] .hole{stroke:var(--sun);stroke-width:3px;animation:1.2s ease-in-out infinite pulse}.wiggle{animation:.4s ease-in-out wiggle}@keyframes pulse{50%{stroke-width:5px}}@keyframes wiggle{25%{translate:2px}75%{translate:-2px}}@media (prefers-reduced-motion:reduce){.wiggle,[data-hint] .end,[data-hint] .hole{animation:none}}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/unwind/assets/fraunces-600-latin-DihXLNYH.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/unwind/assets/fraunces-600-latin-ext-CJcjJNj7.woff2)format("woff2");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}h1,#card-title{letter-spacing:.01em;font-family:Fraunces,Georgia,serif;font-weight:600}#board{transition:filter .4s,opacity .4s}#board.dimmed{opacity:.7}#board[data-renderer=svg].dimmed{filter:blur(6px)}#title-card{z-index:10;background:#faf5ec8c;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .35s;display:flex;position:fixed;inset:0}#title-card[hidden]{display:none}#title-card.leaving{opacity:0}#card-title{color:var(--ink);margin:0;font-size:2.6rem}#card-level{color:var(--ink-2);margin:0}#card-go{background:var(--green);color:#fff;border-color:#0000;min-width:160px}#card-links{flex-wrap:wrap;justify-content:center;gap:4px 8px;display:flex}.card-link{min-width:0;min-height:44px;color:var(--ink-2);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--wood);text-decoration-color:var(--wood);text-underline-offset:4px;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 12px;font-size:.95rem;text-decoration-thickness:2px;display:inline-flex}.card-link:hover{color:var(--ink);background:#fffdf8b3}.panel{border:1px solid var(--line);background:var(--paper);width:min(440px,100% - 32px);max-height:calc(100% - 32px);color:var(--ink);border-radius:20px;padding:0;line-height:1.5;box-shadow:0 12px 40px #2924372e}.panel-body{padding:0 20px 20px}.panel::backdrop{background:#29243747}.panel-head{background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:16px 0 8px;display:flex;position:sticky;top:0}.panel h2,.panel h3{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600}.panel h2{font-size:1.5rem}.panel h3{margin-top:16px;font-size:1.1rem}.panel-close{min-width:0;min-height:44px;padding:0 18px}.panel ol,.panel ul{margin:8px 0 0;padding-left:1.4em}.panel li+li{margin-top:8px}.panel li::marker{color:var(--green);font-weight:600}.credit-note{color:var(--ink-2);margin-top:2px;font-size:.9rem;display:block}#title-card.pad :focus{outline:3px solid var(--green);outline-offset:2px}#credits-by{color:var(--ink-2);margin:4px 0 0}#credits-list a{color:var(--ink);-webkit-text-decoration-color:var(--wood);text-decoration-color:var(--wood);text-underline-offset:4px;padding:12px 4px;text-decoration-thickness:2px}.panel :focus-visible,.card-link:focus-visible{outline:3px solid var(--green);outline-offset:2px}#title-card:not([hidden])~#app header,#title-card:not([hidden])~#app #message,#title-card:not([hidden])~#app #controls,#title-card:not([hidden])~#app #next{visibility:hidden}#next:not([hidden]){animation:.6s 1.4s both fade-in}@keyframes fade-in{0%{opacity:0;translate:0 6px}}@media (prefers-reduced-motion:reduce){#board,.board3d,#title-card{transition:none}#next:not([hidden]){animation:none}}.audio-debug{z-index:20;color:#fff;pointer-events:none;background:#0009;margin:0;padding:4px 6px;font:10px/1.3 ui-monospace,monospace;position:fixed;bottom:4px;left:4px}.twist-popup .panel-body{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.twist-popup p{color:var(--ink-2);margin:0}.twist-go{background:var(--green);color:#fff;border-color:#0000;min-width:160px}.twist-demo{width:min(100%,240px)}.twist-list{list-style:none}.panel .twist-list{padding-left:0}.twist-list li+li{margin-top:16px}.twist-list p{margin:4px 0 0}.twist-list .demo{max-width:180px;margin-top:6px}.demo{background:var(--cream);border-radius:16px;width:100%;height:auto;display:block}.demo-hoop{fill:var(--cream-2);stroke:var(--wood);stroke-width:11px}.demo-hole{fill:var(--hole)}.demo-skin{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.3px;stroke-linejoin:round}.demo-crease{fill:none;stroke:var(--ink-2);stroke-width:.9px;stroke-linecap:round;opacity:.6}.demo-ring{fill:none;stroke:var(--green);stroke-width:2px}.demo-shadow{fill:#29243738}.demo-bow{stroke:#8a6a3c;stroke-width:1px;stroke-linejoin:round}.demo-bow .demo-bow-tail{fill:none;stroke-width:2.2px;stroke-linecap:round}.demo-hand,.demo-nailed-end,.demo-lift,.demo-clear,.demo-sparkle{transform-box:fill-box;transform-origin:50%}.demo-hand{animation:3.6s ease-in-out infinite demo-reach}.demo-nailed-end{animation:3.6s ease-in-out infinite demo-tug}@keyframes demo-reach{0%,8%{opacity:0;transform:translateY(46px)}22%{opacity:1;transform:none}30%,46%{transform:translateY(4px)}38%,54%,62%{opacity:1;transform:none}80%,to{opacity:0;transform:translateY(46px)}}@keyframes demo-tug{0%,26%,36%,42%,52%,to{transform:none}29%,45%{transform:translate(1.6px,-.6px)scale(1.06)}33%,49%{transform:translate(-1.6px,.6px)scale(1.06)}}.demo-lift{animation:3.6s ease-in-out infinite demo-lift}.demo-shadow,.demo-rings{animation:3.6s ease-in-out infinite demo-glow}@keyframes demo-lift{0%,12%,84%,to{transform:none}24%,72%{transform:translate(-2px,-3px)scale(1.4)}}@keyframes demo-glow{0%,16%,80%,to{opacity:0}28%,70%{opacity:1}}.demo-frame{animation:4s step-end infinite demo-frame}.demo-frame-2{animation-delay:-3s}.demo-frame-3{animation-delay:-2s}.demo-frame-4{animation-delay:-1s}@keyframes demo-frame{0%{opacity:1}25%,to{opacity:0}}.demo-clear-1{animation:4.2s ease-in-out infinite demo-clear-1}.demo-clear-2{animation:4.2s ease-in-out infinite demo-clear-2}.demo-clear-gold{animation:4.2s ease-in-out infinite demo-clear-gold}.demo-sparkle{animation:4.2s ease-out infinite demo-sparkle}@keyframes demo-clear-1{0%,10%,to{opacity:1;transform:none}20%,90%{opacity:0;transform:scale(.85)}}@keyframes demo-clear-2{0%,28%,to{opacity:1;transform:none}38%,90%{opacity:0;transform:scale(.85)}}@keyframes demo-clear-gold{0%,50%,to{opacity:1;transform:none}62%,90%{opacity:0;transform:scale(.85)}}@keyframes demo-sparkle{0%,54%,80%,to{opacity:0;transform:scale(.4)}64%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.demo,.demo *{animation:none!important}.demo-lift{transform:translate(-2px,-3px)scale(1.4)}.demo-frame{opacity:.3}.demo-frame-4{opacity:1}.demo-clear-1,.demo-clear-2{opacity:.2}.demo-sparkle{opacity:0}}