@font-face{font-family:Cormorant;src:url(/fonts/cormorant-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cormorant;src:url(/fonts/cormorant-italic.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#353830;font-synthesis:none;-webkit-font-smoothing:antialiased;--paper:#f1eee6;--ink:#353830;--quiet:#85877a;--hint:#9b865b;--cell:clamp(44px, 8vw, 66px);background:#f1eee6;font-family:Helvetica Neue,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}body:after{content:"";pointer-events:none;z-index:10;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}button:focus-visible{outline:1px solid var(--hint);outline-offset:5px}button svg{display:block}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:focus-visible{outline:1px solid var(--hint);outline-offset:4px}.home-link{width:44px;height:44px;color:var(--quiet);z-index:3;border-radius:2px;place-items:center;display:grid;position:absolute;top:16px;left:18px}.home-link svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.home-link:hover{color:var(--ink)}button:not(.pin):not(.pair-target) svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio{--frame-height:464px;--row-cap:128px;--row-gap:10px;min-height:100svh;padding:44px 24px max(20px, env(safe-area-inset-bottom));flex-direction:column;max-width:1160px;margin:auto;display:flex}.masthead{text-align:center;-webkit-user-select:none;user-select:none;flex:none;padding:0 0 20px}.wordmark{letter-spacing:-.065em;margin:0;padding-right:.065em;font-family:Cormorant,Georgia,serif;font-size:clamp(100px,15vw,164px);font-weight:400;line-height:.92}.wordmark-k{margin-right:-.025em;font-style:italic}.wordmark-period{color:var(--hint);font-style:italic}.title-rule{justify-content:center;align-items:center;gap:12px;margin-top:30px;display:flex}.title-rule span{background:var(--ink);opacity:.17;width:24px;height:1px}.title-rule i{background:var(--hint);border-radius:50%;width:3px;height:3px}.playfield{flex:1 0 260px;justify-content:center;align-items:center;padding:36px 0 20px;display:flex}.board{--row-height:clamp(54px, calc((100svh - var(--frame-height) - env(safe-area-inset-bottom,0px) - (var(--rows) - 1) * var(--row-gap)) / var(--rows)), var(--row-cap));--pair-top:clamp(8px, calc(var(--row-height) - 90px), 24px);gap:var(--row-gap);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.track{width:calc(var(--slots) * var(--cell));height:var(--row-height);align-items:flex-start;display:flex;position:relative}.pin-slot{width:var(--cell);height:var(--row-height);flex-shrink:0;position:relative}.pin{width:var(--cell);height:calc(var(--row-height) - 12px);z-index:1;touch-action:none;border-radius:20px;place-items:center;display:grid;position:relative}.pin:focus-visible{outline-offset:-10px;border-radius:5px}.pin-art{height:calc(var(--row-height) - 18px);transform-origin:50% 100%;width:30px;transition:transform .34s cubic-bezier(.3,.1,.3,1),opacity .28s,filter .2s;overflow:visible}.pin-body{vector-effect:non-scaling-stroke;stroke:var(--ink);stroke-width:1px;fill:var(--paper);transition:fill .18s,stroke .18s,stroke-width .18s}.pin-glint{fill:none;stroke:var(--paper);stroke-width:1px;opacity:0;transition:opacity .18s}.pin-shadow{fill:var(--ink);opacity:.09;transition:opacity .2s}.pin.selected .pin-body{fill:var(--ink)}.pin.selected .pin-glint{opacity:.18}.pin.selected .pin-art{transform:translateY(-5px)}.pin.selected .pin-shadow{opacity:.13}.pin.hinted .pin-body{stroke:var(--hint);stroke-width:2px}.pin.hinted .pin-art{animation:1s ease-in-out 2 hint-lift}.pin.taken .pin-art{opacity:0;transform:translateY(30px)rotate(12deg)scale(.92)}.pin-slot:nth-child(2n) .pin.taken .pin-art{transform:translateY(30px)rotate(-12deg)scale(.92)}.original-hole .pin{visibility:hidden}.foot-mark{top:calc(var(--row-height) - 24px);opacity:0;background:var(--ink);width:3px;height:1px;transition:opacity .5s;position:absolute;left:calc(50% - 1.5px)}.empty .foot-mark{opacity:.14}.original-hole .foot-mark{opacity:.08}.pair-target{left:calc(var(--cell) - 14px);top:var(--pair-top);width:28px;height:calc(var(--row-height) - var(--pair-top) - 2px);z-index:2;touch-action:none;position:absolute}.pair-bridge{width:calc(var(--cell) - 7px);height:12px;left:calc(17.5px - var(--cell) / 2);pointer-events:none;position:absolute;bottom:8px;overflow:visible}.pair-bridge path{stroke:var(--ink);stroke-width:.65px;fill:none;opacity:.12;transition:opacity .2s,stroke .2s}.pair-target.selected .pair-bridge path{opacity:.55;stroke:var(--hint)}.pair-target.unavailable{visibility:hidden}.board[data-phase=computer] .pin.selected .pin-body{fill:#737969;stroke:#737969}.board[data-phase=computer] .pin.selected .pin-art{transform:translateY(-3px)}.board.entering .pin:not(.taken) .pin-art{animation:.55s cubic-bezier(.2,.65,.2,1) both arrive}.board.entering .pin-slot:nth-child(2) .pin-art{animation-delay:35ms}.board.entering .pin-slot:nth-child(3) .pin-art{animation-delay:70ms}.board.entering .pin-slot:nth-child(4) .pin-art{animation-delay:.105s}.board.entering .pin-slot:nth-child(5) .pin-art{animation-delay:.14s}.board.entering .pin-slot:nth-child(6) .pin-art{animation-delay:.175s}.board.rewinding .pin:not(.taken) .pin-art{animation:.35s ease-out restore}.first-pair .pair-bridge path{animation:2s ease-in-out 2s 2 thread}.footer{flex:none;align-self:center;width:min(100%,660px)}.turn-stage{justify-content:center;align-items:center;height:82px;display:flex}.turn{justify-content:center;align-items:center;gap:14px;height:42px;display:flex}.turn-human{border:1px solid var(--ink);border-radius:50%;width:11px;height:11px;transition:opacity .25s,background .25s}.turn-computer{border:1px solid var(--ink);opacity:.22;width:9px;height:9px;transition:opacity .25s,background .25s;transform:rotate(45deg)}.turn-separator{background:var(--ink);opacity:.15;width:24px;height:1px}.turn[data-phase=human] .turn-human{background:var(--ink)}.turn[data-phase=thinking] .turn-human,.turn[data-phase=computer] .turn-human{opacity:.22}.turn[data-phase=thinking] .turn-computer,.turn[data-phase=computer] .turn-computer{opacity:1;background:var(--ink);animation:1.6s ease-in-out infinite thinking}.advance{border:1px solid var(--ink);border-radius:50%;place-items:center;width:56px;height:56px;transition:background .2s,color .2s,transform .2s;animation:.4s ease-out bloom;display:grid}.advance svg{width:24px;height:24px}.advance[data-outcome=won]{background:var(--ink);color:var(--paper)}.advance:hover{transform:scale(1.05)}.advance[data-outcome=lost]{color:var(--quiet);border-color:#b1b1a3}.toolbar{border-top:1px solid #d7d6cb;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.chapter-button{align-items:center;gap:12px;min-width:54px;height:44px;display:flex}#chapter-number{letter-spacing:.03em;font-family:Cormorant,Georgia,serif;font-size:24px;line-height:1}.chapter-dots{opacity:.42;gap:3px;display:flex}.chapter-dots i{background:var(--ink);border-radius:50%;width:2px;height:2px}.tools{align-items:center;gap:9px;display:flex}.icon-button{width:36px;height:44px;color:var(--quiet);border-radius:2px;place-items:center;transition:opacity .2s,color .2s;display:grid}.icon-button svg{width:19px;height:19px}.icon-button:hover:not(:disabled),.chapter-button:hover{color:var(--ink)}.icon-button:disabled{opacity:.24}.no-hint{animation:.3s shake}.sheet{color:var(--ink);background:var(--paper);border:1px solid #d5d4c7;border-radius:2px;width:min(430px,100vw - 40px);padding:58px 36px 30px;box-shadow:0 20px 90px #35383012}.sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#35383012}.sheet[open]{animation:.2s ease-out sheet-in}.close-sheet{position:absolute;top:10px;right:10px}.reset-journey{position:absolute;top:10px;left:10px}.chapter-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.chapter-choice{border-radius:2px;flex-direction:column;align-items:center;height:84px;padding:10px 4px 12px;transition:background .2s;display:flex;position:relative}.chapter-choice:hover{background:#35383008}.chapter-choice.current{background:#3538300b}.chapter-choice-number{font-family:Cormorant,Georgia,serif;font-size:26px;line-height:1}.chapter-miniature{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:28px;margin-top:8px;display:flex}.chapter-miniature>span{gap:3px;display:flex}.chapter-miniature i{background:var(--quiet);width:1px;height:5px}.chapter-miniature .gap{opacity:0}.endless-mark{color:var(--quiet);font-family:Georgia,serif;font-size:20px}.completion-dot{background:var(--hint);opacity:0;border-radius:50%;width:3px;height:3px;position:absolute;top:9px;right:8px}.completed .completion-dot{opacity:1}.help-sheet{text-align:center;padding-top:64px}.rule-picture{justify-content:center;align-items:center;gap:28px;height:60px;margin-bottom:27px;display:flex}.rule-pin,.rule-pair i{border:1px solid var(--ink);border-radius:8px 8px 3px 3px;width:5px;height:43px;display:block}.rule-pair{gap:22px;display:flex;position:relative}.rule-pair:after{content:"";border:1px solid var(--quiet);border-top:none;height:4px;position:absolute;bottom:-8px;left:2px;right:2px}.rule-or{color:var(--quiet);font-family:Cormorant,Georgia,serif;font-size:28px}.help-sheet p{letter-spacing:.05em;margin:0;font-size:15px;font-weight:400;line-height:1.8}.help-sheet .rule-goal{color:var(--quiet);margin-top:3px;font-size:13px}.rule-inputs{color:var(--quiet);letter-spacing:.015em;border-top:1px solid #d7d6cb;flex-direction:column;gap:8px;margin-top:30px;padding-top:18px;font-size:11px;display:flex}@keyframes arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes restore{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bloom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes thinking{0%,to{opacity:.45}50%{opacity:.9}}@keyframes hint-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes thread{0%,to{opacity:.12}50%{opacity:.6}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (width<=600px){.studio{--frame-height:367px;--row-cap:104px;--row-gap:6px;padding:34px 24px max(16px, env(safe-area-inset-bottom))}.wordmark{font-size:108px}.title-rule{margin-top:24px}.playfield{flex-basis:230px;padding:26px 0 12px}.turn-stage{height:74px}.tools{gap:4px}.sheet{padding-left:22px;padding-right:22px}}@media (pointer:coarse){.icon-button{width:44px}}@media (height<=650px){.studio{--frame-height:270px;--row-cap:70px;--row-gap:6px;padding-top:22px;padding-bottom:max(16px, env(safe-area-inset-bottom))}.masthead{padding-bottom:12px}.wordmark{font-size:72px}.title-rule{margin-top:14px}.playfield{flex-basis:160px;padding:16px 0 12px}.turn-stage{height:54px}.toolbar{padding-top:9px}}@media (width>=601px) and (height>=651px){.studio[data-rows="3"],.studio[data-rows="4"]{--frame-height:392px}.studio[data-rows="3"] .wordmark,.studio[data-rows="4"] .wordmark{font-size:116px}.studio[data-rows="3"] .title-rule,.studio[data-rows="4"] .title-rule{margin-top:24px}.studio[data-rows="3"] .playfield,.studio[data-rows="4"] .playfield{padding:20px 0 12px}}@media (width>=620px) and (height<=500px){.studio{grid-template-rows:minmax(0,1fr) 64px;grid-template-columns:180px minmax(0,1fr);gap:0 12px;height:100svh;padding:16px 24px;display:grid}.masthead{align-self:center;padding:0}.wordmark{font-size:90px}.playfield{min-width:0;padding:0}.board{gap:4px}.track,.pin-slot{height:54px}.pin{height:50px}.pin-art{width:18px;height:46px}.foot-mark{top:49px}.pair-target{height:44px;top:8px}.footer{grid-column:1/-1;justify-self:center;align-items:center;gap:20px;width:min(100%,760px);display:flex}.turn-stage{flex:0 0 72px;height:64px}.advance{width:46px;height:46px}.toolbar{border:0;flex:1;padding-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}