.p-creative-game .p-creative-note{max-width:42rem;margin:10px auto 18px;line-height:1.7;color:#526273;text-align:center;font-size:.9rem}
.p-creative-game .p-creative-work{width:min(100%,660px);margin:auto;min-width:0}
.p-creative-game button{touch-action:manipulation;min-height:48px;cursor:pointer}
.p-creative-game button:disabled{opacity:1;cursor:default}
.p-creative-game button:focus-visible{outline:4px solid #364458;outline-offset:3px}
.p-creative-game button[aria-pressed=true]{border-color:#344257;box-shadow:0 0 0 2px #344257;background:#fff6d6}
.p-creative-game .p-creative-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0 auto 16px}
.p-creative-game .p-creative-color{display:flex;min-width:0;align-items:center;flex-direction:column;gap:6px;padding:9px 2px;border:2px solid #d9e1e4;border-radius:14px;background:#fff;font-size:.75rem;color:#344257}
.p-creative-game .p-creative-swatch{width:29px;height:29px;max-width:100%;display:block;background:var(--paint);border:2px solid #344257;border-radius:50%}
.p-creative-game .p-creative-brushes,.p-creative-game .p-creative-edit,.p-creative-game .p-creative-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:14px 0}
.p-creative-game .p-creative-brush,.p-creative-game .p-creative-edit button,.p-creative-game .p-creative-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:72px;padding:12px 15px;border:2px solid #c8d7da;border-radius:16px;background:#fff;color:#344257;font-size:.9rem;font-weight:800}
.p-creative-game .p-creative-brush-dot{display:block;width:var(--brush);height:var(--brush);border-radius:50%;background:#344257}
.p-creative-game .p-creative-canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3;box-sizing:border-box;border:0;box-shadow:inset 0 0 0 3px #aec3c9;border-radius:18px;background:#fff;touch-action:none;cursor:crosshair}
.p-creative-game .p-creative-actions .p-creative-finish{background:#ffe08a;border-color:#a87928;min-width:150px;min-height:58px;font-size:1.15rem}
.p-creative-game .p-creative-forms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.p-creative-game .p-creative-form{display:flex;align-items:center;flex-direction:column;gap:6px;padding:8px 3px;min-width:0;border:2px solid #d9e1e4;border-radius:16px;background:#fff;color:#344257;font-size:.8rem}
.p-creative-game svg{display:block;width:100%;height:auto}
.p-creative-game .p-creative-form svg{width:48px;max-width:100%}
.p-creative-game .p-creative-current{display:flex;align-items:center;justify-content:center;gap:12px;color:#344257;font-size:.95rem;font-weight:800}
.p-creative-game .p-creative-current svg{width:48px}
.p-creative-game .p-creative-city{display:grid;grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));gap:6px;padding:8px;background:#e3efed;border:2px solid #b4ceca;border-radius:18px}
.p-creative-game .p-creative-cell{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1;padding:4px;border:1px dashed #a7bebc;border-radius:11px;background:#fff;color:#91aaa6;font-size:1.8rem}
.p-creative-game .p-creative-step{text-align:center;font-size:.85rem;color:#60737c}
.p-creative-game .p-creative-work h3{text-align:center;color:#344257;font-size:1.25rem}
.p-creative-game .p-creative-story-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.p-creative-game .p-creative-story-choice{display:flex;align-items:center;flex-direction:column;gap:10px;min-width:0;min-height:140px;padding:12px 6px;border:2px solid #c7d9db;border-radius:20px;background:#fff;color:#344257;font-weight:800}
.p-creative-game .p-creative-story-choice svg{width:105px;max-width:100%}
.p-creative-game .p-creative-story-art{display:flex;gap:15px;padding:15px;background:#f4f3e5;border-radius:23px;justify-content:center}
.p-creative-game .p-creative-story-art svg{width:27%;max-width:130px}
.p-creative-game .p-creative-story{padding:12px 5px;line-height:2;color:#344257;font-size:1rem;text-align:center}
.p-creative-game .p-creative-question{padding:15px;border:2px dashed #c4ba8b;border-radius:17px;background:#fff9dd;font-weight:800}
@media(max-width:360px){.p-creative-game .p-creative-colors{gap:4px}.p-creative-game .p-creative-color{font-size:.66rem}.p-creative-game .p-creative-swatch{width:24px;height:24px}.p-creative-game .p-creative-brush,.p-creative-game .p-creative-edit button{padding:10px;font-size:.8rem}.p-creative-game .p-creative-story-options{gap:7px}.p-creative-game .p-creative-story-choice{padding:8px 3px;min-height:120px}.p-creative-game .p-creative-city{padding:5px;gap:4px}}