#painting-open{width:100%;margin-top:10px;min-height:50px;background:#a341d8;color:white}#painting-dialog{width:min(740px,calc(100vw - 16px));max-width:740px;max-height:calc(100dvh - 16px);overflow:auto;padding:16px;box-sizing:border-box}#painting-title{margin:0 45px 6px 0;font-size:24px}#painting-hint{font-size:13px;line-height:1.4;min-height:36px;margin:7px 0}.painting-workspace{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:12px;align-items:stretch}#painting-board{display:block;width:100%;height:min(54dvh,420px);background:white;border:3px solid #123d61;border-radius:12px;box-sizing:border-box;touch-action:manipulation}#painting-board [role=button]{cursor:crosshair;transition:fill .15s}#painting-board [role=button]:focus-visible{stroke:#ff008c;stroke-width:5;outline:none}#painting-colors{display:grid;grid-template-rows:repeat(8,1fr);gap:5px}.painting-pot{min-height:42px;min-width:54px;border:3px solid #123d61;border-top:8px solid #123d61;border-radius:8px 8px 16px 16px;background:var(--paint)!important;padding:0;position:relative;box-shadow:inset 0 -5px #0002}.painting-pot span{display:block;font-size:10px;color:#123d61;background:#ffffffdd;border-radius:6px;margin:0 3px}.painting-pot[aria-pressed=true]{outline:4px solid #ffcf24;outline-offset:1px;box-shadow:inset 0 0 0 3px white}#painting-count{display:block;text-align:center;font-size:13px;margin:8px 0}#painting-finish{width:100%;min-height:52px;background:#079e4e;color:white;font-size:20px;border:2px solid #056c36}#painting-finish:disabled{opacity:.45}#painting-retry{width:100%;min-height:48px;margin-top:8px}@media(max-width:440px){#painting-dialog{padding:10px}#painting-title{font-size:19px}.painting-workspace{grid-template-columns:minmax(0,1fr) 58px;gap:8px}.painting-pot{min-width:50px;min-height:39px}.painting-pot span{font-size:9px}#painting-board{height:350px}}@media(prefers-reduced-motion:reduce){#painting-board [role=button]{transition:none}}.reduced #painting-board [role=button]{transition:none}