.coloring-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:24px 0}.coloring-card{display:flex;flex-direction:column;gap:10px;align-items:center;background:#fffefa;border:1px solid var(--line);border-radius:20px;padding:14px;color:var(--ink);font:inherit;font-weight:700;min-height:180px;cursor:pointer}.coloring-card:hover{border-color:#649e80;background:#eef6ea}.coloring-preview{display:block;width:100%;height:145px;pointer-events:none}.coloring-preview svg{width:100%;height:100%}.coloring-picture-title{font-size:clamp(25px,4vw,38px);margin:10px 0 20px}.coloring-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(245px,.7fr);gap:24px;align-items:start}.coloring-canvas{background:white;border:1px solid var(--line);border-radius:24px;padding:12px;overflow:hidden}.coloring-canvas>svg{display:block;width:100%;height:auto;max-height:65vh}.coloring-canvas [data-region]{cursor:pointer;touch-action:manipulation}.coloring-canvas [data-region]:focus-visible{outline:none;stroke:#203d3c;stroke-width:5;stroke-dasharray:5 4}.coloring-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.coloring-swatch{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;min-height:66px;min-width:44px;border:2px solid transparent;border-radius:14px;background:#fffefa;color:var(--ink);font:inherit;font-size:12px;padding:6px;cursor:pointer}.coloring-swatch[aria-pressed=true]{border-color:#203d3c;background:#e3f0e5}.coloring-swatch-dot{display:grid;place-items:center;width:30px;height:30px;background:var(--paint);border:1px solid #203d3c66;border-radius:50%;color:#fff;text-shadow:0 1px 3px #203d3c,1px 0 3px #203d3c;font-weight:900;font-size:22px}.coloring-selected{font-weight:700}.coloring-tools h2{font-size:22px;margin:0 0 15px}.coloring-playing footer{display:none}#coloringUndo,#coloringReset,#coloringChoose{min-height:44px}#coloringStatus{min-height:44px;line-height:1.5}@media(max-width:750px){.coloring-layout{grid-template-columns:1fr;gap:16px}.coloring-canvas>svg{max-height:52vh}.coloring-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.coloring-swatch{font-size:10px;min-height:62px;padding:4px}.coloring-tools h2{font-size:18px;margin-bottom:10px}.coloring-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coloring-playing .play-top{flex-wrap:wrap;gap:8px}.coloring-picture-title{margin:8px 0 12px}.coloring-preview{height:120px}}@media(max-width:380px){.coloring-palette{grid-template-columns:repeat(5,minmax(0,1fr))}}