/* Painted friend gallery and six-way part picker. */
.friend-expanded{--friend-ink:#244c3d;--friend-edge:#d9dfd0;--friend-cream:#fffaf0;--friend-green:#edf4e9;max-width:1120px}
.friend-expanded h3{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.2;color:var(--friend-ink);margin:0 0 8px}
.friend-expanded p{line-height:1.6}
.friend-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}
.friend-section-heading p{margin:0;color:#637162;max-width:620px}
.friend-expanded .friend-quiet{background:#fffef9;border:1px solid var(--friend-edge);font-size:.9rem;max-width:215px;padding:10px 14px;flex-shrink:0}
.friend-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:32px}
.friend-expanded .friend-preset{background:#fff9ed;border:1px solid #e3dfd0;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:5px 5px 12px;gap:1px;position:relative;box-shadow:0 3px 0 #eee9dd;transition:background .15s,border-color .15s}
.friend-preset>svg{display:block;width:100%;height:auto}
.friend-preset>strong{font-size:.95rem;line-height:1.4}
.friend-expanded .friend-preset:hover{border-color:#7d9a7f;background:#f1f6e9}
.friend-expanded .friend-preset[aria-pressed=true]{border:2px solid #365f45;padding:4px 4px 11px;outline:0;background:#eaf2e3;box-shadow:0 3px 0 #b9cbb5}
.friend-expanded .friend-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:30px;padding-top:28px;border-top:1px solid #e1e5d9}
.friend-preview-column{min-width:0;position:sticky;top:18px}
.friend-expanded .friend-scene{padding:14px 14px 10px;border-color:var(--friend-edge);background:#f1f6ee;box-shadow:0 5px 18px #314f3010}
.friend-expanded .friend-scene figcaption{font-size:1rem;color:var(--friend-ink)}
.friend-expanded .friend-scene>svg{max-height:430px;object-fit:contain}
.friend-expanded .friend-trying{border:2px dashed #a1aa7c;padding:13px 13px 9px}
.friend-preview-tools{display:flex;justify-content:center;gap:10px;margin:13px 0}
.friend-expanded .friend-preview-tools button{background:#fffdf7;border:1px solid var(--friend-edge);padding:9px 18px;border-radius:14px}
.friend-expanded .friend-summary{margin:14px 0 0;border:1px solid #e3e6db;border-radius:18px;padding:3px 14px;background:#fffefa}
.friend-expanded .friend-summary li{padding:9px 0;flex-wrap:nowrap;gap:8px}
.friend-expanded .friend-summary li:last-child{border-bottom:0}
.friend-expanded .friend-summary li>span{flex:1 1 auto;min-width:0;line-height:1.5}
.friend-part-name{display:block;color:#62705f;font-size:.85rem}
.friend-expanded .friend-summary button{flex:0 0 auto;font-size:.8rem;padding:6px 10px;min-height:44px;background:transparent;border:1px solid #dce2d5;border-radius:12px}
.friend-picker-intro{color:#637162;margin:0 0 18px}
.friend-category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#eef1e6;border:1px solid #e1e4d6;border-radius:17px;padding:5px;margin-bottom:20px}
.friend-expanded .friend-category-nav button{background:transparent;border:1px solid transparent;border-radius:12px;padding:9px 7px;font-size:.95rem;color:#53654d;outline:0}
.friend-expanded .friend-category-nav button[aria-pressed=true]{background:#fffefa;color:#244c3d;border-color:#d7dfcd;box-shadow:0 2px 6px #41503712}
.friend-expanded #friend-part-panel{margin:0 0 18px}
.friend-expanded #friend-part-panel legend{display:flex;align-items:center;gap:8px;font-weight:750;color:var(--friend-ink)}
.friend-choice-count{font-size:.8rem;min-width:24px;min-height:24px;text-align:center;line-height:24px;border-radius:50%;background:#e7eedf;color:#627451}
.friend-expanded .friend-pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.friend-expanded .friend-pieces button{min-height:147px;background:#fffbf1;border:1px solid #e0dfcf;border-radius:18px;padding:10px 6px 9px;gap:6px;position:relative;justify-content:flex-start}
.friend-expanded .friend-pieces button:hover{background:#f4f7ec;border-color:#839873}
.friend-expanded .friend-pieces button[aria-pressed=true]{background:#edf4e3;border:2px solid #486940;outline:0;padding:9px 5px 8px}
.friend-expanded .friend-pieces button.friend-part-current{box-shadow:inset 0 -3px 0 #bdcfae}
.friend-expanded .friend-pieces svg{height:78px;max-width:140px;flex-shrink:0}
.friend-expanded .friend-pieces strong{font-size:.92rem;line-height:1.35}
.friend-current-label{font-size:.69rem;line-height:1.3;color:#547144;background:#eef4e5;padding:2px 6px;border-radius:5px}
.friend-expanded .friend-placement{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.friend-expanded .friend-placement button{padding:12px 14px;font-size:.92rem;border-radius:15px}
.friend-expanded .friend-placement .primary{background:#315a40;color:#fffdf4;border-color:#315a40}
.friend-expanded .friend-placement button:disabled{opacity:.48}
.friend-expanded .friend-status{margin:10px 0 0;font-size:.9rem;min-height:2.8em;color:#5a6d50}
.friend-expanded .friend-access{background:#f5f5ec;border:1px solid #e7e7db;border-radius:20px;padding:13px;margin:28px 0}
.friend-expanded .friend-access button{background:#fffdf6;border:1px solid #dce0d0;border-radius:14px}
.friend-expanded .friend-access button[aria-pressed=true]{background:#e5eedc;border-color:#6e8b5e;outline:1px solid #6e8b5e}
.friend-play-ideas{border-top:1px solid #e1e5d9;padding-top:26px;margin-top:26px}
.friend-play-ideas>p{color:#637162;margin:0 0 18px}
.friend-play-ideas>label{display:block;font-weight:750;margin:0 0 8px}
.friend-expanded .friend-play-ideas select{margin-bottom:14px;background:#fffef9;border-color:#d7dfce}
.friend-expanded .friend-guide-control{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:0 0 18px}
.friend-expanded .friend-guide{border-color:#718d67;background:#f1f5e9}
.friend-expanded .friend-guide button[aria-pressed=true]{background:#e3edd7;border-color:#6e8b5e;outline-color:#6e8b5e}
.friend-expanded :focus-visible{outline:3px solid #326b83!important;outline-offset:3px!important}
@media(max-width:800px){.friend-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.friend-preset>svg{max-height:160px}.friend-expanded .friend-layout{gap:20px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.friend-expanded .friend-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-expanded .friend-pieces button{min-height:136px}}
@media(max-width:650px){.friend-section-heading{align-items:flex-start;gap:12px;flex-direction:column}.friend-expanded .friend-quiet{max-width:none}.friend-presets{margin-bottom:24px;gap:8px}.friend-preset>strong{font-size:.9rem}.friend-expanded .friend-layout{grid-template-columns:1fr;padding-top:22px}.friend-preview-column{position:static}.friend-expanded .friend-scene>svg{max-height:300px}.friend-expanded .friend-summary{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;font-size:.9rem;padding:4px 12px}.friend-expanded .friend-summary li{align-items:flex-start;flex-direction:column;justify-content:flex-start}.friend-expanded .friend-summary li:nth-last-child(-n+2){border-bottom:0}.friend-expanded .friend-summary button{width:100%}.friend-expanded .friend-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}.friend-expanded .friend-pieces button{min-height:139px}.friend-expanded .friend-pieces svg{height:69px}.friend-expanded .friend-category-nav button{font-size:.9rem;padding:9px 5px}.friend-expanded .friend-access{margin:24px 0}.friend-expanded .friend-guide-control{justify-content:center}}
@media(max-width:380px){.friend-expanded .friend-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-presets{gap:5px}.friend-preset>strong{font-size:.82rem}.friend-expanded .friend-preset{border-radius:14px}.friend-expanded .friend-placement{grid-template-columns:1fr}.friend-expanded .friend-scene>svg{max-height:255px}}
@media(prefers-reduced-motion:reduce){.friend-expanded .friend-preset{transition:none}}