@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#d7bc82;--muted:#98aa9f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0,#283b32,transparent 60%),#101a18;color:#e6eadd;font:13px Inter,system-ui}header{height:78px;padding:0 4vw;border-bottom:1px solid #334237;display:flex;align-items:center;justify-content:space-between;background:#111d19b8}header>a:first-child{font:23px Cinzel,Georgia;letter-spacing:3px;color:var(--gold);text-decoration:none}header>span{font-size:9px;letter-spacing:2px;color:#a3b69f}header b{margin-left:14px;border:1px solid #5d6649;padding:6px;color:#dac590}.back{font-size:11px;color:#b5c3b0;text-decoration:none}main{max-width:1320px;margin:auto;padding:30px 32px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold)}h1{font:34px Cinzel,Georgia;margin:11px 0 12px}.intro p:last-child{font-size:12px;color:var(--muted);line-height:1.7}.note{width:205px;flex-shrink:0;border-left:1px solid #6e7650;padding-left:17px;color:var(--gold);font-size:9px;letter-spacing:1px}.note small{display:block;color:var(--muted);font-size:10px;letter-spacing:0;line-height:1.7;margin-top:8px}.outfits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.outfit{padding:0;border:1px solid #3b4c3d;background:linear-gradient(150deg,#21352c,#15231f);border-radius:6px;text-align:left;color:#e4e9dd;cursor:pointer;overflow:hidden;transition:background .2s,border .2s}.outfit:hover{background:#2b3f31}.outfit.selected{border-color:#c9ae75;box-shadow:0 0 0 1px #d6bc6c22}.card-title{padding:17px 19px 0}.card-title span{font:8px Inter;letter-spacing:1.6px;color:#a8b99c}.card-title b{font:18px Cinzel,Georgia;display:block;margin-top:8px}.outfit canvas{display:block;width:100%;image-rendering:pixelated}.card-foot{padding:13px 15px;border-top:1px solid #ffffff0a;font:9px Inter;color:#9db39e;display:flex;justify-content:space-between;gap:4px}.card-foot em{font-style:normal;color:#cfb77b}.playground{border:1px solid #485740;border-radius:6px;overflow:hidden;background:#15221e}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;gap:16px}h2{font:19px Cinzel,Georgia;margin:6px 0 0}.toggles{display:flex;gap:15px;align-items:center;font-size:11px;color:#aebbab}.toggles label{display:flex;align-items:center;gap:5px}input{accent-color:#ccb582}button{font-family:inherit}.toggles button,.arrows button{background:#293c2e;border:1px solid #607351;color:#e0d0a3;padding:9px 11px;border-radius:3px;cursor:pointer}.toggles button[aria-pressed=true]{background:#c2a76f;color:#1c2b21}.stage{position:relative;background:#314339}.stage>canvas{display:block;width:100%;image-rendering:pixelated;outline:none;touch-action:none;cursor:crosshair}.stage:focus-within{box-shadow:inset 0 0 0 2px #b79e6b}.stage-badge{position:absolute;top:17px;left:20px;font-size:8px;letter-spacing:1.5px;color:#d8d9bd;pointer-events:none}.stage-badge span{display:block;font-size:7px;color:#9faf97;margin-top:6px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#14231ce6;color:var(--gold)}.controls{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#9aaf9d}.arrows{display:flex;gap:5px}.arrows button{font-size:15px;padding:5px 12px}kbd{font:9px Inter;border:1px solid #566950;padding:3px;border-radius:2px;color:#d5c795}footer{display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.8;color:#91a495;margin-top:19px}footer b{color:#bdc9b2}a{color:#cfb781}button:focus-visible,a:focus-visible{outline:2px solid #e7cb8c;outline-offset:3px}@media(max-width:800px){main{padding:22px 16px}.outfits{gap:8px}.card-title{padding:12px 10px 0}.card-title b{font-size:14px}.card-title span{font-size:7px}.card-foot{padding:9px;font-size:8px;min-height:43px}.card-foot em{display:none}.note{display:none}header>span{display:none}.toolbar,.controls,footer{flex-wrap:wrap}.toggles{font-size:10px;gap:9px}.stage-badge{top:9px;left:10px}h1{font-size:28px}}@media(max-width:480px){header{height:65px}header>a:first-child{font-size:17px}.back{font-size:9px}.outfits{grid-template-columns:1fr}.outfit{display:grid;grid-template-columns:140px 1fr}.card-title{align-self:center}.card-foot{grid-column:1/-1;padding:7px 12px}.outfit canvas{min-width:0}.intro p:last-child{font-size:11px}.toolbar{padding:14px}.stage-badge{font-size:6px}.stage-badge span{display:none}.controls{padding:12px;line-height:2}.arrows{width:100%;justify-content:center}}