/* Profile controls share the intro, Play and Armory gold finish. */
body.royal-theme :is(#profileDialog,#rules83,#learn83,#betaGift110,#betaLab111,#history134,#installDialog)[open] :is(button,select,a.secondary,a.primary),
body.royal-theme #profileDialog[open] input[type=file]::file-selector-button{
 color:#392240!important;-webkit-text-fill-color:#733c2e!important;
 font-family:Georgia,serif!important;font-weight:800!important;
 font-size:clamp(12px,3.2vw,14px)!important;line-height:1.3!important;letter-spacing:.02em!important;
 background:linear-gradient(175deg,#fff2bd 0%,#e6be72 46%,#fff1c9 49%,#b4823c 100%)!important;
 border:2px solid #ffe6ac!important;border-bottom:5px solid #ffe6ac!important;border-radius:14px!important;
 box-shadow:inset 0 1px 0 #fff7d4,inset 0 -3px 0 #805329,0 5px 18px #030e1d99!important;
 text-shadow:0 1px #fff0b7!important;
 min-width:0;min-height:44px;padding:10px 12px!important;
 white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box;text-decoration:none;
}
body.royal-theme :is(#profileDialog,#rules83,#learn83,#betaGift110,#betaLab111,#history134,#installDialog)[open] :is(button,a.secondary,a.primary)::before,
body.royal-theme :is(#profileDialog,#rules83,#learn83,#betaGift110,#betaLab111,#history134,#installDialog)[open] :is(button,a.secondary,a.primary)::after{display:none!important}
body.royal-theme :is(#profileDialog,#rules83,#learn83,#betaGift110,#betaLab111,#history134,#installDialog)[open] button :is(span,small){
 color:inherit!important;-webkit-text-fill-color:inherit!important;font-family:inherit!important;text-shadow:inherit!important;
}
body.royal-theme :is(#profileDialog,#rules83,#learn83,#betaGift110,#betaLab111,#history134,#installDialog)[open] .close{
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
 padding:1px 0 4px!important;font:800 26px/1 Georgia,serif!important;border-radius:12px!important;
}
body.royal-theme :is(#profileDialog,#rules83,#learn83,#betaGift110,#betaLab111,#history134,#installDialog)[open] :is(button:disabled,button.locked){
 filter:saturate(.3)!important;opacity:.58!important;
 box-shadow:inset 0 1px 0 #fff7d4,inset 0 -2px 0 #805329!important;
}
body.royal-theme #profileDialog[open] :is(button.selected,button[aria-pressed=true]){
 outline:2px solid #8ce8ee!important;outline-offset:2px;
 box-shadow:inset 0 1px 0 #fff7d4,inset 0 -4px 0 #805329,0 0 12px #e6be7255!important;
}
body.royal-theme :is(#profileDialog,#rules83,#learn83,#betaGift110,#betaLab111,#history134,#installDialog)[open] :is(button,select,a,input[type=file]):focus-visible{
 outline:3px solid #8ce8ee!important;outline-offset:3px!important;
}
body.royal-theme #profileDialog[open] select{
 appearance:none!important;width:100%;max-width:100%;white-space:nowrap!important;padding-right:32px!important;
 background-image:linear-gradient(45deg,transparent 50%,#733c2e 50%),linear-gradient(135deg,#733c2e 50%,transparent 50%),linear-gradient(175deg,#fff2bd 0%,#e6be72 46%,#fff1c9 49%,#b4823c 100%)!important;
 background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%,0 0!important;
 background-size:5px 5px,5px 5px,100% 100%!important;background-repeat:no-repeat!important;
}
body.royal-theme #profileDialog[open] select option{background:#fff0c6;color:#392240}
body.royal-theme #profileDialog[open] .avatar-grid{gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}
body.royal-theme #profileDialog[open] .avatar-option{padding:5px 3px!important;border-radius:12px!important}
body.royal-theme #profileDialog[open] .avatar-option span{font-size:9px!important;line-height:1.25!important;letter-spacing:0!important;padding:5px 0 2px!important;white-space:normal;overflow-wrap:normal;overflow:visible}
body.royal-theme #profileDialog[open] .career-choices button{font-size:13px!important}
body.royal-theme #profileDialog[open] .career-choices small{font-size:10px!important;font-weight:400;line-height:1.3}
body.royal-theme #profileDialog[open] input[type=file]{max-width:100%;min-width:0}
body.royal-theme #profileDialog[open] input[type=file]::file-selector-button{margin-right:8px;cursor:pointer}
@media(max-width:380px){
 body.royal-theme #profileDialog[open] .avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.royal-theme #profileDialog[open] select{font-size:11px!important;padding-left:8px!important}
}