.profile-sections{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.profile-sections a{padding:10px 16px;border:1px solid var(--line,#d8d6ce);border-radius:24px;text-decoration:none;font-size:14px;background:var(--paper,#fffdf7)}#shared-profile-form section{scroll-margin-top:100px}#shared-profile-form h2{margin-top:8px}#shared-profile-form .check{align-items:flex-start}#shared-profile-form input[type=checkbox]{flex-shrink:0}#shared-profile-form .interest-group{margin-top:12px}#shared-profile-form .interest-group summary{min-height:48px}#shared-profile-form .interest-option{min-height:44px}#shared-profile-form .chosen button{min-height:38px}#profile-children{display:grid;gap:16px}.children-heading{margin-top:28px}.profile-child{padding:18px;border:1px solid var(--line,#d8d6ce);border-radius:12px;min-width:0}.profile-child legend{font-weight:600;padding:0 6px}.profile-child button{margin-top:14px}.profile-savebar{position:sticky;bottom:12px;z-index:10;display:flex;align-items:center;gap:20px;padding:16px 20px;margin:0 0 28px;background:var(--paper,#fffdf7);border:1px solid var(--line,#d8d6ce);border-radius:14px;box-shadow:0 8px 24px #173f351a}.profile-savebar span{font-size:14px;line-height:1.5}.profile-savebar .button{flex-shrink:0;min-height:48px}#interest-search{width:100%}#profile-avatar{flex-shrink:0}@media(max-width:640px){.profile-savebar{flex-direction:column;align-items:stretch;gap:9px;bottom:8px;padding:12px}.profile-savebar span{text-align:center}.profile-sections{gap:8px}.profile-sections a{padding:10px 12px}.profile-child .two,#household-details>.two{grid-template-columns:1fr}.profile-child{padding:14px}#interest-groups .interest-grid{grid-template-columns:1fr}}
@media(max-width:760px){.profile-savebar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}html.tavern-installed .profile-savebar{bottom:8px}html.tavern-installed #shared-profile-form section{scroll-margin-top:24px}}
.portrait-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,1fr);gap:30px;align-items:center;margin-top:24px}.portrait-stage{text-align:center;padding:25px;background:var(--soft);border:1px solid var(--line);border-radius:14px}.portrait-stage canvas{width:min(100%,280px);height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 5px var(--paper),0 0 0 7px var(--gold);background:#e9dfca}.portrait-controls{display:grid;gap:10px}.portrait-controls label{margin:4px 0 0}.portrait-controls input[type=range]{width:100%;padding:0;accent-color:var(--green);min-height:30px}.portrait-controls input[type=color]{height:42px;width:70px;padding:3px}.portrait-controls select{width:100%;min-height:44px}#portrait-colors{display:flex;gap:10px;flex-wrap:wrap;margin:7px 0}#portrait-colors button{width:44px;height:44px;border-radius:50%;background:var(--swatch);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line);cursor:pointer}#portrait-colors button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#portrait-editor .muted{font-size:13px;line-height:1.6}@media(max-width:600px){.portrait-layout{grid-template-columns:1fr;gap:20px}.portrait-stage canvas{max-width:220px}.portrait-controls{gap:9px}}