:root{color-scheme:light;font:14px/1.65 system-ui,sans-serif;color:#294941;background:#eeeadd}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:30px 28px 40px}header{display:flex;align-items:start;justify-content:space-between;gap:30px}.eyebrow{font:10px/1.6 monospace;letter-spacing:.12em;color:#76856a;margin:0 0 10px}h1{font:clamp(30px,4vw,45px)/1.15 Georgia,serif;font-weight:400;margin:0}.intro{max-width:650px;color:#74816c;font-size:13px;margin:16px 0 0}a{color:#315f61;text-underline-offset:4px}.back{font:11px monospace;white-space:nowrap;padding-top:8px}.collection-meta{margin:24px 0 14px;display:flex;gap:10px;font:10px/1.6 monospace;letter-spacing:.05em;color:#7d876f}.viewer{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);border:1px solid #bac6ac;border-radius:12px;overflow:hidden;background:#fff9e9}.stage{height:auto;min-height:520px;position:relative;min-width:0;background:#e1e6d6}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.stage-label{position:absolute;left:18px;top:16px;pointer-events:none;color:#74846d;font:9px/1.5 monospace;letter-spacing:.1em}#status{position:absolute;left:20px;right:20px;top:45%;text-align:center;pointer-events:none;font:12px monospace}aside{padding:26px 26px 20px;border-left:1px solid #cbd2bb}h2{font:34px/1.2 Georgia,serif;font-weight:400;margin:0 0 14px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font:bold 9px/1.6 monospace;letter-spacing:.04em;background:#dfe7ca;padding:4px 7px;border-radius:3px}.tags span+span{background:#f1e6c7;color:#897648}#candidate-role{font-size:12px;color:#6b7c65;line-height:1.8;margin:15px 0}.move-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.move-tags span{font:10px monospace;border:1px solid #d8d5bc;border-radius:4px;padding:7px 8px;color:#84744c}.asset-controls{border-top:1px solid #dddcc8;padding-top:14px}label{display:block;font:10px monospace;letter-spacing:.04em;margin:7px 0;color:#6f7e65}button,select{font:11px monospace;min-height:44px;border:1px solid #adbd9e;background:#fff9e8;color:#35554a;border-radius:5px;padding:9px 12px}button{cursor:pointer}select{width:100%;max-width:100%;margin-bottom:5px}button[aria-pressed=true]{background:#365c4e;color:#fff9e8}button:disabled,select:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d59e3d;outline-offset:3px}.asset-note{font:10px/1.8 monospace;color:#889078;margin:12px 0}.download{display:inline-flex;align-items:center;min-height:44px;font:11px monospace}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.hint{font:10px/1.8 monospace;color:#849075;margin:12px 0 28px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.animal-card{padding:0;text-align:left;overflow:hidden;background:#f9f5e6;border:1px solid #c3cbb5;border-bottom:3px solid #bac5a7;transition:transform .15s}.animal-card:hover{transform:translateY(-3px)}.animal-card[aria-pressed=true]{background:#fff9e8;color:#294941;border:2px solid #42664e;border-bottom-width:3px}.animal-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#e1e6d6}.card-copy{display:block;padding:14px}.card-copy strong{display:block;font:21px Georgia,serif;margin-bottom:8px}.card-copy small{display:block;font:9px/1.8 monospace;color:#879176}.card-copy .card-type{color:#677c54;margin-top:3px}.morph-control{display:grid;grid-template-columns:65px 1fr;gap:8px;align-items:center;font:10px monospace}.morph-control input{width:100%;min-height:32px;accent-color:#658658}footer{border-top:1px solid #c8cfb9;margin-top:28px;padding-top:16px;font:10px/1.9 monospace;color:#89917c}footer p{max-width:900px}footer strong{color:#6c7d61}[hidden]{display:none!important}[data-capture] .stage{width:512px;height:384px;min-height:0}[data-capture] .stage-label{display:none}@media(max-width:850px){.viewer{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.stage{min-height:530px}aside{padding:22px 18px}h2{font-size:30px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){main{padding:20px 14px 30px}header{display:block}.back{display:inline-block;margin-top:14px}h1{font-size:34px}.intro{font-size:12px}.viewer{grid-template-columns:1fr}.stage{height:360px;min-height:0}aside{border-left:0;border-top:1px solid #cbd2bb;padding:20px}.stage-label{font-size:8px}.collection-meta{font-size:9px;margin-top:20px}.cards{gap:10px}.card-copy{padding:11px}.card-copy strong{font-size:19px}.controls{gap:6px}.controls button{padding:9px 10px;font-size:10px}footer{font-size:9px}.hint{margin-bottom:22px}}@media(prefers-reduced-motion:reduce){.animal-card{transition:none}.animal-card:hover{transform:none}}