.ft{background:var(--background);color:var(--foreground);border-top:1px solid var(--border)}.ft-inner{padding-top:clamp(80px,10vw,136px);padding-bottom:clamp(32px,4vw,48px)}.ft-grid{gap:48px clamp(40px,6vw,96px);display:grid}@media (width>=900px){.ft-grid{grid-template-columns:1fr 1fr;align-items:start}}.ft-note{flex-direction:column;gap:26px;max-width:min(600px,100%);display:flex}.ft-copy{color:var(--muted-foreground);flex-direction:column;gap:18px;display:flex}.ft-copy p{text-wrap:pretty;max-width:62ch}.ft-mail{color:var(--primary);margin-top:8px}.ft-mail:hover{text-decoration:underline}.ft-puzzle{width:min(100%, max(320px, var(--fit,100%)));flex-direction:column;justify-self:end;gap:14px;display:flex}.ft-board{width:100%;height:var(--fit-h,auto);aspect-ratio:5.23/4.6;color:var(--background);background:var(--primary);position:relative;overflow:hidden}.ft-tile{background:var(--primary);width:calc(33.3333% + 1px);height:calc(25% + 1px);color:inherit;outline-offset:-1px;cursor:default;transform:translate(calc(var(--sc) * 100% + var(--dx)), calc(var(--sr) * 100% + var(--dy)));border:0;outline:1px solid #0000;padding:0;transition:transform .3s cubic-bezier(.3,1.25,.45,1),outline-color .6s,background-color .12s;position:absolute;top:0;left:0;overflow:hidden}.ft-board[data-play] .ft-tile{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline-color:color-mix(in oklab, var(--background) 60%, transparent)}@media (hover:hover) and (pointer:fine){.ft-board[data-play] .ft-tile:hover{outline-color:var(--foreground)}}.ft-tile[data-selected],.ft-tile[data-drag]{background:var(--primary-hover);outline-color:var(--foreground);z-index:1}.ft-tile[data-drag]{cursor:grabbing;z-index:2;transition:outline-color .6s,background-color .12s}.ft-tile:focus-visible{outline:2px solid var(--foreground);outline-offset:-2px}.ft-view{left:calc(var(--c) * -100%);top:calc(var(--r) * -100%);width:calc(300% - 3px);height:calc(400% - 4px);position:absolute}.ft-face{width:100%;height:100%;display:block}.ft-cta{z-index:3;animation:.28s cubic-bezier(.23,1,.32,1) both ft-cta-in;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}@keyframes ft-cta-in{0%{opacity:0;transform:translate(-50%,10px)}}.ft-shuffle{color:var(--muted-foreground);align-self:flex-end}.ft-shuffle:hover{color:var(--foreground)}.ft-cols{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;max-width:900px;margin-top:clamp(64px,8vw,112px);display:grid}.ft-col-label{color:var(--muted-foreground);margin-bottom:18px}.ft-cols ul{flex-direction:column;gap:12px;font-size:16px;display:flex}.ft-cols a{color:var(--foreground);opacity:.85;transition:opacity .15s}.ft-cols a:hover{opacity:1;text-decoration:underline}.ft-bottom{color:var(--muted-foreground);align-items:center;gap:12px;margin-top:clamp(56px,7vw,88px);display:flex}@media (prefers-reduced-motion:reduce){.ft-tile,.ft-cta{transition:none;animation:none}}