*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e8e2d6;background:#0d0b09;height:100dvh;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}.board-screen{background-color:#b98d5f;background-image:url(/assets/cork-board-CSjP1S09.webp);background-repeat:repeat;place-items:center;height:100%;display:grid;box-shadow:inset 0 0 22vw #301c0a73}.board-stage{isolation:isolate;aspect-ratio:1600/1200;width:min(100vw,133.333dvh);position:relative;container-type:inline-size}.board-prop,.board-card{z-index:0;pointer-events:none;position:absolute}.board-prop{object-fit:cover;box-shadow:0 3px 7px #1e120673}.board-prop--revealed{animation:.42s ease-out both prop-fade-in}@keyframes prop-fade-in{0%{opacity:0}to{opacity:1}}.board-card{object-fit:contain}.board-twine{z-index:1;pointer-events:none;filter:drop-shadow(0 .25cqw .25cqw #2816068c);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.twine-base,.twine-stripe{fill:none;stroke-width:10px}.twine-base{stroke:#f4efe4;stroke-linecap:round;stroke-dasharray:1;animation:.26s ease-out both twine-draw}.twine-stripe{stroke:#b3282d;stroke-dasharray:16 16;animation:.18s ease-out .18s both twine-fade}.board-twine--decor{z-index:0}.board-twine--decor .twine-base,.board-twine--decor .twine-stripe{stroke-width:8px;animation:none}.board-twine--decor .twine-base{stroke:#e6dac2;stroke-dasharray:none}.board-twine--decor .twine-stripe{stroke:#8f3b2f;stroke-dasharray:14 14}.twine-pin{stroke:#28160659;stroke-width:2px}@keyframes twine-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes twine-fade{0%{opacity:0}to{opacity:1}}.board-group{pointer-events:none;position:absolute;inset:0}.board-group .zettel{pointer-events:auto}.zettel{z-index:2;color:#1c1408;text-align:center;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;background:linear-gradient(158deg,#f5893a 0%,#ea7526 55%,#dd6c22 100%);border:0;justify-content:center;align-items:center;padding:.6em .4em;font-size:1.6cqw;line-height:1.14;transition:transform .14s ease-out,box-shadow .14s ease-out,filter .14s ease-out;display:flex;position:absolute;box-shadow:0 .9cqw 1.4cqw #2816066b,inset 0 0 2cqw #ffffff1f}.zettel-label{max-width:100%;display:block}.zettel-pin{border-radius:50%;width:2.1cqw;height:2.1cqw;margin-left:-1.05cqw;position:absolute;top:7%;left:50%;box-shadow:0 .25cqw .4cqw #0000008c,inset -.25cqw -.3cqw .4cqw #00000059,inset .25cqw .3cqw .35cqw #fff9}.zettel--header{letter-spacing:.06em;cursor:default;font-size:1.4cqw;font-weight:700}.zettel:hover:not(:disabled){filter:brightness(1.06)}.zettel.is-selected{filter:brightness(1.08);z-index:3;animation:1.5s ease-in-out infinite alternate zettel-glow}@keyframes zettel-glow{0%{box-shadow:0 1.4cqw 2cqw #28160680,0 0 0 .35cqw #b3282d,0 0 1cqw .05cqw #b3282d66}to{box-shadow:0 1.4cqw 2cqw #28160680,0 0 0 .35cqw #b3282d,0 0 3.6cqw .9cqw #b3282de6}}.zettel:focus-visible{outline-offset:.4cqw;outline:.35cqw solid #ffe9a8}.zettel:disabled{cursor:default}.solve-note{letter-spacing:.04em;color:#8f1d21;background:linear-gradient(158deg,#f0e9d8 0%,#e4dcc7 100%);font-weight:700}.counter-note{color:#3a2a12;letter-spacing:.02em;cursor:default;pointer-events:none;background:linear-gradient(158deg,#f0e9d8 0%,#e4dcc7 100%);font-size:1.25cqw;font-weight:700}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.zettel{transition:none}.twine-base,.twine-stripe,.board-prop--revealed{animation:none}.zettel.is-selected{animation:none;box-shadow:0 1.4cqw 2cqw #28160680,0 0 0 .35cqw #b3282d,0 0 2.4cqw .5cqw #b3282db3}}.player{object-fit:contain;background:#000;width:100%;height:100%;position:fixed;inset:0}.tap-overlay{color:#f3ece0;text-align:center;background:#000000c7;padding:1.5rem;position:fixed;inset:0}.skip{z-index:5;color:#f3ece0;font:inherit;cursor:pointer;opacity:0;pointer-events:none;background:#0d0b09a6;border:1px solid #f3ece059;border-radius:3px;padding:.5rem 1rem;font-size:.85rem;transition:opacity .22s ease-out;position:fixed;bottom:1rem;right:1rem}.skip.is-visible{opacity:1;pointer-events:auto}.skip:hover{background:#0d0b09d9}@media (prefers-reduced-motion:reduce){.skip{transition:none}}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:10;color:#e8e2d6;text-align:center;background:#0d0b09;justify-content:center;align-items:center;padding:2rem;font-size:1.2rem;display:flex;position:fixed;inset:0}}.start-screen{background-color:#b98d5f;background-image:url(/assets/cork-board-CSjP1S09.webp);background-repeat:repeat;box-shadow:inset 0 0 22vw #301c0a73}.start-title{color:#f6efe2;text-align:center;text-shadow:0 2px 6px #1e12068c;padding:0 1rem;font-size:clamp(1.6rem,5vw,3.2rem)}.start-note{aspect-ratio:180/170;color:#1c1408;width:clamp(7rem,22vw,11rem);font:inherit;letter-spacing:.04em;cursor:pointer;background:linear-gradient(158deg,#f5893a 0%,#ea7526 55%,#dd6c22 100%);border:0;justify-content:center;align-items:center;padding:.6em .4em;font-size:clamp(1rem,2.6vw,1.5rem);font-weight:700;transition:transform .14s ease-out,filter .14s ease-out;display:flex;position:relative;transform:rotate(-4deg);box-shadow:0 .5rem 1rem #2816066b,inset 0 0 1.4rem #ffffff1f}.start-note:hover{filter:brightness(1.06);transform:rotate(-4deg)scale(1.03)}.start-note:focus-visible{outline-offset:.3rem;outline:.2rem solid #ffe9a8}.start-note-pin{background:#d33a5c;border-radius:50%;width:1.1rem;height:1.1rem;margin-left:-.55rem;position:absolute;top:7%;left:50%;box-shadow:0 .15rem .25rem #0000008c,inset -.15rem -.18rem .25rem #00000059,inset .15rem .18rem .2rem #fff9}@media (prefers-reduced-motion:reduce){.start-note{transition:none}}.screen{flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;display:flex}.solve{color:#fff;cursor:pointer;background:#b3282d;border:none;padding:.8rem 2.5rem;font-size:1.1rem}.solve:disabled{opacity:.4;cursor:default}