.sinks{flex-direction:column;align-items:center;gap:10px;padding:6px 14px 10px;display:flex}.boxes{justify-content:center;gap:9px;display:flex}.box{width:var(--box-size,60px);height:var(--box-size,60px);background:linear-gradient(160deg, var(--box,#444) 0%, var(--box-edge,#222) 100%);box-shadow:inset 0 1px 0 #ffffff47, 0 2px 5px var(--shadow);border-radius:13px;justify-content:center;align-items:center;gap:5px;padding:7px;transition:transform .18s cubic-bezier(.3,1.3,.5,1);display:flex}.box.is-closed{background:var(--glass);box-shadow:none;opacity:.35}.hole{aspect-ratio:1;background:#00000052;border-radius:50%;place-items:center;width:25%;display:grid;box-shadow:inset 0 1px 2px #00000080}.hole.is-filled{background:radial-gradient(circle at 34% 28%,#f2f5fb 0%,#b9c3d4 100%);animation:.28s cubic-bezier(.3,1.5,.5,1) both hole-pop;box-shadow:inset 0 -1px 2px #0000004d,0 0 0 1px #0003}.hole.is-filled .screw-slot:before,.hole.is-filled .screw-slot:after{box-shadow:none;background:#00000057}@keyframes hole-pop{0%{transform:scale(.4)}}.box-complete{animation:.34s both box-clear}@keyframes box-clear{40%{transform:scale(1.12)}to{transform:scale(1)}}.queue{min-height:var(--queue-chip,18px);justify-content:center;align-items:center;gap:6px;display:flex}.queue[hidden]{display:none}.queue-chip{width:var(--queue-chip,18px);height:var(--queue-chip,18px);background:radial-gradient(circle at 34% 30%, var(--head) 0%, var(--head-edge) 100%);box-shadow:0 1px 2px var(--shadow);opacity:calc(1 - var(--queue-rank,0) * .22);transform:scale(calc(1 - var(--queue-rank,0) * .08));border-radius:50%;place-items:center;display:grid}.queue-chip.is-unknown{background:var(--glass);box-shadow:none;opacity:.3;transform:scale(.6)}.queue .screw-glyph,.queue .screw-slot{transform:scale(.7)}.tray{background:var(--glass);border-radius:999px;justify-content:center;gap:7px;padding:5px 9px;transition:background .2s,box-shadow .2s;display:flex}.tray.is-critical{background:color-mix(in srgb, var(--danger) 22%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 45%, transparent)}.tray.is-overflowed{animation:.42s ease-in-out 2 both tray-overflow}@keyframes tray-overflow{0%,to{background:color-mix(in srgb, var(--danger) 22%, transparent);transform:translate(0)}25%{transform:translate(-5px)}50%{background:color-mix(in srgb, var(--danger) 62%, transparent)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.tray.is-overflowed{background:color-mix(in srgb, var(--danger) 62%, transparent);animation:none}}.tray-slot{width:var(--tray-slot,24px);height:var(--tray-slot,24px);background:#00000042;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px 2px #0006}.tray-slot.is-filled{background:radial-gradient(circle at 34% 30%, var(--head) 0%, var(--head-edge) 100%);box-shadow:inset 0 -1px 2px #0000004d, 0 1px 2px var(--shadow);animation:.28s cubic-bezier(.3,1.5,.5,1) both hole-pop}.structure{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;margin:auto;position:relative}.structure.is-dragging{cursor:grabbing}.object-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.screw-layer{isolation:isolate;position:absolute;inset:0}.structure.is-celebrating .object-canvas{animation:.7s both structure-cheer}@keyframes structure-cheer{40%{transform:scale(1.05)}}.screw{width:var(--screw-size,26px);height:var(--screw-size,26px);margin-left:calc(var(--screw-size,26px) / -2);margin-top:calc(var(--screw-size,26px) / -2);touch-action:none;background:radial-gradient(circle at 35% 28%, #ffffffbf 0%, #fff0 32%), radial-gradient(circle at 50% 45%, var(--head,#ccc) 55%, var(--head-edge,#888) 100%);border:0;border-radius:50%;place-items:center;padding:0;transition:filter .14s;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #1e24344d,inset 0 -2px 3px #00000047}.screw:active:not(:disabled){filter:brightness(.82)}.screw[hidden],.screw.is-gone{display:none}.screw-slot{width:56%;height:56%;position:relative}.screw-slot:before,.screw-slot:after{content:"";background:#0000006b;border-radius:2px;margin:auto;position:absolute;inset:0;box-shadow:0 1px #fff3}.screw-slot:before{width:100%;height:2.5px}.screw-slot:after{width:2.5px;height:100%}.screw-glyph{fill:#ffffffe0;filter:drop-shadow(0 1px 1px #00000059);width:58%;height:58%}.screw.is-rejected{animation:.32s ease-in-out both screw-shake}@keyframes screw-shake{0%,to{translate:0;rotate:0deg}25%{translate:-4px;rotate:-12deg}60%{translate:4px;rotate:12deg}}.screw.is-hinted{animation:.7s ease-in-out 2 both screw-hint}@keyframes screw-hint{50%{box-shadow:0 0 0 4px var(--accent-soft), 0 0 0 2px var(--accent), 0 1px 3px #0006;scale:1.16}}.screw-flight{z-index:40;background:radial-gradient(circle at 34% 28%, var(--head) 0%, var(--head-edge) 100%);pointer-events:none;border-radius:50%;transition:transform .34s cubic-bezier(.4,0,.5,1),opacity .34s;position:fixed;box-shadow:0 2px 8px #00000073}.board-note{color:var(--text-dim);place-items:center;font-size:.86rem;display:grid}