.colorworks-page{--cw-ink:#180f22;--cw-purple:#5b2ca0;--cw-hot:#ff4f78;--cw-gold:#ffd447;--cw-mint:#60e0b5}.colorworks-shell{margin:28px 0;padding:clamp(18px,4vw,36px);border:3px solid var(--cw-ink);background:linear-gradient(135deg,#fff8d4 0,#e9fff4 46%,#eee4ff 100%);box-shadow:10px 10px 0 var(--cw-ink)}.colorworks-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.colorworks-head h2{margin:0;font:clamp(1.8rem,4vw,3rem)/1 AyePixel,monospace}.colorworks-head label{font-weight:900}.colorworks-head select{display:block;margin-top:7px;padding:10px;border:2px solid var(--cw-ink);background:#fff;font:inherit}.colorworks-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.colorworks-stats>div{padding:11px;border:2px solid var(--cw-ink);background:#fff}.colorworks-stats small{display:block;font-weight:900;letter-spacing:.08em}.colorworks-stats strong{display:block;margin-top:5px;font-size:1.1rem}.colorworks-workbench{padding:18px;border:3px solid var(--cw-ink);background:var(--cw-purple);color:#fff}.colorworks-mascot{display:flex;align-items:center;gap:14px;font-weight:900}.colorworks-mascot .artisan{display:grid;place-items:center;width:62px;height:62px;border:3px solid #fff;border-radius:50%;background:var(--cw-ink);color:var(--cw-gold);font:900 .92rem/1 AyePixel,monospace}.colorworks-mascot p{margin:0}.colorworks-inventory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:18px 0}.pigment{min-height:104px;padding:10px 6px;border:2px solid var(--cw-ink);background:#fff;color:var(--cw-ink);font:inherit;box-shadow:4px 4px 0 var(--cw-ink)}.pigment:disabled{opacity:.36;box-shadow:none}.pigment strong,.pigment>span:last-child{display:block;margin-top:6px}.pigment>span:last-child{font-size:.82rem}.dye-chip{display:inline-grid;place-items:center;width:42px;height:42px;border:3px solid var(--cw-ink);border-radius:50%;color:var(--cw-ink);font:900 .9rem/1 AyePixel,monospace;box-shadow:3px 3px 0 var(--cw-ink)}.dye-chip.small{width:29px;height:29px;border-width:2px;box-shadow:none;font-size:.68rem}.dye-berry{background:#ff4f78}.dye-sun{background:#ffd447}.dye-lagoon{background:#4bc6ff}.dye-cloud{background:#fff7df}.dye-charcoal{background:#34293f;color:#fff}.colorworks-vats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dye-vat{min-height:178px;padding:12px;border:3px solid var(--cw-ink);background:#fff;color:var(--cw-ink);text-align:left;box-shadow:4px 4px 0 var(--cw-ink)}.dye-vat.selected{outline:5px solid #26dbcf;outline-offset:2px}.dye-vat.matched{box-shadow:4px 4px 0 var(--cw-mint)}.target-banner{display:grid;place-items:center;min-height:52px;margin-bottom:10px;border:2px solid var(--cw-ink);color:var(--cw-ink);font:900 .75rem/1 AyePixel,monospace}.dye-vat>strong,.vat-name{display:block}.vat-name{margin:5px 0 10px;color:#5f5267}.vat-recipe{display:flex;min-height:33px;gap:6px;align-items:center;flex-wrap:wrap;font-weight:800}.colorworks-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.colorworks-actions button{padding:11px 15px;border:2px solid var(--cw-ink);background:#fff;color:var(--cw-ink);font-weight:900}.colorworks-actions .primary{background:var(--cw-hot);color:#fff}.colorworks-actions .check{background:var(--cw-mint)}.colorworks-status{min-height:1.5em;margin:15px 0 0;font-weight:900}.colorworks-note{line-height:1.55}.colorworks-guide{margin-top:34px}@media(max-width:800px){.colorworks-inventory{grid-template-columns:repeat(3,1fr)}.colorworks-vats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.colorworks-shell{box-shadow:6px 6px 0 var(--cw-ink)}.colorworks-head{align-items:start;flex-direction:column}.colorworks-stats{grid-template-columns:repeat(2,1fr)}.colorworks-stats>div:last-child{grid-column:span 2}.colorworks-inventory,.colorworks-vats{grid-template-columns:1fr 1fr}.colorworks-actions button{flex:1 1 42%}}