/* Actual rendered citadel frame; approved character art remains a separate layer. */
.family-dialog,#account.family-palace{--panel-width:min(620px,calc(100vw - 12px));box-sizing:border-box;width:var(--panel-width);max-width:none;max-height:calc(100dvh - 20px);padding:calc(var(--panel-width)*.35) calc(var(--panel-width)*.085) calc(var(--panel-width)*.13);border:0;border-radius:32px;background:url('assets/family-v26/panel-top.webp') center top/100% auto no-repeat,url('assets/family-v26/panel-bottom.webp') center bottom/100% auto no-repeat,url('assets/family-v26/panel-middle.webp') center/100% auto repeat-y #08283d;color:#143f59;box-shadow:0 24px 100px #001b35bb;text-align:center;overflow:hidden;font-family:'Trebuchet MS',system-ui,sans-serif}
.family-dialog[open],#account.family-palace[open]{display:flex;flex-direction:column}.family-dialog::backdrop,#account::backdrop,#parent-gate::backdrop,#parent-confirm::backdrop{background:#00203ab8;backdrop-filter:blur(5px)}
.family-dialog .family-heading,#account .family-heading{flex:none;margin:0 0 15px}.family-eyebrow{display:block;color:#806127;font-size:10px;font-weight:700;letter-spacing:2px}.family-dialog h2,#account.family-palace h2{font:700 clamp(25px,5vw,36px)/1.12 Georgia,serif;color:#104566;margin:6px 0 8px;text-align:center;text-shadow:0 1px #fff}.family-dialog .family-heading p{font:14px/1.4 'Trebuchet MS',sans-serif;color:#45657a;margin:0}
.family-dialog .family-close,#account.family-palace .family-close{position:absolute;right:7%;top:5%;margin:0;float:none;width:46px;height:46px;min-height:46px;padding:0;border:2px solid #e4bd65;border-radius:50%;color:#fff6d6;background:radial-gradient(at 40% 20%,#15b4d9,#005b83 55%,#002e50);box-shadow:inset 0 0 0 2px #fff6b966,0 3px 8px #00294188;font:28px Georgia;cursor:pointer}
.profile-grid,.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px;min-height:0;padding:7px 4px 12px;margin:0;overflow:auto;overscroll-behavior:contain}.profile-grid{flex:1 1 auto;min-height:150px}.profile-grid:has(>.profile-choice:only-child){grid-template-columns:minmax(0,190px);justify-content:center}
.profile-choice,.avatar-grid button{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;border:0;background:transparent;padding:5px 0 0;color:#173e56;cursor:pointer;gap:0}
.portrait-medallion{position:relative;display:block;flex-shrink:0;width:min(132px,90%);aspect-ratio:1;padding:6px;box-sizing:border-box;border-radius:50%;background:linear-gradient(135deg,#98601f 0%,#fff7bf 18%,#bf8b35 32%,#ffed9a 47%,#9a631b 70%,#fff4b5 90%);box-shadow:0 3px 7px #543d3f44,inset 0 0 0 1px #936122,inset 0 0 0 3px #fff5cc;transition:transform .18s}
.medallion-portrait{display:flex;position:relative;overflow:hidden;width:100%;height:100%;border-radius:50%;background:#b6e6f3;box-shadow:0 0 0 2px #785122}.medallion-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.profile-family-avatar>img{position:absolute;width:68%;height:100%;object-fit:cover}.profile-family-avatar>img:nth-child(1){left:-15%;transform:rotate(-8deg)}.profile-family-avatar>img:nth-child(2){left:16%;z-index:1;clip-path:ellipse(48% 50%)}.profile-family-avatar>img:nth-child(3){right:-15%;transform:rotate(8deg)}
.profile-choice strong,.avatar-name{position:relative;display:block;width:100%;box-sizing:border-box;background:url('assets/skin-v15-button-gold.webp') center/100% 100% no-repeat;padding:13px 13px;font:700 16px/1.15 Georgia,serif;color:#734615;margin-top:-7px;overflow-wrap:anywhere;z-index:2;min-height:44px}
.profile-card-hint{font-size:11px;margin-top:4px;color:#486476}.profile-choice[aria-pressed=true] .portrait-medallion,.avatar-grid [aria-pressed=true] .portrait-medallion{box-shadow:0 0 0 3px #fff3b3,0 0 0 6px #0086a9,0 5px 14px #006c8155}.profile-choice[aria-pressed=true] .portrait-medallion:after,.avatar-grid [aria-pressed=true] .portrait-medallion:after{content:'✓';position:absolute;right:0;top:0;border:2px solid #f5dc83;border-radius:50%;background:#007b99;color:#fff;width:25px;height:25px;line-height:25px;font:bold 18px/25px system-ui;z-index:3}.profile-choice[aria-pressed=true] .profile-card-hint{color:#006e8d;font-weight:700}
.family-footer{flex:none;padding-top:6px}.family-status{font-size:13px;color:#a32922;margin:4px 0;overflow-wrap:anywhere}.family-status:empty{display:none}.family-footnote{display:block;font-size:11px;color:#567080;margin-top:6px}
.family-dialog .family-add,.family-dialog button[type=submit],#account.family-palace button:not(.family-close),#parent-gate button,#parent-confirm button{min-height:48px;border:0;border-radius:0;background:url('assets/skin-v15-button-gold.webp') center/100% 100% no-repeat;padding:13px 20px;color:#704619;font:700 15px/1.2 Georgia,serif;cursor:pointer;text-shadow:0 1px #fff9db}
.family-dialog .family-add{width:min(300px,100%);font-size:18px}.family-add small{display:block;font:10px 'Trebuchet MS',sans-serif;margin-top:3px}.family-dialog button[type=submit],#account #backup-export,#parent-gate button[type=submit]{background-image:url('assets/skin-v15-button-blue.webp');color:#fff;text-shadow:0 1px 2px #00314b}.family-dialog button:disabled{opacity:.5;cursor:wait}.family-dialog button:focus-visible,.profile-switch:focus-visible,#account button:focus-visible{outline:3px solid #007eaa;outline-offset:3px}
#profile-form form{min-height:0;overflow:auto;padding:5px 5px 12px;text-align:left;overscroll-behavior:contain}.family-step{display:flex;align-items:center;gap:8px;color:#234c64;font-size:14px;font-weight:700;margin:12px 0}.family-step b{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #caa856;background:#f2e4bc;border-radius:50%;font:700 15px Georgia}.avatar-grid{overflow:visible;gap:10px 15px;padding:6px}.avatar-grid .portrait-medallion{width:82px}.avatar-name{font-size:13px;padding:11px 7px;min-height:36px}.family-dialog input{box-sizing:border-box;width:100%;min-height:48px;padding:10px 16px;border:1px solid #c19d52;border-radius:16px;box-shadow:inset 0 2px 5px #74623320,0 1px #fff;background:#fffcf4;font:18px 'Trebuchet MS',sans-serif;color:#173f5b}.family-input-hint{display:block;font-size:11px;color:#567080;margin:5px 10px 10px}.family-dialog button[type=submit]{display:block;width:100%;font-size:18px}
.profile-switch{display:flex;align-items:center;gap:10px;min-height:48px;max-width:100%;width:max-content;padding:3px 22px 3px 7px;margin:0 0 12px;border:0;background:url('assets/skin-v15-button-gold.webp') center/100% 100% no-repeat;color:#62431c;font:700 15px Georgia,serif;cursor:pointer}.profile-switch .portrait-medallion{width:43px;padding:3px}.profile-switch>span:not(.portrait-medallion){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.profile-switch small{font:12px 'Trebuchet MS',sans-serif;white-space:nowrap}#collections>.profile-switch{margin:0 auto 14px}
#account.family-palace{--panel-width:min(700px,calc(100vw - 12px));padding-top:calc(var(--panel-width)*.32)}#account .parent-tabs{display:flex;flex:none;gap:3px;padding:3px;margin:0;background:#b3954a22;border:1px solid #dbc38d;border-radius:30px}#account .parent-tabs button{flex:1;min-width:0;padding:13px 5px;font-size:15px}#account .parent-tabs [aria-selected=true]{background-image:url('assets/skin-v15-button-blue.webp');color:#fff;text-shadow:0 1px #002847}
.parent-views{overflow:auto;min-height:0;overscroll-behavior:contain;padding:0 6px 14px;text-align:left}#account .parent-feedback{flex:none;font-size:13px;min-height:0;margin:8px 4px;color:#8d3823}#account .parent-feedback:empty{margin:3px 0}.parent-profile-bar{padding:14px 12px 12px;margin:8px 0;background:linear-gradient(110deg,#fffdf4,#f5ebd1);border:1px solid #d4b772;border-radius:18px;box-shadow:0 2px 4px #a38d5730}.parent-profile-bar strong{display:block;font:700 22px Georgia;color:#0a526f;overflow-wrap:anywhere}.parent-profile-bar button{margin:4px 0}#account .parent-profile-bar p{font-size:12px;margin:6px 0 0}#account #storage-count{font-size:12px;margin:12px 4px}#account summary{font:700 17px Georgia;box-sizing:border-box;padding:13px 5px;min-height:48px;color:#65461c;border-bottom:1px solid #d9bd7d}#account details{margin:10px 0}#account #saved-list li,#account #trash-list li{padding:12px;margin:10px 0;border:1px solid #dcc79a;border-radius:15px;background:#fffdf7;box-shadow:0 2px 3px #866d3120}.saved-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;width:100%}.saved-row>span{flex:1 1 130px;min-width:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.family-thumb{flex:0 0 64px;width:64px;height:78px;position:relative;background:white;border:1px solid #dfcfac;border-radius:7px;overflow:hidden}.family-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.family-thumb img+img{mix-blend-mode:multiply}.saved-transfer{display:flex;flex-wrap:wrap;align-items:center;gap:5px;width:100%;padding-top:7px;border-top:1px solid #eee4cb}.saved-transfer select{flex:1 1 130px;min-width:0;max-width:100%;min-height:44px;border:1px solid #cbb782;background:#fffaf0;border-radius:10px;color:#264d64;padding:7px;font-size:13px}#account .saved-transfer button{font-size:13px;padding:12px 13px}#trash-list{padding:0;list-style:none}#trash-list li{display:flex;align-items:center;flex-wrap:wrap;gap:8px}#trash-list li>span{flex:1;min-width:100px;font-size:13px;overflow-wrap:anywhere}#account .trash-explanation{font-size:12px}#account .danger{color:#9a3825;background-image:url('assets/skin-v15-button-light.webp')}.parent-danger-zone{padding-top:10px;text-align:center}#account .parent-danger-zone p{font-size:11px}.parent-info-card{text-align:center;padding:10px 5px}#account .parent-info-card h3{font:700 25px Georgia;margin:8px 0}.parent-info-symbol{display:block;font:60px Georgia;color:#b28b38;text-shadow:0 2px #fff}.backup-actions{display:grid;gap:8px}#account .parent-note{padding:13px;border:1px solid #d6c18f;border-radius:12px;background:#f4ecd8;font-size:12px}.parent-preferences{padding:4px 5px}#account .parent-preferences label{font-size:15px;line-height:1.4;padding:17px 0}#account .parent-version{font-size:11px;text-align:center}#account .parent-privacy p{font-size:13px}#account .parent-privacy a{overflow-wrap:anywhere}
#parent-gate,#parent-confirm{padding:32px;border:1px solid #d4b369;background:#fffaf0 url('assets/skin-v15-card.webp') center/100% 100% no-repeat;box-shadow:0 20px 80px #001c3b99}#parent-gate form>div button,#parent-confirm>div button{flex:1}#parent-gate h2,#parent-confirm h2{color:#104b6c}#parent-answer{border-radius:16px;border-color:#c5a557;background:#fffdf6}#parent-confirm .danger{background-image:url('assets/skin-v15-button-gold.webp')}
@media(hover:hover){.profile-choice:hover .portrait-medallion,.avatar-grid button:hover .portrait-medallion{transform:translateY(-3px)}}
@media(max-width:550px){.family-dialog,#account.family-palace{border-radius:22px;max-height:calc(100dvh - 12px);padding-left:8%;padding-right:8%}.family-dialog .family-heading,#account .family-heading{margin-bottom:9px}.family-eyebrow{font-size:8px;letter-spacing:1.4px}.family-dialog .family-heading p{font-size:12px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.profile-grid:has(>.profile-choice:only-child){grid-template-columns:minmax(0,160px)}.portrait-medallion{width:108px}.profile-choice strong{font-size:15px}.profile-card-hint{font-size:10px}.avatar-grid{gap:8px 5px}.avatar-grid .portrait-medallion{width:68px}.avatar-name{font-size:12px}.family-dialog .family-close,#account.family-palace .family-close{width:44px;height:44px;min-height:44px}.profile-switch{gap:7px;font-size:13px;padding-right:16px}.profile-switch>span:not(.portrait-medallion){max-width:165px}.profile-switch small{font-size:11px}#account .parent-tabs button{font-size:13px;padding:13px 4px}.parent-views{padding:0 2px 12px}.parent-profile-bar strong{font-size:20px}#account .parent-profile-bar button{font-size:13px;padding:13px 14px}#account #saved-list li,#account #trash-list li{padding:8px}.saved-row>span{flex-basis:100px}#parent-gate,#parent-confirm{padding:24px}}
@media(max-height:650px){.family-dialog,#account.family-palace{padding-top:50px;padding-bottom:25px;background-position:center -110px,center bottom,center;background-color:#fffaf0}.family-dialog .family-close,#account.family-palace .family-close{top:8px;right:8px}.family-heading .family-eyebrow{display:none}.family-dialog .family-heading p{display:none}.family-dialog h2,#account.family-palace h2{font-size:26px;margin:2px 0}.profile-grid{min-height:90px}.profile-choice .portrait-medallion{width:80px}.family-footer{padding:0}.family-footnote{display:none}.family-dialog .family-add{min-height:44px;padding:8px 20px}.family-dialog .family-add small{display:none}}
@media(prefers-reduced-motion:reduce){.portrait-medallion{transition:none}}
/* Keep the last line clear of the painted crystal and book at the foot of the frame. */
@media(min-height:651px){.family-dialog,#account.family-palace{padding-bottom:calc(var(--panel-width)*.17)}}
#account.family-palace .parent-tabs [aria-selected=true]{background-image:url('assets/skin-v15-button-blue.webp');color:#fff;text-shadow:0 1px #002847}
@media(min-height:651px){#account.family-palace{padding-top:calc(var(--panel-width)*.35)}}
@media(max-height:650px){.family-dialog,#account.family-palace{background:#fffaf0 url('assets/skin-v15-card.webp') center/100% 100% no-repeat;padding-top:30px;padding-bottom:22px;border-radius:24px}.family-dialog .family-heading,#account .family-heading{padding:0 30px}}