/* Clipping Club — Powered by Pulp */
:root{
  --paper:#fff1d2;
  --paper2:#ffe0a8;
  --card:#fffaf0;
  --ink:#12100d;
  --muted:#6f5b43;
  --orange:#ff6b00;
  --orange2:#ffad21;
  --red:#c8232c;
  --navy:#0b2347;
  --green:#4d7b37;
  --blue:#1b6aa5;
  --shadow:#12100d;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:radial-gradient(circle at 15% 0%,rgba(255,107,0,.26),transparent 26rem),radial-gradient(circle at 100% 10%,rgba(11,35,71,.15),transparent 22rem),linear-gradient(90deg,rgba(18,16,13,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(18,16,13,.055) 1px,transparent 1px),var(--paper);background-size:auto,auto,32px 32px,32px 32px,auto;}
.paper-noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background-image:repeating-radial-gradient(circle at 23% 17%,#000 0 1px,transparent 1px 8px)}
body:before{content:"";position:fixed;left:0;right:0;top:0;height:22px;z-index:10;background:repeating-linear-gradient(90deg,var(--orange) 0 28px,var(--ink) 28px 42px,var(--paper) 42px 56px);border-bottom:2px solid var(--ink)}
button{font:inherit;color:inherit;cursor:pointer}.topbar{position:sticky;top:22px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:rgba(255,241,210,.9);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
.brand{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:52px;height:52px;background:var(--orange);color:white;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:900 1.25rem/1 Arial Black,Impact,sans-serif;transform:rotate(-3deg)}.brand strong{display:block;font:900 1.05rem/.9 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em}.brand em{display:block;font-style:normal;font-size:.68rem;text-transform:uppercase;color:var(--muted);margin-top:.15rem}.topbar nav{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.topbar button,.tools button{border:2px solid var(--ink);background:var(--card);box-shadow:3px 3px 0 var(--ink);padding:.45rem .6rem;text-transform:uppercase;font-size:.72rem}.topbar button:hover,.tools button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--orange)}
.app-shell{position:relative;z-index:1;max-width:1540px;margin:0 auto;padding:1rem}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;align-items:end;padding:2.5rem 0 1.25rem}.kicker{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.68rem}.hero-panel h1{max-width:980px;margin:0;font:900 clamp(2.6rem,7vw,7.2rem)/.82 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.075em}.lede{max-width:780px;margin:.85rem 0 0;color:var(--muted);font-size:clamp(.96rem,1.6vw,1.18rem);line-height:1.42}.prompt-card{position:relative;background:var(--card);border:2px dashed var(--ink);box-shadow:8px 8px 0 rgba(255,107,0,.62);padding:1rem;transform:rotate(1.2deg)}.prompt-card span{display:inline-block;background:var(--ink);color:var(--paper);padding:.25rem .4rem;font-size:.66rem;text-transform:uppercase}.prompt-card strong{display:block;margin:.8rem 0 .6rem;font:900 1.45rem/.92 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.05em}.prompt-card small{color:var(--muted);font-weight:700}.workspace{display:grid;grid-template-columns:280px minmax(430px,1fr) 280px;gap:1rem;align-items:start}.tray,.board-wrap,.scorecard{background:rgba(255,250,240,.78);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:1rem}.tray-head,.board-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:2px solid rgba(18,16,13,.18);padding-bottom:.75rem;margin-bottom:.75rem}.tray h2,.board-toolbar h2,.scorecard h2{margin:0;font:900 1.9rem/.86 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.055em}.tray-head p:last-child{margin:0;background:var(--orange);color:#fff;border:2px solid var(--ink);padding:.35rem .45rem;font-weight:900}.clip-tray{display:grid;gap:.65rem;max-height:70vh;overflow:auto;padding:.15rem .35rem .2rem .05rem}.clip{position:relative;min-height:74px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--card);overflow:hidden;text-align:left;padding:.55rem;transition:transform .12s ease, opacity .12s ease}.clip:hover{transform:translate(-1px,-1px) rotate(-.5deg);box-shadow:5px 5px 0 var(--orange)}.clip.used{opacity:.35;filter:grayscale(.8)}.clip .label{position:relative;z-index:2;display:inline;background:rgba(255,250,240,.88);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.08rem .2rem;font:900 .95rem/.95 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.03em}.clip .meta{position:absolute;right:.35rem;bottom:.28rem;z-index:2;background:var(--ink);color:var(--paper);font-size:.56rem;padding:.12rem .2rem;text-transform:uppercase}.clip.shape-orange{background:linear-gradient(135deg,var(--orange),var(--orange2))}.clip.shape-red{background:linear-gradient(135deg,var(--red),#ffdad3)}.clip.shape-blue{background:linear-gradient(135deg,var(--navy),#78b6ff)}.clip.shape-green{background:linear-gradient(135deg,var(--green),#c7e37a)}.clip.shape-paper{background:repeating-linear-gradient(-7deg,#fffdf4 0 9px,#f2dbad 9px 11px)}.clip.shape-photo{background:linear-gradient(120deg,#111 0 30%,#fff 30% 42%,var(--orange) 42% 58%,#1b6aa5 58%)}.clip.shape-sticker:before{content:"";position:absolute;inset:12px;border-radius:999px;background:var(--orange);border:2px solid var(--ink)}.clip.shape-receipt{background:linear-gradient(#fff,#f8ead0);border-style:dashed}.clip.shape-receipt:before{content:"";position:absolute;left:0;right:0;top:18px;height:5px;background:repeating-linear-gradient(90deg,var(--ink) 0 18px,transparent 18px 26px);opacity:.25}.board-wrap{padding:0}.board-toolbar{margin:0;padding:1rem}.tools{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.artboard{position:relative;margin:1rem auto 1.1rem;width:min(100%,760px);aspect-ratio:1/1;background:linear-gradient(90deg,rgba(18,16,13,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(18,16,13,.04) 1px,transparent 1px),#fff8e8;background-size:28px 28px;border:3px solid var(--ink);overflow:hidden;touch-action:none;box-shadow:inset 0 0 0 10px rgba(255,107,0,.08)}.board-label{position:absolute;left:12px;top:12px;z-index:2;background:var(--ink);color:var(--paper);font-size:.65rem;padding:.25rem .38rem;letter-spacing:.08em}.drop-hint{position:absolute;inset:0;display:grid;place-items:center;color:rgba(18,16,13,.18);font:900 clamp(2rem,6vw,5.5rem)/.85 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.07em;pointer-events:none}.piece{position:absolute;left:0;top:0;min-width:70px;min-height:46px;border:2px solid var(--ink);box-shadow:3px 3px 0 rgba(18,16,13,.84);user-select:none;touch-action:none;display:grid;place-items:center;text-align:center;padding:.35rem;transform-origin:center;cursor:grab}.piece:active{cursor:grabbing}.piece.selected{outline:3px solid var(--orange);outline-offset:2px;z-index:999!important}.piece .piece-label{font:900 clamp(.8rem,2vw,1.4rem)/.9 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em;background:rgba(255,250,240,.75);padding:.08rem .2rem}.piece.photo .piece-label{color:white;background:rgba(0,0,0,.62)}.piece.orange{background:var(--orange);color:#fff}.piece.red{background:var(--red);color:#fff}.piece.blue{background:var(--navy);color:#fff}.piece.green{background:var(--green);color:#fff}.piece.paper{background:repeating-linear-gradient(-7deg,#fffdf4 0 10px,#f2dbad 10px 12px)}.piece.photo{background:linear-gradient(120deg,#111 0 30%,#fff 30% 42%,var(--orange) 42% 58%,#1b6aa5 58%)}.piece.sticker{border-radius:999px;background:var(--orange);color:#fff}.piece.receipt{background:#fffdf4;border-style:dashed}.scorecard{position:sticky;top:110px}.grade-output{background:#fffdf4;border:2px dashed var(--ink);padding:1rem;min-height:220px}.grade-output strong{display:block;font:900 1.35rem/.9 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em}.grade-output p{line-height:1.38;color:var(--muted)}.grade-list{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.35rem}.grade-list li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(18,16,13,.18);padding-bottom:.25rem;font-weight:800}.share-note{margin-top:1rem;border-left:6px solid var(--orange);padding:.75rem;background:rgba(255,107,0,.08);line-height:1.38;color:var(--muted)}
@media(max-width:1120px){.workspace{grid-template-columns:1fr}.scorecard{position:static}.clip-tray{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:none}.hero-panel{grid-template-columns:1fr}.prompt-card{max-width:520px}.artboard{width:min(100%,680px)}}
@media(max-width:640px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{justify-content:flex-start}.app-shell{padding:.7rem}.hero-panel h1{font-size:3rem}.tray,.board-wrap,.scorecard{box-shadow:4px 4px 0 var(--ink)}.board-toolbar,.tray-head{display:block}.tools{justify-content:flex-start;margin-top:.75rem}.clip-tray{grid-template-columns:1fr}.piece{min-width:58px}.prompt-card{transform:none}}
@media print{.topbar,.tray,.scorecard,.board-toolbar,.paper-noise{display:none}.workspace{display:block}.board-wrap{border:0;box-shadow:none}.artboard{width:100vmin;box-shadow:none}}

/* PNG clipping pass */
.image-clip{min-height:118px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:1fr auto;gap:.35rem .55rem;align-items:center;background:linear-gradient(135deg,#fffdf4,#f2dfb8);}
.image-clip img{grid-row:1 / span 2;width:72px;height:72px;object-fit:contain;filter:drop-shadow(2px 3px 0 rgba(18,16,13,.35)) saturate(1.05)}
.image-clip .clip-number{position:absolute;left:.35rem;top:.32rem;z-index:3;background:var(--orange);color:white;border:1px solid var(--ink);font-size:.55rem;padding:.12rem .2rem;font-weight:900}
.image-clip .label{align-self:end;font-size:.92rem;background:transparent;padding:0;line-height:.95}.image-clip .meta{position:static;justify-self:start;align-self:start}.image-clip.used img{filter:grayscale(1);opacity:.45}.image-piece{border:0;box-shadow:none;background:transparent;padding:0;display:block;min-width:80px;min-height:80px}.image-piece img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(5px 6px 0 rgba(18,16,13,.62)) saturate(1.08) contrast(1.04)}.image-piece .piece-caption{position:absolute;left:50%;bottom:2px;transform:translateX(-50%) rotate(-1deg);white-space:nowrap;background:#fffdf4;border:1px solid var(--ink);padding:.15rem .28rem;font-size:.58rem;text-transform:uppercase;font-weight:900;letter-spacing:.03em}.image-piece.selected{outline:0}.image-piece.selected img{filter:drop-shadow(0 0 0 var(--orange)) drop-shadow(0 0 8px rgba(255,107,0,.9)) drop-shadow(5px 6px 0 rgba(18,16,13,.62)) saturate(1.16)}

/* Make the daily game visible immediately above the fold */
.hero-panel{grid-template-columns:minmax(0,1fr) 300px;padding:1.1rem 0 .8rem;align-items:center}.hero-panel h1{font-size:clamp(2rem,4.2vw,4.7rem);max-width:760px}.lede{font-size:.95rem;max-width:720px;margin:.55rem 0 0}.prompt-card{padding:.8rem;box-shadow:5px 5px 0 rgba(255,107,0,.62)}.prompt-card strong{font-size:1.15rem;margin:.55rem 0 .45rem}.workspace{margin-top:.25rem}.clip-tray{max-height:62vh}.tray,.board-wrap,.scorecard{padding:.85rem}.board-toolbar{padding:.85rem}.artboard{width:min(100%,680px)}
@media(max-width:1120px){.hero-panel{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.clip-tray{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:none}.artboard{width:min(100%,640px)}}

/* App-first scale pass */
.app-shell{max-width:1380px}.topbar{padding:.55rem .8rem}.brand-mark{width:44px;height:44px}.topbar button,.tools button{padding:.36rem .5rem;font-size:.66rem}.hero-panel{grid-template-columns:minmax(0,1fr) 280px;gap:.75rem;padding:.75rem 0 .55rem}.hero-panel h1{font-size:clamp(1.75rem,3.2vw,3.35rem);line-height:.88;letter-spacing:-.06em;max-width:680px}.lede{font-size:.84rem;line-height:1.34;max-width:680px}.prompt-card{transform:rotate(.6deg)}.workspace{grid-template-columns:260px minmax(420px,1fr) 250px;gap:.75rem}.tray h2,.board-toolbar h2,.scorecard h2{font-size:1.45rem}.clip-tray{max-height:58vh}.image-clip{min-height:96px;grid-template-columns:58px 1fr}.image-clip img{width:58px;height:58px}.artboard{width:min(100%,600px)}.grade-output{min-height:170px}.scorecard{top:92px}.share-note{font-size:.82rem}

/* Weird zine pass — less SaaS, more photocopied desk artifact */
:root{--acid:#d7ff2f;--pink:#ff4fb8;--cyan:#20d7ff;}
body{background:
  radial-gradient(circle at 12% 8%,rgba(255,79,184,.28),transparent 18rem),
  radial-gradient(circle at 88% 0%,rgba(32,215,255,.18),transparent 20rem),
  radial-gradient(circle at 35% 110%,rgba(255,107,0,.35),transparent 24rem),
  linear-gradient(90deg,rgba(18,16,13,.08) 1px,transparent 1px),
  linear-gradient(0deg,rgba(18,16,13,.055) 1px,transparent 1px),
  var(--paper);
  background-size:auto,auto,auto,24px 24px,24px 24px,auto;
}
body:after{content:"DAILY CUT UP / SCAN IT BADLY / POST IT ANYWAY / ";position:fixed;left:-4rem;bottom:2rem;z-index:0;transform:rotate(-90deg);transform-origin:left bottom;color:rgba(18,16,13,.18);font:900 1.1rem/1 Arial Black,Impact,sans-serif;letter-spacing:.06em;pointer-events:none}.paper-noise{opacity:.2}.topbar{transform:rotate(-.18deg);box-shadow:0 5px 0 rgba(18,16,13,.12)}.brand-mark{border-radius:2px;box-shadow:4px 4px 0 var(--pink),7px 7px 0 var(--ink);background:var(--acid);color:var(--ink)}.topbar button:nth-child(2){background:var(--orange);color:#fff}.topbar button:nth-child(3){background:var(--ink);color:var(--paper)}
.hero-panel{position:relative;border-bottom:2px solid var(--ink);margin-bottom:.65rem}.hero-panel:before{content:"CLIPPING CLUB IS NOT A SOCIAL NETWORK";position:absolute;right:305px;top:.2rem;background:var(--pink);color:white;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:.22rem .35rem;font-size:.62rem;font-weight:900;transform:rotate(-2deg);z-index:2}.hero-panel h1{text-shadow:2px 2px 0 var(--orange),4px 4px 0 rgba(18,16,13,.18)}.prompt-card{background:#fffdf4;box-shadow:5px 5px 0 var(--orange),10px 10px 0 var(--ink);border-style:dashed}.prompt-card:after{content:"ONE PACKET / ONE DAY";position:absolute;right:-.6rem;bottom:-.7rem;background:var(--acid);border:2px solid var(--ink);padding:.2rem .3rem;font-size:.58rem;font-weight:900;transform:rotate(-4deg)}
.tray,.board-wrap,.scorecard{background:rgba(255,253,244,.86)}.tray{transform:rotate(-.25deg)}.board-wrap{transform:rotate(.15deg)}.scorecard{transform:rotate(.35deg)}.tray-head p:last-child{background:var(--pink);box-shadow:3px 3px 0 var(--ink)}.clip-tray{scrollbar-color:var(--orange) var(--paper2)}.image-clip{background:#fffdf4;clip-path:polygon(0 3%,96% 0,100% 94%,4% 100%);border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);transform:rotate(var(--r,-.4deg))}.image-clip:nth-child(2n){--r:.5deg}.image-clip:nth-child(3n){--r:-.9deg;background:#fff0bd}.image-clip:nth-child(4n){background:#f3ffe2}.image-clip:nth-child(5n){background:#ffe9f7}.image-clip img{filter:drop-shadow(2px 3px 0 rgba(18,16,13,.35)) saturate(1.25) contrast(1.08)}.image-clip .clip-number{background:var(--ink);color:var(--acid)}.image-clip .meta{background:var(--orange)}
.artboard{background:
  linear-gradient(90deg,rgba(18,16,13,.06) 1px,transparent 1px),
  linear-gradient(0deg,rgba(18,16,13,.05) 1px,transparent 1px),
  radial-gradient(circle at 18% 22%,rgba(255,79,184,.18),transparent 9rem),
  radial-gradient(circle at 80% 75%,rgba(255,107,0,.2),transparent 10rem),
  #fff8e8;background-size:24px 24px,24px 24px,auto,auto,auto;box-shadow:inset 0 0 0 10px rgba(255,107,0,.08),8px 8px 0 var(--pink),13px 13px 0 var(--ink)}.board-label{background:var(--pink);color:white;box-shadow:2px 2px 0 var(--ink)}.drop-hint{color:rgba(18,16,13,.14);transform:rotate(-5deg)}.image-piece img{filter:drop-shadow(5px 6px 0 rgba(18,16,13,.62)) saturate(1.25) contrast(1.08)}.image-piece .piece-caption{background:var(--acid);box-shadow:2px 2px 0 var(--ink)}
.ritual-card .grade-output{background:repeating-linear-gradient(-2deg,#fffdf4 0 13px,#fff4d9 13px 16px);border:2px dashed var(--ink);box-shadow:5px 5px 0 var(--orange)}.ritual-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.38rem}.ritual-list li{background:#fff;border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:.35rem .45rem;font-weight:900;text-transform:uppercase;font-size:.72rem}.ritual-list li:nth-child(even){background:var(--acid)}.scorecard h2{font-size:2rem;color:var(--orange);text-shadow:2px 2px 0 var(--ink)}
@media(max-width:1120px){.hero-panel:before{position:static;display:inline-block;margin-bottom:.4rem;right:auto}.tray,.board-wrap,.scorecard{transform:none}}

/* Real museum-image clipping pass + pasteboard-first layout */
.app-shell{max-width:1620px}.hero-panel{grid-template-columns:minmax(0,1fr) 360px;padding:.45rem 0 .45rem;margin-bottom:.45rem}.hero-panel h1{font-size:clamp(1.55rem,2.45vw,2.9rem);max-width:900px}.lede{max-width:900px;font-size:.86rem}.prompt-card{padding:.72rem}.prompt-card strong{font-size:1.05rem}.workspace{grid-template-columns:250px minmax(720px,1fr) 230px;align-items:stretch}.board-wrap{order:2;transform:rotate(.08deg);padding:0;background:rgba(255,253,244,.94)}.tray{order:1}.scorecard{order:3}.board-toolbar{padding:.7rem .9rem;margin-bottom:0}.board-toolbar h2{font-size:2.35rem;color:var(--ink);text-shadow:2px 2px 0 var(--acid),4px 4px 0 var(--orange)}.artboard{width:min(100%,860px);min-height:760px;margin:.85rem auto 1rem;border-width:4px}.drop-hint{font-size:clamp(3rem,7vw,7.8rem);opacity:.8}.clip-tray{max-height:74vh;gap:.55rem}.image-clip{min-height:132px;grid-template-columns:84px 1fr;background:#fffdf4}.image-clip img{width:84px;height:92px;object-fit:cover;border:1px solid var(--ink);background:#fff;filter:grayscale(.08) contrast(1.13) saturate(.95) drop-shadow(2px 3px 0 rgba(18,16,13,.38))}.image-clip:nth-child(3n) img{filter:sepia(.22) contrast(1.18) saturate(.9) drop-shadow(2px 3px 0 rgba(18,16,13,.38))}.image-clip:nth-child(4n) img{filter:grayscale(.45) contrast(1.25) drop-shadow(2px 3px 0 rgba(18,16,13,.38))}.image-clip .label{font-size:.78rem;line-height:1.02}.image-clip .meta{font-size:.5rem;background:var(--ink);color:var(--paper)}.image-piece{width:240px;height:240px}.image-piece img{object-fit:cover;border:2px solid var(--ink);background:#fff;clip-path:polygon(4% 0,100% 3%,97% 95%,0 100%);filter:grayscale(.05) contrast(1.13) saturate(.98) drop-shadow(7px 8px 0 rgba(18,16,13,.65))}.image-piece:nth-child(2n) img{clip-path:polygon(0 7%,94% 0,100% 100%,5% 95%)}.image-piece:nth-child(3n) img{clip-path:polygon(6% 3%,100% 0,94% 100%,0 93%)}.image-piece .piece-caption{display:none}.tray-head,.board-toolbar{border-bottom:3px solid rgba(18,16,13,.22)}.ritual-card .grade-output{min-height:0}.share-note{font-size:.76rem}.topbar{top:18px}body:before{height:18px}
@media(max-width:1220px){.workspace{grid-template-columns:1fr}.board-wrap{order:1}.tray{order:2}.scorecard{order:3}.artboard{width:min(100%,820px);min-height:640px}.clip-tray{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:none}.image-clip{min-height:110px}.hero-panel{grid-template-columns:1fr}.hero-panel:before{position:static}}

/* Resize anchors + irregular cut clipping masks */
.image-piece{overflow:visible}.image-piece .cut-wrap{position:absolute;inset:0;filter:drop-shadow(7px 8px 0 rgba(18,16,13,.65))}.image-piece .cut-wrap img{width:100%;height:100%;object-fit:cover;border:2px solid var(--ink);background:#fff;filter:grayscale(.05) contrast(1.13) saturate(.98);display:block}.cut-1,.cut-1 img{clip-path:polygon(4% 0,100% 3%,97% 95%,0 100%)}.cut-2,.cut-2 img{clip-path:polygon(0 7%,94% 0,100% 100%,5% 95%)}.cut-3,.cut-3 img{clip-path:polygon(6% 3%,100% 0,94% 100%,0 93%)}.cut-4,.cut-4 img{clip-path:polygon(0 0,96% 5%,100% 88%,8% 100%,2% 55%)}.cut-5,.cut-5 img{clip-path:polygon(8% 0,100% 8%,90% 96%,0 92%,2% 18%)}.cut-6,.cut-6 img{clip-path:polygon(0 5%,88% 0,100% 35%,96% 100%,6% 96%)}.cut-7,.cut-7 img{clip-path:polygon(12% 0,98% 2%,100% 78%,78% 100%,0 92%,4% 24%)}.cut-8,.cut-8 img{clip-path:polygon(0 16%,22% 0,100% 5%,94% 100%,10% 88%)}.image-piece.selected .cut-wrap{filter:drop-shadow(0 0 0 var(--orange)) drop-shadow(0 0 8px rgba(255,107,0,.9)) drop-shadow(7px 8px 0 rgba(18,16,13,.65))}.resize-handle{display:none;position:absolute;width:16px;height:16px;z-index:5;background:var(--acid);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--orange);border-radius:999px;touch-action:none}.image-piece.selected .resize-handle{display:block}.resize-handle.nw{left:-10px;top:-10px;cursor:nwse-resize}.resize-handle.ne{right:-10px;top:-10px;cursor:nesw-resize}.resize-handle.sw{left:-10px;bottom:-10px;cursor:nesw-resize}.resize-handle.se{right:-10px;bottom:-10px;cursor:nwse-resize}.image-piece.selected:after{content:"drag corners to resize";position:absolute;left:50%;top:-34px;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;background:var(--ink);color:var(--paper);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;padding:.18rem .28rem;box-shadow:2px 2px 0 var(--orange)}

/* Rougher handmade clipping edges */
.image-piece .cut-wrap:before{content:"";position:absolute;inset:-5px;z-index:-1;background:#fffdf4;filter:drop-shadow(7px 8px 0 rgba(18,16,13,.62))}.cut-1:before{clip-path:polygon(2% 0,100% 2%,98% 94%,4% 100%,0 44%)}.cut-2:before{clip-path:polygon(0 8%,93% 0,100% 28%,96% 100%,7% 94%)}.cut-3:before{clip-path:polygon(8% 0,100% 5%,92% 100%,0 90%,3% 30%)}.cut-4:before{clip-path:polygon(0 0,94% 3%,100% 86%,72% 100%,4% 94%,0 58%)}.cut-5:before{clip-path:polygon(10% 0,100% 10%,88% 98%,0 90%,4% 20%)}.cut-6:before{clip-path:polygon(0 6%,84% 0,100% 34%,94% 100%,8% 96%)}.cut-7:before{clip-path:polygon(14% 0,98% 3%,100% 76%,76% 100%,0 90%,5% 22%)}.cut-8:before{clip-path:polygon(0 18%,24% 0,100% 4%,92% 100%,12% 86%)}

/* Stronger per-piece torn edges */
.image-piece .cut-wrap{clip-path:var(--edge-poly);background:#fffdf4;padding:7px;box-shadow:inset 0 0 0 1px rgba(18,16,13,.16)}
.image-piece .cut-wrap:before{clip-path:var(--edge-poly)!important;background:repeating-linear-gradient(-8deg,#fffdf4 0 7px,#f3dfb8 7px 9px);opacity:.95}
.image-piece .cut-wrap img{clip-path:var(--cut-poly)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(18,16,13,.28)}
.image-piece:nth-child(odd) .cut-wrap{padding:10px 6px 7px 12px;transform:rotate(.35deg)}
.image-piece:nth-child(3n) .cut-wrap{padding:5px 13px 11px 7px;transform:rotate(-.55deg)}
.image-piece:nth-child(4n) .cut-wrap{padding:12px 9px 5px 5px;transform:rotate(.9deg)}
.image-piece:nth-child(5n) .cut-wrap img{filter:sepia(.25) contrast(1.22) saturate(.82)}
.image-piece:nth-child(6n) .cut-wrap img{filter:grayscale(.58) contrast(1.32)}
.image-piece.selected .cut-wrap{outline:2px dashed var(--orange);outline-offset:5px}

/* Distinct backing pass — every scrap gets its own paper personality */
.image-piece .cut-wrap{padding:var(--pad-top,8px) var(--pad-right,8px) var(--pad-bottom,8px) var(--pad-left,8px)!important;background:var(--paper-tone,#fffdf4)!important;clip-path:var(--edge-poly)!important;box-shadow:inset 0 0 0 1px rgba(18,16,13,.18), inset 0 0 18px rgba(111,91,67,.12)}
.image-piece .cut-wrap:before{background:linear-gradient(135deg,var(--paper-tone,#fffdf4),var(--edge-tone,#d7c49b))!important;clip-path:var(--edge-poly)!important;inset:-9px!important;opacity:1!important}
.image-piece .cut-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;clip-path:var(--edge-poly);background:repeating-linear-gradient(93deg,rgba(18,16,13,.0) 0 9px,rgba(18,16,13,.08) 9px 10px),radial-gradient(circle at 18% 32%,rgba(18,16,13,.16) 0 1px,transparent 1px 8px);mix-blend-mode:multiply;opacity:.42}.image-piece[data-tape="1"]:before{content:"";position:absolute;z-index:6;width:38%;height:18px;left:31%;top:-12px;background:rgba(255,236,158,.72);border:1px solid rgba(18,16,13,.22);box-shadow:2px 2px 0 rgba(18,16,13,.16);transform:rotate(var(--tape-rot,-4deg));mix-blend-mode:multiply}.image-piece:nth-child(2n){--tape-rot:6deg}.image-piece:nth-child(3n) .cut-wrap{--paper-tone:#fff3cf;--edge-tone:#cdbb95}.image-piece:nth-child(4n) .cut-wrap{--paper-tone:#f2e4c6;--edge-tone:#bfae8a}.image-piece:nth-child(5n) .cut-wrap{--paper-tone:#fff8e8;--edge-tone:#ead8b1}.image-piece:nth-child(6n) .cut-wrap{--paper-tone:#eee1c6;--edge-tone:#c7b28a}.image-piece.selected .cut-wrap{outline:2px dashed var(--orange);outline-offset:8px}

/* Public polish: direct rotate handle */
.rotate-handle{display:none;position:absolute;left:50%;top:-62px;z-index:6;width:34px;height:34px;margin-left:-17px;border-radius:999px;background:var(--orange);color:white;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:900 1.05rem/30px Arial Black,Impact,sans-serif;text-align:center;cursor:grab;touch-action:none}.rotate-handle:active{cursor:grabbing}.image-piece.selected .rotate-handle{display:block}.image-piece.selected:after{content:"drag corners to resize / top handle to rotate";top:-91px}.tools button#rotateLeftBtn,.tools button#rotateRightBtn{background:var(--acid)}

/* Extreme backing diversity pass */
.image-piece .cut-wrap{background:transparent!important;filter:drop-shadow(8px 10px 0 rgba(18,16,13,.58))}.image-piece .cut-wrap:before{transform:translate(var(--edge-x,0),var(--edge-y,0)) rotate(var(--edge-rot,0deg));box-shadow:inset 0 0 0 1px rgba(18,16,13,.2), inset 0 0 24px rgba(111,91,67,.18)}.image-piece[data-backing-type="none"] .cut-wrap{padding:0!important}.image-piece[data-backing-type="none"] .cut-wrap:before,.image-piece[data-backing-type="none"] .cut-wrap:after{display:none}.image-piece[data-backing-type="receipt"] .cut-wrap:before{background:repeating-linear-gradient(0deg,#fffdf4 0 12px,#e8d7b6 12px 13px)!important}.image-piece[data-backing-type="newsprint"] .cut-wrap:before{background:linear-gradient(#eee5d0,#f8efdc),repeating-linear-gradient(90deg,rgba(18,16,13,.18) 0 1px,transparent 1px 7px)!important}.image-piece[data-backing-type="newsprint"] .cut-wrap:after{background:repeating-linear-gradient(0deg,rgba(18,16,13,.28) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,rgba(18,16,13,.16) 0 1px,transparent 1px 28px);opacity:.28}.image-piece[data-backing-type="color"] .cut-wrap:before{background:linear-gradient(135deg,var(--paper-tone,#f7c9d8),var(--orange))!important}.image-piece[data-backing-type="black"] .cut-wrap:before{background:#12100d!important}.image-piece[data-backing-type="black"] .cut-wrap:after{background:repeating-linear-gradient(45deg,rgba(255,255,255,.13) 0 2px,transparent 2px 10px);opacity:.5}.image-piece[data-backing-type="black"] .resize-handle{background:var(--pink)}.image-piece[data-pin="1"]:after{content:"";position:absolute;right:10%;top:6%;width:15px;height:15px;border-radius:999px;background:var(--red);border:2px solid var(--ink);box-shadow:2px 2px 0 rgba(18,16,13,.45);z-index:7}.image-piece[data-pin="1"].selected:after{content:"";top:6%;transform:none}.image-piece[data-pin="1"].selected .rotate-handle + .resize-handle:before{content:"drag corners to resize / top handle to rotate";position:absolute;left:50%;top:-91px;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;background:var(--ink);color:var(--paper);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;padding:.18rem .28rem;box-shadow:2px 2px 0 var(--orange)}.image-piece:nth-child(7n) .cut-wrap:before{inset:-20px -4px -8px -18px!important}.image-piece:nth-child(8n) .cut-wrap:before{inset:-4px -22px -18px -6px!important}.image-piece:nth-child(9n) .cut-wrap:before{inset:-14px -14px -2px -24px!important}.image-piece:nth-child(10n) .cut-wrap{padding:0 28px 18px 4px!important}.image-piece:nth-child(11n) .cut-wrap{padding:22px 3px 0 26px!important}

/* Even louder backing personalities */
.image-piece[data-backing-type="graph"] .cut-wrap:before{background:linear-gradient(rgba(32,215,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(32,215,255,.24) 1px,transparent 1px),#f8fbff!important;background-size:14px 14px!important}.image-piece[data-backing-type="lined"] .cut-wrap:before{background:repeating-linear-gradient(0deg,#fffdf4 0 15px,rgba(11,35,71,.28) 15px 16px),linear-gradient(90deg,rgba(200,35,44,.35) 0 2px,transparent 2px),#fffdf4!important}.image-piece[data-backing-type="kraft"] .cut-wrap:before{background:radial-gradient(circle at 20% 30%,rgba(18,16,13,.15) 0 1px,transparent 1px 7px),#c89f68!important}.image-piece[data-backing-type="coupon"] .cut-wrap:before{background:repeating-linear-gradient(90deg,#ff6b00 0 18px,#fffdf4 18px 36px,#12100d 36px 42px,#fffdf4 42px 60px)!important}.image-piece[data-backing-type="coupon"] .cut-wrap:after{background:repeating-linear-gradient(0deg,rgba(18,16,13,.18) 0 1px,transparent 1px 9px);opacity:.55}.image-piece[data-backing-type="polaroid"] .cut-wrap:before{clip-path:polygon(2% 0,99% 2%,96% 96%,72% 100%,4% 94%,0 8%)!important;background:#fffdf4!important;box-shadow:inset 0 -34px 0 rgba(255,243,207,.95), inset 0 0 0 2px rgba(18,16,13,.1)}.image-piece[data-backing-type="polaroid"] .cut-wrap img{clip-path:polygon(1% 1%,99% 0,96% 86%,3% 88%)!important}.image-piece[data-backing-type="color"] .cut-wrap:before{background:linear-gradient(135deg,var(--pink),var(--acid) 48%,var(--cyan))!important}.image-piece[data-backing-type="receipt"] .cut-wrap:after{background:repeating-linear-gradient(90deg,rgba(18,16,13,.35) 0 10px,transparent 10px 18px),repeating-linear-gradient(0deg,rgba(18,16,13,.11) 0 1px,transparent 1px 13px);opacity:.34}.image-piece[data-backing-type="newsprint"] .cut-wrap:after{content:"PULP DAILY   LOCAL NOTICE   FOUND IMAGE   ";display:block;font:900 9px/1.15 ui-monospace,monospace;color:rgba(18,16,13,.34);letter-spacing:.08em;white-space:normal;padding:8px;mix-blend-mode:multiply}.image-piece[data-backing-type="black"] .cut-wrap img{filter:grayscale(.15) contrast(1.35) saturate(.9)}.image-piece[data-backing-type="black"] .cut-wrap{padding:18px!important}.image-piece[data-backing-type="none"] .cut-wrap img{filter:drop-shadow(9px 11px 0 rgba(18,16,13,.68)) saturate(1.05) contrast(1.12)}

/* Phone browser version */
@media(max-width:720px){
  html,body{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body:before{height:12px}.paper-noise{opacity:.12}body:after{display:none}
  .topbar{top:12px;display:grid;grid-template-columns:1fr;gap:.45rem;padding:.55rem .6rem;transform:none}.brand-mark{width:38px;height:38px;box-shadow:3px 3px 0 var(--pink),5px 5px 0 var(--ink)}.brand strong{font-size:.9rem}.brand em{font-size:.58rem}.topbar nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem}.topbar button{font-size:.57rem;padding:.42rem .25rem;box-shadow:2px 2px 0 var(--ink)}
  .app-shell{padding:.55rem;max-width:none}.hero-panel{display:block;padding:.35rem 0 .5rem;border-bottom:0}.hero-panel:before{font-size:.48rem;margin:.25rem 0 .4rem}.hero-panel h1{font-size:2.05rem;line-height:.86;max-width:100%;text-shadow:1px 1px 0 var(--orange),2px 2px 0 rgba(18,16,13,.18)}.lede{font-size:.78rem;line-height:1.32}.prompt-card{margin-top:.65rem;transform:rotate(.4deg);box-shadow:4px 4px 0 var(--orange),7px 7px 0 var(--ink)}.prompt-card strong{font-size:.92rem}.prompt-card small{font-size:.66rem}.prompt-card:after{font-size:.48rem;right:.2rem;bottom:-.6rem}
  .workspace{display:flex;flex-direction:column;gap:.65rem}.board-wrap{order:1;transform:none;border-width:2px;box-shadow:4px 4px 0 var(--ink)}.board-toolbar{display:block;padding:.65rem}.board-toolbar h2{font-size:1.75rem}.tools{display:grid;grid-template-columns:repeat(6,1fr);gap:.28rem;margin-top:.5rem}.tools button{font-size:.56rem;padding:.42rem .1rem;min-height:34px;box-shadow:2px 2px 0 var(--ink)}
  .artboard{width:calc(100vw - 1.45rem);height:calc(100vw - 1.45rem);min-height:0;aspect-ratio:1/1;margin:.55rem auto .75rem;border-width:3px;box-shadow:inset 0 0 0 7px rgba(255,107,0,.08),5px 5px 0 var(--pink),8px 8px 0 var(--ink)}.board-label{font-size:.49rem;left:8px;top:8px}.drop-hint{font-size:3.1rem;line-height:.8}
  .tray{order:2;transform:none;padding:.65rem;box-shadow:4px 4px 0 var(--ink)}.tray-head{align-items:center;margin-bottom:.5rem}.tray h2{font-size:1.35rem}.tray-head p:last-child{font-size:.72rem;padding:.28rem .35rem}.clip-tray{display:flex;gap:.55rem;overflow-x:auto;overflow-y:hidden;max-height:none;scroll-snap-type:x mandatory;padding:.2rem .2rem .55rem}.image-clip{flex:0 0 132px;min-height:142px;display:grid;grid-template-columns:1fr;grid-template-rows:76px auto auto;scroll-snap-align:start;padding:.45rem}.image-clip img{width:100%;height:76px}.image-clip .label{font-size:.66rem}.image-clip .meta{font-size:.48rem}.image-clip .clip-number{font-size:.5rem}
  .scorecard{order:3;position:static;transform:none;padding:.7rem;box-shadow:4px 4px 0 var(--ink)}.scorecard h2{font-size:1.5rem}.grade-output{padding:.75rem}.grade-output strong{font-size:1rem}.grade-output p,.share-note{font-size:.75rem}.ritual-list li{font-size:.62rem;padding:.3rem}.share-note{margin-top:.7rem}
  .resize-handle{width:26px;height:26px;border-width:2px}.resize-handle.nw{left:-15px;top:-15px}.resize-handle.ne{right:-15px;top:-15px}.resize-handle.sw{left:-15px;bottom:-15px}.resize-handle.se{right:-15px;bottom:-15px}.rotate-handle{width:42px;height:42px;line-height:38px;top:-72px;margin-left:-21px}.image-piece.selected:after{display:none}.image-piece[data-pin="1"].selected .rotate-handle + .resize-handle:before{display:none}
}

/* Seven tool buttons on phone after adding Back */
@media(max-width:720px){.tools{grid-template-columns:repeat(7,1fr)}.tools button{font-size:.52rem}}

.pulp-link{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.pulp-link:hover{color:var(--orange)}