.game-art--screw{position:relative;overflow-x:clip;container-type:inline-size;--art-text: var(--sketch-ink);--art-muted: var(--sketch-muted);--art-focus: #456f73;--frame: 14px;--bw: min(calc(100cqw - 2 * var(--frame)), 30rem);--u: calc(var(--bw) / 360);--screw-etch-size: 16px;background-color:var(--sketch-paper);background-image:var(--sketch-grid)}@media(min-width:1024px){.game-art--screw{--bw: min( calc(((100cqw + 3rem) * .5625 * .715 - 2 * var(--frame)) * 360 / 440), calc(100cqw - 2 * var(--frame)) )}}.game-art--screw .screw-board{position:relative;box-sizing:content-box;width:var(--bw);padding:var(--frame);border-radius:3px;background:var(--sketch-paper);outline:1px solid var(--sketch-ink);transition:outline-color .2s ease}.game-art--screw .screw-board[data-won]{outline-color:#456f73}.game-art--screw .screw-wood{position:relative;width:100%;aspect-ratio:360 / var(--h);border-radius:2px;background:var(--sketch-ground);outline:1px solid rgb(61 64 58 / 35%);isolation:isolate}.game-art--screw .screw-layer,.game-art--screw .screw-plate{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.game-art--screw .screw-plate path{fill:none;stroke-linecap:round;stroke-linejoin:round}.game-art--screw .screw-p-rim{stroke:var(--sketch-ink)}.game-art--screw .screw-p-face{stroke:var(--pf)}.game-art--screw .screw-p-cover{stroke:var(--sketch-ink);stroke-opacity:.55;stroke-width:2.2px;stroke-linecap:round}.game-art--screw .screw-plate-etch{fill:var(--sketch-ink);stroke:var(--pf);stroke-width:3.2px;stroke-linejoin:round;paint-order:stroke;font-family:var(--font-mono);font-size:var(--screw-etch-size);font-weight:700;font-variant-numeric:tabular-nums}.game-art--screw .screw-plate[data-falling]{transform-origin:30% 55%;animation:screw-fall .62s cubic-bezier(.45,0,.85,.5) .13s both}.game-art--screw .screw-plate[data-returned]{animation:screw-return .28s ease-out both}@keyframes screw-fall{0%{transform:none;opacity:1}16%{transform:translateY(1.4%) rotate(-1.4deg);opacity:1}62%{opacity:.85}to{transform:translateY(38%) rotate(6deg);opacity:0}}@keyframes screw-return{0%{transform:translateY(-5%) scale(1.02);opacity:0}}.game-art--screw .screw-hole{position:absolute;display:block;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.game-art--screw .screw-hole:disabled{cursor:default}.game-art--screw .screw-hole:focus-visible{outline:3px solid var(--art-focus);outline-offset:1px}.game-art--screw .screw-hole-art{display:block;width:100%;height:100%;overflow:visible}.game-art--screw .screw-ring{fill:none;stroke:#3d403a73;stroke-width:1.2px}.game-art--screw .screw-hint-edge,.game-art--screw .screw-glow-edge{fill:none;stroke:var(--sketch-paper)}.game-art--screw .screw-hint-edge{stroke-width:4.6px}.game-art--screw .screw-glow-edge{stroke-width:5.2px}.game-art--screw .screw-hint{fill:none;stroke:#456f73;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:2 2;animation:screw-hint 1.5s ease-in-out infinite}@keyframes screw-hint{50%{opacity:.45}}.game-art--screw .screw-glow{fill:none;stroke:#456f73;stroke-width:2.8px}.game-art--screw .screw-bolt{transform-origin:30px 30px;transition:transform .14s ease-out}.game-art--screw .screw-hole:hover:not(:disabled) .screw-bolt{transform:scale(1.06)}.game-art--screw .screw-hole[aria-pressed=true] .screw-bolt{transform:translateY(-3.5px) scale(1.14)}.game-art--screw .screw-well{fill:#e1e7e9;stroke:var(--sketch-ink);stroke-width:1.1px;stroke-dasharray:2 2}.game-art--screw .screw-washer{fill:#e2e3e0;stroke:var(--sketch-ink);stroke-width:1.3px;stroke-linejoin:round}.game-art--screw .screw-dome{fill:var(--sketch-paper);stroke:var(--sketch-ink);stroke-width:1.3px;stroke-linejoin:round}.game-art--screw .screw-cross{transform-origin:30px 30px}.game-art--screw .screw-slot{fill:none;stroke:var(--sketch-ink);stroke-width:2.2px;stroke-linecap:round}.game-art--screw .screw-bolt[data-arriving]{animation:screw-arrive .44s linear}@keyframes screw-arrive{0%,99%{opacity:0}to{opacity:1}}.game-art--screw .screw-hole[data-shake=a] .screw-hole-art{animation:screw-shake-a .36s ease-in-out}.game-art--screw .screw-hole[data-shake=b] .screw-hole-art{animation:screw-shake-b .36s ease-in-out}@keyframes screw-shake-a{20%{transform:translate(-9%)}40%{transform:translate(7%)}60%{transform:translate(-5%)}80%{transform:translate(3%)}}@keyframes screw-shake-b{20%{transform:translate(-9%)}40%{transform:translate(7%)}60%{transform:translate(-5%)}80%{transform:translate(3%)}}.game-art--screw .screw-flyer{position:absolute;z-index:40;pointer-events:none;animation:screw-fly .44s both}.game-art--screw .screw-flyer-lift{display:block;width:100%;height:100%;animation:screw-lift .44s both}.game-art--screw .screw-flyer .screw-cross{animation:screw-twist .44s both}@keyframes screw-fly{0%{transform:translate(0);opacity:1}30%{transform:translate(0);animation-timing-function:cubic-bezier(.45,0,.3,1)}70%{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%))}99%{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%));opacity:1}to{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%));opacity:0}}@keyframes screw-lift{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-14%) scale(1.22)}50%{transform:translateY(-27%) scale(1.3)}70%{transform:translateY(-14%) scale(1.22)}to{transform:translateY(0) scale(1)}}@keyframes screw-twist{0%{transform:rotate(0)}30%,70%{transform:rotate(-270deg)}to{transform:rotate(0)}}.game-art--screw .screw-dock{display:grid;justify-items:center;align-items:center;width:100%;margin-top:clamp(10px,1.8cqw,18px)}.game-art--screw .screw-dock>*{grid-area:1 / 1}.game-art--screw .screw-info{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%;text-align:center}.game-art--screw .screw-remaining{margin:0;font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:500;line-height:1.35;font-variant-numeric:tabular-nums;color:var(--art-muted)}.game-art--screw .screw-status{display:block;max-width:36rem;font-family:var(--font-sans);font-size:var(--art-fs-body);font-weight:400;line-height:1.5;color:var(--art-text)}.game-art--screw .screw-status[data-invalid]{color:#a45f55}.game-art--screw .screw-win{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#fafafad6;animation:screw-win-fade .38s ease-out .95s both}.game-art--screw .screw-win-card{min-width:240px;max-width:320px;padding:20px 24px 22px;border:1px solid var(--sketch-ink);border-radius:3px;background:var(--sketch-paper);color:var(--sketch-ink);text-align:center;animation:screw-win-pop .48s cubic-bezier(.3,1.5,.5,1) .95s both}@keyframes screw-win-fade{0%{opacity:0}}@keyframes screw-win-pop{0%{opacity:0;transform:translateY(14px) scale(.92)}}.game-art--screw .screw-win-title{margin:0;font-family:var(--font-sans);font-size:var(--art-fs-title);font-weight:600;line-height:1.2;color:var(--art-text)}.game-art--screw .screw-win-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0;padding:10px 0;border-block:1px solid rgb(61 64 58 / 34%)}.game-art--screw .screw-win-stats dt{font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:500;line-height:1.35;color:var(--art-muted)}.game-art--screw .screw-win-stats dd{margin:2px 0 0;font-family:var(--font-mono);font-size:var(--art-fs-value);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;color:var(--art-text)}.game-art--screw .screw-win-badge{display:inline-block;margin:10px 2px 0;padding:2px 10px;border:1px solid #456f73;border-radius:2px;background:#e4e9e4;color:var(--sketch-ink);font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:600;line-height:1.35}.game-art--screw .screw-win-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.game-art--screw .screw-win-actions button{border:1px solid var(--sketch-ink);border-radius:2px;background:var(--sketch-ink);color:var(--sketch-paper);font-family:var(--font-sans);font-size:var(--art-fs-action);font-weight:600;line-height:1.2}.game-art--screw .screw-win-actions button:hover:not(:disabled){background:#6d7464}.game-art--screw .screw-win-actions button+button{border-color:var(--sketch-ink);background:transparent;color:var(--sketch-ink)}.game-art--screw .screw-win-actions button+button:hover:not(:disabled){background:var(--sketch-ground)}@media(min-width:1024px){.game-art--screw .screw-dock[data-won] .screw-info{visibility:hidden}.game-art--screw .screw-win{position:static;padding:0;background:none}.game-art--screw .screw-win-card{display:flex;align-items:center;gap:22px;min-width:0;max-width:none;padding:10px 12px 10px 24px}.game-art--screw .screw-win-stats{display:flex;gap:22px;margin:0;padding:0 22px;border-block:0;border-inline:1px solid rgb(61 64 58 / 34%)}.game-art--screw .screw-win-badge{margin:0}.game-art--screw .screw-win-actions{flex-wrap:nowrap;margin:0}}@media(prefers-reduced-motion:reduce){.game-art--screw .screw-board,.game-art--screw .screw-plate,.game-art--screw .screw-bolt,.game-art--screw .screw-hint,.game-art--screw .screw-hole .screw-hole-art,.game-art--screw .screw-flyer,.game-art--screw .screw-flyer-lift,.game-art--screw .screw-flyer .screw-cross,.game-art--screw .screw-win,.game-art--screw .screw-win-card{animation:none!important;transition:none!important}.game-art--screw .screw-plate[data-falling],.game-art--screw .screw-flyer{display:none}}