.art-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.art-nav button{padding:12px 8px;background:#fff7ed;border:1px solid #d7af83;border-radius:16px;color:#865427;font:800 16px var(--font)}.art-nav button[aria-pressed=true]{background:#92612f;color:white}.art-skill-trail{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.art-skill-trail button{width:44px;min-height:44px;border:1px solid #d7af83;border-radius:15px;background:#fff7ed;color:#865427;font:800 17px var(--font)}.art-skill-trail button[aria-pressed=true]{background:#92612f;color:white}.art-skill-stage{width:100%;max-width:580px}.art-skill-mission{font-size:19px;line-height:1.6;max-width:580px;margin:12px 0 20px}.art-skill-note{font-size:14px;line-height:1.6;max-width:540px;margin:16px auto}.art-skill-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0}.art-skill-actions .primary-button{width:auto;min-width:145px}.art-skills-content .feedback{min-height:52px;line-height:1.6}.texture-paper{border:2px solid #e3d1b4;border-radius:20px;background:#fffdf7;margin:12px 0 20px;padding:8px}.texture-picture{display:block;width:100%;height:auto;max-width:520px;margin:auto}.texture-picture [data-art-patch]{cursor:pointer}.texture-picture [data-art-patch]:focus-visible{outline:none;stroke:#215b87;stroke-width:6}.texture-palette,.texture-tools,.mirror-stamps{border:1px solid #d7af83;border-radius:16px;padding:12px;display:grid;gap:8px;margin:18px 0}.texture-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.texture-tools,.mirror-stamps{grid-template-columns:repeat(4,minmax(0,1fr))}.art-skill-stage legend{font:800 17px var(--font);padding:0 6px}.texture-palette button,.texture-tools button,.mirror-stamps button{min-width:0;min-height:64px;border:2px solid #d7af83;border-radius:12px;background:#fffdf7;color:#795029;font:800 15px var(--font);padding:8px 4px}.texture-palette button[aria-pressed=true],.texture-tools button[aria-pressed=true],.mirror-stamps button[aria-pressed=true]{border-color:#396c91;background:#eaf1f5;box-shadow:0 0 0 1px #396c91}.texture-palette button span{display:block;width:26px;height:26px;border-radius:50%;margin:0 auto 5px}.texture-tools svg{display:block;width:40px;height:28px;margin:0 auto 5px}.art-selection,.mirror-selection{font-weight:800;line-height:1.5}.mirror-labels{display:grid;grid-template-columns:1fr 1fr;font:800 17px var(--font);margin:20px 0 10px}.mirror-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#f4ead8;border-radius:18px;padding:12px}.mirror-art-grid>div,.mirror-art-grid>button{aspect-ratio:1;display:grid;place-items:center;border:2px solid #d9c4a0;border-radius:12px;font-size:38px;min-width:0;min-height:44px;background:#fffdf7;color:#795029}.mirror-art-grid>div{background:#f0f5e7}.mirror-art-grid>:nth-child(4n+3){border-left:4px dashed #795029}.mirror-art-grid .mirror-pair-hint{outline:3px solid #396c91;outline-offset:1px}.mirror-stamps button span{display:block;font-size:30px;margin-bottom:5px}.art-skills-content button:focus-visible,.art-nav button:focus-visible{outline:3px solid #396c91;outline-offset:4px}@media(max-width:650px){.art-nav{grid-template-columns:1fr;gap:8px}.art-skill-trail{gap:6px}.art-skill-trail button{width:40px}.art-skill-mission{font-size:17px}.texture-tools,.mirror-stamps{grid-template-columns:repeat(2,minmax(0,1fr))}.texture-palette{padding:8px;gap:6px}.texture-palette button{font-size:14px}.mirror-art-grid{gap:5px;padding:8px}.mirror-art-grid>div,.mirror-art-grid>button{font-size:28px;border-radius:9px}.mirror-labels{font-size:15px}.texture-paper{padding:2px}}

.mirror-reflection{display:block;transform:scaleX(-1)}