body:has(.scrapyard)>main#main-content{padding:0;max-width:none;flex:none}body:has(.scrapyard) footer#site-footer{padding:0 24px 16px}body:has(.scrapyard) .liquid-footer-dock{height:120px}.scrapyard{color:#eee;background:#080808;position:relative}.scrapyard-header{position:absolute;top:18px;left:24px;right:24px;z-index:2;display:flex;justify-content:space-between;gap:24px;color:#888;font-size:10px;font-family:var(--font-mono);pointer-events:none}.scrapyard-header h1{color:#eee;font-size:12px;font-weight:400}.pieces-gallery{container-type:size;position:relative;height:min(820px,110svh);min-height:440px;overflow:hidden;touch-action:none;cursor:grab}.pieces-gallery:active{cursor:grabbing}.pieces-world{position:relative;min-width:1800px;width:100%;background-image:radial-gradient(circle,#ffffff15 1px,transparent 0);background-size:24px 24px;will-change:transform;transform-origin:0 0}.piece-card{position:absolute;--scrap-scale:.7;width:calc(185px * var(--scrap-scale));cursor:grab;touch-action:none}.piece-card[data-size=small]{--scrap-scale:.5}.piece-card[data-size=big]{--scrap-scale:1}.piece-card[data-slot="0"]{left:calc(25cqw - 92.5px * var(--scrap-scale));top:22cqh;rotate:-10deg}.piece-card[data-slot="1"]{left:calc(50cqw - 80px * var(--scrap-scale));top:43cqh;rotate:8deg;width:calc(160px * var(--scrap-scale))}.piece-card[data-slot="2"]{left:calc(75cqw - 92.5px * var(--scrap-scale));top:25cqh;rotate:-5deg}.piece-card[data-slot="3"]{left:calc(80cqw - 92.5px * var(--scrap-scale));top:64cqh;rotate:5deg}.piece-card[data-slot="4"]{left:calc(22cqw - 92.5px * var(--scrap-scale));top:69cqh;rotate:-6deg}.piece-card[data-slot="5"]{left:calc(52cqw - 92.5px * var(--scrap-scale));top:73cqh;rotate:12deg}.piece-card[data-active=true]{z-index:20;cursor:grabbing}.piece-trigger{display:block;width:100%;text-align:left;cursor:inherit}.piece-image{position:relative;background:#d7d2c6;padding:calc(8px * var(--scrap-scale));height:calc(160px * var(--scrap-scale));overflow:hidden;filter:drop-shadow(0 8px 12px #0009);transition:transform .25s;clip-path:polygon(0 4%,7% 1%,14% 4%,21% 0,30% 3%,39% 1%,48% 4%,57% 0,67% 2%,77% 0,87% 3%,100% 0,98% 14%,100% 24%,97% 35%,100% 47%,98% 59%,100% 70%,97% 80%,100% 94%,90% 98%,78% 95%,67% 100%,57% 97%,47% 100%,35% 96%,24% 100%,14% 96%,0 100%,3% 88%,0 77%,2% 65%,0 54%,3% 41%,0 29%,2% 17%)}.piece-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:58% 42%;object-position:58% 42%;display:block;pointer-events:none}.piece-image[data-paper="1"]{height:calc(180px * var(--scrap-scale));clip-path:polygon(5% 0,96% 4%,100% 83%,84% 100%,0 94%,3% 62%,0 31%);padding:calc(6px * var(--scrap-scale))}.piece-image[data-paper="2"]{height:calc(135px * var(--scrap-scale));clip-path:polygon(0 9%,15% 0,40% 5%,64% 0,86% 7%,100% 0,96% 24%,100% 51%,95% 72%,100% 91%,78% 100%,51% 94%,29% 100%,0 92%,5% 70%,0 42%)}.paper-creases{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 46%,#ffffff30 49%,#00000040 50%,transparent 54%),linear-gradient(20deg,transparent 42%,#ffffff24 48%,#00000020 50%,transparent 57%);mix-blend-mode:hard-light}.piece-trigger:focus-visible .piece-image,.piece-trigger:hover .piece-image{transform:translateY(-5px) scale(1.04)}.piece-trigger:focus-visible{outline:1px solid #aaa;outline-offset:8px}.piece-card figcaption{position:absolute;left:0;right:0;text-align:center;margin-top:14px;font-size:11px;opacity:0;transition:opacity .2s;color:#bbb}.piece-card:focus-within figcaption,.piece-card:hover figcaption{opacity:1}.backyard-toolbar{display:flex;justify-content:space-between;gap:20px;padding:12px 24px;border-top:1px solid #ffffff12;color:#888;font-size:10px}.backyard-toolbar button{color:#ccc}.piece-dialog{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:none;color:#eee;background:transparent}.piece-dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}.piece-viewer{position:relative;height:100%;padding:60px 6vw;display:grid;place-items:center}.piece-detail{width:min(74vw,800px);max-height:min(340px,65dvh);overflow:auto}.piece-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center}.piece-previews[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.piece-previews[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-previews[data-count="1"]{grid-template-columns:1fr}.piece-previews figure{min-width:0}.piece-previews img{display:block;margin:auto;width:100%;height:min(28dvh,170px);-o-object-fit:contain;object-fit:contain}.piece-previews figcaption{text-align:center;margin-top:6px;font-size:10px;color:#777}.piece-description{margin:14px auto 0;max-width:650px;text-align:center}.piece-description h2{font-size:15px;margin-bottom:6px}.piece-description p{font-size:12px;line-height:1.5;color:#aaa;white-space:pre-line}.piece-related{display:inline-block;margin-top:10px;border-bottom:1px solid #ffffff50;padding-bottom:3px;color:#eee;font-size:12px}.piece-close{position:fixed;z-index:2;right:5vw;top:20px;color:#eee;padding:10px 16px;border:1px solid #ffffff30;border-radius:24px;font-size:12px;background:#181818}body:has(.piece-dialog[open]){overflow:hidden}@media(max-width:639px){.scrapyard-header p{display:none}.piece-detail{width:88vw}.piece-previews{gap:6px}.piece-previews img{height:min(24dvh,130px)}}@media(prefers-reduced-motion:reduce){.piece-trigger:hover .piece-image{transform:none}}.backyard-zoom{display:flex;align-items:center;gap:12px}.backyard-zoom button{min-width:24px;min-height:24px}@media(max-width:639px){.backyard-toolbar{gap:8px;padding:8px 16px;flex-wrap:wrap}}.pieces-gallery{-moz-user-select:none;user-select:none;-webkit-user-select:none}.pieces-gallery:focus:not(:focus-visible){outline:none}.pieces-gallery:focus-visible{outline:1px solid #ffffff50;outline-offset:-2px}