/* Profile surfaces follow the site's active palette; group artwork stays inline. */
body:has(#asProfile){
 --pf-panel:var(--private-final-panel,#182940);--pf-fill:var(--private-panel-fill,linear-gradient(#20344f,#182940));
 --pf-text:var(--private-final-text,#eef4fb);--pf-muted:var(--private-final-muted,#b6c4d4);
 --pf-border:var(--private-final-border,#344d67);--pf-shadow:var(--private-final-shadow,#0005);
 --pf-accent:var(--private-accent,var(--pf-text));
}
/* Original profile layout, column order, spacing and element sizes are inherited unchanged. */
:is(#asProfile,#asProfileSidebar) .block{border:1px solid var(--pf-border)!important;border-radius:16px!important;background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;color:var(--pf-text);box-shadow:inset 0 1px 0 #ffffff18,0 5px 12px var(--pf-shadow)!important}
:is(#asProfile,#asProfileSidebar) .block_head{color:var(--pf-text)!important;-webkit-text-fill-color:var(--pf-text)!important;border-color:var(--pf-border)!important;background:none!important}
:is(#asProfile,#asProfileSidebar) .block_head::before,:is(#asProfile,#asProfileSidebar) .block_head::after{background-color:var(--pf-border)!important}
:is(#asProfile,#asProfileSidebar) .block_head>small{color:var(--pf-muted)!important;-webkit-text-fill-color:var(--pf-muted)!important}
:is(#asProfile,#asProfileSidebar) .block_head>a{color:var(--pf-text)!important;-webkit-text-fill-color:var(--pf-text)!important}
#asProfile .as-profile-login{display:inline-block}
#asProfile .as-profile-login:not([style*="text-fill-color"]){-webkit-text-fill-color:currentColor!important}
#asProfile .as-profile-login[style*="text-fill-color"]{-webkit-text-fill-color:transparent!important}
#asProfile .userBadges{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
#asProfile #friends::after{background:linear-gradient(to top,var(--pf-panel),transparent)!important}
#asProfile .profile>.table{background:transparent!important;color:var(--pf-text)}
#asProfile .profile>.table td{background:transparent!important;border-color:var(--pf-border)!important;color:var(--pf-text)}
#asProfile .profile>.table td>b{color:inherit!important}
#asProfile .profile>.table td [style*="color"]:not([style*="text-fill-color"]){-webkit-text-fill-color:currentColor!important}
#asProfile .profile>.table td [style*="text-fill-color"]{-webkit-text-fill-color:transparent!important}
#asProfile .table-responsive{background:transparent!important;border-color:var(--pf-border)!important}
#asProfile .admins :is(td,th){background:transparent!important;border-color:var(--pf-border)!important;color:var(--pf-text)}
#asProfileSidebar :is(#last_activity,#mybans)>span{border-color:var(--pf-border)!important}
#asProfileSidebar :is(#last_activity,#mybans) p{color:var(--pf-muted);border-color:var(--pf-border)!important}
:is(#asProfile,#asProfileSidebar) :is(.btn,.sendGiftUser,.viewAllButton,.showAllGifts){border:1px solid var(--pf-border)!important;border-radius:9px!important;background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;color:var(--pf-text)!important;-webkit-text-fill-color:var(--pf-text)!important;box-shadow:inset 0 1px 0 #ffffff12,0 3px 6px var(--pf-shadow)!important;text-shadow:none!important}
:is(#asProfile,#asProfileSidebar) :is(.btn,.sendGiftUser,.viewAllButton,.showAllGifts):not(:disabled):is(:hover,:focus-visible){border-color:var(--pf-accent)!important;box-shadow:inset 0 0 0 1px var(--pf-accent),0 3px 8px var(--pf-shadow)!important;outline:none}
/* One viewport-sized image/video layer, independent of root background painting. */
html:has(#asProfile):has(#asProfileBackground,.bgTest),
html body:has(#asProfile):has(#asProfileBackground,.bgTest){background-image:none!important}
body:has(#asProfile):has(#asProfileBackground,.bgTest){isolation:isolate}
html body:has(#asProfile) :is(#asProfileBackground,.bgTest){position:fixed!important;inset:0!important;transform:none!important;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;pointer-events:none;z-index:-1}
#asProfileBackground{overflow:hidden;background:#191919}
html body #asProfileBackground>img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:cover;object-position:center top}
html body:has(#asProfile)>.bgTest{object-fit:cover;object-position:center top}
html body:has(#asProfile):has(#asProfileBackground,.bgTest) :is(.wapper,.wapper>.content){background-color:transparent!important;background-image:none!important}
/* Profiles without an equipped image/video use one page colour at every height. */
html:has(#asProfile):not(:has(#asProfileBackground,.bgTest)),
html body:has(#asProfile):not(:has(#asProfileBackground,.bgTest)){background-color:var(--private-page-bg,#0b1423)!important;background-image:none!important}
html body:has(#asProfile):not(:has(#asProfileBackground,.bgTest)) :is(.wapper,.wapper>.content){background-color:transparent!important;background-image:none!important}
body:has(#asProfile) #cote{right:0;max-width:100%}
body:has(#asProfile) :is(#userGifts,#giftInfoModal,#exampleModal,#giftServiceModal,#giftRconServiceModal) .modal-content{padding:22px;border:1px solid var(--pf-border)!important;border-radius:16px!important;background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;color:var(--pf-text)!important;box-shadow:0 20px 60px var(--pf-shadow)!important}
body:has(#asProfile) :is(#userGifts,#giftInfoModal,#exampleModal,#giftServiceModal,#giftRconServiceModal) .modal-header{padding:0 0 16px!important;border-bottom:1px solid var(--pf-border)!important;margin-bottom:16px}
body:has(#asProfile) :is(#userGifts,#giftInfoModal,#exampleModal,#giftServiceModal,#giftRconServiceModal) .modal-title{font-size:19px!important;line-height:1.4!important;margin:0}
body:has(#asProfile) .modal .close2{border:1px solid var(--pf-border)!important;border-radius:8px;background:var(--pf-fill);color:var(--pf-text)!important;width:34px;height:34px;padding:0;font-size:24px;line-height:1;cursor:pointer}
body:has(#asProfile) .modal .modal-dialog{max-width:calc(100% - 28px)}
body:has(#asProfile) .modal :is(.receiver,textarea,#store_service_info,#rcon_store_service_info,.giftFormGroup){color:var(--pf-text);border-color:var(--pf-border)}
body:has(#asProfile) .modal .receiver{background:var(--pf-fill)!important;border:1px solid var(--pf-border)}
/* Hidden service-dialog rows must not add gaps between privileges. */
#asProfile .admins>.hidden-tr,#asProfile .admins>tbody>.hidden-tr{height:0!important}
#asProfile .admins>tbody>.hidden-tr>td{padding:0!important;height:0!important;border:0!important;line-height:0}
#asProfileSidebar #mybans>span{border:0!important;color:var(--pf-muted)}
#asProfile #comments .comment.news-comment-card{background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;border-color:var(--pf-border)!important;border-radius:12px;color:var(--pf-text);box-shadow:0 3px 7px var(--pf-shadow)}
#asProfile #comments .news-comment-card::before,#asProfile #comments .news-comment-footer::before{background:var(--pf-border)!important}
#asProfile #comments .date{color:var(--pf-muted)!important}
#asProfile #comments .with_code{color:var(--pf-text);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
#asProfile #comments .with_code blockquote{background:var(--pf-fill)!important;border-color:var(--pf-border)!important;color:var(--pf-text)}
#asProfile :is(.news-add-reaction,.pwr-reply,.fr-chip){border:1px solid var(--pf-border)!important;background:var(--pf-fill)!important;color:var(--pf-text)!important;border-radius:8px;min-width:32px;min-height:32px}
#asProfile :is(.news-add-reaction,.pwr-reply,.fr-chip):is(:hover,:focus-visible){border-color:var(--pf-accent)!important;box-shadow:inset 0 0 0 1px var(--pf-accent);outline:none}
#asProfile .news-composer{background:var(--pf-fill)!important;border-color:var(--pf-border)!important;overflow:hidden}
#asProfile .news-composer .news-composer-actions{border-color:var(--pf-border)!important}
#asProfile .news-composer .news-composer-actions :is(#send_btn,#news_smile_picker,#news_attach_button,#smile_btn,#profile_wall_attach){border:1px solid var(--pf-border)!important;border-radius:8px;background:var(--pf-fill)!important;color:var(--pf-text)!important;box-shadow:0 3px 6px var(--pf-shadow)!important}
#asProfile .news-composer .news-composer-actions :is(#send_btn,#news_smile_picker,#news_attach_button,#smile_btn,#profile_wall_attach):is(:hover,:focus-visible){border-color:var(--pf-accent)!important;box-shadow:inset 0 0 0 1px var(--pf-accent)!important}
#asProfile .news-composer .news-composer-actions :is(#news_smile_picker,#news_attach_button) svg{stroke:currentColor!important}
#asProfile .news-composer .tox :is(.tox-editor-header,.tox-toolbar,.tox-toolbar__primary,.tox-toolbar-overlord,.tox-menubar,.tox-statusbar){background:var(--pf-fill)!important;border-color:var(--pf-border)!important;color:var(--pf-text)!important}
#asProfile .news-composer .tox :is(.tox-tbtn,.tox-mbtn,.tox-statusbar a,.tox-statusbar__path-item){color:var(--pf-text)!important}
#asProfile .news-composer .tox :is(.tox-tbtn,.tox-mbtn):hover{background:var(--pf-border)!important}
#asProfile .news-composer .tox .tox-edit-area__iframe{background:var(--pf-panel)!important}
body:has(#asProfile) :is(.fr-picker,.popover,.tox-tinymce-aux .tox-menu,.tox-tinymce-aux .tox-dialog){background:var(--pf-fill)!important;border-color:var(--pf-border)!important;color:var(--pf-text)!important}
body:has(#asProfile) :is(.fr-picker-heading,.fr-close,.popover-body,.tox-tinymce-aux .tox-collection__item){color:var(--pf-text)!important}
body:has(#asProfile) .as-admin-modal .modal-content{background:var(--pf-fill)!important;border:1px solid var(--pf-border)!important;color:var(--pf-text)!important;border-radius:16px!important;padding:20px}

/* Full forum toolbar: retain room for text and allow fullscreen to fill the viewport. */
#asProfile .news-composer .news-editor-slot{height:auto!important;min-height:350px!important}
#asProfile .news-composer .tox.tox-tinymce{height:350px!important}
#asProfile .news-composer .tox.tox-tinymce.tox-fullscreen{height:100%!important}
#asProfile .news-composer .tox .tox-toolbar__group{border-color:var(--pf-border)!important}
#asProfile .news-composer .tox .tox-tbtn--enabled{background:var(--pf-border)!important;color:var(--pf-text)!important}

/* Compact profile actions: a gift grid, paired account values and quiet action rows. */
#asProfile .vertical-navigation{margin:0!important;padding:0!important}
#asProfile .vertical-navigation ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:4px;margin:0!important;padding:0!important;list-style:none}
#asProfile .vertical-navigation :is(li,li:hover,li.active){grid-column:1/-1;min-width:0;margin:0!important;padding:0!important;border:0!important;list-style:none!important;background:transparent!important;box-shadow:none!important}
#asProfile .vertical-navigation li:empty{display:none}
#asProfile .vertical-navigation a{box-sizing:border-box;display:block;width:100%;max-width:100%;height:auto!important;min-height:0;line-height:1.45!important;margin:0!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:var(--pf-text)!important;-webkit-text-fill-color:var(--pf-text)!important;font-size:14px!important;font-weight:400!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;text-align:left!important;text-decoration:none!important}
#asProfile .vertical-navigation :is(a[href],a[onclick],li[onclick]>a){cursor:pointer}
#asProfile .vertical-navigation :is(a[href],a[onclick],li[onclick]>a):is(:hover,:focus-visible),
#asProfile .vertical-navigation li[onclick]:is(:hover,:focus-visible)>a{background:color-mix(in srgb,var(--pf-text) 8%,transparent)!important;border-color:transparent!important;box-shadow:none!important;outline:none!important}
#asProfile .vertical-navigation :is(a[href],a[onclick]):focus-visible,
#asProfile .vertical-navigation li[onclick]:focus-visible>a{border-color:var(--pf-accent)!important}
#asProfile .vertical-navigation li[onclick]:focus-visible{outline:none!important}
#asProfile .vertical-navigation li:has(>:is(.gift-skin-btn,.gift-service-btn,.transfer-money-btn,.gift-to-user-btn)){grid-column:span 1;padding-bottom:4px!important}
#asProfile .vertical-navigation a:is(.gift-skin-btn,.gift-service-btn,.transfer-money-btn,.gift-to-user-btn){display:flex!important;flex-direction:column-reverse;align-items:center;justify-content:center;gap:5px!important;height:100%!important;min-height:76px;padding:9px 6px!important;border-color:var(--pf-border)!important;background:color-mix(in srgb,var(--pf-text) 3%,transparent)!important;font-size:13px!important;font-weight:500!important;text-align:center!important}
#asProfile .vertical-navigation a:is(.gift-skin-btn,.gift-service-btn,.transfer-money-btn,.gift-to-user-btn)>.fa{font-size:16px;color:var(--pf-muted);-webkit-text-fill-color:var(--pf-muted)}
#asProfile .vertical-navigation .transfer-money-btn>.fa-money{display:none!important}
#asProfile .vertical-navigation li.as-profile-meta{grid-column:span 1;padding:10px 10px 12px!important;margin:0 0 4px!important;border-bottom:1px solid var(--pf-border)!important}
#asProfile .vertical-navigation .as-profile-meta-label{display:block;margin-bottom:2px;font-size:12px;line-height:1.5;color:var(--pf-muted)}
#asProfile .vertical-navigation .as-profile-meta-value{display:block;font-size:14px;line-height:1.5;color:var(--pf-text);overflow-wrap:anywhere}
/* Keep animated avatar artwork within its own space. */
#asProfile .as-profile-avatar{position:relative;isolation:isolate;margin:0 0 14px;padding:5%;aspect-ratio:1;box-sizing:border-box}
#asProfile .as-profile-avatar>img:first-child{display:block;width:100%!important;height:auto!important;margin:0!important;border-radius:50%;aspect-ratio:1;object-fit:cover}
#asProfile .as-profile-avatar>img+img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;pointer-events:none;z-index:1}
#asProfile .profile>.table td[colspan="2"] h4{background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;color:var(--pf-text)!important;-webkit-text-fill-color:var(--pf-text)!important;border-color:var(--pf-border)!important;font-weight:700;height:auto;min-height:40px;line-height:1.5;padding-top:10px;padding-bottom:10px}

/* Only profile gift dialogs are lifted above the site's fixed header. */
html body:has(#asProfile) .as-profile-modal.modal{position:fixed!important;inset:0!important;z-index:1000060!important;padding:20px!important;overflow-x:hidden;overflow-y:auto}
html body:has(#asProfile) .as-profile-modal.modal .modal-dialog{width:100%!important;max-width:1120px!important;margin:0 auto!important;min-height:0}
html body:has(#asProfile) #giftInfoModal.as-profile-modal .modal-dialog{max-width:520px!important}
html body:has(#asProfile) .as-profile-modal .modal-content{box-sizing:border-box;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overflow-x:hidden;padding:22px!important;font-family:inherit!important}
html body:has(#asProfile) .as-profile-modal :is(.modal-header,.modal-footer){flex-shrink:0;gap:16px;background:transparent!important;color:var(--pf-text)!important}
html body:has(#asProfile) .as-profile-modal .modal-header{align-items:center}
html body:has(#asProfile) .as-profile-modal .modal-footer{margin:20px 0 0!important;padding:16px 0 0!important;border-color:var(--pf-border)!important}
html body:has(#asProfile) .as-profile-modal .modal-body{padding:0!important;overflow:visible}
html body:has(#asProfile) .as-profile-modal :is(.modal-title,label,h4,.receiver,.sendAuthor){color:var(--pf-text)!important;-webkit-text-fill-color:var(--pf-text)!important}
html body:has(#asProfile) .as-profile-modal :is(.form-control,textarea,.receiver){border:1px solid var(--pf-border)!important;border-radius:10px!important;background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;color:var(--pf-text)!important;-webkit-text-fill-color:var(--pf-text)!important;box-shadow:inset 0 2px 5px var(--pf-shadow);min-height:42px;padding:10px 12px;max-width:100%}
html body:has(#asProfile) .as-profile-modal select option{background:var(--pf-panel)!important;color:var(--pf-text)!important}
html body:has(#asProfile) .as-profile-modal :is(.form-control,textarea):focus{border-color:var(--pf-accent)!important;outline:none;box-shadow:inset 0 0 0 1px var(--pf-accent)!important}
html body:has(#asProfile) .as-profile-modal :is(#store_service_info,#rcon_service_info){background:transparent!important;border:1px solid var(--pf-border)!important;border-radius:12px;padding:14px;color:var(--pf-text)!important;overflow-wrap:anywhere}
html body:has(#asProfile) .as-profile-modal :is(#store_service_info,#rcon_service_info):empty{display:none}
html body:has(#asProfile) .as-profile-modal :is(#store_service_info,#rcon_service_info) img{display:block;max-width:100%!important;height:auto!important;border-radius:8px}
html body:has(#asProfile) .as-profile-modal :is(.btn,.close2){height:auto!important;min-height:38px;border:1px solid var(--pf-border)!important;border-radius:9px!important;background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;color:var(--pf-text)!important;-webkit-text-fill-color:var(--pf-text)!important;box-shadow:inset 0 1px 0 #ffffff12,0 3px 6px var(--pf-shadow)!important;cursor:pointer}
html body:has(#asProfile) .as-profile-modal .close2{flex:0 0 38px;width:38px;padding:0!important;margin:0!important;float:none;opacity:1}
html body:has(#asProfile) .as-profile-modal :is(.btn,.close2):is(:hover,:focus-visible){border-color:var(--pf-accent)!important;box-shadow:inset 0 0 0 1px var(--pf-accent)!important;outline:none}
html body.as-profile-modal-open>.modal-backdrop{z-index:1000050!important}
html body.as-profile-modal-open :is(.header,#header,.previewHeader){z-index:1000!important}
html body:has(#asProfile) .as-profile-modal *{scrollbar-color:var(--pf-border) transparent;scrollbar-width:thin}
html body:has(#asProfile) #userGifts .userGifts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;font-family:inherit!important}
html body:has(#asProfile) #userGifts .userGift{min-width:0;max-width:100%;padding:16px;border:1px solid var(--pf-border);border-radius:12px;background:var(--pf-fill);gap:18px}
html body:has(#asProfile) #userGifts .userGift.withLongText{grid-column:1/-1}
html body:has(#asProfile) #userGifts .senderInfo{min-width:0;align-items:center;gap:10px}
html body:has(#asProfile) #userGifts .senderInfo>img{width:36px;height:36px;flex:0 0 36px;object-fit:cover}
html body:has(#asProfile) #userGifts .additionalInfo{min-width:0}
html body:has(#asProfile) #userGifts .sendAuthor{white-space:normal;overflow-wrap:anywhere;padding:0;font-size:14px;line-height:1.4}
html body:has(#asProfile) #userGifts .sendDate{white-space:normal;color:var(--pf-muted)!important;line-height:1.5}
html body:has(#asProfile) #userGifts .giftPicture img{width:140px!important;height:140px!important;max-width:100%;object-fit:contain}
html body:has(#asProfile) #userGifts .giftMessage{margin:0;padding:0;color:var(--pf-text);white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
html body:has(#asProfile) #exampleModal .category-name{font-family:inherit;color:var(--pf-muted)!important;font-weight:700}
html body:has(#asProfile) #exampleModal .gifts-row{border-color:var(--pf-border)!important}
html body:has(#asProfile) #exampleModal .gift{background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;border:1px solid var(--pf-border);border-radius:12px!important}
html body:has(#asProfile) #exampleModal .gift:hover{border-color:var(--pf-accent);box-shadow:inset 0 0 0 1px var(--pf-accent)}
html body:has(#asProfile) #exampleModal .gifts-items{justify-content:flex-start;background:transparent!important;padding-bottom:12px}
html body:has(#asProfile) #exampleModal .manyElements:after{background:linear-gradient(to right,transparent,var(--pf-panel))!important;z-index:1;pointer-events:none}
html body:has(#asProfile) #exampleModal .price-overlay{background:var(--pf-panel)!important;color:var(--pf-text)!important}
html body:has(#asProfile) #giftInfoModal .giftPictureImage{width:180px;height:180px;object-fit:contain;max-width:100%}
html body:has(#asProfile) #giftInfoModal label[for="visibleStatus"]:hover{background:var(--pf-fill)!important}
html body:has(#asProfile) #giftInfoModal input[type="checkbox"]{accent-color:var(--pf-accent);flex-shrink:0}

/* Native dialog supplies a top layer, keyboard focus and Escape for the amount form. */
#asProfileMoneyDialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:24px;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--pf-border);border-radius:16px;background-color:var(--pf-panel);background-image:var(--pf-fill);color:var(--pf-text);box-shadow:0 20px 60px var(--pf-shadow);font:inherit}
#asProfileMoneyDialog::backdrop{background:#0008;backdrop-filter:blur(2px)}
#asProfileMoneyDialog .pf-money-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
#asProfileMoneyDialog h2{margin:0;font-size:21px;line-height:1.4;color:var(--pf-text)}
#asProfileMoneyDialog :is(label,p){color:var(--pf-text);line-height:1.5}
#asProfileMoneyDialog label{display:block;margin-bottom:8px;font-weight:600}
#asProfileMoneyDialog input{box-sizing:border-box;width:100%;height:44px;padding:10px 12px;border:1px solid var(--pf-border);border-radius:9px;color:var(--pf-text);background:var(--pf-fill);box-shadow:inset 0 2px 5px var(--pf-shadow);font:inherit}
#asProfileMoneyDialog input:focus{outline:2px solid var(--pf-accent);outline-offset:2px}
#asProfileMoneyDialog button{border:1px solid var(--pf-border);border-radius:9px;background-color:var(--pf-panel);background-image:var(--pf-fill);color:var(--pf-text);padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;box-shadow:0 3px 6px var(--pf-shadow);cursor:pointer}
#asProfileMoneyDialog button:is(:hover,:focus-visible){outline:none;border-color:var(--pf-accent);box-shadow:inset 0 0 0 1px var(--pf-accent)}
#asProfileMoneyDialog .pf-money-close{width:38px;height:38px;padding:0;font-size:24px;font-weight:400;flex-shrink:0}
#asProfileMoneyDialog .pf-money-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
#asProfileMoneyDialog [role="status"]{margin:16px 0 0;overflow-wrap:anywhere}
#asProfileMoneyDialog [role="status"]:empty{display:none}
#asProfileMoneyDialog [hidden]{display:none!important}
#asProfileMoneyDialog button:disabled{opacity:.6;cursor:wait}
@media(max-width:767px){
 html body:has(#asProfile) .as-profile-modal.modal{padding:12px!important}
 html body:has(#asProfile) .as-profile-modal .modal-content{padding:16px!important;max-height:calc(100dvh - 24px)}
 html body:has(#asProfile) #userGifts .userGifts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html body:has(#asProfile) #userGifts .userGift{padding:12px}
 html body:has(#asProfile) #userGifts .senderInfo{flex-wrap:wrap}
}
@media(max-width:420px){html body:has(#asProfile) #userGifts .userGifts{grid-template-columns:minmax(0,1fr)}}
/* Bootstrap's reset sets dialog display:block, including closed native dialogs. */
html body #asProfileMoneyDialog:not([open]){display:none!important}
html body #asProfileMoneyDialog[open]{display:block!important}
#asProfileMoneyDialog button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5}

html body:has(#asProfile) .as-profile-modal .modal-title{min-width:0;overflow-wrap:anywhere;flex:1}
html body:has(#asProfile) .as-profile-modal .modal-dialog{font-family:inherit!important}
html body:has(#asProfile) #exampleModal hr{border-color:var(--pf-border)!important}

/* Profile v5: theme-aware reaction states and enough room for complete emoji glyphs. */
html body:has(#asProfile)>.fr-picker{width:312px;max-width:calc(100vw - 16px);padding:10px;border:1px solid var(--pf-border)!important;border-radius:14px;background-color:var(--pf-panel)!important;background-image:var(--pf-fill)!important;box-shadow:inset 0 1px 0 #ffffff12,0 10px 30px var(--pf-shadow)!important;z-index:1000070;scrollbar-color:var(--pf-muted) transparent}
html body:has(#asProfile)>.fr-picker .fr-picker-heading{gap:12px;padding:0 0 8px;margin:0 0 8px;border-bottom:1px solid var(--pf-border);font-size:13px;line-height:1.4;color:var(--pf-text)!important}
html body:has(#asProfile)>.fr-picker .fr-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
html body:has(#asProfile)>.fr-picker :is(.fr-choice,.fr-close){box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;padding:3px;border:1px solid transparent;border-radius:8px;background:transparent!important;color:var(--pf-text)!important;box-shadow:none!important;cursor:pointer;overflow:visible;transition:background-color .15s,border-color .15s}
html body:has(#asProfile)>.fr-picker .fr-choice{min-width:0;width:100%;height:44px;min-height:44px}
html body:has(#asProfile)>.fr-picker .fr-close{width:30px;height:30px;font-size:24px;line-height:1}
html body:has(#asProfile)>.fr-picker :is(.fr-choice,.fr-close):is(:hover,:focus-visible),
html body:has(#asProfile)>.fr-picker .fr-choice[aria-pressed="true"]{background:color-mix(in srgb,var(--pf-accent) 12%,transparent)!important;border-color:var(--pf-accent)!important;color:var(--pf-text)!important}
html body:has(#asProfile)>.fr-picker :is(.fr-choice,.fr-close):focus-visible{outline:2px solid var(--pf-accent)!important;outline-offset:-2px}
html body:has(#asProfile)>.fr-picker .fr-choice>.fr-emoji{flex:none;width:36px!important;height:36px!important;max-width:none!important;max-height:none!important;margin:0;padding:0;overflow:visible!important;object-fit:contain}
html body:has(#asProfile)>.fr-picker .fr-choice>.fr-unicode{display:inline-flex;align-items:center;justify-content:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;font-size:27px!important;font-weight:400!important;line-height:1.3!important;letter-spacing:0;white-space:nowrap;-webkit-text-fill-color:initial!important}
#asProfile .fr-chip:is(:hover,:focus-visible,.fr-selected){background:color-mix(in srgb,var(--pf-accent) 12%,var(--pf-panel))!important;border-color:var(--pf-accent)!important;color:var(--pf-text)!important}
/* Visitors retain their profile links and tooltips; avatars use the site's circular shape. */
#asProfile #users_visit{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;min-width:0}
#asProfile #users_visit .user_visit{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 40px;box-sizing:border-box;width:40px;height:40px;margin:0;padding:0;border:1px solid var(--pf-border);border-radius:50%;background:var(--pf-fill);box-shadow:0 2px 5px var(--pf-shadow);text-decoration:none}
#asProfile #users_visit .user_visit>img{display:block;flex:none;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0;border:0;border-radius:50%!important;object-fit:cover}
#asProfile #users_visit .user_visit:is(:hover,:focus-visible){border-color:var(--pf-accent);outline:2px solid var(--pf-accent);outline-offset:2px}
@media(max-width:359px){html body:has(#asProfile)>.fr-picker .fr-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}