:root{font-family:Trebuchet MS,Arial,sans-serif;color:#50415e;background:#f7edf8;font-synthesis:none;--ink:#50415e;--muted:#75667e;--line:#bba4c8;--purple:#e4d5f5;--pink:#f9dbe8;--mint:#ddf1e9;--butter:#fff1c9;--pixel:4px 4px 0 #d0bddc}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(115deg,#f9e3ec55,transparent 45%),linear-gradient(290deg,#e1f0ef99,transparent 60%);line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border-radius:0;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:3px solid #735493;outline-offset:4px}button:not(:disabled):active{translate:2px 2px;box-shadow:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}h2{font-size:20px}h3{font-size:17px}p{font-size:16px}img{max-width:100%}[hidden]{display:none!important}
.site-header{max-width:1424px;margin:0 auto;padding:22px 0 17px;display:flex;align-items:center;gap:28px;border-bottom:2px dashed #d7c4e2}.brand{display:flex;align-items:center;gap:12px;font-family:Consolas,'Courier New',monospace;font-size:29px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.header-note{font-size:14px;color:var(--muted)}.site-header .quiet{margin-left:auto;background:#fff4d5;border-color:#c8b993;box-shadow:3px 3px 0 #e6d9b7;padding:9px 15px}.quiet{background:transparent;border:1px solid transparent;font-size:14px;font-weight:700;padding:8px 10px}.quiet:hover:not(:disabled){background:#eadff2;border-color:var(--line)}
main{max-width:1424px;margin:28px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:28px;align-items:start}.workspace{min-width:0}.intro{margin-bottom:22px}.intro h1{font-family:Consolas,'Courier New',monospace;font-size:clamp(24px,2.7vw,36px);font-weight:700;letter-spacing:-1.3px;line-height:1.4;color:#66517a}.title-paw{display:inline-block;width:45px;height:45px;object-fit:contain;vertical-align:middle;image-rendering:pixelated;margin-left:2px}.intro p{color:var(--muted);margin-top:5px;font-size:16px}.eyebrow{display:block;font:700 12px/1.4 Consolas,'Courier New',monospace;letter-spacing:1.3px;color:#7e668e}.panel{border:2px solid var(--line);box-shadow:var(--pixel);padding:20px;background:#fff7fc}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-heading h2{margin-top:4px}.panel-heading>div{min-width:0}.game-window{border:2px solid #a991ba;box-shadow:5px 5px 0 #d1bfdf;background:#f5edfc}.window-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 15px;background:#e1d1f0;border-bottom:2px solid #bba4cc;font:700 12px/1.4 Consolas,'Courier New',monospace;color:#715783}.window-pixels{display:flex;gap:6px}.window-pixels i{display:block;width:9px;height:9px;border:1px solid #ad95bf;background:#fce8ee}.window-pixels i:nth-child(2){background:#fff0c3}.window-pixels i:nth-child(3){background:#d3eade}.below{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 13px;border-top:2px solid #c3b5d2;background:#f7f0fd;color:#73657f;font-size:13px}.below>span{max-width:65%}.below .quiet{flex-shrink:0}
aside{display:grid;gap:23px;padding-top:5px;min-width:0}.fold-panel{background:#fff0e4;border-color:#cfb0a9;box-shadow:4px 4px 0 #e5ccc6}.aside-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pixel-flower{color:#bc869d;font-size:24px;line-height:1}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.section-title h2{font-size:19px}.section-title #count{white-space:nowrap;font:700 12px/1.5 Consolas,'Courier New',monospace;color:#84687a;padding:3px 6px;background:#ffe4d9;border:1px solid #e4bfb5}.primary,.next-model{width:100%;font-weight:700;min-height:46px;padding:11px 12px;border:2px solid #a78cbb;background:#e0cbed;box-shadow:3px 3px 0 #cbb2da;font-size:16px}.primary:hover:not(:disabled){background:#d2b7e3}.next-model{margin-top:12px;background:#fff9ee;font-size:14px;border-width:1px;box-shadow:2px 2px 0 #e1ccd9}#status{font-size:13px;line-height:1.6;min-height:40px;margin-top:15px;color:#846c78}.paper-panel{background:#e8f4ee;border-color:#adc7bd;box-shadow:4px 4px 0 #c8ded3}.paper-decoration{font-size:35px;line-height:1;color:#81a492}.swatches{display:flex;gap:12px;margin:4px 0 24px;flex-wrap:wrap}.swatch{position:relative;width:37px;height:37px;border:3px solid #fffaf3;background:var(--color);outline:1px solid #aec3b8;box-shadow:2px 2px 0 #c5d8cc}.swatch.selected{outline:2px solid #776086}.swatch.selected:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-weight:700;font-size:20px;color:#584960}.tip{display:flex;gap:12px;align-items:center;padding:0 9px;color:#8b7088}.tip>span{font-size:28px;color:#ba90b2}.tip p{font-size:14px;line-height:1.6}footer{max-width:1424px;margin:28px auto 0;padding:22px 0;display:flex;justify-content:space-between;gap:14px;color:#8e7b9a;font-size:12px}footer>span:nth-child(2){color:#b797c7;letter-spacing:5px}
@media(max-width:1488px){.site-header,main,footer{margin-left:32px;margin-right:32px}}@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 310px;gap:22px}.header-note{display:none}.panel{padding:17px}.intro h1{font-size:28px;letter-spacing:-1px}.title-paw{width:38px;height:38px}.below{align-items:flex-start;flex-direction:column;gap:2px}.below>span{max-width:none}.below .quiet{align-self:flex-end}.swatches{gap:10px}}@media(max-width:850px){.site-header,main,footer{margin-left:20px;margin-right:20px}main{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:22px}aside{grid-template-columns:1fr 1fr;gap:20px;align-items:start}.tip{grid-column:1/-1}.intro h1{font-size:30px}.header-note{display:block;font-size:12px}.below{flex-direction:row;align-items:center}.below>span{max-width:65%}}@media(max-width:560px){.site-header,main,footer{margin-left:14px;margin-right:14px}.site-header{padding:16px 0;gap:12px}.brand{font-size:23px;gap:7px}.brand-mark{width:29px;height:29px;font-size:23px}.header-note{display:none}.site-header .quiet{font-size:13px;padding:8px}.intro{margin-bottom:17px}.intro h1{font-size:25px;letter-spacing:-1px}.title-paw{width:35px;height:35px}.intro p{font-size:14px}aside{grid-template-columns:1fr}.panel{padding:17px}.window-bar{padding:8px 10px;font-size:12px}.window-pixels{gap:4px}.window-pixels i{width:7px;height:7px}.below{align-items:flex-start;flex-direction:column;font-size:12px;gap:2px}.below>span{max-width:none}.below .quiet{align-self:flex-end}.section-title h2{font-size:20px}footer{flex-wrap:wrap;font-size:12px;justify-content:center}footer>span:nth-child(2){display:none}}