/* css/app.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}:root{--body-bg:#40404f;--primary-color-light:#548ad6;--panes-color:#fefffc;--content-color:#3c6297;--border-color:#a81d1d;--mic-color:#f3d7d7;--green:#5cb85c;--red:#ca3636;--blue:#2662eb}@font-face{font-family:Al-Jazeera-Light;src:url(/fonts/Al-Jazeera-Arabic-Light.ttf?96ece0adb2d663734c1143a04e45aeee)}@font-face{font-family:Al-Jazeera-Regular;src:url(/fonts/Al-Jazeera-Arabic-Regular.ttf?e55b32cdf8eb35dea0fdbebca965d752)}.container{padding:0}.navbar-laravel{background-color:#fefffc;box-shadow:0 .0833333333rem .1666666667rem rgba(0,0,0,.04)}.alert{z-index:1}.clear{clear:both}.fr{float:right}.fl{float:left}.corner{border-radius:.208rem}.border{border:.0416666667rem solid #000!important}.radius{border-radius:.125rem}.ellipsis{white-space:nowrap;overflow:visible;text-overflow:ellipsis;max-width:80%}.btn{font-size:.625rem;padding:0 .4em;outline:0;font-weight:700;border-radius:0}.btn-danger{background-color:#d9534f;border-color:#000}.u-avatar{width:2.333rem;min-width:2.167rem;height:2.3rem;min-height:2rem;max-height:2.583rem;background-size:cover}.btn:focus{outline:0;box-shadow:none}.btn-default{color:#333}.btn-primary,.label-primary{background:var(--primary-color);color:#fff}.buttonload{font-size:.7rem}.buttonload .fa{float:right;margin-top:.3em;display:none}.buttonload:disabled .fa{display:block}.badge{display:inline-block;min-width:.4166666667rem;padding:.1em .5em;font-size:.5rem;font-weight:700;line-height:1;color:#fff;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:.4166666667rem;margin-top:-.9em;border:.0416666667rem solid #000}.badge,.jscolor{text-align:center}.jscolor{font-size:.6rem;width:25%;outline:0;border:.0416666667rem solid #fff;border-radius:.2083333333rem;height:.8333333333rem;font-family:sans-serif!important}.form-control{padding:.1em .4em;font-size:.6rem;height:auto}.form-control:active,.form-control:focus{box-shadow:none;border:.0416666667rem solid #6495ed}.label{font-size:.65rem;padding:.2em .4em;margin-bottom:.2em;border-radius:0}.ReactModal__Overlay{z-index:10000}.yt-btn{background-color:#efefef;width:65%;max-width:8.3333333333rem;display:block;cursor:pointer;border:0;padding:.208rem;margin-bottom:-.875rem}.brder-tl{border-top-left-radius:1.3em!important}.modal-backdrop{width:1500vh;height:1500vh}.brder-tr{border-top-right-radius:1.3em!important}.brder-bl{border-bottom-left-radius:1.3em!important}.brder-br{border-bottom-right-radius:1.3em!important}#login{width:100%;max-width:17.50rem;height:100%;max-height:100%;padding:0;margin:0 auto;border:.0416666667rem solid #000;border-radius:.2rem;background-color:#fefffc;position:relative;display:flex;flex-direction:column}#online_users{overflow:auto;width:100%;flex-grow:1}#online_users .chat_pane__user_item{border-left:none}#nsmat-copyrights{background-color:#fff;color:#4a4a4a;margin:0;width:100%;padding:.083rem;font-size:.5rem;text-align:center}#nsmat-copyrights a{color:#337ab7}#login-header{border-top-left-radius:.13rem;border-top-right-radius:.13rem;margin:0;position:relative}.login-header__label{width:100%;padding:0;border-radius:0;text-align:left}.login-header__title{color:#fff;padding:0 .2rem;display:inline-block;font-size:.625rem}.login-header__refresh{width:1.2rem;height:1.2rem;font-size:.6rem;position:absolute;top:.1rem;right:.1rem;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.login-header__refresh:before{position:static;left:auto;top:auto;margin:0;line-height:1}.login-banner__img{width:100%;max-height:8rem}#login-btn-holders{margin:.15rem 0;padding:0}#login-btn-holder,.login-btn-holder{margin:.12rem 0;padding:.01rem;text-align:center;display:flex;justify-content:space-evenly}.login-btn-holder__btn{font-size:.583rem;padding:0 .3em;border:.05em solid #aaa;flex:1 1 0;min-width:0;max-width:none;width:auto;height:1.125rem;line-height:1.7}.react-tabs{margin-top:-.16rem}.react-tabs__tab-list{display:flex;margin-bottom:0}.react-tabs__tab,.react-tabs__tab-list{text-align:center;background-color:#f5f5f5}.react-tabs__tab{flex-grow:1;font-size:.625rem;border-bottom:.0416666667rem solid #dee2e6}.react-tabs__tab a,.react-tabs__tab a.active{color:var(--primary-color);background-color:inherit!important;border:none!important;margin:0;padding:.9em 0;font-size:.625rem;border-bottom-color:#dee2e6;border-bottom-style:solid;border-bottom-size:.0833333333rem}.react-tabs__tab--selected{background:#fefffc;border:.0416666667rem solid #dee2e6;border-bottom-color:transparent!important;border-bottom-size:0!important}.react-tabs__tab-panel{padding:.3rem .3rem 0}.tabs-form-error{font-size:.6rem;padding:.1em .1em .2em;text-align:center;margin:0}#tabs-content{padding:.2rem .2rem 0}#guest-form__name{width:8.583rem;padding:.208rem;border-radius:.083rem;height:1.375rem;margin-bottom:.2rem;font-size:.633rem;text-align:left;color:#333;margin-right:.1rem;margin-top:1.335rem}#guest-form__submit,#login-form__submit,#register-form__submit{margin-bottom:.1rem;font-size:.625rem;border:.0416666667rem solid #bbb;box-shadow:none;outline:0;padding:.208rem}#login-form__submit{margin-right:.2rem}#login-form__name,#login-form__password,#register-form__name,#register-form__password{width:8.583rem;padding:.208rem;border-radius:.083rem;height:1.375rem;text-align:left;color:#333;font-size:.633rem}#login-form__name,#register-form__name{display:block}#login-form__password,#register-form__password{margin-right:.15rem}#login-form__hidden-label{font-size:.6rem;margin-left:.2rem}#connection_container{position:absolute;left:0;top:.185rem;bottom:0}#connection_container #connection-state-off,#connection_container #connection-state-on{font-size:.677rem;background-color:#e0392d;color:#fff;padding:.18em 2.4em;border-radius:0}#connection_container #connection-state-on{background-color:#5cb85c}#login-form__hidden-toggle{color:#000;padding:4px;margin:2px;border-radius:4px;float:right;cursor:pointer}#login-form__hidden-toggle.checked{background-color:#5bc0de}.users-count-label{position:relative;width:100%}.users-count-label p{font-size:.583rem}.label-count{height:1rem;margin:0;padding:0;width:100%;background:var(--primary-color);color:#fff!important;font-size:.7rem;text-align:center;border-radius:0}.label-count .fa{font-size:.84rem;padding:.1em .5em;background-color:#5cb85c;border-color:#4cae4c;position:absolute;right:0;top:0;margin-right:0;border-radius:0}.label-count .count{margin-left:.2rem}#chat{background:#fefffc;border-bottom-right-radius:.625rem;padding-bottom:1.6rem;height:100vh}#chat,#chat__body{max-width:100%;position:relative}#chat__body,.y-modal{height:100%}.y-modal{font-size:.7rem}.y-modal .modal-dialog{max-width:14.25rem}.y-modal .y_modal__header__name{font-size:.6rem;padding-left:.2rem}.y-modal .y_modal__header__close{position:absolute;right:.05em;top:.05em}.y-modal .y_modal__body input{width:100%;height:1.2rem;margin-bottom:.3rem}.y-modal .y_modal__body input[type=checkbox]{width:auto}.y-modal .y_modal__body label{font-size:.55rem;vertical-align:middle;margin-left:.3rem;font-weight:700}.y-modal .y_modal__body .alert{font-size:.7rem;padding:.2rem;text-align:center;margin-bottom:.4rem}.y-modal .y_modal__body select{height:8rem;border:.04em solid #bbb;outline:0;border-radius:.03rem}.y-modal .y_modal__footer{padding:.1rem}.modal-header{position:relative;padding:.1rem;width:100%}.modal-header .close{font-size:.7rem;position:absolute;top:.2em;right:.2em;padding:.4em;margin:0;line-height:.7;background:#fff;color:#000}.modal-header .modal-title{width:100%}.modal-header .modal-title p{margin:0}.modal-body{padding:.2rem;width:14.1666666667rem;max-width:100%}.modal,.modal-backdrop,.modal-dialog{transition:none!important}.modal{bottom:0}.modal img.screenshot_preview{width:2rem;border:.0416666667rem solid var(--primary-color);margin:.1rem;padding:.1rem}.popup{min-width:7.5rem;max-width:10.8333333333rem;border:.0416666667rem solid #000;z-index:2000;background-color:#efefef;position:absolute;top:30%;padding:.2083333333rem;border-radius:.2083333333rem;animation:none!important;-webkit-animation:none!important;transition:none!important}.popup p{margin-bottom:.4em}.popup__title{font-size:.6rem;text-align:center;margin:-.5833333333rem auto 0;width:50%;border:.0416666667rem solid #000;border-radius:.2083333333rem;line-height:1.6}.popup__sender{width:100%}.popup__sender__avatar{border-radius:.2083333333rem;margin-right:.1em}.popup__sender__icon{margin:.2083333333rem .0833333333rem 0 0}.popup__sender__name{margin:.2em 0;font-size:.6rem;font-weight:700;padding:.15em 0 0;max-width:80%;color:#000}.popup__message{font-size:.6rem;font-weight:700;margin-top:.2em;width:100%;padding:0 .2em;word-break:break-word}.popup__message__body{padding-top:.2rem}.popup__request_ludo_accept,.popup__request_uno_accept{margin-right:.5rem}#chat__body__messages_container{height:calc(100vh - 3rem);overflow:auto;max-width:100%;background-color:#fafafa}.public_message{position:relative;background:#f5f5f5;border:.0416666667rem solid #e6e6fa;margin-bottom:-.0416666667rem}.public_message.auto_reply .public_message__content{background-color:#fff!important;border-top-left-radius:.8333333333rem;border-bottom-right-radius:.8333333333rem;display:inline-block;text-align:center;padding:.3083333333rem .3rem;display:flex;align-items:baseline;justify-content:center;max-width:16rem}.public_message.linen{background-color:linen}.public_message.greeting{background-color:#faf0e8;color:#000!important}.public_message.public_message_ad{background-color:#d0e7ff}.public_message__avatar{float:left;margin:0;cursor:pointer}.public_message__avatar img{border:.0416666667rem solid #dedbdb;padding:.0416666667rem;min-width:2.167rem;width:2.333rem;min-height:2rem;max-height:2.583rem;background-size:cover}.public_message__bot_brb_title{border-top:.0416666667rem solid #9e9e9e;border-bottom:.0416666667rem solid #9e9e9e;font-size:.7rem;display:inline-block;padding:0 .5rem;border-radius:.2083333333rem;margin:0 0 .2rem}.public_message__ad_title{color:#00f}.public_message__ad_title .fa{margin:0 .2rem}.public_message__title__icon{margin:.0416666667rem .0833333333rem 0 0}.public_message__content,.public_message__title{font-size:.625rem;font-weight:700;padding:0 .2em 0 3.8em;direction:rtl;margin:0;word-wrap:break-word}.public_message__content{margin:.2em 0 0}.public_message_ad .public_message__content{color:#00f}.public_message_ad .public_message__remove{position:absolute;right:0;bottom:0;font-size:.4rem}.public_message__time{font-size:.55rem;color:#888;position:absolute;top:.1em;right:.1em}#chat__body__message-reply{position:relative;top:-3rem;background-color:#fff;width:100%;text-align:left}#chat__body__message-reply--undo{width:1.875rem;height:1.875rem;background-color:#c8363b;color:#fff;font-family:sans-serif;border:none}#chat__body__message-reply--message,#chat__body__message-reply--username{right:.2rem;position:absolute;width:100%;display:inline-block;font-size:.5rem;max-width:80%}#chat__body__message-reply--message{top:.75rem}.public_message--reply{background-color:#d7def6;color:#000;padding:.2rem}.public_message--reply-name{font-size:.5rem;margin-bottom:.2rem}.public_message--reply-message{font-size:.5rem;margin-bottom:.1rem}.public_message__buttons{position:absolute;bottom:.1em;right:.1em}.public_message__buttons .public_message__remove,.public_message__buttons .public_message__reply{font-size:.4rem}.public_message__buttons .public_message__remove{margin-left:.1rem}.public_message__body__media{max-width:80%;display:block;margin:.2rem auto}.public_message__body__image{border:.0416666667rem solid #ccc;padding:.0833333333rem;border-radius:.2083333333rem;cursor:pointer;max-height:6.25rem}#chat__body__message-input{position:absolute;bottom:0;left:0;right:0;height:1.4rem;text-align:center;background-color:#fefffc;padding-top:.15em}#chat__body__message-input #main-footer-top-mic{display:none}#chat__body__message-input form{display:flex;padding:0 .083rem}#chat__body__message-input button{max-height:1.333rem;border-radius:.083rem}.chat__body__message-input__face{cursor:pointer;vertical-align:middle;padding:.208rem;width:1.417rem;height:1.417rem}.chat__body__message-input__clear,.chat__body__message-input__leave_room{font-size:.55rem;width:1.3rem;margin:0 .04rem}.chat__body__message-input__input{flex-grow:1;margin-right:.083rem;vertical-align:bottom;border-radius:.083rem;border:.0416666667rem solid #d3d3d3;direction:rtl;text-align:left;overflow:visible;resize:none;outline:0;line-height:1.5;padding:.25rem;max-height:1.333rem;min-height:1.333rem;height:1.333rem;font-weight:700}#chat__body__message-input.has-mic #main-footer-top-mic{display:inline}#chat__body__message-input.has-mic .chat__body__message-input__input{width:calc(100% - 6.5rem)}.chat__body__message-input__input:focus{border:.0416666667rem solid #000}.chat__body__message-input__input:disabled{background-color:#ccc}.chat__body__message-input__submit{vertical-align:middle;font-size:.6rem}#chat__body__message-input form #chat__body__message-input__loader,#chat__body__message-input form #chat__body__message-input__loading_percent{display:none}#chat__body__message-input form .chat__body__message-input__share{display:inline-block}#chat__body__message-input form.loading #chat__body__message-input__loader,#chat__body__message-input form.loading #chat__body__message-input__loading_percent{display:inline}#chat__body__message-input form.loading .chat__body__message-input__share{display:none}#chat__body__message-input__loading_percent{position:absolute;text-align:center;font-size:.5rem;top:.4rem;left:.35rem}.chat_pane{position:absolute;top:0;right:0;bottom:.18rem;border:.042rem solid #000;z-index:1;display:none;max-width:77vw;min-width:12rem;width:14.167rem}.chat_pane__container{height:calc(100% - .2rem);overflow:auto;margin:0!important}#chat__body__ignored-users-pane{background:var(--panes-color);height:100%;z-index:2}#chat__body__ignored-users-pane .chat_pane__container{height:calc(100% - 2.3rem)}.chat__body__ignored-users-pane__back{margin-bottom:0}#chat__body__profile-views-pane{background:var(--panes-color);height:100%;z-index:2}#chat__body__profile-views-pane .chat_pane__container{height:calc(100% - 2.35rem)}#chat__body__profile-views-pane .time{position:absolute;right:.2rem;bottom:.2rem}#chat__body__profile-views-pane .chat_pane__user_item__status__hash{display:none}.chat__body__profile-views-pane__back{margin-bottom:0}#chat__body__notifications-pane{background:var(--panes-color);height:100%;z-index:2}#chat__body__notifications-pane .chat_pane__container{height:calc(100% - 2.225rem)}.chat__body__notifications-pane__back{margin-bottom:0}.notification{min-width:7.5rem;max-width:10.8333333333rem;border:.0416666667rem solid #000;z-index:2000;background-color:#efefef;position:relative;padding:.2083333333rem;border-radius:.2083333333rem;margin:.7rem auto 0}.notification p{margin-bottom:.4em}.notification__title{font-size:.6rem;text-align:center;margin:-.5833333333rem auto 0;width:50%;border:.0416666667rem solid #000;border-radius:.2083333333rem;line-height:1.6}.notification__sender{width:100%}.notification__sender__avatar{border-radius:.2083333333rem;margin-right:.1em}.notification__sender__icon{margin:.2083333333rem .0833333333rem 0 0}.notification__sender__name{margin:.2em 0;font-size:.6rem;font-weight:700;padding:.15em 0 0;max-width:80%;color:#000;display:inline-block}.notification__message{font-size:.6rem;font-weight:700;margin-top:.2em;width:100%;padding:0 .2em;word-break:break-word}.notification__message__body{padding-top:.2rem}.notification__time{position:absolute;top:.2rem;right:.2rem;font-size:.5rem}#chat__body__users-pane{background:var(--panes-color);z-index:2;height:100%}#chat__body__users-pane .chat_pane__container{height:calc(100% - 5.85rem)}.chat_pane__search{font-size:.6rem;font-weight:700;padding:.1em .3em;direction:rtl;text-align:left;border:.0416666667rem solid #000;border-radius:0;color:#cacaca}.chat_pane__search::-moz-placeholder{color:#cacaca}.chat_pane__search::placeholder{color:#cacaca}.chat_pane__search:focus{border:.0416666667rem solid #000;box-shadow:none;background-color:var(--primary-color);color:#cacaca}.chat_pane__label{font-size:.55rem;font-weight:700;text-align:center;line-height:2;margin:0;direction:rtl}.chat_pane__user_item{display:flex;position:relative;background:#fff;border-bottom:.042rem solid #e6e6fa;padding:0 .05rem}.chat_pane__user_item.has-bg{background:url(/uploads/user-bg/naa9pqezgieuuqw3.png) 0 0/100% 100% rgba(222,142,62,.05)}.chat_pane__user_item.selectable{margin-bottom:.2rem}.chat_pane__user_item.selected{background:#e3eed6}.chat_pane__user_item.selected .chat_pane__user_item__check{display:inline-block}.chat_pane__user_item.selectable:hover{background:#e3eed6}.chat_pane__user_item.hidden{opacity:.4;background-color:#ddd}.chat_pane__user_item--stars{display:block}.chat_pane__user_item--stars .fa-star{color:#ccc}.chat_pane__user_item--stars .fa-star.checked{color:#ffb40c94}.chat_pane__user_item--stars span{display:inline-block;margin:0 1px}.chat_pane__user_item--stars span:before{font-size:.6rem}.chat_pane__user_item__avatar{position:relative;float:left;margin:0;align-self:flex-start;height:auto}.chat_pane__user_item__avatar.has-avatar-bg img.u-avatar{border-radius:50%!important}.chat_pane__user_item__avatar img.avatar_bg{position:absolute;top:-.2rem;left:-.25rem;width:4.5em;height:4.3em;min-height:2rem;border:none!important}.chat_pane__user_item__avatar img{border:.0416666667rem solid #dedbdb;padding:0}.chat_pane__user_item__avatar .status{position:absolute;left:0;top:0;width:.167rem;height:75px;max-height:75px}.chat_pane__user_item__avatar .status.state_active{background-color:#58c827}.chat_pane__user_item__avatar .status.state_no_private{background-color:red}.chat_pane__user_item__avatar .status.state_idle{background-color:orange}.chat_pane__user_item__avatar .status.state_out{background-color:#9c9999}.chat_pane__user_item__flag{position:absolute;top:.05em;right:.50em}.chat_pane__user_item__check{position:absolute;top:1em;right:0;display:none}.chat_pane__user_item__status__hash{position:absolute;right:0;top:.65rem;font-size:.5rem}.chat_pane__user_item__name,.chat_pane__user_item__status{font-size:.55rem;font-weight:700;padding:0 1.2em 0 .2em;direction:rtl;margin:.1rem 0 0}.chat_pane__user_item__name{margin-top:.042rem}.chat_pane__user_item__status{font-size:.583rem;color:#88888817;width:100%;margin-top:0;max-height:1.375rem}.chat_pane__user_item__mic_status{margin-bottom:0}.chat_pane__user_item__mic_status img{width:.8333333333rem;margin-left:.2083333333rem;display:none}.chat_pane__user_item__mic_status.on-mic img.mic{display:inline}.chat_pane__user_item__mic_status.on-mic img.hand{display:none}.chat_pane__user_item__mic_status.on-hand img.hand{display:inline}.chat_pane__user_item__mic_status.on-hand img.mic{display:none}.chat_pane__user_item__mic_status.on-sound-off img.sound-off{display:inline}.chat_pane__user_item__mic_status .mic-time{padding-left:.2083333333rem;float:right;margin-right:.2083333333rem;padding-top:.125rem;font-size:.6rem}.username__wrapper{padding:0 .1em;border-radius:.125rem;font-size:.625rem;line-height:1.5}.username__icon{margin:.0416666667rem .0833333333rem 0 0}#user_profile{font-size:.7rem;height:100%}.wall_poll_slot{padding:.2rem .35rem 0}.wall_poll_box{background:linear-gradient(180deg,#fff 0,#f8faff 100%);border:1px solid #d4ddf5;border-radius:.28rem;padding:.28rem .32rem .3rem;margin-bottom:.25rem;box-shadow:0 1px 4px rgba(91,110,225,.1)}.wall_poll_box__head{display:flex;align-items:center;gap:.22rem;margin-bottom:.15rem;padding-bottom:.12rem;border-bottom:1px solid #e8edf8}.wall_poll_box__icon{color:#5b6ee1;font-size:.52rem;flex-shrink:0}.wall_poll_box__question{flex:1;font-size:.58rem;line-height:1.35;margin:0;font-weight:700;color:#2a3358}.wall_poll_box__close{padding:0 .22rem!important;line-height:1;font-size:.55rem!important;border-radius:.12rem!important;min-width:auto!important}.wall_poll_box__meta{display:inline-flex;align-items:center;gap:.15rem;font-size:.5rem;color:#6b7a99;margin:0 0 .18rem;padding:.06rem .22rem;background:#eef2fc;border-radius:999px}.wall_poll_box__meta .fa{font-size:.48rem;color:#5b6ee1}.wall_poll_box__bars{display:flex;flex-direction:column;gap:.16rem}.wall_poll_box__bar{margin:0}.wall_poll_box__bar_row{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin-bottom:.06rem}.wall_poll_box__bar_label{font-size:.52rem;font-weight:600;color:#3d4668;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%}.wall_poll_box__bar_track{height:.28rem;background:#e9edf5;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.wall_poll_box__bar_fill{height:100%;border-radius:999px;min-width:2px;transition:width .35s}.wall_poll_box__bar_fill--1{background:linear-gradient(90deg,#43a047,#81c784)}.wall_poll_box__bar_fill--2{background:linear-gradient(90deg,#ef6c00,#ffb74d)}.wall_poll_box__bar_count{font-size:.48rem;color:#5b6ee1;font-weight:700;white-space:nowrap;direction:ltr}.wall_poll_box__actions{display:flex;gap:.2rem;margin-top:.2rem}.wall_poll_box__actions .wall_poll_box__vote{flex:1;padding:.14rem .2rem!important;font-size:.5rem!important;line-height:1.2!important;border-radius:999px!important;border:none!important;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:transform .12s,opacity .12s}.wall_poll_box__vote--1{background:linear-gradient(180deg,#4caf50,#388e3c)!important;color:#fff!important}.wall_poll_box__vote--2{background:linear-gradient(180deg,#ff9800,#f57c00)!important;color:#fff!important}.wall_poll_box__actions .wall_poll_box__vote:hover{transform:translateY(-1px);opacity:.92}.wall_poll_box__actions .wall_poll_box__vote:active{transform:translateY(0)}.wall_poll_box__voted{margin:.18rem 0 0;padding:.12rem .22rem;font-size:.5rem;color:#2e7d32;background:#e8f5e9;border-radius:.18rem;text-align:center}.wall_poll_box__voted .fa{margin-left:.12rem;font-size:.48rem}.chat__body__wall_pane__form__poll{margin-right:.2em;font-size:.55rem;color:#fff!important;background-color:#5b6ee1!important;border-color:#4a5fc7!important;position:relative;z-index:3;cursor:pointer}.chat__body__wall_pane__form__poll:hover{background-color:#4a5fc7!important}.wall_poll_modal__hint{font-size:.62rem;color:#777;margin:.35rem 0 0}.user_profile__scroll_area{display:block;width:100%;height:auto;overflow:auto;max-height:91vh}.user_profile__header{margin:0}.user_profile__header__avatar{float:left;border-radius:.2em;margin-right:.2em}.user_profile__header__name{font-size:.6rem}.user_profile__header__close{position:absolute;right:.05em;top:.05em;padding:.1rem .5rem!important}.user_profile__body{width:100%;padding:0;margin-top:-.2rem}.user_profile__cover-container{width:100%;height:200px;overflow:visible;position:relative}.user_profile__body__cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#user_profile__cover-change{bottom:10px;right:10px;background-color:rgba(0,0,0,.3);border-radius:3px;border-color:#fff;padding:2px 8px;font-size:.5rem;transition:.3s;cursor:pointer}#user_profile__cover-change:hover{background-color:rgba(0,0,0,.8);transform:scale(1.2)}#user_profile__cover-loader{bottom:10px;right:10px;height:30px;width:30px}.user_profile__avatar-overlay{position:absolute;bottom:0;left:.5rem;transform:translateY(50%);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}.user_profile__body__avatar.cover{width:90px;height:90px;border-radius:50%;-o-object-fit:cover;object-fit:cover}#user_profile__body__avatar{height:8.333rem;background-size:cover}#user_profile__body__avatar,#user_profile__body__avatar div{width:100%;background-repeat:no-repeat;background-position:50% 50%}#user_profile__body__avatar div{height:100%;background-size:contain;backdrop-filter:blur(.333rem);-webkit-backdrop-filter:blur(.333rem)}.user_profile__body__ip{text-align:center;font-size:.6rem;padding:.1em .2em;margin:.2em auto;width:8em;border-radius:.4em}.user_profile__body__status{text-align:center;margin-bottom:.4rem}.user_profile__body__country_name{font-size:.55rem;font-weight:700}.user_profile__body__room{float:right;font-size:.6rem}#user_profile .user_profile__footer.modal-footer{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;clear:both!important;float:none!important}.user_profile__footer{padding:.3em}#user_profile .user_profile__footer__actions,#user_profile .user_profile__footer__forms{width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box}.user_profile__footer__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.22rem .18rem;width:100%;margin:0 auto .28rem;text-align:center;align-items:stretch}.user_profile__footer__actions__item{margin:0;width:auto;display:block;vertical-align:top}.user_profile__footer__actions__item .btn{border:.042rem solid #e6e6fa;border-radius:.38rem;width:100%;min-height:2.1rem;font-weight:700;font-size:.52rem;line-height:1.15;padding:.2rem .18rem .18rem;background:#fefffc;box-shadow:0 1px 1px rgba(15,23,42,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14rem;white-space:normal;transition:border-color .12s,box-shadow .12s,background .12s}.user_profile__footer__actions__item .btn:before{font-size:.78rem;line-height:1;margin:0!important;opacity:.95}.user_profile__footer__actions__item .btn:hover{border-color:rgba(130,140,170,.45);box-shadow:0 1px 3px rgba(15,23,42,.07);background:#fff}.user_profile__footer__actions__item .btn:active{box-shadow:none}.user_profile__footer__actions__item .btn.red{color:red}.user_profile__footer__actions__item .btn.blue{color:#00f}.user_profile__footer__actions__item .btn.maroon{color:maroon}.user_profile__footer__actions__item .btn.magenta{color:#d313ff}.user_profile__footer__actions__item .btn.purple{color:purple}.user_profile__footer__actions__item .btn.orange{color:orange}.user_profile__footer__actions__item .btn.green{color:#0f8a4a}.user_profile__footer__actions__item .btn .user_profile__action-btn__label,.user_profile__footer__actions__item .btn span{display:block;font-size:inherit;font-weight:700;line-height:1.15}#user_profile #user_profile__footer__actions__item--chat-complaint{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.chat-complaint-modal .modal-dialog{width:min(92vw,26rem);margin:1rem auto}.chat-complaint-modal .modal-content{background:var(--panes-color,#fefffc);border:.0625rem solid var(--border-color,#a81d1d);border-radius:.45rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.35);overflow:hidden}.chat-complaint-modal .modal-header{background:var(--content-color,#3c6297);color:#fff;border-bottom:.125rem solid var(--border-color,#a81d1d);padding:.55rem .85rem}.chat-complaint-modal .modal-header .close{opacity:.95;margin-top:2px}.chat-complaint-modal .modal-title{font-weight:800;font-size:.85rem;letter-spacing:.2px;margin:0;padding-left:.5rem}.chat-complaint-modal .modal-body{padding:.95rem 1rem 1rem;background:var(--panes-color,#fefffc);display:flex;flex-direction:column;align-items:stretch;text-align:center}.chat-complaint-modal__intro{font-size:.62rem;margin:0 0 .65rem;padding:.45rem .5rem;background:rgba(60,98,151,.08);border-radius:.3rem;border-right:.2rem solid var(--content-color,#3c6297);color:#2c3e50;font-weight:700;line-height:1.35;width:100%}.chat-complaint-modal .form-group{margin-bottom:.72rem;width:100%;max-width:100%;margin-right:0;margin-left:0}.chat-complaint-modal .form-group label{display:block;font-size:.58rem;font-weight:700;margin-bottom:.2rem;color:var(--content-color,#3c6297);text-align:center}.chat-complaint-modal .modal-body .form-control{border-radius:.3rem;border:.042rem solid #c5c5c5;font-size:.62rem;padding:.48rem .55rem;background:#fff;width:100%;margin:0 auto;text-align:center}.chat-complaint-modal .modal-body .form-control:focus{border-color:var(--content-color,#3c6297);box-shadow:0 0 0 .08rem rgba(60,98,151,.2)}.chat-complaint-modal__ctx{margin:.4rem 0 0;padding:.35rem .45rem;background:#f8f9fa;border-radius:.25rem;font-size:.52rem!important;color:#555!important;line-height:1.35;word-break:break-word;width:100%;max-width:100%}.chat-complaint-modal .modal-footer{background:#eceef2;border-top:.042rem solid #ccc;padding:.65rem .85rem;display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:.55rem;flex-wrap:wrap}.chat-complaint-modal .modal-footer .btn-default{background:#fff;border:.042rem solid #aaa;color:#333;font-weight:700;font-size:.62rem;padding:.45rem .85rem;border-radius:.3rem}.chat-complaint-modal .modal-header .close,.chat-complaint-modal .modal-header button.close{background:0 0!important;border:none!important;color:#fff!important;opacity:1!important;box-shadow:none!important;text-shadow:none!important}#chat_complaint_submit,.chat-complaint-modal .chat-complaint-modal__submit{background:var(--primary-color,#a81d1d)!important;border:.0625rem solid!important;color:#fff!important;font-weight:800;font-size:.63rem;padding:.48rem .95rem;border-radius:.3rem;box-shadow:0 .08rem 0 rgba(0,0,0,.12)}.chat-complaint-modal textarea.form-control{min-height:8rem;resize:vertical}.chat-complaint-modal__preview{margin-top:.45rem;text-align:center}.chat-complaint-modal__preview img{max-width:100px;max-height:100px;width:100px;height:100px;object-fit:cover;border-radius:.35rem;border:.0625rem solid #c5c5c5;box-shadow:0 .08rem .2rem rgba(0,0,0,.12)}@media (max-width:520px){.chat-complaint-modal .modal-dialog{width:calc(100vw - 1rem);margin:.5rem auto}.chat-complaint-modal .modal-body{padding:.8rem}}#chat_complaint_submit .fa,.chat-complaint-modal .chat-complaint-modal__submit .fa{margin-left:.25rem}.user_profile__footer__actions__item #user_profile__footer__actions__item--unignore,.user_profile__footer__actions__item #user_profile__footer__actions__item--unmute{display:none!important}.user_profile__footer__actions__item #user_profile__footer__actions__item--ignore,.user_profile__footer__actions__item #user_profile__footer__actions__item--mute,.user_profile__footer__actions__item.ignored #user_profile__footer__actions__item--unignore{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.user_profile__footer__actions__item.ignored #user_profile__footer__actions__item--ignore{display:none!important}.user_profile__footer__actions__item.muted #user_profile__footer__actions__item--unmute{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.user_profile__footer__actions__item.muted #user_profile__footer__actions__item--mute{display:none!important}.user_profile__footer__actions__item.active .btn{background:#dc3545;border-color:#c82333;color:#fff!important;box-shadow:none}.user_profile__footer__actions__item.active .btn:before{color:#fff!important;opacity:1}.user_profile__footer__forms{display:block;width:100%;clear:both;margin-top:.15rem}.user_profile__footer__forms .user_profile__footer__actions__item_group{display:block;width:100%;float:none;clear:both}.user_profile__footer__actions__item_group{border:.0416666667rem solid #000;margin-top:.2083333333rem;padding:.2em;font-size:.6rem;display:block;width:100%;box-sizing:border-box;background:0 0}.user_profile__footer__actions__item_group .user_profile__footer__actions__item_group__submit{display:inline-block;vertical-align:middle}.user_profile__footer__actions__item_group__label{margin:0;padding:.6em;border-radius:.2em;width:19%;font-size:.6rem}.user_profile__footer__actions__item_group__input{vertical-align:middle;padding:.2em;width:63%}select.user_profile__footer__actions__item_group__input{height:2em}.user_profile__footer__actions__item_group__input:active,.user_profile__footer__actions__item_group__input:focus{border:.0416666667rem solid #000}#user_profile__footer__actions__item_group--grant-likes-balance{display:flex;flex-wrap:nowrap;align-items:center;gap:.12rem}#user_profile__footer__actions__item_group--grant-likes-balance .user_profile__footer__actions__item_group__label{flex:0 0 auto;width:auto;max-width:none;line-height:1.35;vertical-align:middle;white-space:nowrap;display:inline-flex;align-items:center}#user_profile__footer__actions__item_group--grant-likes-balance .user_profile__footer__actions__item_group__input{flex:0 0 3rem;width:3rem;min-width:2.5rem;max-width:32%;color:#1a1a1a!important;background-color:#fff!important;-webkit-text-fill-color:#1a1a1a}#user_profile__footer__actions__item_group--grant-likes-balance .user_profile__footer__actions__item_group__input::placeholder{color:#555!important;opacity:1}#user_profile__footer__actions__item_group--grant-likes-balance .user_profile__footer__actions__item_group__submit{flex:0 0 auto;width:auto;min-width:2.1rem}.user_profile__footer__actions__item_group__submit{padding:.1em .4em;border-radius:.2em;border:none;box-shadow:none;width:18%}.user_profile__footer__actions__item_group__submit:active,.user_profile__footer__actions__item_group__submit:focus{border:none;box-shadow:none}.user_profile__body__stats{display:flex;justify-content:space-between;text-align:right;padding:.2rem;font-size:.6rem}.user_profile__body__stats .user_profile__body__stats--points{direction:rtl}.user_profile__body__tags{text-align:center}.user_profile__body__tags img{width:2.0833333333rem;height:2.0833333333rem}.user_profile__body__stats--stars .fa-star{color:#ccc}.user_profile__body__stats--stars .fa-star.checked{color:#ffd27c}#wall_comments{font-size:.7rem;height:auto}.wall_comments__scroll_area{height:auto;overflow:auto;max-height:40vh;min-height:30vh}.wall_comments__header__avatar{float:left;border-radius:.2em;margin-right:.2em}.wall_comments__header__name{font-size:.6rem}.wall_comments__header__close{position:absolute;right:.05em;top:.05em}.wall_comments__body__avatar{height:8.3333333333rem;display:block;margin:0 auto}.wall_comments__body__ip{text-align:center;font-size:.6rem;padding:.1em .2em;margin:.2em auto;width:8em;border-radius:.4em}.wall_comments__body__status{text-align:center;margin-bottom:.4rem}.wall_comments__body__country_name{font-size:.55rem;font-weight:700}.wall_comments__body__room{float:right;font-size:.6rem}.wall_comments__body__room .chat_pane__room_item--inline{font-size:.7rem!important}.wall_comments__footer{padding:.3em}.wall_comments__footer__actions{text-align:center;margin:0 auto;width:100%}.wall_comments__footer__actions__item{margin:.0833333333rem;width:32%;display:inline-block}.wall_comments__footer__actions__item .btn{border:.0416666667rem solid #e6e6fa;border-radius:.4em;width:100%;font-weight:700;font-size:.6rem;padding:.2em 0;background:#fefffc}.wall_comments__footer__actions__item .btn.red{color:red}.wall_comments__footer__actions__item .btn.blue{color:#00f}.wall_comments__footer__actions__item .btn.maroon{color:maroon}.wall_comments__footer__actions__item .btn.magenta{color:#d313ff}.wall_comments__footer__actions__item .btn.purple{color:purple}.wall_comments__footer__actions__item .btn.green{color:#58c827}.wall_comments__footer__actions__item.active button{background:#dc3545;color:#fff!important}.wall_comments__footer__actions__item_group{border:.0416666667rem solid #000;margin-top:.2083333333rem;padding:.2em;font-size:.6rem}.wall_comments__footer__actions__item_group__label{margin:0;padding:.6em;border-radius:.2em;width:18%;font-size:.6rem}.wall_comments__footer__actions__item_group__input{vertical-align:middle;padding:.2em;width:64%}select.wall_comments__footer__actions__item_group__input{height:2em}.wall_comments__footer__actions__item_group__input:active,.wall_comments__footer__actions__item_group__input:focus{border:.0416666667rem solid #000}.wall_comments__footer__actions__item_group__submit{padding:.1em .4em;border-radius:.2em;border:none;box-shadow:none;width:18%}.wall_comments__footer__actions__item_group__submit:active,.wall_comments__footer__actions__item_group__submit:focus{border:none;box-shadow:none}.wall_comments__form{text-align:center;height:1.1666666667rem;padding-top:.15em;padding-bottom:1.4rem;position:relative}.wall_comments__form__attach{margin-right:.2em;font-size:.55rem}.wall_comments__form__face{margin-right:.2em;cursor:pointer}.wall_comments__form__input{width:calc(100% - 4.5rem);margin-right:.2em;vertical-align:middle;height:1.1rem;text-align:left}.wall_comments__form__input:active,.wall_comments__form__input:focus{border:.0416666667rem solid #000}.wall_comments__comment{position:relative;background:#fff;border:.0416666667rem solid #e6e6fa;padding:.1rem .05rem;margin:0 .05rem -.0416666667rem}.wall_comments__comment__avatar{float:left;margin:0;cursor:pointer}.wall_comments__comment__avatar img{border-radius:50%;border-width:.0416666667rem!important;padding:.0416666667rem}.wall_comments__comment__content,.wall_comments__comment__title{font-size:.55rem;font-weight:700;padding:0 .2em 0 2.8em;direction:rtl;margin:0;max-width:93%;word-wrap:break-word}.wall_comments__comment__title .username__wrapper{font-size:.55rem;padding:0}.wall_comments__comment__content{color:#000;margin:.2em 0}.wall_comments__comment__like,.wall_comments__comment__remove{position:absolute;bottom:0;right:0;padding:0 .0833333333rem;font-size:60%;font-weight:700}.wall_comments__comment__remove{right:1.1rem}.wall_comments__comment__time{font-size:.45rem;color:#000;position:absolute;top:.1em;right:.1em}.reveal_names__header{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin:0 0 .25rem;padding:.35rem .45rem;background:var(--primary-color,#337ab7);border:.042rem solid #000;border-radius:.12rem;clear:both;overflow:hidden}.reveal_names__header .fr{float:none;flex:1 1 auto;margin:0;padding:.1rem .2rem;font-size:.72rem;font-weight:700;color:#fff;text-align:center;line-height:1.4}.reveal_names__header #reveal_names__header__back{flex:0 0 auto;margin:0;white-space:nowrap}.reveal_names_body{height:65vh;overflow:auto}.reveal_names__item{background-color:#f0f8ff;padding:.0833333333rem;margin-bottom:.2083333333rem;border:.0416666667rem solid #000;word-break:break-word}.reveal_names__item p{margin-bottom:.0833333333rem}.reveal_names__item__key{background-color:#789;color:#fff;padding:.0833333333rem .2083333333rem;border-radius:.125rem;width:2.5rem;text-align:center;display:inline-block;margin-right:.2083333333rem}.reveal_names__item__value{word-break:break-all}#chat__body__conversations_pane{background:var(--panes-color);height:100%}#chat__body__conversations_pane .chat_pane__container{height:calc(100% - 2.25rem)}.conversations_item{position:relative;background:#fff;border:.0416666667rem solid #e6e6fa;margin:0 .05rem;cursor:pointer}.conversations_item.unread{background-color:linen}.conversations_item.state_active{border-left:.125rem solid #58c827}.conversations_item.state_no_private{border-left:.125rem solid red}.conversations_item.state_idle{border-left:.125rem solid orange}.conversations_item.state_out{border-left:.125rem solid #9c9999}.conversations_item__avatar{float:left;margin:0 .3rem 0 0}.conversations_item__last_message,.conversations_item__name{font-size:.55rem;font-weight:700;padding:0 .2em 0 .1em;direction:rtl;margin:0}.conversations_item__last_message{font-size:.55rem;color:#888}.conversations_item__holder{padding:.1rem .05rem;width:9.4rem;border:.0416666667rem solid #000}.conversations_item__remove{font-size:.55rem;font-weight:700;border:.0416666667rem solid #000;border-radius:.1666666667rem}.chat_group_member_avatar{border-radius:50%;margin-right:.2rem}.room_modal{font-size:.7rem;height:auto}.room_modal .modal-dialog{max-width:14.25rem}.room_modal__header__name{font-size:.6rem;padding-left:.2rem}.room_modal__header__close{position:absolute;right:.05em;top:.05em}.room_modal__body input{width:100%;height:1.2rem;margin-bottom:.3rem}.room_modal__body input[type=checkbox]{width:auto}.room_modal__body label{font-size:.55rem;vertical-align:middle;margin-left:.3rem;font-weight:700}.room_modal__body .alert{font-size:.7rem;padding:.2rem;text-align:center;margin-bottom:.4rem}.room_modal__footer{padding:.1rem}#lock-mic-speakers{justify-content:center;margin-bottom:.4rem;height:2rem;display:flex}#lock-mic-speakers .mic-speakers--item{position:relative;width:1.8rem;height:1.8rem;border-radius:50%;color:#000;display:inline;font-size:1.1rem;margin:.041rem .5rem .041rem -.333rem;border:.125rem solid var(--mic-color);cursor:pointer;vertical-align:middle;text-align:center}#lock-mic-speakers .mic-speakers--item.locked .fa-lock{display:inline;color:var(--mic-color)}#lock-mic-speakers .mic-speakers--item.locked .fa-microphone,#lock-mic-speakers .mic-speakers--item.locked .fa-video-camera{display:none}#lock-mic-speakers .fa-lock{display:none;top:.2rem;font-size:1.2rem;position:relative}#lock-mic-speakers .fa-microphone:before{position:absolute;top:.25rem;margin-left:-.8rem;width:1.6rem;height:1.6rem;border-radius:50%;color:var(--mic-color);font-size:1.1rem}.dialog_modal{font-size:.7rem;height:auto}.dialog_modal .modal-dialog{max-width:14.25rem}.dialog_modal__header__name{font-size:.6rem;padding-left:.2rem}.dialog_modal__header__close{position:absolute;right:.05em;top:.05em}.dialog_modal__body textarea{width:100%;height:3rem;padding:.3rem;resize:none}.dialog_modal__body button{margin:.2rem .3rem;border-radius:.1rem}.dialog_modal__body input{width:100%;height:1.2rem;margin-bottom:.3rem}.dialog_modal__body input[type=checkbox]{width:auto}.dialog_modal__body label{font-size:.55rem;vertical-align:middle;margin-left:.3rem;font-weight:700}.dialog_modal__body .alert{font-size:.7rem;padding:.2rem;text-align:center;margin-bottom:.4rem}.dialog_modal__footer{padding:.1rem}#change_flag{width:2rem;height:2rem;border-radius:50%;border:.00175rem solid grey;padding:.07rem;cursor:pointer;margin-left:1.4rem}#chat__body__rooms_pane{background:var(--panes-color);z-index:2;height:100%}#chat__body__rooms_pane .chat_pane__container{height:calc(100% - 2.7rem)}#chat__body__rooms_pane #chat__body__rooms_pane__create_room{padding:.2rem .208rem}.chat_pane__room_item{position:relative;background:0 0/cover no-repeat #fff;border:.0416666667rem solid #e6e6fa;padding:.2rem .05rem;margin:0 .05rem -.0416666667rem}.chat_pane__room_item .chat_pane__room_item__name img{display:none}.chat_pane__room_item.locked .chat_pane__room_item__name .chat_pane__room_item--lock{display:inline}#chat__body__rooms_pane .chat_pane__room_item.has-mic .chat_pane__room_item__users.label-primary,#chat__body__rooms_pane .chat_pane__room_item.has-mic span.chat_pane__room_item__users{background:#d9534f!important;color:#fff!important}.chat_pane__room_item.has-mic .chat_pane__room_item__users{background-color:#d9534f!important}.chat_pane__room_item__users.chat_pane__room_item__users--mic{background-color:#d9534f;color:#fff}.chat_pane__room_item__users.chat_pane__room_item__users--no-mic{background-color:#3a3a3a;color:#fff}.chat_pane__room_item.active{border-right:.25rem solid #4491f7;border-left:.25rem solid #4491f7}.chat_pane__room_item--inline{cursor:pointer;font-size:.625rem;padding:.166rem;max-width:7.5rem;min-width:2.5rem;font-weight:400!important}.chat_pane__room_item__flag{float:left;margin:0}.chat_pane__room_item__flag img{min-width:2.167rem;width:2.167rem;min-height:2.083rem;max-height:2.083rem}.chat_pane__room_item__description,.chat_pane__room_item__name{font-size:.6rem;font-weight:700;padding:0 .2em 0 2.8em;direction:rtl;margin:0}.chat_pane__room_item__name{direction:ltr}.chat_pane__room_item__description{color:#888}.chat_pane__room_item__users{position:absolute;font-size:.65rem;font-weight:700;top:0;right:0;padding:.125rem;border-radius:.083rem;min-width:2.5rem;text-align:center;line-height:1.4}#chat__body__wall_pane{background:var(--panes-color);z-index:2;height:100%;border-bottom-width:.083rem;display:flex;flex-direction:column}.wall_poll_creator{position:absolute;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);padding:.35rem}.wall_poll_creator__panel{width:100%;max-width:12rem;background:#fff;border-radius:.15rem;overflow:hidden;box-shadow:0 .2rem .6rem rgba(0,0,0,.25)}.wall_poll_creator__head{padding:.35rem .45rem;color:#fff;position:relative}.wall_poll_creator__head .close{position:absolute;left:.25rem;top:.15rem;color:#fff;opacity:.9;font-size:1.1rem}.wall_poll_creator__body{padding:.4rem .45rem;font-size:.58rem}.wall_poll_creator__body .form-group{margin-bottom:.35rem}.wall_poll_creator__foot{padding:.35rem .45rem;text-align:left;border-top:1px solid #ddd;background:#f7f7f7}.wall_poll_creator__foot .btn{font-size:.55rem;margin-left:.2rem}#chat__body__wall_pane .chat_pane__container{border-bottom:none!important;flex-grow:1}.chat__body__wall_pane__form{text-align:center;position:relative;margin-top:.1rem;border-left:.042rem solid #000;display:flex;padding:.1rem}.chat__body__wall_pane__form button{padding:.208rem!important;border-radius:.083rem}.chat__body__wall_pane__form__attach{margin-right:.2em;font-size:.55rem}.chat__body__wall_pane__form__loading_percent{display:none;position:absolute;text-align:center;font-size:.5rem;top:.35rem;left:.5rem}.chat__body__wall_pane__form__face{margin-right:.2em;cursor:pointer;margin-top:.2rem}#chat_pane_youtube__input,.chat__body__wall_pane__form__input{flex-grow:1;margin-right:.2em;vertical-align:middle;text-align:left;height:1.333rem;overflow:hidden;resize:none;outline:0;line-height:1.5;padding-top:.25rem}.chat__body__wall_pane__form__input:active,.chat__body__wall_pane__form__input:focus{border:.0416666667rem solid #000}.chat__body__wall_pane__form__send{font-size:.55rem;font-weight:700}.chat_pane__container__banner{font-size:.6rem;font-weight:700;background:linen;color:#a72a2a;text-align:center;padding:.6em .2em}.chat_pane__container__banner p{margin:0}#chat_pane_youtube{background-color:#fafafa;position:relative}#chat_pane_youtube form{display:flex;padding:.1rem}#chat_pane_youtube form #chat_pane_youtube__input{flex-grow:1;text-align:center;margin-left:.1rem}#chat_pane_youtube form #chat_pane_youtube__input.loading{background-image:url(/images/is_writing.gif);background-position:50%;background-size:4rem;background-repeat:no-repeat}#chat_pane_youtube form #chat_pane_youtube__icon{color:red;font-size:1.3rem;font-weight:100!important}#chat_pane_youtube #chat_pane_youtube_items{display:flex;overflow:scroll;left:0;width:100%;background:#fafafa;top:1.55rem;z-index:200;padding-right:.2rem;background-color:var(--primary-color)}#chat_pane_youtube #chat_pane_youtube_items img{cursor:pointer;margin:.2rem 0 .2rem .2rem;border-radius:.1rem;border:.1rem solid #fff}#chat_pane_youtube #chat_pane_youtube_items #chat_pane_youtube_items--close{position:fixed;right:0}.wall_post{position:relative;font-size:.65rem;background:#fafafa;border-bottom:.042rem solid #ccc;display:flex;padding-left:.1rem;overflow:hidden}.wall_post__time{font-size:.55rem;color:#888;position:absolute;top:0;right:.4em}.wall_post__name{font-size:.55rem;font-weight:700;padding-left:.2em;direction:rtl;margin:0}.wall_post__avatar{float:left;margin:0 0 .1em}.wall_post__avatar img{width:2.167rem;height:2.167rem}.wall_post__body{font-size:.6rem;text-align:left;padding:.2em;margin:0;font-weight:700;word-wrap:break-word}.wall_post__body__comments,.wall_post__body__heart,.wall_post__body__remove{padding:0 .083rem;font-size:90%!important;font-weight:700;border:none!important}.wall_post--media-btn{padding:.208rem!important;background-color:#eee;max-width:100%;cursor:pointer;margin-bottom:-.875rem;display:block!important;margin-left:calc(30% - 1rem)!important;margin-right:auto!important;float:none!important;text-align:center}.wall_post--media-btn:before{margin-right:.3rem}.wall_post__body--youtube{max-width:100%;max-height:4.1666666667rem}.wall_post__body--photo-img{cursor:pointer}.wall_post__body--photo-img,.wall_post__body--sound,.wall_post__body--video{max-width:100%;max-height:160px;display:block;margin:0 auto;text-align:center}video.wall_post__body--video{width:100%}.wall_post__body--text span{-moz-user-select:text!important;user-select:text!important;word-break:break-word}#chat__body__settings_pane{background:var(--panes-color);font-size:.7rem;z-index:2;height:100%;border-width:.0833333333rem}.chat__body__settings_pane__container{padding:.1em;height:calc(100% - 1.4rem);overflow-y:auto;overflow-x:hidden}.chat__body__settings_pane__container select{height:1.65rem!important;border-radius:.083rem;text-align:center}.chat__body__settings_pane__container label{width:5.5rem;height:1.042rem;padding:.042rem;text-align:center;line-height:1.5}.chat__body__settings_pane__container input[type=text]{border:.042rem solid #000;border-radius:.083rem;height:1.05rem;margin:0 .083rem}.chat__body__settings_pane__container__rm_bg_color{padding:0 .2em;border-radius:.083rem;margin-top:-.1rem}.chat__body__settings_pane__container .yc-local-chat-colors-row{white-space:nowrap}.chat__body__settings_pane__container .yc-local-chat-colors-swatch.jscolor{width:2.75rem;max-width:none}.chat__body__settings_pane__container .yc-connection-ping{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.18rem;box-sizing:border-box;height:1.05rem;min-height:1.05rem;margin:0 .083rem;padding:0 .22rem;border:.042rem solid #000;border-radius:.083rem;background:#fff;direction:rtl;vertical-align:middle;min-width:4.5rem;flex:0 1 auto}.chat__body__settings_pane__container .yc-connection-ping__dot{width:.48rem;height:.48rem;border-radius:50%;flex-shrink:0;background:#888;box-shadow:inset 0 0 0 .06rem rgba(0,0,0,.15)}.chat__body__settings_pane__container .yc-connection-ping__ms{font-size:inherit;font-weight:700;line-height:1.05rem;min-width:2.2rem;text-align:center}.chat__body__settings_pane__container .yc-connection-ping__word{font-size:.55rem;line-height:1.05rem;white-space:nowrap;opacity:.95}.chat__body__settings_pane__container .yc-connection-ping--good .yc-connection-ping__dot{background:#28a745}.chat__body__settings_pane__container .yc-connection-ping--medium .yc-connection-ping__dot{background:#e0a800}.chat__body__settings_pane__container .yc-connection-ping--bad .yc-connection-ping__dot{background:#dc3545}.chat__body__settings_pane__container .yc-connection-ping--offline .yc-connection-ping__dot{background:#6c757d}.chat__body__settings_pane__container__reset_local_chat_colors{padding:0;border-radius:.083rem;margin:-.1rem .083rem 0;height:1.05rem;min-height:1.05rem;min-width:1.1rem;line-height:1.05rem;font-size:.55rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.chat__body__settings_pane__container__submit{width:100%;height:1.4rem;border:.042rem solid #000}.chat__body__settings_pane__container__submit:before{float:left}.chat__body__settings_pane__container__button{cursor:pointer;text-align:center;padding-top:.3em;border:.0416666667rem solid #000;margin-top:.125rem;height:1.65rem;line-height:2;font-weight:700;position:relative;margin-bottom:.2rem;border-radius:.083rem;background-color:#f8f8ff}.chat__body__settings_pane__container__button .toggle_notifications,.chat__body__settings_pane__container__button .toggle_private,.chat__body__settings_pane__container__button .toggle_star{display:none}.chat__body__settings_pane__container__button .toggle_notifications.toggle_notifications--active,.chat__body__settings_pane__container__button .toggle_private.toggle_private--active,.chat__body__settings_pane__container__button .toggle_star.toggle_star--active{display:inline}#chat__body__settings_pane__container__button--toggle_notifications:has(.toggle_notifications__disable.toggle_notifications--active),#chat__body__settings_pane__container__button--toggle_private:has(.toggle_private__disable.toggle_private--active){background-color:#e8f8e8;border-color:#b8e6b8}#chat__body__settings_pane__container__button--toggle_notifications:has(.toggle_notifications__enable.toggle_notifications--active),#chat__body__settings_pane__container__button--toggle_private:has(.toggle_private__enable.toggle_private--active){background-color:#ffe8e8;border-color:#ffb8b8}.chat__body__settings_pane__container__button .fa{position:absolute;left:.4em;line-height:2;color:#000;font-size:.7rem}.chat__body__settings_pane__container__button .fa img{border-radius:.125rem;margin-top:-.2rem}.chat__body__settings_pane__container__button.info{background:#d877ff;color:#fff}.chat__body__settings_pane__container__button.warning{background:orange;color:#fff}.chat__body__settings_pane__container__button.danger{background:#d9534f;color:#fff}.chat__body__settings_pane__container__button.success{background:#28a745;color:#fff}.chat__body__settings_pane__container__button:hover{background-color:#eee;color:#000}.chat__body__settings_pane__container__button.disabled{background-color:#ddd;cursor:no-drop}.mic-room-control-empty{margin:.35rem .25rem;font-size:.62rem!important}.mic-room-control-grid{display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem .25rem .5rem;justify-content:center;direction:rtl}.mic-room-control-slot{position:relative;min-width:2.6rem;min-height:2.6rem;padding:.2rem!important;border-radius:.35rem!important;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.mic-room-control-slot__icon{font-size:1.15rem;line-height:1}.mic-room-control-slot__num{font-size:.55rem;font-weight:700;opacity:.85}.mic-room-control-slot.mic-slot--locked{opacity:.75;border-color:#dc3545!important;box-shadow:inset 0 0 0 1px rgba(220,53,69,.35)}.mic-room-control-slot.mic-slot--locked .mic-room-control-slot__icon{color:#dc3545}.mic-room-control-slot.mic-slot--locked::after{content:"";position:absolute;inset:.15rem;pointer-events:none;border-radius:.2rem;background:linear-gradient(to bottom left,transparent calc(50% - .06rem),rgba(220,38,38,.88) calc(50% - .06rem),rgba(220,38,38,.88) calc(50% + .06rem),transparent calc(50% + .06rem))}#chat__body__settings_pane__container__button--change_avatar .avatar{display:inline}#chat__body__settings_pane__container__button--change_avatar .loader,#chat__body__settings_pane__container__button--change_avatar.disabled .avatar{display:none}#chat__body__settings_pane__container__button--change_avatar.disabled .loader{display:inline}#chat__body__settings_pane__container__user-avatar-backgrounds,#chat__body__settings_pane__container__user-backgrounds{display:flex;overflow:scroll}#chat__body__settings_pane__container__user-avatar-backgrounds img.user-background-item,#chat__body__settings_pane__container__user-backgrounds img.user-background-item{height:2.0833333333rem;border:.0416666667rem solid grey;margin:0 .0416666667rem;cursor:pointer}#chat__body__settings_pane__container__user-avatar-backgrounds .remove-user-background,#chat__body__settings_pane__container__user-backgrounds .remove-user-background{font-size:2rem;cursor:pointer;color:#d9534f;border:.0416666667rem solid grey;margin-right:.0416666667rem}#chat__body__others-pane{background:var(--panes-color);font-size:.7rem;z-index:2;height:100%;border-width:.0833333333rem}.chat__body__others-pane__container{padding:.1em;height:calc(100% - 1.4rem);overflow-y:auto;overflow-x:hidden}.chat__body__others-pane__container__button{cursor:pointer;text-align:center;padding-top:.3em;border:.0416666667rem solid #000;margin-top:.125rem;height:1.65rem;line-height:2;font-weight:700;position:relative;margin-bottom:.2rem;border-radius:.083rem;background-color:#f8f8ff}.chat__body__others-pane__container__button .fa{position:absolute;left:.4em;line-height:2;color:#000;font-size:.7rem}.chat__body__others-pane__container__button .fa img{border-radius:.125rem;margin-top:-.2rem}.chat__body__others-pane__container__button.info{background:#d877ff;color:#fff}.chat__body__others-pane__container__button.warning{background:orange;color:#fff}.chat__body__others-pane__container__button.danger{background:#d9534f;color:#fff}.chat__body__others-pane__container__button.success{background:#28a745;color:#fff}.chat__body__others-pane__container__button:hover{background-color:#eee;color:#000}.chat__body__others-pane__container__button.disabled{background-color:#ddd;cursor:no-drop}#chat__body__live-pane{background:var(--panes-color);z-index:2;height:100%}#chat__body__live-pane .chat_pane__container{height:calc(100% - 2.3rem)}#chat__body__live-pane #chat__body__live-pane__tv{width:100%}#chat__body__live-pane iframe{max-width:100%;width:100%}.chat_pane__header{position:relative;background:var(--primary-color);height:1.3rem;margin-bottom:0}.chat_pane__header .btn{padding:.08rem .3rem;border-radius:.15rem}.chat_pane__header__title{font-size:.7rem;padding:.1em .5em;color:#fff!important}.chat_pane__header__close{position:absolute;top:.0833333333rem;right:.0833333333rem}#chat__body__wall_pane>.chat_pane__header{z-index:201}#chat__body__wall_pane>.chat_pane__header .chat_pane__header__close{position:absolute;top:.0833333333rem;right:.0833333333rem;z-index:202}#chat__footer{position:absolute;bottom:0;left:0;right:0;height:1.5rem;max-width:100%;background-color:#e9e9e9}#chat__footer__menu{max-width:100%;list-style:none;margin:.1em 0 0;font-size:.6rem;padding:.15rem .05em}.chat__footer__menu__item{border:.041rem solid #000;border-radius:.083rem;margin:.041rem;float:left;padding:.2rem 0;color:#fff;white-space:nowrap;vertical-align:baseline;max-width:100%;max-width:3.333rem;text-align:center;cursor:pointer}.chat__footer__menu__item span{margin-left:.1rem}.chat__footer__menu__item .count{font-weight:400;margin-left:.083rem}.chat__footer__menu__item .unread{background-color:#e9991f}.chat__footer__menu__item .fa{display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;text-align:left}.chat__footer__menu__item.unread{color:#ffeb3b}#chat__footer__menu__conversations_item .count{display:none}#chat__footer__menu__conversations_item.unread .count{display:inline-block}#chat__footer__menu__wall_item .count{display:none}#chat__footer__menu__wall_item.unread .count{display:inline-block}#chat__footer__menu__notifications_item .count{display:none}#chat__footer__menu__notifications_item.unread .count{display:inline-block}@media screen and (max-width:17.5rem){#chat__footer__menu{font-size:.55rem}}@media screen and (max-width:14.5833333333rem){#chat__footer__menu{font-size:.5rem}}@media screen and (max-width:13.3333333333rem){#chat__footer__menu{font-size:.48rem}}.gifts_picker{margin-bottom:.2083333333rem;background:#fff;position:absolute}.gifts_picker__contianer{text-align:center;height:7.17rem;overflow:auto;margin-bottom:.2083333333rem}.gifts_picker__contianer__img{height:1.0416666667rem;margin:.0833333333rem;padding:.0833333333rem;border:.0416666667rem solid #ccc;border-radius:.0833333333rem;cursor:pointer}.gifts_picker__contianer__img:hover{border:.0416666667rem solid #000}.gifts_picker__contianer__clear,.gifts_picker__contianer__close{font-weight:700;font-size:.6rem}#chat_box{position:absolute;top:0;left:0;width:97%;max-width:20.8333333333rem;height:50%;min-height:7.5rem;max-height:20.8333333333rem;border:.0416666667rem solid #000;background-color:#4a5261;z-index:1;display:flex;flex-direction:column}#chat_box #chat_box__header__compress,#chat_box #chat_box__header__unmute{display:none}#chat_box #chat_box__header__expand,#chat_box #chat_box__header__mute{display:inline-block}#chat_box .btn:not(.border){width:1.57rem;height:1.3rem;border:none!important;margin-top:0;border-radius:.042rem}#chat_box .username__wrapper{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}#chat_box.expanded{height:78%}#chat_box.expanded #chat_box__header__compress{display:inline-block}#chat_box.expanded #chat_box__header__expand,#chat_box.muted #chat_box__header__mute{display:none}#chat_box.muted #chat_box__header__unmute{display:inline-block}.chat_box__header{padding:.1em;height:1.45rem;display:flex;align-items:center}.chat_box__header .btn{font-size:.6rem;margin-left:.1rem}.chat_box__header__avatar{border-radius:.2rem;margin-right:.1rem}.chat_box__header__name{display:inline-block;margin:0;font-size:.6rem;line-height:2;flex-grow:1}.chat_box__header__name .username__icon{margin-top:.25rem}.chat_box__body{background:#fefffc;overflow:auto;flex-grow:1;position:relative}.chat_box__footer{background:#ededed;text-align:center;border-top:.0416666667rem solid #000}.chat_box__footer button{margin-right:.2em;margin-top:.0833333333rem}.chat_box__footer form{display:flex;padding:.1rem;align-items:center}.chat_box__footer form #chat_box__footer__loader,.chat_box__footer form #chat_box__footer__loading_percent{display:none}.chat_box__footer form #chat_box__footer__share{display:inline-block}.chat_box__footer form.loading #chat_box__footer__loader,.chat_box__footer form.loading #chat_box__footer__loading_percent{display:inline}.chat_box__footer form.loading #chat_box__footer__share{display:none}#chat_box__footer__loading_percent{position:absolute;text-align:center;font-size:.5rem;top:.4rem;left:.35rem}.chat_box__footer__smile{margin-right:.2em;margin-top:.0833333333rem}.chat_box__footer__input{flex-grow:1;margin-right:.2em;vertical-align:middle;height:1.3rem;margin-top:.0416666667rem;text-align:left;padding:.2rem;overflow:hidden;resize:none;outline:0}#chat_box__footer__stop_recording{display:none}#chat_box__footer__submit{margin-right:0}#chat_box__header__profile{color:#fff;border-color:#000!important;padding:.1rem .4rem;margin-right:.082rem}.audio-recorder{display:flex;align-items:center}.audio-recorder .btn{width:auto!important}#chat_box__body__is_writing{position:absolute;right:0;bottom:0}#chat_box__group_members{text-align:center;padding:.2rem}#chat_group_add_member,#chat_group_add_member_dialog__close{border-radius:50%!important;width:1.5rem!important;height:1.5rem!important;background:#8bc34a;border:.0416666667rem solid #fff;box-shadow:.0416666667rem .0416666667rem .125rem #17791b;margin:.4rem;position:absolute;bottom:1.3rem;right:0;color:#fff;z-index:2}#chat_group_add_member:before,#chat_group_add_member_dialog__close:before{position:absolute;top:.23rem;left:.44rem;font-size:.8rem}#chat_group_add_member_dialog__close{background:#ff7043;box-shadow:.0416666667rem .0416666667rem .125rem #ff7043;position:absolute;top:-.5rem;right:-.5rem;margin:0;width:1.3rem!important;height:1.3rem!important}#chat_group_add_member_dialog__close:before{position:absolute;top:.18rem;left:.4rem;font-size:.6rem}#chat_group_add_member_dialog{position:absolute;top:10%;left:25%;width:50%;height:80%;background-color:#fff;border-radius:.2rem;box-shadow:.0416666667rem .0416666667rem .125rem #9e9e9e;z-index:2;padding:.2rem;border:.0416666667rem solid #9e9e9e;display:none}#chat_group_add_member_dialog__container{width:100%;height:100%;padding:.3rem}#chat_group_add_member_dialog__users{width:100%;height:90%;overflow:scroll}#chat_group_add_member_dialog__add{position:absolute;bottom:0;left:0;right:0;width:80%!important;height:9%!important;margin:.2rem auto}.private_message{position:relative;background:#fff;border:.0416666667rem solid #e6e6fa;margin:0 .05rem;padding:.1rem .05rem}.private_message.linen{background:linen}.private_message__avatar{float:left;margin:0;cursor:pointer}.private_message__title__icon{margin:.0416666667rem .0833333333rem 0 0}.private_message__body,.private_message__title{font-size:.6rem;font-weight:700;padding:0 .2em 0 2.4em;direction:rtl;margin:0;word-wrap:break-word}.private_message__body{margin:.2em 0 0}.private_message__body__media{max-width:80%;display:block;margin:.2rem auto}.private_message__body__image{border:.0416666667rem solid #ccc;padding:.0833333333rem;border-radius:.2083333333rem;cursor:pointer;max-height:6.25rem}.private_message__time{font-size:.55rem;color:#888;position:absolute;top:.1em;right:.1em}.private_message__check{bottom:.1rem}.private_message__check,.private_message__dbl_check{display:none;position:absolute;right:.2rem;width:.5416666667rem}.private_message__dbl_check{bottom:.27rem}.private_message.mine .private_message__check,.private_message.mine.read .private_message__check,.private_message.mine.read .private_message__dbl_check{display:inline-block}.emoji_picker{position:absolute;max-width:10.4166666667rem;max-height:8.3333333333rem;overflow:auto;background:#fefffc;z-index:35;padding:.0833333333rem;border:.0416666667rem solid #999;border-radius:.2083333333rem;text-align:center;bottom:0;left:0}.emoji_picker.public_messages{left:.1rem;bottom:1.5rem}.emoji_picker.private_messages{left:.1rem;bottom:1.6rem}.emoji_picker.wall{left:.1rem;bottom:1.4rem;height:8.3333333333rem}.emoji_picker.wall-comments{left:.1rem;bottom:1.5rem;height:8.3333333333rem}.emoji_picker__item{padding:.0833333333rem;cursor:pointer}.pswp__top-bar{z-index:100000!important}.pswp__button--custom{color:#fff;background:0 0}.pswp__button--remove{color:red}.pswp__button--add{color:#58c827}.lazy-loader{position:absolute;width:100vw;height:100vh;min-height:100%;min-width:100%;z-index:100000;top:0;left:0;bottom:0;right:0}.lazy-loader img{position:absolute;top:50%;left:50%;margin:-.8333333333rem 0 0 -.8333333333rem}#floating_particles .floating_particles__item{z-index:1000000;bottom:0;right:0;position:absolute;opacity:.6}#tv_box{min-width:11.6666666667rem;max-width:11.6666666667rem;z-index:2000;position:absolute;top:20%;padding:0;right:0;border-radius:.2083333333rem;margin-right:.8333333333rem}#tv_box header{margin-bottom:0;padding:.2rem}#tv_box__title{font-size:.6rem;line-height:1.6}#tv_box__close,#tv_box__list{position:absolute;right:0;top:0;font-size:.6rem}#tv_box__list{right:1.1rem}#tv_box__body{width:11.6666666667rem;height:8.7916666667rem;background:url(/images/tv_bg.png)}#tv_box__body iframe{width:100%;height:6.7083333333rem;background-color:#000;padding-left:.5rem;padding-right:.5416666667rem;padding-top:.5833333333rem}#radio-container img{display:none;width:100%}#radio-container img.active{display:inline}#call-dialog{position:absolute;width:11.25rem;top:2.0833333333rem;left:2.0833333333rem;padding:.4166666667rem;border:.0416666667rem solid #000;background-color:#708090;display:none;z-index:1000000}#call-dialog p{margin:0;padding:.0833333333rem}#call-dialog button.btn i{margin-right:.2083333333rem}#call-dialog .target-user-name{background-color:#fff;margin-bottom:.125rem;border-radius:.125rem}#call-dialog .target-user-avatar{max-width:90%;display:block;margin:0 auto;border:.0416666667rem solid #aaa;padding:.0833333333rem;border-radius:.2083333333rem}#call-dialog .call-status{text-align:center;color:orange;direction:rtl;padding:.125rem 0}#call-dialog .call-status.warning{color:orange}#call-dialog .call-status.danger{color:#d9534f}#call-dialog .call-status.success{color:#5cb85c}#call-dialog__status_start_call{display:none}#royal_login_container{position:absolute;left:0;top:10%}#royal_login_container .royal_login_item{width:12.5rem;max-height:2.2rem;min-height:2.2rem;transform:translateX(-100%);transition:transform .5s ease-in-out;position:relative;background:url(/images/royal_login_bg.png) 100% 48%/100% 500% no-repeat}#royal_login_container .royal_login_item .royal_login_item__img{position:relative;width:1.875rem;height:1.5rem;top:.333rem;left:.583rem;border-radius:.25rem}#royal_login_container .royal_login_item .royal_login_item__name{font-size:.7rem;color:#fff;left:2.7rem;position:absolute;top:.75rem;width:12.5rem;margin-top:-.083rem;margin-left:.458rem}#royal_login_container .royal_login_item .username__wrapper{background-color:hsla(0,0%,100%,.8)!important;color:#000!important;padding:.042rem .417rem}#royal_login_container .royal_login_item:before{position:absolute;content:"";margin-top:-.083rem;margin-bottom:1.917rem;width:3.125rem;height:2.25rem;background:url(/images/royal_login_avatar_bg.png) 100% 100%/100% 100% no-repeat}.bot_brb_modal{font-size:.7rem;height:auto}.bot_brb_modal .modal-dialog{max-width:14.25rem}.bot_brb_modal__header__name{font-size:.6rem;padding-left:.2rem}.bot_brb_modal__header__close{position:absolute;right:.05em;top:.05em}.bot_brb_modal__body input{width:100%;height:1.2rem;margin-bottom:.3rem}.bot_brb_modal__body input[type=checkbox]{width:auto}.bot_brb_modal__body label{font-size:.55rem;vertical-align:middle;margin-left:.3rem;font-weight:700}.bot_brb_modal__body .alert{font-size:.7rem;padding:.2rem;text-align:center;margin-bottom:.4rem}.bot_brb_modal__footer{padding:.1rem}.bot_brb_modal__body__form__buttons{text-align:center;margin:.5rem}.bot_brb_modal__body__form__buttons button{margin-right:.3rem;margin-left:.3rem}#mic-speakers{text-align:left;padding:.1rem;display:flex}#mic-speakers audio{position:absolute;left:-416666.625rem;display:none}#mic-speakers .mic-speakers--item{position:relative;width:2.333rem;height:1.958rem;border-radius:.3rem;background-color:#fff;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#000;display:inline;font-size:1.1rem;margin:.042rem;border:.083rem solid #afbfc2;cursor:pointer;vertical-align:middle;text-align:center}#mic-speakers .mic-speakers--item .mic-speakers--item__name{font-size:.53rem;max-width:2.4rem;display:block;position:absolute;bottom:-.7rem;left:-.2rem;z-index:1;overflow:hidden;text-align:center;width:2.4rem;background:#000;color:#fff}#mic-speakers .mic-speakers--item.has-bg .fa-microphone{display:none}#mic-speakers .mic-speakers--item.disabled{cursor:no-drop;opacity:.5}#mic-speakers .mic-speakers--item.room-mic-locked{cursor:not-allowed;opacity:.88;position:relative}#mic-speakers .mic-speakers--item.room-mic-locked .mic-speakers--item__lock-mark{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(to bottom left,transparent calc(50% - .08rem),rgba(220,38,38,.92) calc(50% - .08rem),rgba(220,38,38,.92) calc(50% + .08rem),transparent calc(50% + .08rem))}#mic-speakers .mic-speakers--item.ripple{animation:.7s linear infinite ripple}#mic-speakers .mic-speakers--item.speaking{border:.125rem solid #58c827}#mic-speakers .mic-speakers--item.speaking .wave-container{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;pointer-events:none}#mic-speakers .mic-speakers--item.speaking .wave-circle{position:absolute;border-radius:50%;background-color:rgba(0,0,0,.5);animation:1.5s ease-out infinite wave-animation}#mic-speakers .mic-speakers--item.speaking .wave-circle.c1{animation-delay:0s}#mic-speakers .mic-speakers--item.speaking .wave-circle.c2{animation-delay:.5s}#mic-speakers .mic-speakers--item.speaking .wave-circle.c3{animation-delay:1s}#mic-speakers .mic-speakers--item.is_speaking{border:.125rem solid #58c827}#mic-speakers .mic-speakers--item.muted:after{position:absolute;left:0;top:50%;height:.083rem;background:var(--primary-color);content:"";width:100%;display:block;transform:rotate(135deg)}#mic-speakers .mic-speakers--item .number{position:absolute;font-size:.6rem;bottom:0;right:.65rem}#mic-speakers .mic-speakers--item img{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:30% 1%;display:none}#mic-speakers .mic-speakers--item .fa-microphone:before{position:absolute;top:.25rem;margin-left:-.8rem;width:1.6rem;height:1.6rem;border-radius:50%;color:var(--mic-color);font-size:1.4rem}#mic-speakers .mic-speakers--item .fa-lock{display:none;top:.2rem;font-size:1.2rem;position:relative}#mic-speakers .mic-speakers--item.locked .fa-lock{display:inline;color:var(--mic-color)}#mic-speakers .mic-speakers--item.locked .fa-microphone,#mic-speakers .mic-speakers--item.locked .fa-video-camera,#mic-speakers .mic-speakers--item.locked.has-bg .fa-lock{display:none}@keyframes wave-animation{0%{width:0;height:0%;opacity:.8}to{width:200%;height:200%;opacity:0}}#mic-speakers .mic-speakers--item__modal{position:absolute;border-radius:.208rem;background-color:#daa520;top:1.8rem;width:6rem;z-index:2;left:-2.2rem;padding:.4rem;height:auto;display:none;text-align:center;box-shadow:0 0 .416rem 0 #9e9e9e}#mic-speakers .mic-speakers--item__modal .btn{display:inline-block;margin-bottom:.2rem;width:100%;padding:.1rem}#mic-speakers .mic-speakers--item__modal .btn:last-child{margin-bottom:0}#mic-speakers #mic-speakers--mute{position:relative;width:2rem;height:2.083rem;border-radius:.208rem;display:inline-grid;font-size:1.1rem;border:.042rem solid #000;cursor:pointer;vertical-align:middle;text-align:center;margin-right:.083rem;color:#000;background-color:#3cb371}#mic-speakers #mic-speakers--mute .fa:before{position:absolute;top:.3rem;margin-left:-.8rem;width:1.6rem;height:1.6rem;border-radius:50%;color:#000;font-size:1.5rem}#mic-speakers #mic-speakers--mute .fa-volume-off:before{padding-right:.1rem}#mic-speakers #mic-speakers--mute .fa-volume-off{display:none}#mic-speakers #mic-speakers--mute .fa-volume-up{display:inline}#mic-speakers #mic-speakers--mute.muted{background-color:#d85454}#mic-speakers #mic-speakers--mute.muted .fa-volume-off{display:inline}#mic-speakers #mic-speakers--mute.muted .fa-volume-up{display:none}#mic-speakers .mic-speakers__play-dialog{position:absolute;top:3rem;padding:.5rem;border-radius:.416rem;background-color:#fff;color:#000;z-index:4;box-shadow:0 0 .416rem 0 #9e9e9e}#mic-speakers .mic-speakers__play-dialog .title{font-size:.9rem}#mic-speakers .mic-speakers__play-dialog .buttons{margin-bottom:0}#mic-speakers .mic-speakers__play-dialog .buttons .btn{margin:0 .2rem;padding:.2rem .4rem}@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(0,200,45,0),0 0 0 .041rem rgba(0,200,45,.3),0 0 0 .083rem rgba(0,200,45,.3),0 0 0 .125rem rgba(0,200,45,.3)}to{box-shadow:0 0 0 .041rem rgba(0,200,45,.3),0 0 0 .166rem rgba(0,200,45,.3),0 0 0 .208rem rgba(0,200,45,.3),0 0 0 .25rem rgba(0,200,45,0)}}#mic-speakers--item__modal--range{width:100%}#mic-speakers--item__modal--range .slider{-moz-appearance:none;appearance:none;width:100%;height:.5rem;padding:0;background:#d3d3d3;outline:0;opacity:.7;transition:opacity .2s}#mic-speakers--item__modal--range .slider:hover{opacity:1}#mic-speakers--item__modal--range .slider::-webkit-slider-thumb{appearance:none;width:.5rem;height:.5rem;background:var(--primary-color);cursor:pointer}#mic-speakers--item__modal--range .slider::-moz-range-thumb{width:.5rem;height:.5rem;background:var(--primary-color);cursor:pointer}#chat__body__wall_creator_pane{background:var(--panes-color);z-index:2;height:100%;border-bottom-width:.0833333333rem}#chat__body__wall_creator_pane .chat_pane__container{height:calc(100% - 1.2rem);border-bottom-width:.0833333333rem!important}#chat__body__wall_creator_pane .chat_pane__container__podium{text-align:center}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-users{padding:2rem 0 1.5rem}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user{position:relative}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user .grade,#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user .name{position:absolute;font-size:.6rem;max-width:4.1666666667rem}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user .avatar{border-radius:50%}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:first-child .avatar{border:.2083333333rem solid #c9cdd5}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:first-child .grade{left:.64rem;bottom:-1.5rem}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:first-child .name{left:.2rem;bottom:-2.5rem;color:#c9cdd5}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:nth-child(2) .avatar{border:.2083333333rem solid #fcc109}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:nth-child(2) .grade{left:.64rem;bottom:-.35rem}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:nth-child(2) .crown{position:absolute;left:.85rem;top:-1.15rem}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:nth-child(2) .name{left:.2rem;bottom:-1.5rem;color:#fcc109}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:nth-child(3) .avatar{border:.2083333333rem solid #d38151}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:nth-child(3) .grade{left:.64rem;bottom:-1.6rem}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:nth-child(3) .name{left:0;bottom:-2.5rem;color:#d38151}#chat__body__wall_creator_pane .chat_pane__container__podium .chat_pane__container__podium-user:nth-child(2){margin-right:.5rem;margin-left:.5rem;vertical-align:top;margin-top:-1rem;display:inline-block}#chat__body__wall_creator_pane .chat_pane__container__podium-grade{display:inline-block;width:33.3333333333%;height:3.75rem;color:#fff;background-color:#47ad61;font-family:sans-serif;border-top:.4166666667rem solid #7bcb68}#chat__body__wall_creator_pane .chat_pane__container__podium-grade .grade{font-size:1.5rem;display:block;top:.6rem;position:relative}#chat__body__wall_creator_pane .chat_pane__container__podium-grade .rank{font-size:.8rem;position:relative}#chat__body__wall_creator_pane .chat_pane__container__podium-grade:first-child{height:4.1666666667rem;vertical-align:bottom}#chat__body__wall_creator_pane .chat_pane__container__podium-grade:first-child .rank{top:1rem}#chat__body__wall_creator_pane .chat_pane__container__podium-grade:nth-child(2){background-color:#69bb56;height:4.5833333333rem;vertical-align:bottom}#chat__body__wall_creator_pane .chat_pane__container__podium-grade:nth-child(2) .rank{top:1rem}#chat__body__wall_creator_pane .chat_pane__container__podium-grade:nth-child(3) .rank{top:.65rem}#chat__body__wall_creator_pane .chat_pane__container__posts .chat_pane__container__post{padding:.2rem 0;position:relative;background-color:#fff}#chat__body__wall_creator_pane .chat_pane__container__posts .chat_pane__container__post .grade{display:inline-block;width:1.25rem;text-align:center;font-size:.8rem;color:#747a74}#chat__body__wall_creator_pane .chat_pane__container__posts .chat_pane__container__post .avatar{border-radius:50%}#chat__body__wall_creator_pane .chat_pane__container__posts .chat_pane__container__post .name{margin-left:.5rem;text-align:left;font-size:.7rem;top:-.1rem;position:relative}#chat__body__wall_creator_pane .chat_pane__container__posts .chat_pane__container__post .rank{position:absolute;right:.5rem;top:.6rem;font-size:.8rem;color:#747a74}#broadcast_live_container .broadcast_live_box{width:11.6666666667rem;height:11.6666666667rem;z-index:3;position:absolute;bottom:30%;padding:0;left:1rem;border-radius:.2083333333rem;resize:both;overflow:auto}#broadcast_live_container .broadcast_live_box header{margin-bottom:0;padding:.2rem;height:1.2rem}#broadcast_live_container .broadcast_live_box__title{font-size:.6rem;line-height:1.6;margin-top:-.15rem;display:inline-block}#broadcast_live_container .broadcast_live_box__close,#broadcast_live_container .broadcast_live_box__list{position:absolute;right:0;top:0;font-size:.6rem}#broadcast_live_container .broadcast_live_box__list{right:1.1rem}#broadcast_live_container .broadcast_live_box__body{width:100%;height:calc(100% - 1.2rem);background-color:#000}#broadcast_live_container .broadcast_live_box__body video{width:100%;height:100%}#broadcast_live_container #show_broadcast_live{position:absolute;right:.2rem;bottom:4rem;z-index:2}#broadcast_live_container #show_broadcast_live img{margin-top:-6.5rem;width:2.0833333333rem;height:2.0833333333rem;border-radius:50%;cursor:pointer;border:.125rem solid #fff;box-shadow:0 0 .2083333333rem .0833333333rem #afafaf}#audio-gallery-pane{background:var(--panes-color);z-index:2;border-bottom-width:.0833333333rem;height:100%}#audio-gallery-pane .chat_pane__container{height:calc(100% - 2.75rem);border-bottom-width:.0833333333rem!important}#audio-gallery-pane #audio-gallery-pane--add{width:100%;height:1.5rem}#audio-gallery-pane #audio-gallery-pane--player{max-width:100%;height:2.3rem}.audio-gallery-item{position:relative;background:#fff;border-bottom:.0416666667rem solid #d3d3d3;cursor:pointer}.audio-gallery-item .audio-gallery-item--label{margin:0;max-width:10rem;padding:.4rem .2rem}.audio-gallery-item .fa-play{position:absolute;right:1.2rem;top:.2rem;color:var(--primary-color)}.audio-gallery-item button.fa-times{right:.1rem;top:.2rem;position:absolute;font-size:.5rem}.audioplayer{display:flex;flex-direction:row;box-sizing:border-box;width:100%;height:2.5rem;align-items:center;border:.0416666667rem solid #dde2e6;border-radius:.1666666667rem;background:#fff}.audioplayer-playpause{display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;transition:.2s ease-in-out}.audioplayer:not(.audioplayer-playing) .audioplayer-playpause{background:rgba(91,130,255,0);border:.0416666667rem solid var(--primary-color)}.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover{background:rgba(91,130,255,.1)}.audioplayer-playing .audioplayer-playpause{background:rgba(253,79,26,0);border:.0416666667rem solid var(--primary-color-light)}.audioplayer-playing .audioplayer-playpause:hover{background:rgba(235,79,26,.1)}.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{content:"";justify-content:center;width:0;height:0;margin-left:.0833333333rem;border-top:.2916666667rem solid transparent;border-right:none;border-bottom:.2916666667rem solid transparent;border-left:.5rem solid var(--primary-color)}.audioplayer-playing .audioplayer-playpause a{content:"";display:flex;justify-content:space-between;width:.5rem;height:.5833333333rem}.audioplayer-playing .audioplayer-playpause a:after,.audioplayer-playing .audioplayer-playpause a:before{content:"";width:.1666666667rem;height:.5833333333rem;background-color:var(--primary-color-light)}.audioplayer-time{display:flex;width:1.6666666667rem;justify-content:center;font-size:.5rem;color:rgba(51,51,51,.6)}.audioplayer-bar{position:relative;display:flex;margin:0 .15rem;height:.5rem;flex-basis:0;flex-grow:1;cursor:pointer}.audioplayer-bar:before{content:"";position:absolute;top:.2083333333rem;width:100%;height:.0833333333rem;background-color:#dde2e6}.audioplayer-bar>div{position:absolute;left:0;top:.2083333333rem}.audioplayer-bar-loaded{z-index:1;height:.0833333333rem;background:#bec8d2}.audioplayer-bar-played{flex-direction:row-reverse;z-index:2;height:.0833333333rem;background:-webkit-linear-gradient(left,var(--primary-color),var(--primary-color-light))}.audioplayer-bar-played:after{content:"";display:flex;position:absolute;box-sizing:border-box;top:-.2083333333rem;right:-.0416666667rem;margin-right:-.2083333333rem;width:.5rem;height:.5rem;background-color:#fff;border-radius:.25rem}.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played:after{border:.0833333333rem solid #bec8d2}.audioplayer-playing .audioplayer-bar-played:after{border:.0833333333rem solid var(--primary-color)}.audioplayer-volume,.audioplayer-volume-button{display:flex;align-items:center}.audioplayer-volume-button{width:1rem;height:1rem;cursor:pointer}.audioplayer-volume-button a{display:flex;width:.25rem;height:.3333333333rem;background-color:var(--primary-color);position:relative}.audioplayer-volume-button a:after,.audioplayer-volume-button a:before{content:"";position:absolute}.audioplayer-volume-button a:before{width:0;height:0;border-top:.3333333333rem solid transparent;border-right:.375rem solid var(--primary-color);border-bottom:.3333333333rem solid transparent;border-left:none;top:-.1666666667rem}.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{left:.4166666667rem;top:-.0833333333rem;width:.25rem;height:.25rem;border:.25rem double var(--primary-color);border-width:.25rem .25rem 0 0;border-radius:0 .5rem 0 0;transform:rotate(45deg)}.audioplayer-mute .audioplayer-volume-button a{background-color:var(--primary-color-light)}.audioplayer-mute .audioplayer-volume-button a:before{border-right:.375rem solid var(--primary-color-light)}.audioplayer-volume-adjust{display:flex;align-items:center;margin-right:.2rem}.audioplayer-volume-adjust>div{position:relative;display:flex;width:2.5rem;height:.0833333333rem;cursor:pointer;background-color:#bec8d2}.audioplayer-volume-adjust div div{position:absolute;top:0;left:0;height:.0833333333rem;background-color:var(--primary-color);max-width:90%}.audioplayer-volume-adjust div div:before{content:"";position:absolute;background-color:#fff;border-radius:.25rem;box-sizing:border-box;display:flex;height:.5rem;width:.5rem;margin-right:-.2083333333rem;border:.0833333333rem solid var(--primary-color);top:-.2083333333rem;right:0}.message-box{position:absolute;top:.8333333333rem;left:.8333333333rem;animation:1s forwards show_message_box;z-index:10000000}.message-box .box{background:#fff;padding:.4rem .6rem .4rem .4rem;border-radius:.4166666667rem;border-left:.2083333333rem solid #2ecc71;box-shadow:.0416666667rem .2916666667rem .5833333333rem -.2083333333rem rgba(0,0,0,.15);width:auto;display:flex;align-items:center;justify-content:space-between}.message-box .box.grey{border-color:#ccc}.message-box .box.green{border-color:#2ecc71}.message-box .box.red{border-color:#e14931}.message-box .box.orange{border-color:#df7a22}.message-box .box.blue{border-color:#31b0dc}.message-box .box .content,.message-box .content .icon{display:flex;align-items:center}.message-box .content .icon{font-size:1.0416666667rem;color:#fff;height:1rem;width:1rem;text-align:center;line-height:1rem;border-radius:50%;background:#2ecc71;justify-content:center}.message-box .content .icon .fa{font-size:.6rem;margin-top:.1rem}.message-box .box.grey .content .icon{background:#ccc}.message-box .box.green .content .icon{background:#2ecc71}.message-box .box.red .content .icon{background:#e14931}.message-box .box.orange .content .icon{background:#df7a22}.message-box .box.blue .content .icon{background:#31b0dc}.message-box .content .details{margin-left:.3rem;direction:rtl}.message-box .details span{font-size:.6rem;font-weight:500}.message-box .details p{color:#878787;margin-bottom:0}.message-box .box .close-icon{color:#878787;font-size:.9583333333rem;cursor:pointer;height:1.6666666667rem;width:1.6666666667rem;text-align:center;line-height:1.6666666667rem;border-radius:50%;background:#f2f2f2;transition:.3s;display:flex;align-items:center;justify-content:center}.message-box .close-icon:hover{background:#efefef}.message-box.hide{animation:1s forwards hide_message_box}@keyframes show_message_box{0%{transform:translateX(-100%)}40%{transform:translateX(10%)}80%,to{transform:translateX(.8333333333rem)}}@keyframes hide_message_box{0%{transform:translateX(.8333333333rem)}40%{transform:translateX(10%)}80%,to{opacity:0;pointer-events:none;transform:translateX(-100%)}}.dice{position:relative;transform-style:preserve-3d;transition:transform 1s}.dot{position:absolute;width:.8333333333rem;height:.8333333333rem;margin:-.4166666667rem .2083333333rem .2083333333rem -.4166666667rem;border-radius:.8333333333rem;background-color:#ef233c;box-shadow:inset .0833333333rem .0833333333rem #d90429}.dice-one{left:18.75rem}.dice-two{left:12.5rem;top:-8.3333333333rem}.side{position:absolute;background-color:#fff;border-radius:.2083333333rem;width:4.1666666667rem;height:4.1666666667rem;border:.0416666667rem solid #e5e5e5;text-align:center;line-height:2em}.side:first-child{transform:translateZ(3.1em)}.side:nth-child(6){transform:rotateY(90deg) translateZ(3.1em)}.side:nth-child(3){transform:rotateY(-90deg) translateZ(3.1em)}.side:nth-child(4){transform:rotateX(90deg) translateZ(3.1em)}.side:nth-child(5){transform:rotateX(-90deg) translateZ(3.1em)}.side:nth-child(2){transform:rotateY(-180deg) translateZ(3.1em)}.five-1,.four-1,.six-1,.three-1,.two-1{top:20%;left:20%}.five-3,.four-3,.six-4{top:20%;left:80%}.five-5,.one-1,.three-2{top:50%;left:50%}.five-2,.four-2,.six-3{top:80%;left:20%}.five-4,.four-4,.six-6,.three-3,.two-2{top:80%;left:80%}.six-2{top:50%;left:20%}.six-5{top:50%;left:80%}.show-1{transform:rotateX(2turn) rotate(-2turn)}.show-6{transform:rotateX(-900deg) rotate(3turn)}.show-3{transform:rotateY(-450deg) rotate(-4turn)}.show-4{transform:rotateY(810deg) rotate(2turn)}.show-5{transform:rotateX(-810deg) rotate(-3turn)}.show-2{transform:rotateX(450deg) rotate(-2turn)}.pre_nsmat_ludo_modal{font-size:.7rem;height:auto}.pre_nsmat_ludo_modal .modal-dialog{max-width:14.25rem}.pre_nsmat_ludo_modal__header__name{font-size:.6rem;padding-left:.2rem;text-align:center}.pre_nsmat_ludo_modal__header__close{position:absolute;right:.05em;top:.05em}.pre_nsmat_ludo_modal__body{background:url(/images/nsmat_ludo_pre_bg.webp) 0 0/contain}.pre_nsmat_ludo_modal__body input{width:100%;height:1.2rem;margin-bottom:.3rem}.pre_nsmat_ludo_modal__body input[type=checkbox]{width:auto}.pre_nsmat_ludo_modal__body label{font-size:.55rem;vertical-align:middle;margin-left:.3rem;font-weight:700}.pre_nsmat_ludo_modal__body .alert{font-size:.7rem;padding:.2rem;text-align:center;margin-bottom:.4rem}.pre_nsmat_ludo_modal__footer{padding:.1rem}.pre_nsmat_ludo_modal__body__form__buttons{text-align:center;margin:.5rem}.pre_nsmat_ludo_modal__body__form__buttons button{margin-right:.3rem;margin-left:.3rem}.pre_nsmat_ludo_modal__body__form--select{vertical-align:middle;padding:.2em;height:2em;margin-left:.2083333333rem;margin-bottom:.2083333333rem;margin-right:.2083333333rem;width:75%}.pre_nsmat_ludo_modal__body__form--select:active,.pre_nsmat_ludo_modal__body__form--select:focus{border:.0416666667rem solid #000}.pre_nsmat_ludo_modal__body__form--player-icon{vertical-align:top}#pre_nsmat_ludo_modal__body__form--request-blue__loader,#pre_nsmat_ludo_modal__body__form--request-green__loader,#pre_nsmat_ludo_modal__body__form--request-red__loader,#pre_nsmat_ludo_modal__body__form--request-yellow__loader{display:none}.red{color:#ec3a28}.green{color:#0ebd46}.yellow{color:#f7c00b}.blue{color:#198afa}#nsmat_ludo_container{position:fixed;inset:0;z-index:9998;pointer-events:none}#nsmat_ludo_container #show_ludo,#nsmat_ludo_container .pre_nsmat_ludo_modal,#nsmat_ludo_container main{pointer-events:auto}#nsmat_ludo_container main{height:103vh;width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.35rem;top:0;left:0;right:0;padding-top:clamp(.5rem,2vh,2.5rem);padding-bottom:.5rem;padding-right:0;box-sizing:border-box;position:fixed;background:radial-gradient(ellipse 85% 65% at 50% 25%,rgba(130,70,170,.45) 0,transparent 52%),linear-gradient(168deg,#1a0d28 0,#2a1540 22%,#32184c 45%,#2c1a42 72%,#1f1028 100%);box-shadow:inset 0 0 120px rgba(0,0,0,.35);overflow-x:hidden;overflow-y:auto}.ludo-board-wrap{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;max-width:min(100vmin,100vw);padding:.25rem;box-sizing:border-box;min-height:0}.ludo-reroll-panel{position:relative;flex-shrink:0;width:100%;max-width:min(96vw,36rem);margin:0 auto .35rem;padding:.35rem .5rem;z-index:40;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;direction:rtl;background:rgba(15,23,42,.78);border:1px solid rgba(255,255,255,.14);border-radius:.5rem;box-shadow:0 8px 28px rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}.ludo-reroll-panel .btn{font-weight:600;white-space:nowrap;pointer-events:auto!important;position:relative;z-index:50}.ludo-reroll-count{font-size:clamp(.58rem,1.6vmin,.72rem);line-height:1.25;color:rgba(255,255,255,.94);text-shadow:0 1px 3px rgba(0,0,0,.55)}.ludo-reroll-countdown{font-size:clamp(.85rem,2.6vmin,1rem);font-weight:700;min-width:2.6em;text-align:center;color:#fde047;text-shadow:0 1px 4px rgba(0,0,0,.65)}.ludo-board{position:relative;--ludo-frame:#8b5a3c;--ludo-frame-hi:#c9956e;--ludo-frame-lo:#5a3520;background-color:#6e3f28;background-image:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(165deg,#b8724a 0,#8b5132 38%,#6e3f28 58%,#5c3322 100%);background-size:12px 12px,12px 12px,auto;border:.4166666667rem solid;border-color:var(--ludo-frame-hi) var(--ludo-frame-lo) var(--ludo-frame-lo) var(--ludo-frame-hi);border-radius:.5rem;width:80vh;height:80vh;box-shadow:0 2px 4px rgba(0,0,0,.2),0 14px 40px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.07),inset 0 0 0 2px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -6px 16px rgba(0,0,0,.28);display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);margin:0 auto;flex-shrink:0}.red-home{grid-column:1/7}.green-home,.red-home{border:.2916666667rem solid rgba(0,0,0,.35);box-shadow:inset 0 2px 14px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.06);grid-row:1/7}.green-home{grid-column:10/16}.blue-home{grid-column:1/7}.blue-home,.yellow-home{border:.2916666667rem solid rgba(0,0,0,.35);box-shadow:inset 0 2px 14px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.06);grid-row:10/16}.yellow-home{grid-column:10/16}.winner-home{position:relative;background:linear-gradient(145deg,#fefefe 0,#e2e2e2 48%,#f0f0f0 100%);border:1px solid rgba(0,0,0,.12);border-radius:.6666666667rem;backdrop-filter:blur(.3416666667rem);-webkit-backdrop-filter:blur(.3416666667rem);box-shadow:inset 0 2px 12px rgba(255,255,255,.85),inset 0 -3px 10px rgba(0,0,0,.06),0 6px 20px rgba(0,0,0,.28);display:grid;grid-column:7/10;grid-row:7/10;padding:.625rem;grid-template-columns:1fr 1fr}.step{border:1px solid rgba(0,0,0,.14);display:flex;justify-content:center;align-items:center;background:linear-gradient(158deg,#fff 0,#f3f3f3 52%,#ebebeb 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 2px rgba(0,0,0,.04)}.step .player{position:absolute}.step .player:first-child{margin-top:0;margin-left:0}.step .player:nth-child(2){margin-top:.125rem;margin-left:.125rem}.step .player:nth-child(3),.step .player:nth-child(4){margin-top:.25rem;margin-left:.25rem}.step .player:nth-child(5){margin-top:.375rem;margin-left:.375rem}.step .player:nth-child(6){margin-top:.5rem;margin-left:.5rem}.step .player:nth-child(7){margin-top:.625rem;margin-left:.625rem}.bg-red{background:linear-gradient(148deg,#ff6b5c 0,#ec3a28 45%,#b82418 100%)}.red-stop{background-image:linear-gradient(159deg,#ec3a28 25%,#e6e6e6 0,#e6e6e6 50%,#ec3a28 0,#ec3a28 75%,#e6e6e6 0,#e6e6e6)}.green-stop,.red-stop{background-size:1.1625rem .44625rem}.green-stop{background-image:linear-gradient(159deg,#0ebd46 25%,#e6e6e6 0,#e6e6e6 50%,#0ebd46 0,#0ebd46 75%,#e6e6e6 0,#e6e6e6)}.blue-stop{background-image:linear-gradient(159deg,#198afa 25%,#e6e6e6 0,#e6e6e6 50%,#198afa 0,#198afa 75%,#e6e6e6 0,#e6e6e6)}.blue-stop,.yellow-stop{background-size:1.1625rem .44625rem}.yellow-stop{background-image:linear-gradient(159deg,#f7c00b 25%,#e6e6e6 0,#e6e6e6 50%,#f7c00b 0,#f7c00b 75%,#e6e6e6 0,#e6e6e6)}.bg-green{background:linear-gradient(148deg,#3be06b 0,#0ebd46 45%,#089030 100%)}.bg-blue{background:linear-gradient(148deg,#4ca6ff 0,#198afa 45%,#0d5ea8 100%)}.bg-yellow{background:linear-gradient(148deg,#ffd24a 0,#f7c00b 45%,#c79400 100%)}.white-box{width:75%;height:75%;border-radius:50%;background-repeat:no-repeat;background-position:50%;background-size:cover;border:.08rem solid rgba(0,0,0,.18);box-shadow:inset 0 4px 14px rgba(0,0,0,.18),0 2px 10px rgba(0,0,0,.2)}.player-room{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;place-items:center;width:78%;height:78%;margin:0 auto;gap:.08rem}.super-center{display:flex;justify-content:center;align-items:center;position:relative}.super-center.active{animation:.7s linear infinite decOpacity}.super-center.active.red-home .white-box{border-color:#a50500}.super-center.active.green-home .white-box{border-color:#5b9906}.super-center.active.yellow-home .white-box{border-color:#bb9625}.super-center.active.blue-home .white-box{border-color:#065b8b}.super-center.red-home{border-top-left-radius:.5416666667rem}.super-center.red-home .white-box{background:radial-gradient(circle at 35% 30%,#e85a48 0,#b53224 55%,#7a2318 100%);box-shadow:inset 0 3px 10px rgba(255,255,255,.18),inset 0 -4px 12px rgba(0,0,0,.22)}.super-center.green-home{border-top-right-radius:.5416666667rem}.super-center.green-home .white-box{background:radial-gradient(circle at 35% 30%,#2daf56 0,#1c883b 55%,#115e28 100%);box-shadow:inset 0 3px 10px rgba(255,255,255,.18),inset 0 -4px 12px rgba(0,0,0,.22)}.super-center.yellow-home{border-bottom-right-radius:.5416666667rem}.super-center.yellow-home .white-box{background:radial-gradient(circle at 35% 30%,#e4b028 0,#c39616 55%,#8a6a0f 100%);box-shadow:inset 0 3px 10px rgba(255,255,255,.18),inset 0 -4px 12px rgba(0,0,0,.22)}.super-center.blue-home{border-bottom-left-radius:.5416666667rem}.super-center.blue-home .white-box{background:radial-gradient(circle at 35% 30%,#3490e0 0,#1c6abb 55%,#12487d 100%);box-shadow:inset 0 3px 10px rgba(255,255,255,.18),inset 0 -4px 12px rgba(0,0,0,.22)}.player{display:flex;justify-content:center;align-items:center;height:1.08rem;width:1.08rem;border-radius:50%;border:.095rem solid rgba(255,255,255,.95);z-index:1;box-shadow:inset 0 2px 3px rgba(255,255,255,.48),inset 0 -2px 4px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.38);transition:transform .2s,box-shadow .2s,filter .2s,opacity .2s}.player:hover{transform:scale(1.18);filter:brightness(1.06);cursor:pointer}.player.bg-red{background:radial-gradient(circle at 32% 28%,#ff8a7a 0,#ec3a28 55%,#951f14 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -3px 4px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.4),0 0 0 .125rem rgba(236,58,40,.95)}.player.bg-red[data-status=win]{z-index:1;left:-3rem;top:-.75rem}.player.bg-green{background:radial-gradient(circle at 32% 28%,#5ee889 0,#0ebd46 55%,#087d30 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -3px 4px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.4),0 0 0 .125rem rgba(71,202,109,.95)}.player.bg-green[data-status=win]{z-index:1;left:-1rem;top:-3rem}.player.bg-yellow{background:radial-gradient(circle at 32% 28%,#ffe066 0,#f7c00b 55%,#b38900 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -3px 4px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.4),0 0 0 .125rem rgba(248,195,11,.95)}.player.bg-yellow[data-status=win]{z-index:1;left:1rem;top:-.85rem}.player.bg-blue{background:radial-gradient(circle at 32% 28%,#5ab6ff 0,#198afa 55%,#0d5a9e 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -3px 4px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.4),0 0 0 .125rem rgba(1,147,223,.95)}.player.bg-blue[data-status=win]{z-index:1;left:-1rem;top:1rem}.f{display:flex;align-items:center}.moveblue1,.moveblue2,.moveblue3,.moveblue4,.movegreen1,.movegreen2,.movegreen3,.movegreen4,.movered1,.movered2,.movered3,.movered4,.moveyellow1,.moveyellow2,.moveyellow3,.moveyellow4{background-position:50%;background-repeat:no-repeat;background-size:contain}.stack .player{position:absolute}.stack .player:first-child{margin-top:.1666666667rem;margin-left:.1666666667rem}.stack .player:nth-child(2){margin-top:.3333333333rem;margin-left:.3333333333rem}.stack .player:nth-child(3){margin-top:.5rem;margin-left:.5rem}.stack .player:nth-child(4){margin-top:.6666666667rem;margin-left:.6666666667rem}#blue-dice,#green-dice,#red-dice,#yellow-dice{width:clamp(22px,9vmin,48px);height:clamp(22px,9vmin,48px);min-width:22px;min-height:22px;max-width:48px;max-height:48px;display:none;background-color:transparent;border:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;outline:0;z-index:4;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, .45));cursor:pointer;transition:transform .12s,filter .12s;box-sizing:border-box;pointer-events:auto}.super-center.blue-home>#blue-dice:hover,.super-center.green-home>#green-dice:hover,.super-center.red-home>#red-dice:hover,.super-center.yellow-home>#yellow-dice:hover{filter:drop-shadow(0 6px 10px rgba(0, 0, 0, .55)) brightness(1.08);transform:translateX(-50%);touch-action:manipulation scale(1.06)}.super-center.blue-home>#blue-dice:active,.super-center.green-home>#green-dice:active,.super-center.red-home>#red-dice:active,.super-center.yellow-home>#yellow-dice:active{transform:translateX(-50%) scale(.94)}.super-center.blue-home>#blue-dice,.super-center.green-home>#green-dice,.super-center.red-home>#red-dice,.super-center.yellow-home>#yellow-dice{left:50%;right:auto;top:auto;bottom:4%;transform:translateX(-50%)}.super-center.active>#blue-dice,.super-center.active>#green-dice,.super-center.active>#red-dice,.super-center.active>#yellow-dice{display:inline-block!important;visibility:visible!important;opacity:1!important}.dice{width:4.1666666667rem;height:4.1666666667rem;filter:drop-shadow(0 3px 8px rgba(0, 0, 0, .4))}.d0,.d1{background-image:url(/images/dice1.png)}.d2{background-image:url(/images/dice2.png)}.d3{background-image:url(/images/dice3.png)}.d4{background-image:url(/images/dice4.png)}.d5{background-image:url(/images/dice5.png)}.d6{background-image:url(/images/dice6.png)}.rwh{border-top:3.4166666667rem solid transparent;border-bottom:3.4166666667rem solid transparent;border-left:3.4166666667rem solid #ec3a28}.gwh,.rwh{position:absolute;top:0;width:0;height:0}.gwh{border-left:3.4166666667rem solid transparent;border-right:3.4166666667rem solid transparent;border-top:3.4166666667rem solid #0ebd46}.ywh{right:0;border-top:3.4166666667rem solid transparent;border-bottom:3.4166666667rem solid transparent;border-right:3.4166666667rem solid #f7c00b}.bwh,.ywh{position:absolute;width:0;height:0}.bwh{bottom:0;border-left:3.4166666667rem solid transparent;border-right:3.4166666667rem solid transparent;border-bottom:3.4166666667rem solid #198afa}.bwh,.gwh,.rwh,.ywh{filter:drop-shadow(0 2px 5px rgba(0, 0, 0, .28))}#ludo-board__top_buttons{position:absolute;right:.25rem;top:.25rem;z-index:35;color:#fff;font-size:clamp(.62rem,1.8vmin,.82rem);direction:rtl}#ludo-board__top_buttons button{margin:.125rem;border-radius:.3rem!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .15s,box-shadow .15s,filter .15s}#ludo-board__top_buttons button:hover{filter:brightness(1.08);box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.18)!important}#show_ludo{position:absolute;right:.2rem;bottom:4rem;z-index:2}#show_ludo.ludo-float-restore{position:fixed;right:.65rem;bottom:5.5rem;z-index:10001;pointer-events:auto}#show_ludo img{width:2.0833333333rem;height:2.0833333333rem;border-radius:50%;cursor:pointer;border:.15rem solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s}#show_ludo img:hover{transform:scale(1.06);box-shadow:0 6px 18px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.35)}#show_ludo.active img{animation:.7s linear infinite lightingBorder}.ludo_user{bottom:0;position:absolute;text-align:center;width:100%;max-width:100%;overflow:hidden}.ludo_user .ludo_user--avatar{width:13%;height:13%;max-width:1.25rem;max-height:1.25rem;border-radius:50%}.ludo_user .username__wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85%;display:inline-block;vertical-align:middle}.ludo_user.green,.ludo_user.red{top:0}@media screen and (max-width:37.5rem){#nsmat_ludo_container main{min-height:100vh;height:auto;justify-content:flex-start;padding-top:.25rem}#ludo-board__top_buttons{position:static;display:flex;justify-content:flex-end;align-items:center;gap:.3rem;width:100%;padding:max(.2rem,env(safe-area-inset-top)) .35rem 0;margin-bottom:.2rem}#ludo-board__top_buttons button{margin:0;flex:0 0 auto}.ludo-reroll-panel{max-width:calc(100vw - .7rem);margin:0 auto .3rem}.player-room{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:80%;height:80%;gap:.1rem}.player{width:1rem;height:1rem}}@media screen and (max-width:25rem){.player{width:.88rem;height:.88rem}#nsmat_ludo_container main{height:103vh;width:100vw}}@media (min-width:24rem){.container{max-width:none}}@keyframes decOpacity{0%{opacity:.7}to{opacity:1}}.pre_nsmat_uno_modal{font-size:.7rem;height:auto}.pre_nsmat_uno_modal .modal-dialog{max-width:14.25rem}.pre_nsmat_uno_modal__header{margin-bottom:0}.pre_nsmat_uno_modal__header__name{font-size:.6rem;padding-left:.2rem;text-align:center}.pre_nsmat_uno_modal__header__close{position:absolute;right:.05em;top:.05em}.pre_nsmat_uno_modal__body{background:url(/images/nsmat_uno_pre_bg.webp) 0 0/contain}.pre_nsmat_uno_modal__body input{width:100%;height:1.2rem;margin-bottom:.3rem}.pre_nsmat_uno_modal__body input[type=checkbox]{width:auto}.pre_nsmat_uno_modal__body label{font-size:.55rem;vertical-align:middle;margin-left:.3rem;font-weight:700}.pre_nsmat_uno_modal__body .alert{font-size:.7rem;padding:.2rem;text-align:center;margin-bottom:.4rem}.pre_nsmat_uno_modal__footer{padding:.1rem}.pre_nsmat_uno_modal__body__form__buttons{text-align:center;margin:.5rem}.pre_nsmat_uno_modal__body__form__buttons button{margin-right:.3rem;margin-left:.3rem}.pre_nsmat_uno_modal__body__form--select{vertical-align:middle;padding:.2em;height:2em;margin-left:.208rem;margin-bottom:.208rem;margin-right:.208rem;width:75%}.pre_nsmat_uno_modal__body__form--select:active,.pre_nsmat_uno_modal__body__form--select:focus{border:.041rem solid #000}.pre_nsmat_uno_modal__body__form--player-icon{vertical-align:top}#pre_nsmat_uno_modal__body__form--request-pl1__loader,#pre_nsmat_uno_modal__body__form--request-pl2__loader,#pre_nsmat_uno_modal__body__form--request-pl3__loader{display:none}#nsmat-uno{display:flex;flex-direction:column;gap:.208rem;box-shadow:inset 0 0 10vw #ff0;background:#fb8686}#nsmat-uno,#nsmat-uno #nsmat-uno-bg{position:absolute;top:0;left:0;right:0;bottom:0}#nsmat-uno #nsmat-uno-bg{background-image:url(/images/polygonal-bg.jpg);background-size:cover;background-position:50%;opacity:.3}#nsmat-uno>div{align-items:center;justify-content:center}#nsmat-uno .user{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}#nsmat-uno .user .name{margin:0 0 .5vh;background-color:#228db4;color:#fff;padding:.2rem .4rem;border:.041rem solid #efefef;border-radius:.2rem;font-size:.5rem;text-overflow:clip;overflow:hidden}#nsmat-uno .user .avatar{width:6vh;height:6vh;max-width:2.5rem;max-height:2.5rem;padding:.05rem;border:.083rem solid #e5c8ff;border-radius:.4rem;position:relative}#nsmat-uno .user .avatar img{width:100%;height:100%}#nsmat-uno .user .avatar .avatar-img{border-radius:.3rem}#nsmat-uno .user .avatar .uno{display:none;position:absolute;left:0}#nsmat-uno .user .avatar.uno .uno{display:inline;animation:.7s infinite uno-indicator}#nsmat-uno .user .avatar .mic{position:absolute;width:.8rem;height:.8rem;background:#fff;box-shadow:0 0 1px 2px rgba(0,0,0,.1);border-radius:50%;padding:.4vw;z-index:1000000000;cursor:pointer}#nsmat-uno .user .avatar .mic.on{box-shadow:inset 0 0 5px 3px #dd71ff;animation:.5s infinite action-card-indicator}#nsmat-uno .user .avatar .count{width:.8rem;height:.8rem;background-color:#fff;color:#000;border:1px solid #000;position:absolute;align-items:center;display:flex;justify-content:center}#nsmat-uno .user.bot .avatar{background-color:#d6e8d7}#nsmat-uno #nsmat-uno-left .user .avatar .count{right:-.4rem;top:-.3rem}#nsmat-uno #nsmat-uno-left .user .avatar .mic{right:-.4rem;bottom:-.4rem}#nsmat-uno #nsmat-uno-right .user{align-items:end}#nsmat-uno #nsmat-uno-right .user .avatar .count{left:-.4rem;top:-.3rem}#nsmat-uno #nsmat-uno-right .user .avatar .mic{left:-.4rem;bottom:-.4rem}#nsmat-uno #nsmat-uno-top .user{align-items:center}#nsmat-uno #nsmat-uno-top .user .avatar .count{right:-.4rem;bottom:-.3rem}#nsmat-uno #nsmat-uno-top .user .avatar .mic{left:-.4rem;bottom:-.4rem}#nsmat-uno-top{position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column}#nsmat-uno-top .cards{display:flex;overflow:scroll;justify-content:center;width:100%;padding:.5rem 4rem 0}#nsmat-uno-top .cards .card{max-width:10vw;min-height:10vh;max-height:10vh;border-radius:.33rem;box-shadow:0 .41rem .41rem rgba(0,0,0,.1);transition:transform .3s ease-in-out;margin-left:-6%}#nsmat-uno-top .cards .card:first-child{margin-left:0}#nsmat-uno-middle{flex-grow:1;display:flex;flex-direction:row}#nsmat-uno-left{width:25%;max-width:25%;max-height:35vh}#nsmat-uno-left .cards{display:flex;overflow:scroll;flex-direction:column;padding:.5rem;justify-content:center;align-items:center;width:100%;height:35vh}#nsmat-uno-left .cards .card{max-width:8vw;max-height:6.25rem;border-radius:.33rem;box-shadow:0 .41rem .41rem rgba(0,0,0,.1);margin-top:-9vw;z-index:1000000}#nsmat-uno-left .user .avatar{margin-left:.2rem}#nsmat-uno-scene{height:100%;flex-grow:1;position:relative}#nsmat-uno-scene-arrow{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/circular-arrow.png);background-position:50%;background-size:contain;background-repeat:no-repeat;opacity:.2}#nsmat-uno-scene-arrow.rtl{background-image:url(/images/circular-arrow-rtl.png)}#nsmat-uno-scene .cards{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}#nsmat-uno-scene .cards .card{height:15vh;max-height:20vh;position:absolute;box-shadow:0 0 .125rem .125rem rgba(0,0,0,.2)}#nsmat-uno-scene .cards .card.nsmat-uno-action{animation:.5s infinite action-card-indicator;box-shadow:0 0 20px 7px #ffd92f}#nsmat-uno-scene .cards .card.red{box-shadow:0 0 2vw 1.5vw #d73831}#nsmat-uno-scene .cards .card.blue{box-shadow:0 0 2vw 1.5vw #4094d4}#nsmat-uno-scene .cards .card.yellow{box-shadow:0 0 2vw 1.5vw #f9dd4b}#nsmat-uno-scene .cards .card.green{box-shadow:0 0 2vw 1.5vw #48a159}#nsmat-uno-right{width:25%;max-width:25%;max-height:35vh}#nsmat-uno-right .cards{display:flex;overflow:scroll;flex-direction:column;padding:0;justify-content:center;align-items:center;width:100%;height:35vh}#nsmat-uno-right .cards .card{max-width:8vw;max-height:6.25rem;border-radius:.33rem;box-shadow:0 .41rem .41rem rgba(0,0,0,.1);transition:transform .3s ease-in-out;margin-top:-9vw}#nsmat-uno-right .user .avatar{margin-right:.2rem}#nsmat-uno-bottom{position:relative;overflow:hidden;display:flex;flex-direction:column}#nsmat-uno-bottom .cards{display:flex;overflow:hidden;padding:0 4rem 1rem;justify-content:center}#nsmat-uno-bottom .cards .card{max-width:20vw;height:12vh;min-height:12vh;max-height:12vh;border-radius:.33rem;box-shadow:0 .41rem .41rem rgba(0,0,0,.1);cursor:pointer;margin-left:-6%}#nsmat-uno-bottom .cards .card:first-child{margin-left:0}#nsmat-uno-bottom .cards .card:hover{margin-right:.83rem;box-shadow:0 0 .83rem .29rem #ffd92f;z-index:10}#nsmat-uno-bottom .cards .card:last-child:hover{margin-right:0}#nsmat-uno-bottom .bottom-footer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#nsmat-uno-bottom .bottom-footer .cards-box{height:4rem;margin-left:1rem}#nsmat-uno-bottom .bottom-footer .arrow-down{margin-left:1.5rem;position:absolute;width:2rem;height:2rem;bottom:4rem;display:none}.draw-cards-count{position:absolute;color:#fff;font-size:1rem;transition:font-size 1s ease-in-out;z-index:1000000}#nsmat-uno-bottom .bottom-footer .arrow-down.active{animation:.5s infinite arrow-down-indicator;display:inline}.cards-box-item{height:4rem;position:absolute;bottom:1rem;left:2rem;transform:rotate(15deg)}#nsmat-uno-bottom .bottom-footer .user{flex-grow:1;display:flex;flex-direction:column;align-items:center}#nsmat-uno-bottom .bottom-footer .user .name{margin:.3rem 0 0;background-color:#228db4;color:#fff;padding:.2rem .4rem;border:.041rem solid #efefef;border-radius:.2rem}#nsmat-uno-bottom .bottom-footer .user .avatar{width:17vw;height:10vh;max-width:4rem;max-height:4rem;position:relative}#nsmat-uno-bottom .bottom-footer .user .avatar .count{width:1rem;height:1rem;left:-.5rem;top:-.4rem}#nsmat-uno-bottom .bottom-footer .user .avatar .mic{width:1.2rem;height:1.2rem;top:-.6rem;right:-.6rem}.glow{border-color:#37ef1f;box-shadow:0 0 .6rem .2rem #37ef1f}#nsmat-uno-bottom .bottom-footer .uno-btn{max-height:2rem;margin-right:1rem}#nsmat-uno-color-selector{top:0;left:0;bottom:0;right:0;position:absolute;display:flex;z-index:10000000000000;background-color:rgba(0,0,0,.3)}#nsmat-uno-color-selector span{width:8rem;height:8rem;display:block;margin:.2rem;border-radius:.5rem;opacity:.9;cursor:pointer}#nsmat-uno-color-selector span:hover{opacity:1}#nsmat-uno-color-selector .red{background-color:#d93832;border:.2rem solid #fb8f8b;box-shadow:0 0 5px 3px #fb8f8b}#nsmat-uno-color-selector .blue{background-color:#3f93d2;border:.2rem solid #7bbdf0;box-shadow:0 0 5px 3px #7bbdf0}#nsmat-uno-color-selector .yellow{background-color:#f1d648;border:.2rem solid #efde89;box-shadow:0 0 5px 3px #efde89}#nsmat-uno-color-selector .green{background-color:#4ba359;border:.2rem solid #9bdea6;box-shadow:0 0 5px 3px #9bdea6}#nsmat-uno-exit,#nsmat-uno-home{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;background:url(/images/exit2.png) 50%/contain no-repeat;outline:0;border:none;cursor:pointer}#nsmat-uno-home{background-image:url(/images/hide.png);width:2.3rem;height:2.3rem;top:.4rem;right:2.2rem}#nsmat-uno-home:before{content:"-";color:#c32c1d;font-size:2rem;top:-.2rem;position:relative}#nsmat-uno-exit:hover,#nsmat-uno-home:hover{opacity:.7;scale:1.1;rotate:20deg}#nsmat-uno-exit-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999999;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}#nsmat-uno-exit-dialog #dialog-box{width:16rem;background:#a4363e;padding:1rem;border-radius:30px;animation:.1s action-card-indicator;box-shadow:5px 6px 0 -2px #620d15,-6px 5px 0 -2px #620d15,0 -2px 0 2px #ee9191,0 10px 0 0 #610c14}#nsmat-uno-exit-dialog #dialog-box-content{background:radial-gradient(#fffbf3,#ffe19e);padding:24px;box-sizing:border-box;border-radius:20px 18px;box-shadow:0 0 0 6px #5e1e21,0 0 8px 6px #84222b,inset 0 0 15px 0 #614506,6px 6px 1px 1px #e66565,-6px 6px 1px 1px #e66565;text-align:center}#nsmat-uno-exit-dialog #dialog-box-content p{font-size:1rem;margin:0;box-sizing:border-box;color:#461417}#nsmat-uno-exit-dialog #dialog-box-buttons{margin-top:1rem;display:flex;justify-content:normal;align-items:center;gap:1rem;box-sizing:border-box}#nsmat-uno-exit-dialog #dialog-box-buttons button{padding:.3rem;flex:1;border-radius:20px;border:2px solid #49181e;font-family:Skranji,cursive;color:#dedede;font-size:.8rem;text-shadow:1px 2px 3px #000;cursor:pointer}#nsmat-uno-exit-dialog #dialog-box-buttons button.confirm{background:linear-gradient(#ced869,#536d1b);box-shadow:0 0 0 4px #7e1522,0 2px 0 3px #e66565}#nsmat-uno-exit-dialog #dialog-box-buttons button.confirm:hover{box-shadow:0 0 0 4px #7e1522,0 2px 0 3px #e66565,inset 2px 2px 10px 3px #4e6217}#nsmat-uno-exit-dialog #dialog-box-buttons button.cancel{background:linear-gradient(#ea7079,#891a1a);box-shadow:0 0 0 4px #7e1522,0 2px 0 3px #e66565}#nsmat-uno-exit-dialog #dialog-box-buttons button.cancel:hover{box-shadow:0 0 0 4px #7e1522,0 2px 0 3px #e66565,inset 2px 2px 10px 3px #822828}#show-uno{position:absolute;right:.2rem;bottom:4rem;z-index:2}#show-uno img{background:red;width:2.0833333333rem;height:2.0833333333rem;border-radius:50%;cursor:pointer;border:.125rem solid #fff;box-shadow:0 0 .2083333333rem .0833333333rem #afafaf}#show-uno.active img{animation:.7s linear infinite lightingBorder}@keyframes lightingBorder{0%{border-color:#1fcf4d}to{border-color:#fff}}@keyframes action-card-indicator{0%{scale:1}to{scale:1.2}}@keyframes arrow-down-indicator{0%{transform:translateY(0)}to{transform:translateY(50%)}}@keyframes uno-indicator{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotatingRTL{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.rotating{animation:3s linear infinite rotating}.rotating.rtl{animation:3s linear infinite rotatingRTL}.marquee{white-space:nowrap;font-size:.6rem;padding:.3rem .2rem}#story-board{display:flex;overflow-x:auto;height:3.5rem;width:100%;padding:.2rem}#story-board::-webkit-scrollbar{display:none}.story-board--item{width:2.3rem;min-width:2.3rem;height:100%;cursor:pointer;border-radius:.4rem;background-color:var(--primary-color);overflow:hidden;display:flex;flex-direction:column;position:relative;margin-right:.2rem}.story-board--item .img_bg{width:100%;height:75%;-o-object-fit:cover;object-fit:cover}.story-board--item:not(.add) .img_bg{height:100%}.story-board--item img.img_user{position:absolute;top:.2rem;left:.2rem;border-radius:50%;border:.11rem solid var(--primary-color);width:1rem;height:1rem}.story-board--item .user_name{position:absolute;left:.1rem;bottom:.1rem;font-size:.4rem;color:#fff;text-shadow:-.0416rem .0416rem #303030!important}.story-board--item .plus{background-color:#fff;border-radius:50%;border:.167rem solid var(--primary-color);position:absolute;left:.57rem;bottom:.1rem;width:1.2rem}.story-board--item .plus svg{color:var(--primary-color)!important}@keyframes storySlideTime{0%{max-width:0}to{max-width:100%}}@keyframes storyLoading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}#story-modal{outline:0!important;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:100000;font-size:.5833333333rem;font-family:inherit}#story-modal-content,#story-modal-content .story-viewer,#story-modal-content .story-viewer>.slides,#story-modal-content .story-viewer>.slides>*{width:100%;height:100%;top:0;bottom:0;position:absolute;overflow:hidden}#story-modal *{outline:0}#story-modal.with-effects{transform:scale(.01);transform-origin:top left;transition:.25s}#story-modal.with-effects.animated{transform:scale(1);border-radius:0;margin-top:0!important;margin-left:0!important}#story-modal.with-effects.closed{transform:translateY(100%)}#story-modal .slider{width:300vw;height:100%;top:0;bottom:0;left:-100vw;position:absolute}#story-modal .slider>*{width:103vw;height:100%;top:0;bottom:0;position:absolute}#story-modal .slider>.previous{left:0}#story-modal .slider>.viewing{left:100vw}#story-modal .slider>.next{left:200vw}#story-modal .slider.animated{transition:transform .25s linear}#story-modal.with-cube #story-modal-content{perspective:1000vw;transform:scale(.95);perspective-origin:50% 50%;overflow:visible;transition:.3s}#story-modal.with-cube .slider{transform-style:preserve-3d;transform:rotateY(0)}#story-modal.with-cube .slider>.previous{backface-visibility:hidden;left:100vw;transform:rotateY(270deg) translateX(-50%);transform-origin:center left}#story-modal.with-cube .slider>.viewing{backface-visibility:hidden;left:100vw;transform:translateZ(50vw)}#story-modal.with-cube .slider>.next{backface-visibility:hidden;left:100vw;transform:rotateY(-270deg) translateX(50%);transform-origin:top right}#story-modal-content .story-viewer.paused.longPress .head,#story-modal-content .story-viewer.paused.longPress .slides-pointers,#story-modal-content .story-viewer.paused.longPress .tip{opacity:0}#story-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers>*>.active>b{animation-play-state:running}#story-modal-content .story-viewer.next{z-index:10}#story-modal-content .story-viewer.viewing{z-index:5}#story-modal-content .story-viewer.previous{z-index:0}#story-modal-content .story-viewer.loading .head .loading,#story-modal-content .story-viewer.muted .tip.muted{display:block}#story-modal-content .story-viewer.loading .head .right .close,#story-modal-content .story-viewer.loading .head .right .time{display:none}#story-modal-content .story-viewer .slides-pagination span{position:absolute;top:50vh;font-size:2rem;color:#fff;line-height:2rem;width:2rem;margin:.25rem;transform:translateY(-50%);z-index:1;text-align:center}#story-modal-content .story-viewer .slides-pagination .previous{left:0}#story-modal-content .story-viewer .slides-pagination .next{right:0}#story-modal-content .story-viewer .slides-pointers{display:table;table-layout:fixed;border-spacing:.25rem;border-collapse:separate;position:absolute;width:100vh;top:0;left:calc(50vw - 50vh);right:calc(50vw - 50vh);z-index:100020}#story-modal-content .story-viewer .slides-pointers>*{display:table-row}#story-modal-content .story-viewer .slides-pointers>*>*{display:table-cell;background:hsla(0,0%,100%,.5);border-radius:.0833333333rem}#story-modal-content .story-viewer .slides-pointers>*>.seen{background:#fff}#story-modal-content .story-viewer .slides-pointers>*>*>b{background:#fff;width:auto;max-width:0;height:.0833333333rem;display:block;animation-fill-mode:forwards;animation-play-state:paused;border-radius:.0833333333rem}#story-modal-content .story-viewer .slides-pointers>*>.active>b{animation-name:storySlideTime;animation-timing-function:linear}#story-modal-content .story-viewer .head{position:absolute;height:2.3333333333rem;left:0;right:0;line-height:2.3333333333rem;z-index:100010;color:#fff;font-size:.5833333333rem;text-shadow:.0416666667rem .0416666667rem .0416666667rem rgba(0,0,0,.35),.0416666667rem 0 .0416666667rem rgba(0,0,0,.35);padding:.25rem .5rem}#story-modal-content .story-viewer .head .item-preview{overflow:hidden;background-size:cover;width:1.75rem;height:1.75rem;display:inline-block;margin-right:.375rem;border-radius:50%;vertical-align:middle;background-repeat:no-repeat;background-position:50%}#story-modal-content .story-viewer .head .item-preview img{display:block;box-sizing:border-box;height:100%;width:100%;background-size:cover;background-position:50%;-o-object-fit:cover;object-fit:cover}#story-modal-content .story-viewer .head .time{opacity:.75;font-weight:500;font-size:.5416666667rem}#story-modal-content .story-viewer .head .left{line-height:1!important;display:inline-block;margin:.25rem 0}#story-modal-content .story-viewer .head .left .info{display:inline-block;max-width:30vw;vertical-align:middle}#story-modal-content .story-viewer .head .left .info>*{width:100%;display:inline-block;line-height:.875rem}#story-modal-content .story-viewer .head .left .info .name{font-weight:500}#story-modal-content .story-viewer .head .right{float:right}#story-modal-content .story-viewer .head .back,#story-modal-content .story-viewer .head .right .close{font-size:1.75rem;width:2rem;height:2rem;line-height:2rem;cursor:pointer;text-align:center;color:#fff;opacity:1;margin-top:-.4rem}#story-modal-content .story-viewer .head .right .remove{position:absolute;right:.2rem;top:2rem}#story-modal-content .story-viewer .head .left .back{display:none;width:1rem;margin:-.375rem -.25rem 0}#story-modal-content .story-viewer .head .right .time{display:none}#story-modal-content .story-viewer .head .loading{display:none;border-radius:50%;width:1.25rem;height:1.25rem;margin:.375rem 0;box-sizing:border-box;border:.1666666667rem solid hsla(0,0%,100%,.2);border-top-color:#fff;animation:1s linear infinite storyLoading}#story-modal-content .story-viewer .head,#story-modal-content .story-viewer .slides-pointers,#story-modal-content .story-viewer .tip{transition:opacity .5s}#story-modal-content .story-viewer .slides .item{display:none;overflow:hidden;background:#000}#story-modal-content .story-viewer .slides .item:before{z-index:4;background:0 0;content:"";position:absolute;left:0;right:0;bottom:0;top:0}#story-modal-content .story-viewer .slides .item>.media{height:auto;max-width:100%;max-height:100%;position:absolute;left:50%;transform:translate(-50%,-50%);margin:auto;top:50%}#story-modal-content .story-viewer .slides .item.active,#story-modal-content .story-viewer .slides .item.active .tip.link{display:block}#story-modal-content .story-viewer .tip{text-decoration:none;display:none;border-radius:1rem;background:rgba(0,0,0,.5);font-size:.6666666667rem;position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:1000;color:#fff;text-align:center;text-transform:uppercase;font-weight:500;padding:.5rem 1rem}#story-modal.rtl{direction:rtl;left:auto;right:0}#story-modal.rtl.with-effects{transform-origin:top right}#story-modal.rtl.with-effects.animated{margin-left:auto!important;margin-right:0!important}#story-modal.rtl .slider{left:auto;right:-100vw}#story-modal.rtl .slider>.previous{left:auto;right:0;transform:rotateY(-270deg) translateX(50%)}#story-modal.rtl .slider>.viewing{left:auto;right:100vw}#story-modal.rtl .slider>.next{left:auto;right:200vw}#story-modal.rtl.with-cube .slider>.previous{left:auto;right:100vw;transform-origin:center right}#story-modal.rtl.with-cube .slider>.viewing{left:auto;right:100vw;transform:translateZ(50vw)}#story-modal.rtl.with-cube .slider>.next{left:auto;right:100vw;transform-origin:top left;transform:rotateY(270deg) translateX(-50%)}#story-modal.rtl #story-modal-content .story-viewer .slides-pagination .previous{left:auto;right:0}#story-modal.rtl #story-modal-content .story-viewer .slides-pagination .next{right:auto;left:0}#story-modal.rtl #story-modal-content .story-viewer .head .item-preview{margin-right:auto;margin-left:.375rem}#story-modal.rtl #story-modal-content .story-viewer .head .right{float:left}#story-modal.rtl #story-modal-content .story-viewer .tip{left:auto;right:50%;transform:translateX(50%)}#story-modal #story-modal-content .story-viewer .pause{display:none;font-size:3rem;color:#fff;position:absolute;z-index:1000000;top:50%;left:50%;transform:translate(-50%,-50%)}#story-modal #story-modal-content .story-viewer.paused .pause{display:inline}@media (max-width:42.6666666667rem){#story-modal-content .story-viewer .head{top:.125rem}#story-modal-content .story-viewer .head .loading{width:1rem;height:1rem;margin:.25rem 0}#story-modal-content .story-viewer .head .item-preview{width:1.25rem;height:1.25rem;margin-right:.375rem}#story-modal-content .story-viewer .head .left{font-size:.625rem;margin:.2rem 0}#story-modal-content .story-viewer .head .left>div{line-height:1.25rem}#story-modal-content .story-viewer .head .right .time{display:block;white-space:nowrap;font-size:.625rem;margin:.625rem 0;line-height:1.25rem}#story-modal-content .story-viewer .head .left>.back{display:none;background:0 0;z-index:20;visibility:visible;position:absolute;height:1.75rem;width:1rem;line-height:1.5rem;text-align:left;vertical-align:top;text-shadow:none}#story-modal-content .story-viewer.with-back-button .head .left>.back{display:block;top:.1rem}#story-modal-content .story-viewer.with-back-button .head .left .item-preview{margin-left:.75rem}#story-modal-content .story-viewer .slides-pointers{width:100vw;left:0;right:0}#story-modal-content .story-viewer .tip{font-size:.5833333333rem;padding:.25rem .5rem}#story-modal-content .story-viewer .head .left .time,#story-modal-content .story-viewer .head .right .close{display:none}#story-modal.rtl #story-modal-content .story-viewer .head .item-preview{margin-right:auto;margin-left:.375rem}#story-modal.rtl #story-modal-content .story-viewer .head .left>.back{text-align:right}#story-modal.rtl #story-modal-content .story-viewer.with-back-button .head .left .item-preview{margin-left:auto;margin-right:.75rem}}.story-reactions{position:absolute;left:0;bottom:7rem;display:flex;flex-direction:column;padding:.5rem}.story-reactions .comments_wrapper,.story-reactions .likes_wrapper,.story-reactions .views_wrapper{display:flex;flex-direction:column;color:#fff;z-index:100000000;text-align:center;cursor:pointer}.story-reactions .comments_wrapper .fa,.story-reactions .likes_wrapper .fa,.story-reactions .views_wrapper .fa{font-size:2rem;text-shadow:.0833333333rem .0833333333rem red}.story-reactions .comments_wrapper .comments,.story-reactions .likes_wrapper .likes,.story-reactions .views_wrapper .views{margin-top:0}.story-reactions .likes_wrapper .fa.liked{color:#f03254;animation:.2s pulse}@keyframes pulse{to{transform:scale(1.3)}}#story-comments{background-color:rgba(0,0,0,.4);position:absolute;top:0;right:0;bottom:0;left:0}#story-comments #story-comments-container{position:relative;margin:0 auto;top:100vh;background-color:#fff;width:100%;max-width:17rem;height:80%;border-top-left-radius:.5rem;border-top-right-radius:.5rem;transition:top .2s linear;display:flex;flex-direction:column}#story-comments #story-comments-container #story-comments-header{text-align:center;padding:.3rem .5rem}#story-comments #story-comments-container #story-comments-header #story-comments-close{float:left;cursor:pointer}#story-comments #story-comments-container #story-comments-body{overflow:auto;flex-grow:1;height:8rem}#story-comments #story-comments-container #story-comments-footer{height:1.6rem;position:relative}#story-comments #story-comments-container #story-comments-footer .story-comments-form{background:var(--primary-color);text-align:center;position:absolute;width:100%;height:100%;padding:.35rem .1rem .25rem}#story-comments #story-comments-container #story-comments-footer .story-comments-form--attach{margin-right:.2em;font-size:.55rem;margin-top:-.125rem;height:1.125rem;border:.042rem solid!important}#story-comments #story-comments-container #story-comments-footer .story-comments-form--loading-percent{display:none;position:absolute;text-align:center;font-size:.5rem;top:.35rem;left:.5rem}#story-comments #story-comments-container #story-comments-footer .story-comments-form--face{margin-right:.2em;cursor:pointer;width:.9166666667rem;height:.9166666667rem}#story-comments #story-comments-container #story-comments-footer .story-comments-form--input{width:calc(100% - 4rem);margin-right:.2em;vertical-align:middle;text-align:left;height:1.083rem;margin-top:-.083rem;border:none;overflow:hidden;resize:none;outline:0}#story-comments #story-comments-container #story-comments-footer .story-comments-form--input:active,#story-comments #story-comments-container #story-comments-footer .story-comments-form--input:focus{border:none!important}#story-comments #story-comments-container #story-comments-footer .story-comments-form--send{font-size:.55rem;font-weight:700;margin-top:-.125rem;height:1.125rem;border:.042rem solid!important}.story-comments--comment{position:relative;background:#fff;border:.0416666667rem solid #e6e6fa;padding:.1rem .05rem;margin:0 .05rem -.0416666667rem}.story-comments--comment--avatar{float:left;margin:0;cursor:pointer}.story-comments--comment--avatar img{border-radius:50%;border-width:.0416666667rem!important;padding:.0416666667rem;width:1.25rem;height:1.25rem}.story-comments--comment--content,.story-comments--comment--title{font-size:.55rem;font-weight:700;padding:0 .2em 0 2.8em;direction:rtl;margin:0;max-width:93%;word-wrap:break-word}.story-comments--comment--title .username__wrapper{font-size:.55rem;padding:0}.story-comments--comment--content{color:#000;margin:.2em 0}.story-comments--comment--like,.story-comments--comment--remove{position:absolute;bottom:0;right:0;padding:0 .0833333333rem;font-size:60%;font-weight:700}.story-comments--comment--remove{right:1.1rem}.story-comments--comment--time{font-size:.45rem;color:#000;position:absolute;top:.1em;right:.1em}#story-views{background-color:rgba(0,0,0,.4);position:absolute;top:0;right:0;bottom:0;left:0}#story-views #story-views-container{position:relative;margin:0 auto;top:100vh;background-color:#fff;width:100%;max-width:17rem;height:80%;border-top-left-radius:.5rem;border-top-right-radius:.5rem;transition:top .2s linear;display:flex;flex-direction:column}#story-views #story-views-container #story-views-header{text-align:center;padding:.3rem .5rem}#story-views #story-views-container #story-views-header #story-views-close{float:left;cursor:pointer}#story-views #story-views-container #story-views-body{overflow:auto;flex-grow:1;height:100%}.story-views--view{position:relative;background:#fff;border:.0416666667rem solid #e6e6fa;padding:.1rem .05rem;margin:0 .05rem -.0416666667rem}.story-views--view--avatar{float:left;margin:0;cursor:pointer}.story-views--view--avatar img{border-radius:50%;border-width:.0416666667rem!important;padding:.0416666667rem;width:1.25rem;height:1.25rem}.story-views--view--title{font-size:.55rem;font-weight:700;padding:0 .2em 0 2.8em;direction:rtl;margin:0;max-width:93%;word-wrap:break-word}.story-views--view--title .username__wrapper{font-size:.55rem;padding:0}.story-views--view--time{font-size:.45rem;color:#000;position:absolute;top:.1em;right:.1em}*{white-space:normal;font-size:.625rem;font-family:serif;text-shadow:none!important;font-weight:700!important}html{font-size:24px}body,html{height:100%}body{margin:0;line-height:1;max-width:100%;color:#333;overflow:hidden}input{font-size:.6rem;padding:0 .5em;border:.04em solid #bbb;outline:0}input:active,input:focus{border:.0416666667rem solid #aaa}button.btn{padding:0 .208rem}#app{max-width:100%;height:100%;overflow:hidden}img{-moz-user-select:-moz-none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.chat_pane__user_item__status .status_content,.user_status_box{display:block!important;width:100%!important;box-sizing:border-box;white-space:normal!important;word-break:break-word!important;overflow:visible!important;max-height:none!important;line-height:1.3;margin-top:.25rem;direction:rtl}.chat_pane__user_item__status{display:block!important;max-height:none!important;overflow:visible!important}.chat_pane__user_item,.chat_pane__user_item>div{overflow:visible!important}.chat_pane__user_item__avatar img.u-avatar{width:70px!important;height:75px!important;object-fit:cover!important;border-radius:3px!important;display:block;margin:0 auto;border:1px solid #ccc}.popup-ad-item{animation:.6s forwards fadeInAd;transform-origin:center}@keyframes fadeInAd{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}.ad-badge{display:inline-block;background:linear-gradient(90deg,#87afc7,#566d7e);color:#fff;font-weight:700;font-size:13px;padding:3px 10px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:transform .25s,box-shadow .25s;cursor:pointer}.ad-badge:hover{transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,.25)}.yc-game-wait-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 20%,rgba(255,76,76,.2) 0,transparent 35%),radial-gradient(circle at 85% 80%,rgba(71,129,255,.22) 0,transparent 35%),rgba(11,14,24,.72);backdrop-filter:blur(7px)}.yc-game-wait-card{width:90%;max-width:360px;padding:1.35rem 1.15rem 1.1rem;border-radius:20px;background:linear-gradient(150deg,rgba(20,25,40,.98),rgba(14,18,31,.98));border:1px solid rgba(135,162,255,.25);box-shadow:0 24px 65px rgba(2,6,18,.6);text-align:center;color:#edf2ff;position:relative;overflow:hidden}.yc-game-wait-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6363,#8a7bff,#38d4ff);background-size:180% 180%;animation:2.8s infinite ycWaitGradient}.yc-game-wait-glow{position:absolute;width:140px;height:140px;border-radius:50%;filter:blur(22px);opacity:.2;pointer-events:none}.yc-game-wait-glow--x{top:-30px;left:-38px;background:#ff6060}.yc-game-wait-glow--o{right:-35px;bottom:-45px;background:#4f8bff}.yc-game-wait-icon-wrap{width:58px;height:58px;border-radius:16px;margin:.25rem auto .5rem;background:linear-gradient(145deg,#212942,#131a2e);border:1px solid rgba(150,170,255,.35);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px rgba(116,148,255,.15)}.yc-game-wait-icon{font-size:1.15rem;font-weight:800;letter-spacing:1px;color:#dde7ff}.yc-game-wait-title{margin:.15rem 0 .25rem;font-size:1.22rem;font-weight:800;letter-spacing:.25px;text-shadow:0 2px 10px rgba(83,130,255,.18)}.yc-game-wait-sub{margin:0 0 .8rem;font-size:.92rem;color:rgba(233,241,255,.82)}.yc-game-wait-dots{display:inline-flex;align-items:center;gap:6px;margin-bottom:.95rem}.yc-game-wait-dots span{width:7px;height:7px;border-radius:50%;background:#89a8ff;animation:1.2s ease-in-out infinite ycWaitPulse}.yc-game-wait-dots span:nth-child(2){animation-delay:.18s}.yc-game-wait-dots span:nth-child(3){animation-delay:.36s}.yc-game-wait-cancel{border-radius:11px!important;font-weight:700;letter-spacing:.2px;color:#fff!important;background:linear-gradient(145deg,#ff5d5d,#e93c53)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 10px 20px rgba(233,60,83,.35);padding:.48rem 1.35rem!important;transition:transform .18s,box-shadow .18s}.yc-game-wait-cancel:hover{transform:translateY(-1px);box-shadow:0 14px 25px rgba(233,60,83,.42)}@keyframes ycWaitGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes ycWaitPulse{0%,100%,80%{transform:scale(.65);opacity:.45}40%{transform:scale(1);opacity:1}}.yc-ttt-overlay{position:fixed;inset:0;z-index:10040;display:flex;align-items:center;justify-content:center;background:rgba(10,12,20,.65);backdrop-filter:blur(4px)}.yc-ttt-panel{position:relative;width:92%;max-width:320px;padding:1rem 1rem 1.25rem;border-radius:18px;background:linear-gradient(165deg,#1e2230 0,#12151c 100%);box-shadow:0 24px 60px rgba(0,0,0,.45);color:#eef1f6}.yc-ttt-close{position:absolute;top:8px;left:8px;border-radius:8px!important}.yc-ttt-head{text-align:center;margin-bottom:.35rem}.yc-ttt-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:1px;background:linear-gradient(90deg,#3498db,#9b59b6);color:#fff}.yc-ttt-h{margin:.35rem 0 0;font-size:1.2rem;font-weight:700}.yc-ttt-status{text-align:center;font-size:.9rem;margin:0 0 .75rem;opacity:.9}.yc-ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.yc-ttt-cell{aspect-ratio:1;border:none;border-radius:12px;font-size:2rem;font-weight:800;cursor:default;background:rgba(255,255,255,.06);color:#fff;transition:transform .12s,background .12s}.yc-ttt-cell--active{cursor:pointer;background:rgba(52,152,219,.25);box-shadow:inset 0 0 0 2px rgba(52,152,219,.5)}.yc-ttt-cell--active:hover{transform:scale(1.03)}.yc-ttt-winner-overlay{position:fixed;inset:0;z-index:10060;display:flex;align-items:center;justify-content:center;background:rgba(8,10,16,.55);backdrop-filter:blur(5px)}.yc-ttt-winner-card{position:relative;width:90%;max-width:340px;padding:2rem 1.5rem 1.5rem;border-radius:20px;text-align:center;background:linear-gradient(145deg,#2c3e50,#1a1f2e);color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.5);overflow:hidden}.yc-ttt-winner-glow{position:absolute;top:-40%;left:50%;width:140%;height:80%;transform:translateX(-50%);background:radial-gradient(circle,rgba(241,196,15,.35) 0,transparent 65%);pointer-events:none}.yc-ttt-winner-title{position:relative;margin:0 0 .5rem;font-size:1.45rem;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.35)}.yc-ttt-winner-sub{position:relative;margin:0 0 1rem;font-size:1rem;opacity:.95}.yc-ttt-winner-avatar-wrap{position:relative;margin:0 auto .35rem;width:88px;height:88px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#f1c40f,#e67e22)}.yc-ttt-winner-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:3px solid #1a1f2e}.yc-ttt-winner-name{position:relative;margin:0 0 .75rem;font-weight:700;font-size:1.05rem}.yc-ttt-winner-close{position:relative;border-radius:12px!important;padding:.5rem 1.5rem!important;font-weight:700!important}.user_profile__challenge_ttt.btn.btn-sm{min-width:108px;min-height:34px;padding:0!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(180deg,#fbfdff,#eef3f8)!important;border:1px solid #b9c7d6!important;color:#1d2a39!important;backdrop-filter:none;box-shadow:0 1px 1px rgba(0,0,0,.07)!important}.user_profile__challenge_ttt:focus,.user_profile__challenge_ttt:hover{background:linear-gradient(180deg,#fff,#e9f0f7)!important;border-color:#9fb3c8!important;color:#14202e!important}.user_profile__challenge_ttt_logo{width:32px;height:32px;flex-shrink:0;display:inline-block;border-radius:4px;background-color:transparent;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Cg%20stroke%3D%27%233d4f63%27%20stroke-width%3D%274.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20fill%3D%27none%27%3E%3Cline%20x1%3D%2733.33%27%20y1%3D%2710%27%20x2%3D%2733.33%27%20y2%3D%2790%27/%3E%3Cline%20x1%3D%2766.67%27%20y1%3D%2710%27%20x2%3D%2766.67%27%20y2%3D%2790%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%2733.33%27%20x2%3D%2790%27%20y2%3D%2733.33%27/%3E%3Cline%20x1%3D%2710%27%20y1%3D%2766.67%27%20x2%3D%2790%27%20y2%3D%2766.67%27/%3E%3C/g%3E%3Ccircle%20cx%3D%2716.67%27%20cy%3D%2716.67%27%20r%3D%279.5%27%20fill%3D%27%231e88e5%27%20stroke%3D%27%231565c0%27%20stroke-width%3D%273.5%27/%3E%3Ccircle%20cx%3D%2783.33%27%20cy%3D%2750%27%20r%3D%279.5%27%20fill%3D%27%231e88e5%27%20stroke%3D%27%231565c0%27%20stroke-width%3D%273.5%27/%3E%3Ccircle%20cx%3D%2750%27%20cy%3D%2783.33%27%20r%3D%279.5%27%20fill%3D%27%231e88e5%27%20stroke%3D%27%231565c0%27%20stroke-width%3D%273.5%27/%3E%3Cg%20stroke%3D%27%23e53935%27%20stroke-width%3D%275%27%20stroke-linecap%3D%27round%27%20fill%3D%27none%27%3E%3Cline%20x1%3D%2776%27%20y1%3D%278%27%20x2%3D%2792%27%20y2%3D%2724%27/%3E%3Cline%20x1%3D%2792%27%20y1%3D%278%27%20x2%3D%2776%27%20y2%3D%2724%27/%3E%3Cline%20x1%3D%2742%27%20y1%3D%2742%27%20x2%3D%2758%27%20y2%3D%2758%27/%3E%3Cline%20x1%3D%2758%27%20y1%3D%2742%27%20x2%3D%2742%27%20y2%3D%2758%27/%3E%3Cline%20x1%3D%278%27%20y1%3D%2776%27%20x2%3D%2724%27%20y2%3D%2792%27/%3E%3Cline%20x1%3D%2724%27%20y1%3D%2776%27%20x2%3D%278%27%20y2%3D%2792%27/%3E%3C/g%3E%3C/svg%3E);background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:none}.user_profile__challenge_ttt_text{font-weight:800;font-size:15px;letter-spacing:.2px;color:#1d2a39;line-height:1.2}

/* css/ep-avatar-frames.css */
.chat_pane__user_item__avatar.yc-af-wrap {
    position: relative;
    float: left;
    margin: 0;
    line-height: 0;
}

.chat_pane__user_item__avatar.yc-af-wrap .u-avatar {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: block;
}

#chat__body__settings_pane__container__user-avatar-backgrounds .yc-af-preview-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0.15rem;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 0;
}

#chat__body__settings_pane__container__user-avatar-backgrounds .yc-af-preview-item .yc-af-demo-placeholder {
    width: 2rem;
    height: 2rem;
    display: block;
    padding: 0;
    background: linear-gradient(145deg, #b0bec5, #78909c);
}

.yc-af-admin-preview {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    line-height: 0;
}

.yc-af-admin-preview .yc-af-demo-placeholder {
    width: 3.25rem;
    height: 3.25rem;
    display: block;
    padding: 0;
    border: none !important;
    background: linear-gradient(145deg, #b0bec5, #78909c);
}

.gifts-and-faces-page .img-container .yc-af-admin-item .yc-af-admin-preview {
    width: 4rem !important;
    height: 4rem !important;
}

.gifts-and-faces-page .img-container .yc-af-admin-item .yc-af-demo-placeholder {
    width: 3.25rem !important;
    height: 3.25rem !important;
}

.yc-af-empty-hint {
    padding: 12px;
    margin: 0;
}

.yc-af-circle-thin .u-avatar,
.yc-af-circle-thin .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 1px solid #bdbdbd !important;
}

.yc-af-circle-white .u-avatar,
.yc-af-circle-white .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.yc-af-circle-gold .u-avatar,
.yc-af-circle-gold .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #d4af37 !important;
}

.yc-af-circle-silver .u-avatar,
.yc-af-circle-silver .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #b8b8b8 !important;
    box-shadow: inset 0 0 0 1px #e8e8e8;
}

.yc-af-circle-black .u-avatar,
.yc-af-circle-black .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #2c2c2c !important;
}

.yc-af-rounded-sm .u-avatar,
.yc-af-rounded-sm .yc-af-demo-placeholder {
    border-radius: 10px !important;
    border: 2px solid #9e9e9e !important;
}

.yc-af-rounded-lg .u-avatar,
.yc-af-rounded-lg .yc-af-demo-placeholder {
    border-radius: 16px !important;
    border: 2px solid #757575 !important;
}

.yc-af-square .u-avatar,
.yc-af-square .yc-af-demo-placeholder {
    border-radius: 4px !important;
    border: 2px solid #616161 !important;
}

.yc-af-neon-blue .u-avatar,
.yc-af-neon-blue .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #00bcd4 !important;
    box-shadow: 0 0 8px rgba(0, 188, 212, 0.85), 0 0 16px rgba(0, 188, 212, 0.45);
}

.yc-af-neon-pink .u-avatar,
.yc-af-neon-pink .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #ff4081 !important;
    box-shadow: 0 0 8px rgba(255, 64, 129, 0.85), 0 0 16px rgba(255, 64, 129, 0.45);
}

.yc-af-neon-green .u-avatar,
.yc-af-neon-green .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #69f0ae !important;
    box-shadow: 0 0 8px rgba(105, 240, 174, 0.85), 0 0 16px rgba(105, 240, 174, 0.45);
}

.yc-af-double-ring .u-avatar,
.yc-af-double-ring .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 0 0 3px #d4af37, 0 0 0 5px rgba(212, 175, 55, 0.35);
}

.yc-af-dashed .u-avatar,
.yc-af-dashed .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px dashed #607d8b !important;
}

.yc-af-dotted .u-avatar,
.yc-af-dotted .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px dotted #8d6e63 !important;
}

.yc-af-shadow-soft .u-avatar,
.yc-af-shadow-soft .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
}

.yc-af-shadow-deep .u-avatar,
.yc-af-shadow-deep .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25);
}

.yc-af-gradient-sunset {
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b6b, #feca57, #ff9ff3);
}

.yc-af-gradient-sunset .u-avatar,
.yc-af-gradient-sunset .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: none !important;
    background: linear-gradient(145deg, #b0bec5, #78909c);
}

.yc-af-gradient-ocean {
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2196f3, #00bcd4, #4dd0e1);
}

.yc-af-gradient-ocean .u-avatar,
.yc-af-gradient-ocean .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: none !important;
    background: linear-gradient(145deg, #b0bec5, #78909c);
}

.yc-af-gradient-purple {
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7c4dff, #e040fb, #ea80fc);
}

.yc-af-gradient-purple .u-avatar,
.yc-af-gradient-purple .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: none !important;
    background: linear-gradient(145deg, #b0bec5, #78909c);
}

.yc-af-gradient-rainbow {
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f44336, #ff9800, #ffeb3b, #4caf50, #2196f3, #9c27b0);
}

.yc-af-gradient-rainbow .u-avatar,
.yc-af-gradient-rainbow .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: none !important;
    background: linear-gradient(145deg, #b0bec5, #78909c);
}

.yc-af-vip-gold .u-avatar,
.yc-af-vip-gold .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 3px solid #ffd700 !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.65), inset 0 0 6px rgba(255, 215, 0, 0.25);
}

.yc-af-rose-gold .u-avatar,
.yc-af-rose-gold .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #b76e79 !important;
    box-shadow: 0 0 8px rgba(183, 110, 121, 0.55);
}

.yc-af-emerald .u-avatar,
.yc-af-emerald .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #2e7d32 !important;
    box-shadow: 0 0 8px rgba(46, 125, 50, 0.45);
}

@keyframes yc-af-pulse-glow {
    0%, 100% { box-shadow: 0 0 6px rgba(63, 81, 181, 0.5); }
    50% { box-shadow: 0 0 14px rgba(63, 81, 181, 0.95), 0 0 22px rgba(63, 81, 181, 0.45); }
}

.yc-af-pulse .u-avatar,
.yc-af-pulse .yc-af-demo-placeholder {
    border-radius: 50% !important;
    border: 2px solid #3f51b5 !important;
    animation: yc-af-pulse-glow 2s ease-in-out infinite;
}

.yc-af-hexagon .u-avatar,
.yc-af-hexagon .yc-af-demo-placeholder {
    clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
    border: 2px solid #5c6bc0 !important;
    border-radius: 0 !important;
}

.chat_pane__user_item__avatar.has-avatar-frame img.avatar_bg {
    display: none !important;
}

.chat_pane__user_item > .chat_pane__user_item__avatar {
    align-self: flex-start !important;
    height: auto !important;
    line-height: 0;
}

.chat_pane__user_item__avatar.has-avatar-frame {
    line-height: 0;
    overflow: visible !important;
}

.chat_pane__user_item__avatar .status,
.chat_pane__user_item__avatar.has-avatar-frame .status {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 0.167rem !important;
    height: 65px !important;
    max-height: 65px !important;
    z-index: 4 !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    animation: none !important;
}

.chat_pane__user_item__avatar.has-avatar-frame .status.state_active {
    background-color: #58c827 !important;
}

.chat_pane__user_item__avatar.has-avatar-frame .status.state_no_private {
    background-color: red !important;
}

.chat_pane__user_item__avatar.has-avatar-frame .status.state_idle {
    background-color: orange !important;
}

.chat_pane__user_item__avatar.has-avatar-frame .status.state_out {
    background-color: #9c9999 !important;
}

.chat_pane__user_item__avatar.has-avatar-frame img.u-avatar {
    width: 70px !important;
    height: 65px !important;
    object-fit: fill !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
    position: relative;
    z-index: 1;
    padding: 0 !important;
    box-sizing: border-box;
}

.chat_pane__user_item__avatar.yc-af-circle-thin img.u-avatar,
.chat_pane__user_item__avatar.yc-af-circle-white img.u-avatar,
.chat_pane__user_item__avatar.yc-af-circle-gold img.u-avatar,
.chat_pane__user_item__avatar.yc-af-circle-silver img.u-avatar,
.chat_pane__user_item__avatar.yc-af-circle-black img.u-avatar,
.chat_pane__user_item__avatar.yc-af-neon-blue img.u-avatar,
.chat_pane__user_item__avatar.yc-af-neon-pink img.u-avatar,
.chat_pane__user_item__avatar.yc-af-neon-green img.u-avatar,
.chat_pane__user_item__avatar.yc-af-double-ring img.u-avatar,
.chat_pane__user_item__avatar.yc-af-dashed img.u-avatar,
.chat_pane__user_item__avatar.yc-af-dotted img.u-avatar,
.chat_pane__user_item__avatar.yc-af-shadow-soft img.u-avatar,
.chat_pane__user_item__avatar.yc-af-shadow-deep img.u-avatar,
.chat_pane__user_item__avatar.yc-af-vip-gold img.u-avatar,
.chat_pane__user_item__avatar.yc-af-rose-gold img.u-avatar,
.chat_pane__user_item__avatar.yc-af-emerald img.u-avatar,
.chat_pane__user_item__avatar.yc-af-pulse img.u-avatar,
.chat_pane__user_item__avatar.yc-af-gradient-sunset img.u-avatar,
.chat_pane__user_item__avatar.yc-af-gradient-ocean img.u-avatar,
.chat_pane__user_item__avatar.yc-af-gradient-purple img.u-avatar,
.chat_pane__user_item__avatar.yc-af-gradient-rainbow img.u-avatar {
    border-radius: 50% !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}

.chat_pane__user_item__avatar.yc-af-rounded-sm img.u-avatar {
    border-radius: 10px !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}

.chat_pane__user_item__avatar.yc-af-rounded-lg img.u-avatar {
    border-radius: 16px !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}

.chat_pane__user_item__avatar.yc-af-square img.u-avatar {
    border-radius: 4px !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}

.chat_pane__user_item__avatar.yc-af-hexagon img.u-avatar {
    border-radius: 0 !important;
    clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%) !important;
    -webkit-clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%) !important;
}

.chat_pane__user_item__avatar.yc-af-circle-thin img.u-avatar { border: 1px solid #bdbdbd !important; }
.chat_pane__user_item__avatar.yc-af-circle-white img.u-avatar { border: 2px solid #ffffff !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12) !important; }
.chat_pane__user_item__avatar.yc-af-circle-gold img.u-avatar { border: 2px solid #d4af37 !important; }
.chat_pane__user_item__avatar.yc-af-circle-silver img.u-avatar { border: 2px solid #b8b8b8 !important; }
.chat_pane__user_item__avatar.yc-af-circle-black img.u-avatar { border: 2px solid #2c2c2c !important; }
.chat_pane__user_item__avatar.yc-af-rounded-sm img.u-avatar { border: 2px solid #9e9e9e !important; }
.chat_pane__user_item__avatar.yc-af-rounded-lg img.u-avatar { border: 2px solid #757575 !important; }
.chat_pane__user_item__avatar.yc-af-square img.u-avatar { border: 2px solid #616161 !important; }
.chat_pane__user_item__avatar.yc-af-neon-blue img.u-avatar { border: 2px solid #00bcd4 !important; box-shadow: 0 0 8px rgba(0, 188, 212, 0.85), 0 0 16px rgba(0, 188, 212, 0.45) !important; }
.chat_pane__user_item__avatar.yc-af-neon-pink img.u-avatar { border: 2px solid #ff4081 !important; box-shadow: 0 0 8px rgba(255, 64, 129, 0.85), 0 0 16px rgba(255, 64, 129, 0.45) !important; }
.chat_pane__user_item__avatar.yc-af-neon-green img.u-avatar { border: 2px solid #69f0ae !important; box-shadow: 0 0 8px rgba(105, 240, 174, 0.85), 0 0 16px rgba(105, 240, 174, 0.45) !important; }
.chat_pane__user_item__avatar.yc-af-double-ring img.u-avatar { border: 2px solid #ffffff !important; box-shadow: 0 0 0 3px #d4af37, 0 0 0 5px rgba(212, 175, 55, 0.35) !important; }
.chat_pane__user_item__avatar.yc-af-dashed img.u-avatar { border: 2px dashed #607d8b !important; }
.chat_pane__user_item__avatar.yc-af-dotted img.u-avatar { border: 2px dotted #8d6e63 !important; }
.chat_pane__user_item__avatar.yc-af-shadow-soft img.u-avatar { border: none !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28) !important; }
.chat_pane__user_item__avatar.yc-af-shadow-deep img.u-avatar { border: none !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25) !important; }
.chat_pane__user_item__avatar.yc-af-vip-gold img.u-avatar { border: 3px solid #ffd700 !important; box-shadow: 0 0 10px rgba(255, 215, 0, 0.65), inset 0 0 6px rgba(255, 215, 0, 0.25) !important; }
.chat_pane__user_item__avatar.yc-af-rose-gold img.u-avatar { border: 2px solid #b76e79 !important; box-shadow: 0 0 8px rgba(183, 110, 121, 0.55) !important; }
.chat_pane__user_item__avatar.yc-af-emerald img.u-avatar { border: 2px solid #2e7d32 !important; box-shadow: 0 0 8px rgba(46, 125, 50, 0.45) !important; }
.chat_pane__user_item__avatar.yc-af-pulse img.u-avatar { border: 2px solid #3f51b5 !important; animation: yc-af-pulse-glow 2s ease-in-out infinite !important; }
.chat_pane__user_item__avatar.yc-af-hexagon img.u-avatar { border: 2px solid #5c6bc0 !important; }

.chat_pane__user_item__avatar.yc-af-gradient-sunset {
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b6b, #feca57, #ff9ff3);
    display: inline-block;
}

.chat_pane__user_item__avatar.yc-af-gradient-ocean {
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2196f3, #00bcd4, #4dd0e1);
    display: inline-block;
}

.chat_pane__user_item__avatar.yc-af-gradient-purple {
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7c4dff, #e040fb, #ea80fc);
    display: inline-block;
}

.chat_pane__user_item__avatar.yc-af-gradient-rainbow {
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f44336, #ff9800, #ffeb3b, #4caf50, #2196f3, #9c27b0);
    display: inline-block;
}

.chat_pane__user_item__avatar.yc-af-gradient-sunset img.u-avatar,
.chat_pane__user_item__avatar.yc-af-gradient-ocean img.u-avatar,
.chat_pane__user_item__avatar.yc-af-gradient-purple img.u-avatar,
.chat_pane__user_item__avatar.yc-af-gradient-rainbow img.u-avatar {
    border: none !important;
}

#chat__body__settings_pane__container__user-avatar-backgrounds .user-background-item.yc-af-preview-item {
    border: none !important;
    height: auto !important;
}

.chat_pane__user_item__avatar img.u-avatar {
    width: 70px !important;
    height: 65px !important;
    object-fit: fill !important;
    object-position: center center !important;
}

#user_profile:not(.jawal-profile) .user_profile__avatar-overlay .user_profile__cover-avatar {
    width: 74px !important;
    height: 105px !important;
    object-fit: fill !important;
    object-position: center center !important;
}

#user_profile__body__avatar {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.private_message__avatar img {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;
    object-fit: cover !important;
}

/* css/chat-stickers.css */
.emoji_picker {
    z-index: 1050 !important;
    width: 360px !important;
    max-width: calc(100vw - 16px) !important;
    max-height: none !important;
    overflow: hidden;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}

.emoji_picker.public_messages {
    bottom: 2.35rem !important;
    left: 0.1rem !important;
}

.emoji_picker.private_messages {
    bottom: 2.45rem !important;
}

.emoji_picker.wall,
.emoji_picker.wall-comments {
    bottom: 2.2rem !important;
    height: auto !important;
}

.emoji_picker__tabs {
    display: flex;
    direction: rtl;
    align-items: stretch;
    gap: 0;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #eceff1;
    border-radius: 0;
    padding: 0 2px;
}

.emoji_picker__tab,
.emoji_picker__tab:hover,
.emoji_picker__tab:focus,
.emoji_picker__tab--stickers,
.emoji_picker__tab--stickers:hover,
.emoji_picker__tab--stickers:focus {
    flex: 0 1 auto;
    appearance: none;
    -webkit-appearance: none;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #5f6368 !important;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 8px 8px;
    margin: 0;
    cursor: pointer;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.emoji_picker__tab--active,
.emoji_picker__tab--faces.emoji_picker__tab--active,
.emoji_picker__tab--stickers.emoji_picker__tab--active,
.emoji_picker__tab--recent.emoji_picker__tab--active {
    color: #202124 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: inset 0 -2px 0 #1a73e8 !important;
}

.emoji_picker__close,
.emoji_picker__close:hover,
.emoji_picker__close:focus {
    margin-inline-start: auto;
    appearance: none;
    -webkit-appearance: none;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #5f6368;
    font-size: 20px;
    line-height: 1;
    width: 32px;
    cursor: pointer;
}

.yc-face-clock {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1a73e8;
    position: relative;
    flex: none;
    display: inline-block;
}

.yc-face-clock::before,
.yc-face-clock::after {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 1px;
}

.yc-face-clock::before {
    width: 1.5px;
    height: 5px;
    left: 7px;
    top: 3px;
}

.yc-face-clock::after {
    width: 4px;
    height: 1.5px;
    left: 7px;
    top: 7.5px;
}

.emoji_picker__panel--recent {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.08rem;
    align-items: center;
    justify-items: center;
    align-content: start;
    min-height: 100%;
}

.emoji_picker__panel--recent .emoji_picker__item,
.emoji_picker__panel--recent .sticker_picker__item {
    display: block;
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

.yc-face-empty {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    min-height: 148px;
    padding: 18px 12px 14px;
    color: #5f6368;
}

.yc-face-empty__ico {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eceff1;
    position: relative;
}

.yc-face-empty__ico::before,
.yc-face-empty__ico::after {
    content: "";
    position: absolute;
    background: #9aa0a6;
    border-radius: 1px;
}

.yc-face-empty__ico::before {
    width: 2px;
    height: 10px;
    left: 17px;
    top: 8px;
}

.yc-face-empty__ico::after {
    width: 7px;
    height: 2px;
    left: 17px;
    top: 16px;
}

.yc-face-empty strong {
    color: #3c4043;
    font-size: 14px;
}

.yc-face-empty p {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.yc-face-dots {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 16px;
}

.yc-face-dots i {
    display: block;
    border-radius: 50%;
    flex: none;
}

.yc-face-dots i:nth-child(1) {
    width: 14px;
    height: 14px;
    background: #e86b7a;
}

.yc-face-dots i:nth-child(2) {
    width: 9px;
    height: 9px;
    background: #f0a06a;
}

.yc-face-dots i:nth-child(3) {
    width: 5px;
    height: 5px;
    background: #f2c27a;
}

.emoji_picker__panels {
    height: 168px;
    min-height: 168px;
    max-height: 168px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 2px;
    background: #fff;
    border: 0;
    border-radius: 0;
}

.emoji_picker__panel--faces {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.08rem;
    align-items: center;
    justify-items: center;
}

.emoji_picker__panel--faces .emoji_picker__item {
    display: block;
    width: 100%;
    max-width: 1.6rem;
    height: 22px;
    object-fit: contain;
    padding: 0.06rem;
    box-sizing: border-box;
}

.emoji_picker__panel--stickers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem;
    padding: 0.2rem;
}

.sticker_picker__item {
    width: 100%;
    max-width: 3.5rem;
    height: auto;
    max-height: 3.5rem;
    object-fit: contain;
    padding: 0.15rem;
    margin: 0 auto;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.25rem;
    box-sizing: border-box;
    cursor: pointer;
}

.emoji_picker__item:hover,
.sticker_picker__item:hover {
    transform: scale(1.06);
    background: rgba(0, 0, 0, 0.05);
}

.emoji_picker__empty {
    grid-column: 1 / -1;
    padding: 0.6rem 0.3rem;
    font-size: 0.55rem;
    color: #888;
    text-align: center;
}

.chat-sticker-img {
    display: inline-block;
    vertical-align: middle;
    max-width: 5.5rem;
    max-height: 5.5rem;
    width: auto;
    height: auto;
    margin: 0.1rem 0.15rem;
    border-radius: 0.25rem;
}

.public_message__content .chat-sticker-img,
.private_message__content .chat-sticker-img,
.wall_post__content .chat-sticker-img {
    max-width: 6rem;
    max-height: 6rem;
}

.sticker-admin-grid .sticker-admin-item img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

@media (max-width: 480px) {
    .emoji_picker {
        max-width: calc(100vw - 1.5rem) !important;
    }

    .emoji_picker__panel--faces {
        grid-template-columns: repeat(6, 1fr);
    }

    .chat-sticker-img {
        max-width: 4.5rem;
        max-height: 4.5rem;
    }
}

.public_message__content .public_message__body__image,
.private_message__body .private_message__body__image,
.public_message__body__image.yc-media__thumb,
.private_message__body__image.yc-media__thumb {
    width: 104px !important;
    height: 104px !important;
    max-width: 104px !important;
    max-height: 104px !important;
    object-fit: cover !important;
    border-radius: 14px;
    display: block;
}
.wall_post__content .public_message__body__image,
.wall_post__body--photo-img {
    max-width: 100% !important;
    max-height: 62vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
.public_message__body__media,
.private_message__content .public_message__body__media,
.wall_post__content .public_message__body__media {
    max-width: 100% !important;
}
#chat button.yc-media {
    position: relative;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 0 !important;
    margin: 4px 0 !important;
    min-width: 0 !important;
    width: 104px !important;
    height: 104px !important;
    max-width: 104px !important;
    max-height: 104px !important;
    overflow: hidden !important;
    background: #1b2430;
    border-radius: 14px;
    cursor: pointer;
    line-height: 0 !important;
    vertical-align: middle;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
}
#chat button.yc-media.yc-media--video {
    width: 176px !important;
    max-width: 176px !important;
    height: 104px !important;
    max-height: 104px !important;
}
#chat button.yc-media .yc-media__thumb {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    pointer-events: none !important;
    display: block !important;
    background: #111;
}
.yc-media__play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .28);
    pointer-events: none;
}
.yc-media__play svg {
    width: 34px;
    height: 34px;
    padding: 7px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .55);
    box-sizing: content-box;
}

.public_message__content,
.private_message__content,
.wall_post__content {
    overflow: visible;
}

.login-btn-holder {
    gap: 1.5px;
}

.public_message__body__image,
.private_message__body__image,
.wall_post__body--photo-img {
    cursor: zoom-in;
}
#chat > .ep-img-lightbox {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 250 !important;
    background: rgba(8, 12, 18, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 16px 16px;
    box-sizing: border-box;
}
.ep-img-lightbox__img,
.ep-img-lightbox__video {
    max-width: 94%;
    max-height: 86%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    background: #000;
    box-shadow: 0 10px 32px rgba(0, 0, 0, .45);
}
.ep-img-lightbox__video {
    width: min(92%, 720px);
    max-height: 78%;
    background: #000;
}
.ep-img-lightbox__x {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    cursor: pointer;
}

/* css/ludo-game.css */
#yc-ludo-root {
    position: relative;
    z-index: 10040;
    pointer-events: none;
}

.yc-ludo-overlay {
    position: fixed;
    inset: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    z-index: 10040;
    pointer-events: none;
    box-sizing: border-box;
}

#yc-ludo-lobby.yc-ludo-overlay {
    background: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.yc-ludo-panel {
    width: min(520px, 100%);
    max-height: min(92dvh, 92vh);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: linear-gradient(145deg, #1a1f35 0%, #0f1324 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
    color: #f3f4f6;
    font-family: Tahoma, Arial, sans-serif;
    box-sizing: border-box;
    pointer-events: auto;
}

.yc-ludo-lobby-panel.yc-ludo-panel {
    background: #fefffc;
    color: #333;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
}

.yc-ludo-lobby-panel .yc-ludo-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 10px 12px;
    color: #fff;
}

.yc-ludo-lobby-panel .yc-ludo-head h2 {
    color: inherit;
    font-size: clamp(0.9rem, 3.2vw, 1.05rem);
}

.yc-ludo-lobby-panel .yc-ludo-close {
    width: auto;
    height: auto;
    min-width: 1.35rem;
    min-height: 1.35rem;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
    font-size: 0.75rem;
    line-height: 1.2;
    background: transparent;
    border: 0;
}

.yc-ludo-lobby-panel .yc-ludo-sub {
    color: #555;
    font-size: 0.82rem;
    line-height: 1.45;
    padding: 10px 14px 0;
}

.yc-ludo-lobby-panel .yc-ludo-slots {
    padding: 12px 14px;
    gap: 8px;
}

.yc-ludo-lobby-panel .yc-ludo-slot {
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 8px 10px;
}

.yc-ludo-lobby-panel .yc-ludo-slot-name {
    color: #222;
}

.yc-ludo-lobby-panel .yc-ludo-slot-status {
    color: #337ab7;
    font-size: 0.72rem;
}

.yc-ludo-lobby-panel .yc-ludo-avatar {
    border: 1px solid #dedbdb;
    width: 34px;
    height: 34px;
}

.yc-ludo-lobby-panel .yc-ludo-invite-row {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 4px 14px 10px;
}

.yc-ludo-lobby-panel .yc-ludo-invite-row label {
    color: #444;
    font-weight: 700;
    font-size: 0.82rem;
    margin: 0;
}

.yc-ludo-lobby-panel .yc-ludo-invite-row select {
    flex: 1 1 140px;
    min-width: 0;
    padding: 6px 8px;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    background: #fff;
    color: #333;
    font-size: 0.82rem;
}

.yc-ludo-lobby-panel .yc-ludo-invite-row .yc-ludo-btn {
    width: auto;
    min-width: 6.5rem;
    flex: 0 0 auto;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 0.78rem;
}

.yc-ludo-lobby-panel .yc-ludo-actions {
    padding: 0 14px 14px;
}

.yc-ludo-lobby-panel .yc-ludo-actions .yc-ludo-btn {
    border-radius: 4px;
    padding: 8px 14px;
    font-size: 0.85rem;
}

.yc-ludo-lobby-panel .yc-ludo-btn-primary,
.yc-ludo-lobby-panel .yc-ludo-btn-success {
    background: inherit;
}

.yc-ludo-lobby-panel {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.yc-ludo-game-panel {
    --yc-ludo-chrome-h: 200px;
    width: min(560px, 100%);
    height: min(94dvh, 94vh);
    max-height: min(94dvh, 94vh);
    overflow: hidden;
}

.yc-ludo-classic-wrap {
    flex: 1 1 0;
    min-height: 0;
    padding: 4px 8px 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    container-type: size;
    container-name: yc-ludo-board;
}

.yc-ludo-classic-wrap .ludo-board-wrap {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
}

.yc-ludo-head {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.yc-ludo-head h2 {
    margin: 0;
    font-size: clamp(0.95rem, 3.5vw, 1.15rem);
    font-weight: 700;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yc-ludo-head__actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.yc-ludo-close,
.yc-ludo-minimize {
    border: 0;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

.yc-ludo-sub {
    margin: 0;
    padding: 10px 16px 0;
    color: #cbd5e1;
    font-size: 0.9rem;
}

.yc-ludo-slots {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
}

.yc-ludo-slot {
    display: grid;
    grid-template-columns: 6px 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.yc-ludo-slot-name {
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yc-ludo-slot-status {
    font-size: 0.75rem;
    color: #93c5fd;
    white-space: nowrap;
    flex-shrink: 0;
}

.yc-ludo-slot-color {
    width: 8px;
    height: 36px;
    border-radius: 6px;
    background: var(--slot-color, #888);
}

.yc-ludo-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.yc-ludo-invite-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
    padding: 0 16px 12px;
}

.yc-ludo-invite-row label {
    font-size: 0.85rem;
    color: #cbd5e1;
}

.yc-ludo-invite-row select {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: #111827;
    color: #fff;
    font-size: 0.9rem;
}

.yc-ludo-invite-row .yc-ludo-btn {
    width: 100%;
}

.yc-ludo-actions {
    padding: 0 16px 16px;
    display: flex;
    gap: 10px;
}

.yc-ludo-actions .yc-ludo-btn {
    flex: 1;
}

.yc-ludo-btn {
    border: 0;
    border-radius: 10px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: 700;
    color: #fff;
}

.yc-ludo-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.yc-ludo-btn-primary { background: #2563eb; }
.yc-ludo-btn-success { background: #16a34a; }
.yc-ludo-btn-danger { background: #dc2626; }

.yc-ludo-invite-popup {
    position: fixed;
    inset: 0;
    z-index: 10210;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    pointer-events: none;
}

.yc-ludo-invite-card {
    width: min(360px, 92vw);
    background: #1e293b;
    border-radius: 14px;
    padding: 20px;
    text-align: center;
    color: #fff;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
    pointer-events: auto;
}

.yc-ludo-invite-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 14px;
}

.yc-ludo-turn-bar {
    flex-shrink: 0;
    padding: 8px 16px;
    background: rgba(59, 130, 246, 0.15);
    color: #bfdbfe;
    font-size: 0.92rem;
}

.yc-ludo-toolbar {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px 16px;
    align-items: start;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.22);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.yc-ludo-toolbar__section {
    min-width: 0;
}

.yc-ludo-toolbar__label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 6px;
    letter-spacing: 0.02em;
}

.yc-ludo-toolbar__hint {
    color: #64748b;
    font-size: 0.85rem;
}

.yc-ludo-toolbar__dice {
    display: flex;
    justify-content: center;
}

.yc-ludo-emoji-section {
    flex-shrink: 0;
    padding: 0 12px 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.yc-ludo-emoji-label {
    padding-top: 8px;
    margin-bottom: 4px;
}

.yc-ludo-dice-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 72px;
}

.yc-ludo-dice-btn {
    border: 0;
    background: linear-gradient(180deg, #fff 0%, #e8e8e8 100%);
    border-radius: 12px;
    padding: 6px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    line-height: 0;
    transition: transform 0.15s, box-shadow 0.15s;
}

.yc-ludo-dice-btn:not(:disabled):hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.yc-ludo-dice-btn:not(:disabled):active {
    transform: scale(0.95);
}

.yc-ludo-dice-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.yc-ludo-dice-face {
    display: block;
    width: clamp(52px, 14vw, 72px);
    height: clamp(52px, 14vw, 72px);
    background: center / contain no-repeat;
    border-radius: 8px;
}

.yc-ludo-dice-face.is-rolling {
    animation: ycLudoDiceRoll 0.55s ease;
}

.yc-ludo-dice-num {
    font-size: 1.35rem;
    font-weight: 800;
    color: #fde047;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    min-height: 1.4em;
}

.yc-ludo-dice-label {
    font-size: 0.78rem;
    color: #94a3b8;
}

@keyframes ycLudoDiceRoll {
    0% { transform: rotate(0deg) scale(1); }
    35% { transform: rotate(180deg) scale(0.85); }
    70% { transform: rotate(360deg) scale(1.08); }
    100% { transform: rotate(360deg) scale(1); }
}

.yc-ludo-pieces {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
}

.yc-ludo-piece-btn {
    border: 0;
    border-radius: 10px;
    padding: 0;
    min-height: 40px;
    background: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: background 0.15s, transform 0.12s;
}

.yc-ludo-piece-num {
    font-size: clamp(0.85rem, 3vw, 1rem);
}

.yc-ludo-piece-btn:not(:disabled):hover {
    background: rgba(255, 255, 255, 0.18);
}

.yc-ludo-piece-btn.can-move {
    background: linear-gradient(180deg, #4ade80, #16a34a);
    color: #052e16;
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.35);
}

.yc-ludo-piece-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.yc-ludo-emoji-bar {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    padding: 4px 0 6px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.yc-ludo-emoji-btn {
    border: 0;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 4px 6px;
    font-size: 1.2rem;
    cursor: pointer;
}

.yc-ludo-emoji-float {
    min-height: 36px;
    padding: 0 12px 8px;
}

.yc-ludo-emoji-bubble {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.85);
    animation: ycLudoEmojiPop 3.5s ease forwards;
}

@keyframes ycLudoEmojiPop {
    0% { opacity: 0; transform: translateY(8px); }
    10% { opacity: 1; transform: translateY(0); }
    85% { opacity: 1; }
    100% { opacity: 0; transform: translateY(-6px); }
}

.yc-ludo-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10080;
    background: rgba(15, 23, 42, 0.95);
    color: #fff;
    padding: 10px 16px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.yc-ludo-float-restore {
    position: fixed;
    bottom: 80px;
    right: 16px;
    left: auto;
    z-index: 10055;
    width: 56px;
    height: 56px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

.yc-ludo-float-restore img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yc-ludo-game-overlay.yc-ludo-minimized {
    display: none;
}

.yc-ludo-win-modal {
    position: fixed;
    inset: 0;
    z-index: 10090;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(8, 12, 28, 0.82);
    backdrop-filter: blur(8px);
    animation: ycLudoWinFade 0.25s ease;
}

@keyframes ycLudoWinFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

.yc-ludo-win-card {
    width: min(360px, 92vw);
    padding: 28px 24px;
    border-radius: 18px;
    background: linear-gradient(145deg, #1e2744 0%, #12182e 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #f3f4f6;
}

.yc-ludo-win-icon {
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 12px;
}

.yc-ludo-win-card h3 {
    margin: 0 0 8px;
    font-size: 1.35rem;
    font-weight: 800;
}

.yc-ludo-win-name {
    margin: 0 0 6px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fde047;
}

.yc-ludo-win-sub {
    margin: 0 0 20px;
    font-size: 0.9rem;
    color: #cbd5e1;
}

.yc-ludo-win-card .yc-ludo-btn {
    min-width: 140px;
}

#yc-ludo-game .ludo-board-wrap {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

#yc-ludo-game .ludo-board {
    --ludo-frame: #8b5a3c;
    --ludo-frame-hi: #c9956e;
    --ludo-frame-lo: #5a3520;
    position: relative;
    width: min(100cqw, 100cqh);
    height: auto;
    max-width: min(100cqw, 100cqh, 100%);
    max-height: min(100cqh, 100cqw, 100%);
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    grid-template-rows: repeat(15, 1fr);
    box-sizing: border-box;
    background-color: #6e3f28;
    background-image:
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(165deg, #b8724a 0, #8b5132 38%, #6e3f28 58%, #5c3322 100%);
    background-size: 8% 8%, 8% 8%, auto;
    border: clamp(3px, 1.2vw, 7px) solid;
    border-color: var(--ludo-frame-hi) var(--ludo-frame-lo) var(--ludo-frame-lo) var(--ludo-frame-hi);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 14px 40px rgba(0,0,0,.45),
        inset 0 0 0 2px rgba(255,255,255,.1);
    flex-shrink: 1;
}

@supports not (width: 1cqw) {
    #yc-ludo-game .ludo-board {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        aspect-ratio: 1 / 1;
    }
}

#yc-ludo-game .red-home { grid-column: 1 / 7; grid-row: 1 / 7; }
#yc-ludo-game .green-home { grid-column: 10 / 16; grid-row: 1 / 7; }
#yc-ludo-game .blue-home { grid-column: 1 / 7; grid-row: 10 / 16; }
#yc-ludo-game .yellow-home { grid-column: 10 / 16; grid-row: 10 / 16; }

#yc-ludo-game .red-home,
#yc-ludo-game .green-home,
#yc-ludo-game .blue-home,
#yc-ludo-game .yellow-home {
    border: clamp(2px, 0.5vw, 5px) solid rgba(0,0,0,.35);
    box-shadow: inset 0 2px 14px rgba(0,0,0,.22);
}

#yc-ludo-game .winner-home {
    grid-column: 7 / 10;
    grid-row: 7 / 10;
    position: relative;
    overflow: hidden;
    border-radius: 10%;
    background: #f0f0f0;
    box-shadow: inset 0 2px 10px rgba(255,255,255,.8), inset 0 -2px 8px rgba(0,0,0,.08);
    padding: 0;
}

#yc-ludo-game .winner-home .stack {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    width: 50%;
    height: 50%;
}

#yc-ludo-game .rwh {
    top: 0; left: 0;
    background: #ec3a28;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

#yc-ludo-game .gwh {
    top: 0; right: 0;
    background: #0ebd46;
    clip-path: polygon(100% 0, 100% 100%, 0 0);
}

#yc-ludo-game .ywh {
    bottom: 0; right: 0;
    background: #f7c00b;
    clip-path: polygon(100% 100%, 0 100%, 100% 0);
}

#yc-ludo-game .bwh {
    bottom: 0; left: 0;
    background: #198afa;
    clip-path: polygon(0 100%, 0 0, 100% 100%);
}

#yc-ludo-game .step {
    position: relative;
    border: 1px solid rgba(0,0,0,.12);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 0;
    background: linear-gradient(158deg, #fff 0, #f3f3f3 52%, #ebebeb 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

#yc-ludo-game .step .fa {
    font-size: clamp(6px, 2.2vw, 11px);
    opacity: 0.85;
}

#yc-ludo-game .bg-red { background: linear-gradient(148deg, #ff6b5c, #ec3a28 45%, #b82418); }
#yc-ludo-game .bg-green { background: linear-gradient(148deg, #3be06b, #0ebd46 45%, #089030); }
#yc-ludo-game .bg-blue { background: linear-gradient(148deg, #4ca6ff, #198afa 45%, #0d5ea8); }
#yc-ludo-game .bg-yellow { background: linear-gradient(148deg, #ffd24a, #f7c00b 45%, #c79400); }

#yc-ludo-game .red-stop,
#yc-ludo-game .green-stop,
#yc-ludo-game .blue-stop,
#yc-ludo-game .yellow-stop {
    background-size: 100% 100%;
}

#yc-ludo-game .red-stop {
    background-image: repeating-linear-gradient(135deg, #ec3a28 0 25%, #e8e8e8 25% 50%, #ec3a28 50% 75%, #e8e8e8 75% 100%);
}

#yc-ludo-game .green-stop {
    background-image: repeating-linear-gradient(135deg, #0ebd46 0 25%, #e8e8e8 25% 50%, #0ebd46 50% 75%, #e8e8e8 75% 100%);
}

#yc-ludo-game .blue-stop {
    background-image: repeating-linear-gradient(135deg, #198afa 0 25%, #e8e8e8 25% 50%, #198afa 50% 75%, #e8e8e8 75% 100%);
}

#yc-ludo-game .yellow-stop {
    background-image: repeating-linear-gradient(135deg, #f7c00b 0 25%, #e8e8e8 25% 50%, #f7c00b 50% 75%, #e8e8e8 75% 100%);
}

#yc-ludo-game .super-center {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#yc-ludo-game .red-home { border-top-left-radius: 6px; }
#yc-ludo-game .green-home { border-top-right-radius: 6px; }
#yc-ludo-game .blue-home { border-bottom-left-radius: 6px; }
#yc-ludo-game .yellow-home { border-bottom-right-radius: 6px; }

#yc-ludo-game .white-box {
    width: 75%;
    height: 75%;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

#yc-ludo-game .red-home .white-box { background: radial-gradient(circle at 35% 30%, #e85a48, #7a2318); }
#yc-ludo-game .green-home .white-box { background: radial-gradient(circle at 35% 30%, #2daf56, #115e28); }
#yc-ludo-game .blue-home .white-box { background: radial-gradient(circle at 35% 30%, #3490e0, #12487d); }
#yc-ludo-game .yellow-home .white-box { background: radial-gradient(circle at 35% 30%, #e4b028, #8a6a0f); }

#yc-ludo-game .player-room {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    place-items: center;
    width: 78%;
    height: 78%;
    gap: 6%;
}

#yc-ludo-game .player {
    width: clamp(8px, 2.4vw, 16px);
    height: clamp(8px, 2.4vw, 16px);
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.95);
    box-shadow: 0 2px 5px rgba(0,0,0,.35);
    flex-shrink: 0;
}

#yc-ludo-game .step .player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

#yc-ludo-game .step .player:nth-child(2) { transform: translate(calc(-50% + 18%), calc(-50% + 18%)); }
#yc-ludo-game .step .player:nth-child(3) { transform: translate(calc(-50% - 18%), calc(-50% + 18%)); }
#yc-ludo-game .step .player:nth-child(4) { transform: translate(calc(-50% + 18%), calc(-50% - 18%)); }

#yc-ludo-game .player.bg-red { background: radial-gradient(circle at 32% 28%, #ff8a7a, #951f14); }
#yc-ludo-game .player.bg-green { background: radial-gradient(circle at 32% 28%, #5ee889, #087d30); }
#yc-ludo-game .player.bg-yellow { background: radial-gradient(circle at 32% 28%, #ffe066, #b38900); }
#yc-ludo-game .player.bg-blue { background: radial-gradient(circle at 32% 28%, #5ab6ff, #0d5a9e); }

#yc-ludo-game .stack .player {
    position: absolute;
    width: clamp(6px, 1.8vw, 12px);
    height: clamp(6px, 1.8vw, 12px);
}

#yc-ludo-game .stack .player:nth-child(1) { top: 8%; left: 8%; }
#yc-ludo-game .stack .player:nth-child(2) { top: 22%; left: 22%; }
#yc-ludo-game .stack .player:nth-child(3) { top: 36%; left: 36%; }
#yc-ludo-game .stack .player:nth-child(4) { top: 50%; left: 50%; }

#yc-ludo-game .step .fa.fa-arrow-down.green { color: #0ebd46; }
#yc-ludo-game .step .fa.fa-arrow-right.red { color: #ec3a28; }
#yc-ludo-game .step .fa.fa-arrow-left.yellow { color: #f7c00b; }
#yc-ludo-game .step .fa.fa-arrow-up.blue { color: #198afa; }

@media (max-width: 520px) {
    .yc-ludo-overlay {
        padding: 0;
        align-items: stretch;
    }

    .yc-ludo-panel {
        width: 100%;
        max-height: 100dvh;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .yc-ludo-game-panel {
        height: 100dvh;
        max-height: 100dvh;
    }

    .yc-ludo-classic-wrap {
        padding: 4px 6px;
    }

    #yc-ludo-game .ludo-board {
        width: min(98cqw, 98cqh, 100%);
        max-width: min(98cqw, 98cqh, 100%);
        max-height: min(98cqh, 98cqw, 100%);
    }

    .yc-ludo-toolbar {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 8px 10px;
    }

    .yc-ludo-toolbar__dice {
        flex-direction: row;
        justify-content: flex-start;
        gap: 12px;
    }

    .yc-ludo-dice-box {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }

    .yc-ludo-dice-face {
        width: clamp(48px, 12vw, 64px);
        height: clamp(48px, 12vw, 64px);
    }

    .yc-ludo-piece-btn {
        min-height: 44px;
    }

    .yc-ludo-slot-status {
        font-size: 0.68rem;
    }

    .yc-ludo-invite-actions {
        flex-direction: column;
    }

    .yc-ludo-invite-actions .yc-ludo-btn {
        width: 100%;
    }
}

@media (min-width: 521px) {
    .yc-ludo-panel {
        width: min(520px, 96vw);
    }

    .yc-ludo-lobby-panel {
        width: min(480px, 96vw);
    }

    .yc-ludo-game-panel {
        --yc-ludo-chrome-h: 188px;
        width: min(680px, calc(100vw - 24px), calc(100dvh - var(--yc-ludo-chrome-h)));
        height: min(96dvh, 96vh);
        max-height: min(96dvh, 96vh);
    }

    .yc-ludo-game-panel .yc-ludo-head {
        padding: 8px 12px;
    }

    .yc-ludo-game-panel .yc-ludo-turn-bar {
        padding: 5px 12px;
        font-size: 0.84rem;
    }

    .yc-ludo-slots {
        grid-template-columns: 1fr;
    }

    .yc-ludo-invite-row {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .yc-ludo-invite-row select {
        flex: 1;
        min-width: 160px;
        width: auto;
    }

    .yc-ludo-invite-row .yc-ludo-btn {
        width: auto;
        flex-shrink: 0;
    }

    .yc-ludo-emoji-section {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 10px 8px;
    }

    .yc-ludo-emoji-label {
        padding: 0;
        margin: 0;
        flex-shrink: 0;
        white-space: nowrap;
    }

    .yc-ludo-emoji-bar {
        flex: 1;
        min-width: 0;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        max-height: none;
        padding: 0;
        scrollbar-width: thin;
    }

    .yc-ludo-emoji-btn {
        font-size: 1.05rem;
        padding: 3px 5px;
        flex-shrink: 0;
    }

    .yc-ludo-emoji-float {
        min-height: 20px;
        padding: 0 10px 4px;
    }

    .yc-ludo-toolbar {
        grid-template-columns: auto 1fr;
        align-items: center;
        padding: 8px 10px;
        gap: 8px 12px;
    }

    .yc-ludo-toolbar__label {
        margin-bottom: 4px;
        font-size: 0.68rem;
    }

    .yc-ludo-toolbar__dice {
        justify-content: flex-start;
    }

    .yc-ludo-dice-box {
        flex-direction: row;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }

    .yc-ludo-dice-label {
        font-size: 0.72rem;
        max-width: 72px;
        line-height: 1.2;
    }

    .yc-ludo-dice-face {
        width: 46px;
        height: 46px;
    }

    .yc-ludo-dice-num {
        font-size: 1.05rem;
    }

    .yc-ludo-piece-btn {
        min-height: 36px;
    }

    .yc-ludo-classic-wrap {
        padding: 2px 6px;
    }

    #yc-ludo-game .ludo-board {
        width: min(100cqw, 100cqh);
        max-width: min(100cqw, 100cqh);
        max-height: min(100cqh, 100cqw);
    }
}

@media (min-width: 768px) {
    .yc-ludo-overlay {
        padding: 12px;
    }

    .yc-ludo-game-panel {
        --yc-ludo-chrome-h: 180px;
        width: min(720px, calc(100vw - 32px), calc(100dvh - var(--yc-ludo-chrome-h)));
    }

    .yc-ludo-lobby-panel {
        width: min(500px, 92vw);
    }

    .yc-ludo-slots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .yc-ludo-game-panel {
        --yc-ludo-chrome-h: 175px;
        width: min(760px, calc(100vw - 40px), calc(100dvh - var(--yc-ludo-chrome-h)));
    }
}

.yc-ttt-overlay,
.yc-game-wait-overlay {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none;
    z-index: 10040 !important;
}

.yc-ttt-panel,
.yc-game-wait-card {
    pointer-events: auto;
}

/* css/ep-page-head.css */
#chat__body__rooms_pane .chat_pane__room_item.has-mic:not(.chat_pane__room_item--banner) span.chat_pane__room_item__users,
#chat__body__rooms_pane .chat_pane__room_item.has-mic:not(.chat_pane__room_item--banner) .chat_pane__room_item__users.label-primary {
    background: #d9534f !important;
    background-color: #d9534f !important;
    color: #fff !important;
}

#chat #chat__body__messages_container {
    padding-bottom: 0.2rem;
}

#chat #chat__body__conversations_pane {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    top: 0;
    bottom: 0;
    height: 100%;
    box-sizing: border-box;
}
#chat #chat__body__conversations_pane .chat_pane__header,
#chat #chat__body__conversations_pane #btn_group_private_create {
    flex-shrink: 0;
}
#chat #chat__body__conversations_pane .chat_pane__container {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
}

#chat .username,
#chat .username__wrapper,
#chat .chat_pane__user_item,
#chat .chat_pane__user_item__name,
#chat .chat_pane__room_item,
#chat .chat_pane__header,
#chat .chat_pane__label,
#chat .chat__body__settings_pane__container__button,
#chat .chat__body__settings_pane__container label,
#chat .chat__body__others-pane__container__button,
#chat .conversations_item,
#chat .public_message .username,
#chat .public_message .username__wrapper,
#chat #chat__footer {
    -webkit-user-select: none;
    user-select: none;
}
#chat input,
#chat textarea,
#chat select {
    -webkit-user-select: text;
    user-select: text;
}

#chat #chat__body__conversations_pane .conversations_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.45rem;
    margin: 0;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    margin: 0.18rem 0.22rem;
    border-radius: 0.15rem;
    box-shadow: none !important;
    background: transparent;
    box-sizing: border-box;
}
#chat #chat__body__conversations_pane .conversations_item__holder {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto;
    min-width: 0;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    padding: 0;
}
#chat #chat__body__conversations_pane .conversations_item__avatar {
    float: none;
    margin: 0 0.4rem 0 0;
    flex: none;
}
#chat #chat__body__conversations_pane .conversations_item__avatar img {
    display: block;
    border-radius: 50%;
}
#chat #chat__body__conversations_pane .conversations_item__remove {
    float: none !important;
    flex: none;
    align-self: center;
    order: 2;
    width: 1.55rem;
    height: 1.55rem;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none !important;
    border-radius: 0.3rem;
    background: transparent !important;
    color: #c0392b !important;
    font-size: 0.78rem;
    line-height: 1.55rem;
    text-align: center;
    box-shadow: none !important;
}
#chat #chat__body__conversations_pane .conversations_item__remove:hover {
    background: rgba(192, 57, 43, 0.12) !important;
    color: #922b21 !important;
}
#chat #chat__body__conversations_pane .conversations_item .clear {
    display: none;
}
html.ep-night-mode #chat #chat__body__conversations_pane .conversations_item {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html.ep-night-mode #chat #chat__body__conversations_pane .conversations_item__remove {
    color: #ef9a9a !important;
}

#chat #chat__footer {
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
}

#chat #chat__footer__menu {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 2px;
    box-sizing: border-box;
    gap: 2px;
}

#chat #chat__footer .chat__footer__menu__item {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 100%;
    margin: 0;
    padding: 0 2px;
    box-sizing: border-box;
    max-width: 3.333rem;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: color-mix(in srgb, var(--primary-color, #35709e) 78%, #000) !important;
    border-radius: 6px;
}

#chat #chat__footer .chat__footer__menu__item > span {
    margin: 0;
    line-height: 1;
    white-space: nowrap;
}

#chat #chat__footer .chat__footer__menu__item:hover {
    box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.14);
}

#chat #chat__footer .yc-foot-ico {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: block;
    shape-rendering: geometricPrecision;
}

#chat #chat__footer .yc-foot-ico path {
    fill: #fff !important;
    stroke: rgb(156, 175, 170);
    stroke-width: 0.7px;
    vector-effect: non-scaling-stroke;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 2;
    shape-rendering: geometricPrecision;
}

#chat #chat__footer__menu__settings_item .yc-foot-ico {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

#chat #chat__footer__menu__settings_item .yc-foot-ico path {
    fill: none !important;
    stroke-width: 1.15px;
    vector-effect: non-scaling-stroke;
    stroke-linejoin: miter;
    stroke-miterlimit: 3;
    stroke-linecap: butt;
}

#chat #chat__footer__menu__settings_item .yc-foot-ico .yc-ico-primary,
#chat #chat__footer__menu__settings_item .yc-foot-ico .yc-ico-secondary {
    stroke: #fff;
}

#chat #chat__footer__menu__users_item .yc-foot-ico {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

#chat #chat__footer__menu__rooms_item .yc-foot-ico,
#chat #chat__footer__menu__wall_item .yc-foot-ico {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

#chat #chat__footer__menu__users_item .yc-foot-ico path {
    fill: #fff !important;
    stroke: none;
}

.users-count-label .label-count .yc-online-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 1rem;
    padding: 0 0.28rem;
    background-color: #5cb85c;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    color: #fff;
}

.users-count-label .yc-online-ico {
    width: 18px;
    height: 18px;
    display: block;
    flex: 0 0 18px;
}

.users-count-label .yc-online-ico path {
    fill: #fff;
    stroke: none;
}

#chat .chat__body__message-input__leave_room {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#chat .chat__body__message-input__leave_room .yc-foot-exit {
    width: 15px;
    height: 15px;
    display: block;
}

#chat #chat__body__conversations_pane .yc-pane-empty--private {
    gap: 16px;
}

#chat #chat__body__conversations_pane .yc-pane-empty--private .yc-pane-empty__icon {
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
    border-radius: 0;
    color: rgb(170, 185, 196);
}

#chat #chat__body__conversations_pane .yc-pane-empty--private .yc-pane-empty__icon svg {
    width: 108px;
    height: 108px;
    display: block;
}

#chat #chat__body__conversations_pane .yc-pane-empty--private p {
    font-family: Al-Jazeera-Regular, Tahoma, "Segoe UI", sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2c3844;
    max-width: 16rem;
}

html.ep-night-mode #chat #chat__body__conversations_pane .yc-pane-empty--private p {
    color: #e7edf3;
}

#chat .yc-pane-empty--notify .yc-pane-empty__icon,
#chat .yc-pane-empty--ignored .yc-pane-empty__icon {
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
    border-radius: 0;
}

#chat .yc-pane-empty--notify .yc-pane-empty__icon svg,
#chat .yc-pane-empty--ignored .yc-pane-empty__icon svg {
    width: 108px;
    height: 108px;
    display: block;
}

#chat .yc-pane-empty--notify,
#chat .yc-pane-empty--ignored {
    gap: 16px;
}

#chat .yc-pane-empty--notify p,
#chat .yc-pane-empty--ignored p {
    font-family: Al-Jazeera-Regular, Tahoma, "Segoe UI", sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2c3844;
    max-width: 16rem;
}

html.ep-night-mode #chat .yc-pane-empty--notify p,
html.ep-night-mode #chat .yc-pane-empty--ignored p {
    color: #e7edf3;
}

#chat #chat__body__message-input {
    overflow: visible;
}

#chat__body__message-input__input,
.chat__body__message-input__input {
    overflow: hidden !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#chat #chat__body__message-input__loading_percent,
#chat #chat__body__message-input__loader {
    display: none !important;
}
#chat #chat__body__message-input form.loading #chat__body__message-input__loading_percent,
#chat #chat__body__message-input form.loading #chat__body__message-input__loader {
    display: inline !important;
}
#chat__body__message-input__input::-webkit-scrollbar,
.chat__body__message-input__input::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

#connection_container #connection-state-connecting {
    color: #ffffff !important;
    margin-left: 0.45rem;
}
#connection_container #connection-state-signup {
    font-size: .677rem;
    background-color: #5cb85c;
    color: #fff !important;
    padding: .18em 2.4em;
    border-radius: 0;
    white-space: nowrap;
}
body.ep-mobile-client #connection_container #connection-state-reconnected {
    color: #b8f5c8 !important;
    margin-left: 0.45rem;
    font-weight: 600;
}

.ep-login-seo-nav,
.ep-seo-home {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ep-seo-home h1,
.ep-seo-home h2,
.ep-seo-home h3,
.ep-seo-home p,
.ep-seo-home li,
.ep-seo-home a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
}

.ep-subpage-seo {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    color: inherit;
}

.ep-subpage-seo__title,
.ep-subpage-seo__desc {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    opacity: 1;
}

@media (max-width: 480px) {
    .public_message > div:not(.clear) {
        padding-bottom: 0.15rem;
        box-sizing: border-box;
    }
    .public_message .public_message__title,
    .public_message .public_message__content {
        padding: 0 2.45rem 0 3.8em;
        box-sizing: border-box;
        overflow-wrap: anywhere;
        word-wrap: break-word;
    }
    .public_message .public_message--reply {
        padding-right: 0.2em;
        box-sizing: border-box;
    }
    .public_message .public_message--reply-message {
        padding-right: 0.2em;
        box-sizing: border-box;
        overflow-wrap: anywhere;
        word-wrap: break-word;
    }
}

#royal_login_container {
    position: fixed !important;
    left: 0 !important;
    top: 12% !important;
    z-index: 100000 !important;
    width: 14rem;
    overflow: visible !important;
    pointer-events: none;
}

#royal_login_container .royal_login_item {
    transform: none !important;
    left: -300px;
    position: relative !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

#royal_login_container .royal_login_item:before {
    display: none !important;
    content: none !important;
    background: none !important;
}

#editRoomModal .room_modal__display {
    margin: 0.35rem 0;
}
#editRoomModal .room_modal__display label {
    display: block;
    font-size: 0.6rem;
    margin-bottom: 0.15rem;
}
#editRoomModal .room_modal__display select {
    width: 100%;
    height: 1.4rem;
}
#editRoomModal .room_modal__banner-row {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.3rem 0;
}
#editRoomModal #change_banner {
    width: 4.5rem;
    height: 1.8rem;
    object-fit: cover;
    cursor: pointer;
    border: 1px solid #ccc;
}
#editRoomModal .room_modal__banner-row span {
    font-size: 0.55rem;
    color: #666;
}


.ep-game-invite-overlay {
    position: fixed;
    inset: 0;
    z-index: 100000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(80, 90, 100, .32);
    direction: rtl;
    pointer-events: auto !important;
}
.ep-game-invite-card {
    position: relative;
    width: min(340px, 92vw);
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .22);
    padding: 22px 14px 12px;
    pointer-events: auto !important;
}
.ep-game-invite-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-color, #2c3b4d);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    padding: 5px 14px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .18);
}
.ep-game-invite-list {
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ep-game-invite-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 6px 10px;
    border: 1px solid #e4e6ea;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}
.ep-game-invite-row.is-selected {
    background: color-mix(in srgb, var(--primary-color, #22c55e) 14%, #fff);
    border-color: color-mix(in srgb, var(--primary-color, #22c55e) 32%, #e4e6ea);
}
.ep-game-invite-row img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex: none;
    background: #eee;
}
.ep-game-invite-row .ep-game-invite-name {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 800;
    color: #1f2937;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.ep-game-invite-check {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    color: #9ca3af;
    white-space: nowrap;
}
.ep-game-invite-row.is-selected .ep-game-invite-check {
    color: var(--primary-color, #16a34a);
}
.ep-game-invite-check input {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: var(--primary-color, #16a34a);
}
.ep-game-invite-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: 10px;
    border: none;
    border-radius: 8px;
    background: var(--primary-color, #2c3b4d);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    padding: 9px 8px;
    cursor: pointer;
}
.ep-game-invite-cta:disabled {
    opacity: .78;
    cursor: default;
}
.ep-game-invite-cta .fa {
    font-size: 14px;
}
.ep-game-invite-cancel {
    display: block;
    margin: 8px auto 0;
    min-width: 72px;
    border: none;
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary-color, #64748b) 38%, #5b6470);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    padding: 6px 16px;
    cursor: pointer;
}
.ep-game-invite-wait {
    text-align: center;
    padding: 8px 0;
    font-size: 13px;
    font-weight: 700;
    color: #6b7280;
}
html.ep-night-mode .ep-game-invite-card {
    background: #1e293b;
    border-color: #334155;
}
html.ep-night-mode .ep-game-invite-row {
    background: #0f172a;
    border-color: #334155;
}
html.ep-night-mode .ep-game-invite-row.is-selected {
    background: color-mix(in srgb, var(--primary-color, #22c55e) 22%, #0f172a);
}
html.ep-night-mode .ep-game-invite-row .ep-game-invite-name {
    color: #e5e7eb;
}

#manageBotBrbModal .modal-dialog {
    width: min(340px, 92vw);
    max-width: 340px;
    margin: 12vh auto;
}
#manageBotBrbModal .modal-content {
    position: relative;
    overflow: visible;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .22);
    background: #fff;
}
#manageBotBrbModal .yc-brb-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-color, #2c3b4d);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    padding: 5px 14px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .18);
    z-index: 2;
}
#manageBotBrbModal .modal-header {
    background: transparent !important;
    border: 0 !important;
    padding: 18px 14px 0 !important;
    min-height: 0;
    text-align: center;
}
#manageBotBrbModal .bot_brb_modal__header__name {
    float: none;
    margin: 2px 0 0;
    color: #1f2937 !important;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}
#manageBotBrbModal .bot_brb_modal__header__close {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: #eef1f4;
    color: #4b5563;
    font-size: 18px;
    line-height: 26px;
    padding: 0;
    z-index: 3;
    cursor: pointer;
}
#manageBotBrbModal .modal-body { padding: 8px 14px 14px; direction: rtl; }
#manageBotBrbModal .form-group { margin: 8px 0; }
#manageBotBrbModal label { font-size: 12px; font-weight: 700; color: #374151; }
#manageBotBrbModal input[type="number"] {
    width: 100% !important;
    height: 34px;
    border: 1px solid #e4e6ea;
    border-radius: 8px;
    padding: 0 10px;
    font-size: 13px;
    box-shadow: none;
    background: #fff;
}
#manageBotBrbModal .form-group:has(#bot_brb_modal__body__form__excpel) {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e4e6ea;
    border-radius: 8px;
    padding: 8px 10px;
    margin: 8px 0;
}
#manageBotBrbModal #bot_brb_modal__body__form__button--update {
    float: none !important;
    display: block;
    width: 100%;
    margin-top: 6px;
    border: 0;
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary-color, #64748b) 38%, #5b6470);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    padding: 7px;
}
#manageBotBrbModal .bot_brb_modal__body__form__buttons {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}
#manageBotBrbModal .bot_brb_modal__body__form__buttons .btn {
    flex: 1;
    float: none;
    border: 0;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 4px;
}
#manageBotBrbModal #bot_brb_modal__body__form__button--start {
    background: var(--primary-color, #2c3b4d);
    color: #fff;
}
html.ep-night-mode #manageBotBrbModal .modal-content { background: #1e293b; border-color: #334155; }
html.ep-night-mode #manageBotBrbModal .bot_brb_modal__header__name,
html.ep-night-mode #manageBotBrbModal label { color: #e5e7eb !important; }
html.ep-night-mode #manageBotBrbModal input[type="number"] {
    background: #0f172a;
    color: #e5e7eb;
    border-color: #334155;
}
html.ep-night-mode #manageBotBrbModal .bot_brb_modal__header__close { background: #334155; color: #e5e7eb; }

.yc-poll-details-q {
    margin: 0 0 4px;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.4;
}
.yc-poll-details-count {
    margin: 0 0 8px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #6b7280;
}
html.ep-night-mode .yc-poll-details-q { color: #e5e7eb; }
#wall_poll_details_modal .ep-game-invite-check { cursor: default; }
#wall_poll_details_modal .ep-game-invite-row { cursor: default; }

#chat .chat__body__wall_pane__form .wall-tool,
#chat .chat__body__message-input__share.wall-tool,
#chat .chat__body__message-input__clear.wall-tool,
#chat_box #chat_box__footer__share.wall-tool {
    flex: 0 0 auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    min-width: 0;
    margin: 0 0.04rem;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: rgb(133, 143, 141);
    cursor: pointer;
    line-height: 1;
    font-size: 0;
}

#chat .chat__body__wall_pane__form .wall-tool svg,
#chat .chat__body__message-input__share.wall-tool svg,
#chat .chat__body__message-input__clear.wall-tool svg,
#chat_box #chat_box__footer__share.wall-tool svg {
    width: 0.78rem;
    height: 0.78rem;
    display: block;
    fill: currentColor;
}

#chat .chat__body__wall_pane__form__poll.wall-tool {
    color: rgb(156, 175, 170) !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    overflow: hidden;
}

#chat .chat__body__wall_pane__form__poll.wall-tool svg {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    fill: rgb(156, 175, 170) !important;
}

#chat .chat__body__wall_pane__form > span {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

#chat .yc-send,
#chat_box .yc-send,
#wall_comments .yc-send,
#story-comments-footer .yc-send {
    flex: 0 0 auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    min-width: 0;
    margin: 0 0.06rem;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--primary-color, #214561);
    cursor: pointer;
    line-height: 1;
    font-size: 0;
    vertical-align: middle;
}

#chat .yc-send svg,
#chat_box .yc-send svg,
#wall_comments .yc-send svg,
#story-comments-footer .yc-send svg {
    width: 0.82rem;
    height: 0.82rem;
    display: block;
    fill: currentColor;
}

#chat .yc-send:hover,
#chat_box .yc-send:hover,
#wall_comments .yc-send:hover,
#story-comments-footer .yc-send:hover {
    color: var(--primary-color, #214561);
    filter: brightness(1.15);
}

#chat .chat__body__wall_pane__form .wall-yt-emoji {
    color: rgb(175, 185, 183);
}

#chat .chat__body__wall_pane__form .wall-tool:hover,
#chat .chat__body__message-input__clear.wall-tool:hover {
    color: #5f6b69;
}

#chat .public_message.linen .public_message__content {
    overflow: visible;
    overflow-wrap: break-word;
}

#chat .public_message.linen .yc-room-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    min-width: 0;
    margin: 1px 4px;
    padding: 2px 8px;
    border-radius: 6px;
    vertical-align: middle;
    box-sizing: border-box;
    background: var(--primary-color, #35709e);
    color: #fff;
    line-height: 1.5;
    overflow: visible;
    white-space: normal;
}

#chat .public_message.linen .yc-room-tag .yc-join-ico {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    display: block;
}

#chat .public_message.linen .yc-room-tag .yc-join-ico path {
    stroke: currentColor;
}

#chat .public_message.linen .yc-room-tag .chat_pane__room_item--inline {
    display: inline;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow: visible !important;
    vertical-align: middle;
}

#chat .public_message.linen .yc-room-tag .fa-sign-in {
    display: none !important;
}

#chat .chat__body__wall_pane__form .wall-yt-emoji:hover {
    color: #c23b3b;
}

#chat #chat_pane_youtube:not(.yc-yt-open) {
    display: none !important;
}

#chat #chat_pane_youtube.yc-yt-open {
    display: block !important;
    position: absolute;
    left: 0.35rem;
    right: 0.35rem;
    bottom: 2.15rem;
    z-index: 30;
    max-height: 72%;
    overflow: auto;
    background: #fff;
    border: 1px solid rgba(23, 32, 51, .12);
    border-radius: 12px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .22);
    direction: rtl;
}

#chat #chat_pane_youtube .yc-yt-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0.32rem 0.45rem;
    background: #172033;
    color: #fff;
    font-family: Tajawal, "Segoe UI", Tahoma, sans-serif;
    font-size: 0.58rem;
    font-weight: 800;
}

#chat #chat_pane_youtube .yc-yt-close {
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 0.85rem;
    line-height: 1.15rem;
    cursor: pointer;
}

#chat #chat_pane_youtube.yc-yt-open form {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.35rem;
    background: #fff;
}

#chat #chat_pane_youtube.yc-yt-open #chat_pane_youtube__input {
    flex: 1 1 auto;
    min-width: 0;
    height: 1.45rem;
    margin: 0;
    padding: 0.2rem 0.4rem;
    border: 1px solid rgba(23, 32, 51, .14);
    border-radius: 8px;
    text-align: right;
    font-size: 0.55rem;
}

#chat #chat_pane_youtube.yc-yt-open #chat_pane_youtube__submit {
    flex: 0 0 auto;
    width: 1.45rem;
    height: 1.45rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    line-height: 1.45rem;
}

#chat #chat_pane_youtube.yc-yt-open #chat_pane_youtube_items {
    border: 0;
    border-radius: 0 0 12px 12px;
    background: #f8fafc;
}

html.ep-night-mode #chat #chat_pane_youtube.yc-yt-open,
html.ep-night-mode #chat #chat_pane_youtube.yc-yt-open form {
    background: #1e242d;
    border-color: rgba(255, 255, 255, .1);
}

html.ep-night-mode #chat #chat_pane_youtube.yc-yt-open #chat_pane_youtube__input {
    background: #12171d;
    color: #e5e7eb;
    border-color: rgba(255, 255, 255, .12);
}

html body #login#login {
    border-left: 2.5px solid var(--primary-color, #35709e) !important;
    border-right: 2.5px solid var(--primary-color, #35709e) !important;
}

#login .react-tabs__tab a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

#login .yc-login-tab-ico {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: block;
    color: var(--primary-color, #35709e);
}

#login #tab-guest .yc-login-tab-ico {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
}

#login .yc-login-tab-ico path {
    fill: currentColor;
}

#login #guest-form > div,
#login #login-form > div,
#login #register-form > div {
    direction: ltr;
    display: grid;
    grid-template-columns: 205px auto;
    justify-content: start;
    align-items: center;
    column-gap: 3px;
    row-gap: 0.15rem;
    width: 100%;
}

#login #guest-form > div {
    margin-top: calc(1.375rem + 0.15rem);
}

#login .yc-login-field {
    position: relative;
    display: block;
    grid-column: 1;
    width: 100%;
    min-width: 0;
    margin: 0;
}

#login .yc-login-field input {
    width: 100% !important;
    height: 1.375rem !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 1.85rem 0 0.4rem !important;
    text-align: right !important;
    box-sizing: border-box;
    border: 1px solid #5c7384 !important;
    border-radius: 0.083rem;
    background: #fff;
    font-size: 0.6rem;
}

#login .yc-login-field__ico {
    position: absolute;
    top: 50%;
    right: 0.16rem;
    width: 26px;
    height: 26px;
    padding: 4px;
    box-sizing: border-box;
    transform: translateY(-50%);
    border: 1px solid #cfd6de;
    border-radius: 4px;
    background: #fff;
    color: var(--primary-color, #35709e);
    pointer-events: none;
}

#login .yc-login-field--pass input {
    padding-left: 3.15rem !important;
    background: #f4f7fb;
}

#login .yc-login-sqs {
    position: absolute;
    left: 0.14rem;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 3px;
    z-index: 2;
}

#login .yc-login-sq {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    float: none;
    border: 1px solid #cfd6de;
    border-radius: 4px;
    background: #fff;
    color: var(--primary-color, #1f7a4d);
    cursor: pointer;
    box-shadow: none;
    line-height: 1;
}

#login .yc-login-sq svg {
    width: 14px;
    height: 14px;
    display: block;
    fill: currentColor;
}

#login #login-form__hidden-toggle {
    color: rgb(170, 185, 196);
}

#login #login-form__hidden-toggle svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    stroke: none;
}

#user_profile.yc-style-pending .modal-content {
    visibility: hidden;
}

#login .yc-login-sq.checked,
#login .yc-login-sq.is-on {
    background: color-mix(in srgb, var(--primary-color, #1f7a4d) 14%, #fff);
    border-color: color-mix(in srgb, var(--primary-color, #1f7a4d) 45%, #cfd6de);
}

#login #guest-form__submit,
#login #login-form__submit,
#login #register-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-column: 2;
    grid-row: 2;
    width: auto;
    height: 1.375rem;
    margin: 0;
    padding: 0 0.45rem;
    font-size: 0.625rem;
    line-height: 1;
    vertical-align: middle;
    box-sizing: border-box;
    transform: translateY(-1px);
    border-radius: 2px !important;
}

#login #guest-form__submit {
    grid-row: 1;
}

/* Name frames and profile cover motion */
#chat .chat_pane__user_item__name.yc-nf-gold .username__wrapper,
#chat .chat_pane__user_item__name.yc-nf-royal .username__wrapper,
#chat .chat_pane__user_item__name.yc-nf-frost .username__wrapper,
#chat .chat_pane__user_item__name.yc-nf-aurora .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-gold .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-royal .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-frost .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-aurora .username__wrapper {
    position: relative;
    border-radius: 8px;
    padding: 0 7px;
    line-height: 1.35;
}

#chat .yc-nf-gold .username__wrapper,
#user_profile .yc-nf-gold .username__wrapper {
    box-shadow:
        inset 0 0 0 1px rgba(255, 248, 220, 0.9),
        0 0 0 1px #fff4cc,
        0 0 0 2.5px #d4a017,
        0 0 0 3.5px #6d4e0c,
        0 0 8px rgba(212, 160, 23, 0.55);
}

#chat .yc-nf-royal .username__wrapper,
#user_profile .yc-nf-royal .username__wrapper {
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.35),
        0 0 0 1px #14233f,
        0 0 0 3px #e6c15a,
        0 0 0 4px #14233f,
        0 0 8px rgba(20, 35, 63, 0.35);
}

#chat .yc-nf-frost .username__wrapper,
#user_profile .yc-nf-frost .username__wrapper {
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.85),
        0 0 0 1px #ffffff,
        0 0 0 2.5px #9ecfff,
        0 0 10px rgba(150, 205, 255, 0.85);
}

#chat .yc-nf-aurora .username__wrapper,
#user_profile .yc-nf-aurora .username__wrapper {
    box-shadow: 0 0 8px rgba(140, 190, 255, 0.35);
}

#chat .yc-nf-gold .username__wrapper::before,
#user_profile .yc-nf-gold .username__wrapper::before,
#chat .yc-nf-gold .username__wrapper::after,
#user_profile .yc-nf-gold .username__wrapper::after,
#chat .yc-nf-royal .username__wrapper::before,
#user_profile .yc-nf-royal .username__wrapper::before,
#chat .yc-nf-royal .username__wrapper::after,
#user_profile .yc-nf-royal .username__wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 5px;
    height: 5px;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

#chat .yc-nf-gold .username__wrapper::before,
#user_profile .yc-nf-gold .username__wrapper::before,
#chat .yc-nf-royal .username__wrapper::before,
#user_profile .yc-nf-royal .username__wrapper::before {
    right: -3px;
    background: #f6d98a;
    box-shadow: 0 0 0 1px #6d4e0c;
}

#chat .yc-nf-gold .username__wrapper::after,
#user_profile .yc-nf-gold .username__wrapper::after,
#chat .yc-nf-royal .username__wrapper::after,
#user_profile .yc-nf-royal .username__wrapper::after {
    left: -3px;
    background: #f6d98a;
    box-shadow: 0 0 0 1px #6d4e0c;
}

#chat .yc-nf-aurora .username__wrapper::after,
#user_profile .yc-nf-aurora .username__wrapper::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 10px;
    padding: 1px;
    background: conic-gradient(from var(--yc-nf-a, 0deg), #7ec8ff, #f7b7d4, #ffe08a, #9ad7ff, #7ec8ff);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: yc-nf-spin 3.2s linear infinite;
    pointer-events: none;
}

@property --yc-nf-a {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes yc-nf-spin {
    to { --yc-nf-a: 360deg; }
}

#chat .chat_pane__user_item__name[class*="yc-nf-"] .username__wrapper {
    position: relative;
    border-radius: 8px;
    padding: 0 7px;
    line-height: 1.35;
}

#user_profile .user_profile__header:has(.user_profile__header__name[class*="yc-nf-"]) .modal-title {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 6px;
    min-width: 0;
}

#user_profile .user_profile__header:has(.user_profile__header__name[class*="yc-nf-"]) .user_profile__header__avatar {
    float: none;
    flex: 0 0 auto;
}

#user_profile .user_profile__header:has(.user_profile__header__name[class*="yc-nf-"]) .user_profile__header__close {
    position: static;
    flex: 0 0 auto;
}

#user_profile .user_profile__header__name[class*="yc-nf-"] {
    position: relative;
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    border-radius: 8px;
    line-height: 1.45;
}

#user_profile .user_profile__header__name[class*="yc-nf-"] .username__wrapper {
    display: inline-block;
    min-width: 100%;
    box-sizing: border-box;
    padding: 1px 12px;
    text-align: center;
    white-space: nowrap;
    line-height: 1.45;
    box-shadow: none !important;
}

#user_profile .user_profile__header__name[class*="yc-nf-"] .username__wrapper::before,
#user_profile .user_profile__header__name[class*="yc-nf-"] .username__wrapper::after {
    content: none !important;
}

#user_profile .user_profile__header__name.yc-nf-run .username__wrapper {
    min-width: max-content;
    text-align: start;
    animation: yc-nf-marquee 8s linear infinite alternate;
}

@keyframes yc-nf-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(var(--yc-nf-shift, 40px)); }
}

#user_profile .user_profile__header__name.yc-nf-gold { box-shadow: inset 0 0 0 1px rgba(255, 248, 220, 0.9), 0 0 0 1px #fff4cc, 0 0 0 2.5px #d4a017, 0 0 0 3.5px #6d4e0c; }
#user_profile .user_profile__header__name.yc-nf-royal { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 0 0 1px #14233f, 0 0 0 3px #e6c15a, 0 0 0 4px #14233f; }
#user_profile .user_profile__header__name.yc-nf-frost { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #fff, 0 0 0 2.5px #9ecfff, 0 0 10px rgba(150, 205, 255, 0.85); }
#user_profile .user_profile__header__name.yc-nf-aurora { box-shadow: 0 0 8px rgba(140, 190, 255, 0.35); }

#chat .yc-nf-ruby .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-ruby { box-shadow: inset 0 0 0 1px #ffd5df, 0 0 0 1px #fff, 0 0 0 2.5px #c4315a, 0 0 0 3.5px #6d1630; }
#chat .yc-nf-emerald .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-emerald { box-shadow: inset 0 0 0 1px #d9ffe8, 0 0 0 1px #fff, 0 0 0 2.5px #1f9d62, 0 0 0 3.5px #0d5a38; }
#chat .yc-nf-sapphire .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-sapphire { box-shadow: inset 0 0 0 1px #d7e8ff, 0 0 0 1px #fff, 0 0 0 2.5px #2d6cdf, 0 0 0 3.5px #16356e; }
#chat .yc-nf-onyx .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-onyx { box-shadow: inset 0 0 0 1px #d8dde6, 0 0 0 1px #111, 0 0 0 2.5px #c5ccd6, 0 0 0 3.5px #111; }
#chat .yc-nf-neon .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-neon { box-shadow: 0 0 0 1px #39f3ff, 0 0 10px rgba(57, 243, 255, 0.75); }
#chat .yc-nf-sunset .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-sunset { box-shadow: 0 0 0 1px #ffb15a, 0 0 0 2.5px #ff5d73, 0 0 8px rgba(255, 93, 115, 0.45); }
#chat .yc-nf-chrome .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-chrome { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #e8edf2, 0 0 0 2.5px #9aa6b2, 0 0 0 3.5px #5d6975; }
#chat .yc-nf-rose .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-rose { box-shadow: inset 0 0 0 1px #ffe4ef, 0 0 0 1px #fff, 0 0 0 2.5px #e56b9a, 0 0 8px rgba(229, 107, 154, 0.4); }
#chat .yc-nf-vip .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-vip { box-shadow: inset 0 0 0 1px #f6d98a, 0 0 0 1px #1a1a1a, 0 0 0 3px #e6c15a, 0 0 0 4px #1a1a1a; }
#chat .yc-nf-pulse .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-pulse { box-shadow: 0 0 0 2px var(--primary-color, #35709e), 0 0 10px rgba(53, 112, 158, 0.45); }
#chat .yc-nf-diamond .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-diamond { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #f4fbff, 0 0 0 2.5px #b9e4ff, 0 0 0 3.5px #ffffff, 0 0 8px rgba(185, 228, 255, 0.8); }
#chat .yc-nf-flame .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-flame { box-shadow: 0 0 0 1px #ffe08a, 0 0 0 2.5px #ff6a00, 0 0 8px rgba(255, 80, 0, 0.55); }
#chat .yc-nf-ocean .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-ocean { box-shadow: inset 0 0 0 1px #d9fff8, 0 0 0 1px #fff, 0 0 0 2.5px #14b8a6, 0 0 0 3.5px #0f6e68; }
#chat .yc-nf-amethyst .username__wrapper,
#user_profile .user_profile__header__name.yc-nf-amethyst { box-shadow: inset 0 0 0 1px #f3e4ff, 0 0 0 1px #fff, 0 0 0 2.5px #8b5cf6, 0 0 0 3.5px #4c1d95; }

#user_profile .user_profile__header__name.yc-nf-neon,
#user_profile .user_profile__header__name.yc-nf-pulse,
#user_profile .user_profile__header__name.yc-nf-flame {
    animation: yc-nf-glow 1.8s ease-in-out infinite;
}

@keyframes yc-nf-glow {
    50% { filter: brightness(1.2); }
}

#user_profile .yc-fx-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: calc(100% + 62px);
    z-index: 5;
    overflow: hidden;
    pointer-events: none;
}

#user_profile .yc-fx-layer canvas {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    display: block;
}

#user_profile .yc-fx-layer.yc-fx-screen canvas {
    mix-blend-mode: screen;
}

:is(#user_profile, .ys-stage) .yc-sakura {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
    container-type: inline-size;
}

:is(#user_profile, .ys-stage) .yc-sakura .set {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

:is(#user_profile, .ys-stage) .yc-sakura .set img {
    width: 10%;
    width: 10cqw;
    height: auto;
    max-width: none;
    display: block;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div {
    position: absolute;
    display: block;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div:nth-child(1) {
    left: 20%;
    animation: yc-sakura-fall 15s linear infinite;
    animation-delay: -7s;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div:nth-child(2) {
    left: 50%;
    animation: yc-sakura-fall 20s linear infinite;
    animation-delay: -5s;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div:nth-child(3) {
    left: 70%;
    animation: yc-sakura-fall 25s linear infinite;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div:nth-child(4) {
    left: 0%;
    animation: yc-sakura-fall 15s linear infinite;
    animation-delay: -5s;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div:nth-child(5) {
    left: 85%;
    animation: yc-sakura-fall 18s linear infinite;
    animation-delay: -10s;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div:nth-child(6) {
    left: 0%;
    animation: yc-sakura-fall 12s linear infinite;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div:nth-child(7) {
    left: 15%;
    animation: yc-sakura-fall 14s linear infinite;
}

:is(#user_profile, .ys-stage) .yc-sakura .set div:nth-child(8) {
    left: 60%;
    animation: yc-sakura-fall 15s linear infinite;
}

:is(#user_profile, .ys-stage) .yc-sakura .set2 {
    transform: scale(1) rotateY(180deg);
}

@keyframes yc-sakura-fall {
    0% {
        opacity: 0;
        top: -10%;
        transform: translateX(20px) rotate(0deg);
    }
    10% {
        opacity: 1;
    }
    20% {
        transform: translateX(-20px) rotate(45deg);
    }
    40% {
        transform: translateX(-20px) rotate(90deg);
    }
    60% {
        transform: translateX(20px) rotate(135deg);
    }
    80% {
        transform: translateX(-20px) rotate(180deg);
    }
    100% {
        top: 110%;
        transform: translateX(-20px) rotate(225deg);
    }
}

:is(#user_profile, .ys-stage) .yc-drift {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

:is(#user_profile, .ys-stage) .yc-drift .yc-petal {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -40px;
    color: transparent;
}

:is(#user_profile, .ys-stage) .yc-drift .yc-rotate {
    animation: yc-drift-spin 1s infinite both ease-in-out;
    perspective: 1000px;
}

:is(#user_profile, .ys-stage) .yc-drift .yc-askew {
    background: currentColor;
    transform: skewY(10deg);
    display: block;
    width: 32px;
    height: 32px;
    max-width: none;
    animation: yc-drift-sway 1s infinite alternate both ease-in-out;
    perspective: 1000px;
}

:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(7n) .yc-askew { animation-delay: -.6s; animation-duration: 2.25s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(7n+1) .yc-askew { animation-delay: -.879s; animation-duration: 3.5s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(7n+2) .yc-askew { animation-delay: -.11s; animation-duration: 1.95s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(7n+3) .yc-askew { animation-delay: -.246s; animation-duration: .85s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(7n+4) .yc-askew { animation-delay: -.43s; animation-duration: 2.5s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(7n+5) .yc-askew { animation-delay: -.56s; animation-duration: 1.75s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(7n+6) .yc-askew { animation-delay: -.76s; animation-duration: 1.5s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n) .yc-rotate { animation-duration: 2s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n+1) .yc-rotate { animation-duration: 2.3s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n+2) .yc-rotate { animation-duration: 1.1s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n+3) .yc-rotate { animation-duration: .75s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n+4) .yc-rotate { animation-duration: 4.3s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n+5) .yc-rotate { animation-duration: 3.05s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n+6) .yc-rotate { animation-duration: 2.76s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n+7) .yc-rotate { animation-duration: 7.6s; }
:is(#user_profile, .ys-stage) .yc-drift .yc-petal:nth-of-type(9n+8) .yc-rotate { animation-duration: 1.78s; }

@keyframes yc-drift-sway {
    0% { transform: skewY(10deg) translate3d(-250%, 0, 0); }
    100% { transform: skewY(-12deg) translate3d(250%, 0, 0); }
}

@keyframes yc-drift-spin {
    0% { transform: rotateX(0); }
    100% { transform: rotateX(359deg); }
}

:is(#user_profile, .ys-stage) .yc-night {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 180%;
    height: 180%;
    transform: translate(-50%, -50%) rotateZ(45deg);
    pointer-events: none;
}

:is(#user_profile, .ys-stage) .yc-shoot {
    position: absolute;
    height: 2px;
    background: linear-gradient(-45deg, rgba(95, 145, 255, 1), rgba(0, 0, 255, 0));
    border-radius: 999px;
    filter: drop-shadow(0 0 6px rgba(105, 155, 255, 1));
    animation: yc-shoot-tail 3000ms ease-in-out infinite, yc-shoot-move 3000ms ease-in-out infinite;
}

:is(#user_profile, .ys-stage) .yc-shoot::before,
:is(#user_profile, .ys-stage) .yc-shoot::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    background: linear-gradient(-45deg, rgba(0, 0, 255, 0), rgba(95, 145, 255, 1), rgba(0, 0, 255, 0));
    border-radius: 100%;
    animation: yc-shoot-shine 3000ms ease-in-out infinite;
    animation-delay: inherit;
}

:is(#user_profile, .ys-stage) .yc-shoot::before {
    transform: translateX(50%) rotateZ(45deg);
}

:is(#user_profile, .ys-stage) .yc-shoot::after {
    transform: translateX(50%) rotateZ(-45deg);
}

@keyframes yc-shoot-tail {
    0% { width: 0; }
    30% { width: 100px; }
    100% { width: 0; }
}

@keyframes yc-shoot-shine {
    0% { width: 0; }
    50% { width: 30px; }
    100% { width: 0; }
}

@keyframes yc-shoot-move {
    0% { transform: translateX(0); }
    100% { transform: translateX(300px); }
}

:is(#user_profile, .ys-stage) .yc-gem {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    container-type: inline-size;
}

:is(#user_profile, .ys-stage) .yc-gem .yc-geminid {
    position: absolute;
    top: calc(var(--y) * 1%);
    left: calc(var(--x) * 1%);
    animation: yc-gem-shoot calc(var(--speed) * 1s) calc(var(--delay) * 1s) infinite linear both;
}

:is(#user_profile, .ys-stage) .yc-gem .yc-geminid__trail {
    height: 2px;
    width: 25px;
    position: absolute;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.85));
    border-radius: 100% 25% 25% 100%;
    filter: blur(1px) drop-shadow(0 0 5px #fafafa);
    transform-origin: right center;
    animation: yc-gem-spark calc(var(--speed) * 1s) calc(var(--delay) * 1s) infinite linear both;
}

:is(#user_profile, .ys-stage) .yc-gem .yc-gem-star {
    border-radius: 100%;
    height: 1px;
    width: 1px;
    position: absolute;
    top: calc(var(--y) * 1%);
    left: calc(var(--x) * 1%);
    background: #fafafa;
    opacity: var(--opacity);
    transform: scale(var(--scale));
}

@keyframes yc-gem-shoot {
    0% { transform: rotate(calc(var(--angle) * 1deg)); }
    5%, 100% { transform: rotate(calc(var(--angle) * 1deg)) translate(calc(var(--travel) * 1cqw), 0); }
}

@keyframes yc-gem-spark {
    0%, 5%, 100% { transform: scaleX(0); }
    1%, 4% { transform: scaleX(var(--trail)); }
}

:is(#user_profile, .ys-stage) .yc-skyfall {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

:is(#user_profile, .ys-stage) .yc-skyfall__star {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    background: transparent;
}

:is(#user_profile, .ys-stage) .yc-skyfall__meteor {
    position: absolute;
    width: 160px;
    height: 1px;
    transform: rotate(-45deg);
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    animation-name: yc-sky-meteor;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

:is(#user_profile, .ys-stage) .yc-skyfall__meteor::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 5px;
    border-radius: 50%;
    margin-top: -2px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 15px 3px #fff;
}

@keyframes yc-sky-meteor {
    0% {
        opacity: 1;
        margin-top: -90px;
        margin-right: -90px;
    }
    12% {
        opacity: 0;
    }
    18% {
        margin-top: 120px;
        margin-left: -180px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

#user_profile .yc-fx-bits,
#user_profile .yc-fx-meteor,
#user_profile .yc-fx-meteor-2,
#user_profile .yc-fx-meteor-3 {
    display: none;
}

#user_profile.yc-fx-snow .yc-fx-bits,
#user_profile.yc-fx-stars .yc-fx-bits,
#user_profile.yc-fx-rain .yc-fx-bits,
#user_profile.yc-fx-spark .yc-fx-bits,
#user_profile.yc-fx-petals .yc-fx-bits,
#user_profile.yc-fx-glitter .yc-fx-bits,
#user_profile.yc-fx-bubbles .yc-fx-bits,
#user_profile.yc-fx-leaves .yc-fx-bits,
#user_profile.yc-fx-hearts .yc-fx-bits,
#user_profile.yc-fx-confetti .yc-fx-bits,
#user_profile.yc-fx-fireflies .yc-fx-bits,
#user_profile.yc-fx-feather .yc-fx-bits,
#user_profile.yc-fx-crystal .yc-fx-bits,
#user_profile.yc-fx-coins .yc-fx-bits,
#user_profile.yc-fx-dust .yc-fx-bits,
#user_profile.yc-fx-veil .yc-fx-bits,
#user_profile.yc-fx-rainbow .yc-fx-bits,
#user_profile.yc-fx-meteor .yc-fx-bits,
#user_profile.yc-fx-meteor .yc-fx-meteor,
#user_profile.yc-fx-meteor .yc-fx-meteor-2,
#user_profile.yc-fx-meteor .yc-fx-meteor-3 {
    display: block;
}

#user_profile .yc-fx-bits {
    position: absolute;
    inset: 0;
}

#user_profile .yc-fx-bits i {
    position: absolute;
    top: -16px;
    width: 8px;
    height: 8px;
    animation: yc-fall linear infinite;
}

#user_profile.yc-fx-snow .yc-fx-bits i {
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 0 0 1px rgba(12, 28, 48, 0.55),
        0 0 10px 3px rgba(255, 255, 255, 0.95),
        18px 24px 0 0 #fff,
        18px 24px 0 1px rgba(12, 28, 48, 0.45);
}

#user_profile.yc-fx-snow .yc-fx-bits i:nth-child(3n) {
    width: 4px;
    height: 4px;
    opacity: 0.85;
}

#user_profile.yc-fx-snow .yc-fx-bits i:nth-child(4n) {
    width: 11px;
    height: 11px;
}

#user_profile.yc-fx-stars .yc-fx-bits i {
    width: 13px;
    height: 13px;
    background: #fff6cf;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    filter: drop-shadow(0 0 4px rgba(255, 214, 120, 0.95));
    animation: yc-fall linear infinite, yc-twinkle 1.3s ease-in-out infinite;
}

#user_profile.yc-fx-stars .yc-fx-bits i:nth-child(2n) {
    width: 8px;
    height: 8px;
    background: #fff;
}

#user_profile.yc-fx-stars .yc-fx-bits i:nth-child(3n) {
    background: #9fd4ff;
    filter: drop-shadow(0 0 4px rgba(150, 205, 255, 0.95));
}

#user_profile.yc-fx-rain .yc-fx-bits i {
    width: 2px;
    height: 16px;
    border-radius: 2px;
    background: linear-gradient(180deg, transparent, rgba(214, 232, 246, 0.95));
    box-shadow: 0 0 4px rgba(180, 210, 230, 0.7);
    animation-duration: 0.9s !important;
}

#user_profile.yc-fx-spark .yc-fx-bits i,
#user_profile.yc-fx-meteor .yc-fx-bits i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffb020;
    box-shadow: 0 0 8px 2px rgba(255, 90, 0, 0.9);
}

#user_profile.yc-fx-spark .yc-fx-bits i:nth-child(2n),
#user_profile.yc-fx-meteor .yc-fx-bits i:nth-child(2n) {
    background: #ffe08a;
    width: 3px;
    height: 3px;
}

#user_profile.yc-fx-petals .yc-fx-bits i {
    width: 11px;
    height: 8px;
    background: transparent;
}

#user_profile.yc-fx-petals .yc-fx-bits i::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 80% 0 80% 0;
    background: linear-gradient(135deg, #ffd0df, #e46b92);
    animation: yc-spin 2.4s linear infinite;
}

#user_profile.yc-fx-petals .yc-fx-bits i:nth-child(2n) {
    width: 8px;
    height: 6px;
}

#user_profile.yc-fx-petals .yc-fx-bits i:nth-child(2n)::before {
    background: linear-gradient(135deg, #fff, #f3a0c0);
}

#user_profile.yc-fx-glitter .yc-fx-bits i {
    width: 6px;
    height: 6px;
    background: #ffe08a;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    filter: drop-shadow(0 0 4px rgba(255, 236, 170, 0.95));
    animation: yc-fall linear infinite, yc-twinkle 0.9s ease-in-out infinite;
}

#user_profile.yc-fx-glitter .yc-fx-bits i:nth-child(3n) {
    background: #fff;
    width: 4px;
    height: 4px;
}

#user_profile.yc-fx-bubbles .yc-fx-bits i {
    top: auto;
    bottom: -10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.95), rgba(180, 220, 255, 0.15) 60%, rgba(140, 190, 230, 0.05));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);
    animation: yc-rise linear infinite;
}

#user_profile.yc-fx-bubbles .yc-fx-bits i:nth-child(2n) {
    width: 6px;
    height: 6px;
}

#user_profile.yc-fx-leaves .yc-fx-bits i {
    width: 12px;
    height: 7px;
    background: transparent;
}

#user_profile.yc-fx-leaves .yc-fx-bits i::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 0 80% 0 80%;
    background: linear-gradient(135deg, #e2a24a, #8a4514);
    animation: yc-spin 3s linear infinite;
}

#user_profile.yc-fx-leaves .yc-fx-bits i:nth-child(2n) {
    width: 9px;
    height: 6px;
}

#user_profile.yc-fx-leaves .yc-fx-bits i:nth-child(2n)::before {
    background: linear-gradient(135deg, #d65a3a, #7a2e12);
}

#user_profile.yc-fx-hearts .yc-fx-bits i {
    width: 11px;
    height: 11px;
    background: #e25578;
    clip-path: polygon(50% 88%, 8% 48%, 8% 28%, 28% 8%, 50% 28%, 72% 8%, 92% 28%, 92% 48%);
    filter: drop-shadow(0 0 3px rgba(226, 85, 120, 0.65));
}

#user_profile.yc-fx-hearts .yc-fx-bits i:nth-child(2n) {
    background: #ff8aa8;
    width: 8px;
    height: 8px;
}

#user_profile.yc-fx-confetti .yc-fx-bits i {
    width: 8px;
    height: 5px;
    background: transparent;
}

#user_profile.yc-fx-confetti .yc-fx-bits i::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ff5d73;
    animation: yc-spin 1.1s linear infinite;
}

#user_profile.yc-fx-confetti .yc-fx-bits i:nth-child(3n)::before { background: #ffd15a; }
#user_profile.yc-fx-confetti .yc-fx-bits i:nth-child(4n)::before { background: #5ec8ff; }
#user_profile.yc-fx-confetti .yc-fx-bits i:nth-child(5n)::before { background: #7dE37a; }

#user_profile.yc-fx-fireflies .yc-fx-bits i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ffe98a;
    box-shadow: 0 0 8px 3px rgba(255, 210, 70, 0.9);
    animation: yc-fall 5.5s linear infinite, yc-twinkle 1.1s ease-in-out infinite;
}

#user_profile.yc-fx-feather .yc-fx-bits i {
    width: 14px;
    height: 6px;
    background: transparent;
}

#user_profile.yc-fx-feather .yc-fx-bits i::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 80% 20% 80% 20%;
    background: linear-gradient(90deg, #fff, #d7e4ee);
    animation: yc-spin 3.4s linear infinite;
}

#user_profile.yc-fx-crystal .yc-fx-bits i {
    width: 9px;
    height: 9px;
    background: #e7f7ff;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    filter: drop-shadow(0 0 4px rgba(180, 230, 255, 0.95));
}

#user_profile.yc-fx-crystal .yc-fx-bits i:nth-child(2n) {
    background: #fff;
    width: 6px;
    height: 6px;
}

#user_profile.yc-fx-coins .yc-fx-bits i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #fff4c4, #e6b325 55%, #a97810);
    box-shadow: 0 0 0 1px #8a6412;
}

#user_profile.yc-fx-coins .yc-fx-bits i:nth-child(3n) {
    width: 6px;
    height: 6px;
}

#user_profile.yc-fx-dust .yc-fx-bits i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff6d8;
    box-shadow: 0 0 6px 2px rgba(255, 220, 140, 0.75);
}

#user_profile.yc-fx-veil .yc-fx-layer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 15%, rgba(120, 255, 210, 0.38) 32%, transparent 48%, rgba(170, 120, 255, 0.38) 66%, transparent 82%);
    background-size: 220% 100%;
    animation: yc-veil 5s linear infinite;
}

#user_profile.yc-fx-veil .yc-fx-bits i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.8);
}

#user_profile.yc-fx-rainbow .yc-fx-bits i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff5d73;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.65);
}

#user_profile.yc-fx-rainbow .yc-fx-bits i:nth-child(3n) { background: #ffd15a; }
#user_profile.yc-fx-rainbow .yc-fx-bits i:nth-child(4n) { background: #5ec8ff; }
#user_profile.yc-fx-rainbow .yc-fx-bits i:nth-child(5n) { background: #7de37a; }
#user_profile.yc-fx-rainbow .yc-fx-bits i:nth-child(7n) { background: #c084fc; }

@keyframes yc-veil {
    to { background-position: 220% 0; }
}

#user_profile .yc-fx-meteor,
#user_profile .yc-fx-meteor-2,
#user_profile .yc-fx-meteor-3 {
    position: absolute;
    top: 6px;
    left: 110%;
    width: 168px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, transparent 0%, rgba(140, 30, 0, 0.05) 12%, #ff4d00 48%, #ffb000 78%, #fff4c4 100%);
    box-shadow: 0 0 14px 3px rgba(255, 90, 10, 0.85), 0 0 3px 1px rgba(255, 210, 80, 0.9);
    transform: rotate(-28deg);
    animation: yc-fx-meteor 3.6s ease-in infinite;
}

#user_profile .yc-fx-meteor::after,
#user_profile .yc-fx-meteor-2::after,
#user_profile .yc-fx-meteor-3::after {
    content: "";
    position: absolute;
    left: -5px;
    top: -4px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff 0%, #ffe08a 38%, #ff7a00 100%);
    box-shadow: 0 0 14px 4px rgba(255, 120, 20, 0.95);
}

#user_profile .yc-fx-meteor-2 {
    top: 28px;
    width: 120px;
    animation-delay: 1.35s;
}

#user_profile .yc-fx-meteor-3 {
    top: 0;
    width: 86px;
    animation-delay: 2.5s;
}

@keyframes yc-fall {
    0% { transform: translate3d(0, -16px, 0); opacity: 0; }
    12% { opacity: 1; }
    100% { transform: translate3d(16px, 214px, 0); opacity: 0.08; }
}

@keyframes yc-rise {
    0% { transform: translate3d(0, 16px, 0); opacity: 0; }
    16% { opacity: 0.9; }
    100% { transform: translate3d(-10px, -220px, 0); opacity: 0; }
}

@keyframes yc-spin {
    to { transform: rotate(360deg); }
}

@keyframes yc-twinkle {
    0%, 100% { filter: brightness(0.65) drop-shadow(0 0 2px rgba(255, 220, 140, 0.45)); }
    50% { filter: brightness(1.35) drop-shadow(0 0 6px rgba(255, 236, 180, 0.95)); }
}

@keyframes yc-fx-meteor {
    0% { left: 112%; top: -10px; opacity: 0; }
    10% { opacity: 1; }
    100% { left: -55%; top: 168px; opacity: 0; }
}

.yc-style-studio {
    margin: 0.2rem 0 0.35rem;
    padding: 0.28rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
    color: #243140;
}

.yc-style-studio__title {
    font-size: 12px;
    font-weight: 700;
    margin: 0.15rem 0.2rem 0.28rem;
}

.yc-style-studio__row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0.15rem 0.35rem;
}

.yc-style-studio__row button {
    border: 1px solid #d5dde3;
    background: #fff;
    color: #243140;
    border-radius: 8px;
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.4;
    cursor: pointer;
}

.yc-style-studio__row button.is-on {
    border-color: var(--primary-color, #35709e);
    box-shadow: 0 0 0 1px var(--primary-color, #35709e);
}

.yc-style-studio__row button .username__wrapper {
    background: transparent;
}

/* yc profile looks */

/* =====================================================================
   حزمة تصاميم البروفايل (نسخة الشفق) - IRAQ ALNUBALA
   تُلصق بآخر ملف الـ CSS (ما تحذف شي). الافتراضي = الشفق القطبي.
   لتغيير التصميم: ضيف كلاس على #user_profile
   pf-aurora | pf-rose | pf-gold | pf-emerald | pf-ocean | pf-lavender | pf-sunset | pf-cherry
   ===================================================================== */

/* ---------- ألوان كل تصميم (متغيرات فقط) ---------- */
#user_profile.yc-pf{--bg1:#1a0a45;--bg2:#3d1a8c;--bg3:#2a1270;--bar:#10052e;--ac:#b79cff;--ac2:#dccfff;--rgb:183,156,255;--dark:#1a0a45}
#user_profile.pf-aurora  {--bg1:#1a0a45;--bg2:#3d1a8c;--bg3:#2a1270;--bar:#10052e;--ac:#b79cff;--ac2:#dccfff;--rgb:183,156,255;--dark:#1a0a45}
#user_profile.pf-rose    {--bg1:#3a0f2e;--bg2:#8a2b6b;--bg3:#5b1f7a;--bar:#2a0a21;--ac:#ff8fcf;--ac2:#d9b8ff;--rgb:255,143,207;--dark:#3a0f2e}
#user_profile.pf-gold    {--bg1:#2a1f08;--bg2:#5a4311;--bg3:#7a5a16;--bar:#1a1304;--ac:#ffd36b;--ac2:#ffeaa0;--rgb:255,211,107;--dark:#1a1304}
#user_profile.pf-emerald {--bg1:#04261b;--bg2:#0b6b47;--bg3:#0a4f6b;--bar:#02150f;--ac:#4dffb0;--ac2:#a8ffd9;--rgb:77,255,176;--dark:#04261b}
#user_profile.pf-ocean   {--bg1:#04142b;--bg2:#0e5a9c;--bg3:#3b2a8a;--bar:#020c1c;--ac:#5cd6ff;--ac2:#b8ecff;--rgb:92,214,255;--dark:#04142b}
#user_profile.pf-lavender{--bg1:#1f1340;--bg2:#6a49b8;--bg3:#a04fb8;--bar:#150b2e;--ac:#c9a6ff;--ac2:#f0d9ff;--rgb:201,166,255;--dark:#1f1340}
#user_profile.pf-sunset  {--bg1:#3a0d2a;--bg2:#d9532b;--bg3:#8a2b6b;--bar:#2a0820;--ac:#ffc27a;--ac2:#ff8fa3;--rgb:255,194,122;--dark:#3a0d2a}
#user_profile.pf-cherry  {--bg1:#2b0509;--bg2:#9b1730;--bg3:#5a1a4a;--bar:#1a0306;--ac:#ff6b88;--ac2:#ffc2cf;--rgb:255,107,136;--dark:#2b0509}

/* ---------- حركات عامة ---------- */
@keyframes pfHeartPulse{0%{transform:scale(.8);opacity:.85}100%{transform:scale(1.6);opacity:0}}
@keyframes pfSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes pfSpinRev{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes pfRipple{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.4);opacity:0}}
@keyframes pfGlow{
  0%,100%{box-shadow:0 0 12px rgba(var(--rgb),.5)}
  50%{box-shadow:0 0 28px rgba(var(--rgb),.95),0 0 46px rgba(var(--rgb),.45)}
}
@keyframes pfAuroraBg{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pfShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}

/* ---------- النافذة (خلفية متحركة + إطار متدرج) ---------- */
html body #user_profile#user_profile#user_profile.yc-pf .modal-content{
  background:linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3),var(--bg2),var(--bg1)) !important;
  background-size:300% 300% !important;
  animation:pfAuroraBg 14s ease-in-out infinite;
  border:2px solid transparent !important;
  border-image:linear-gradient(135deg,var(--ac),var(--ac2),var(--ac)) 1 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  box-shadow:0 10px 34px rgba(0,0,0,.7),0 0 24px rgba(var(--rgb),.3) !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__header{
  background:var(--bar) !important;
  border-bottom:1px solid rgba(var(--rgb),.45) !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__header__name{
  background:linear-gradient(90deg,var(--ac),#ffffff,var(--ac2),var(--ac)) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  font-weight:900 !important;
  text-shadow:none !important;
  animation:pfShine 4s linear infinite;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__header [data-dismiss="modal"]{
  color:#fff !important;
  opacity:1 !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body{
  background:transparent !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.yc-pf #user_profile__body__avatar,
html body #user_profile#user_profile#user_profile.yc-pf #user_profile__body__user_details{
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__cover-container{
  position:relative !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__cover-container::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,var(--bg1) 100%);
}

/* ---------- صورة العضو ---------- */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__avatar-overlay{
  position:absolute !important;
  top:80px !important;
  bottom:auto !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:120px !important;
  height:120px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  border:4px solid var(--ac) !important;
  box-shadow:0 0 18px rgba(var(--rgb),.6);
  overflow:visible !important;
  background:var(--bg1) !important;
  z-index:5;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__avatar-overlay img,
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__avatar-overlay *{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
}

/* ---------- الحالة (زجاجي بزوايا مائلة) ---------- */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__status{
  display:block !important;
  width:fit-content !important;
  max-width:88% !important;
  margin:24px auto 8px !important;
  padding:10px 22px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(var(--rgb),.1)) !important;
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  backdrop-filter:blur(10px) saturate(140%);
  border:1px solid rgba(var(--rgb),.5) !important;
  border-radius:20px 6px 20px 6px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.6 !important;
  text-align:center !important;
  word-break:break-word;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__status *{
  background:transparent !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}

/* ---------- زر الروم (حافة متدرجة) ---------- */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room{
  background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:22px !important;
  padding:5px 14px !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-weight:700 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 0 10px rgba(var(--rgb),.25) !important;
  transition:all .2s ease;
  cursor:pointer;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room *{
  background:transparent !important;
  background-image:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room img{
  border:1.5px solid var(--ac) !important;
  border-radius:50% !important;
  width:26px !important;
  height:26px !important;
  object-fit:cover;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  box-shadow:0 0 16px rgba(var(--rgb),.6),0 0 22px rgba(var(--rgb),.3) !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}

/* ---------- الفوتر والأزرار ---------- */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer{
  background:var(--bar) !important;
  border-top:1px solid rgba(var(--rgb),.45) !important;
  padding:10px !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > *{
  background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:22px !important;
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:none !important;
  transition:all .2s ease;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > * *,
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > * *::before,
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > * *::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-weight:700 !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  line-height:1.3 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  width:auto !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > * > *{
  width:100% !important;
  padding:9px 6px !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  box-shadow:0 0 16px rgba(var(--rgb),.6),0 0 22px rgba(var(--rgb),.3) !important;
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > *:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}

/* التجاهل: بعرض كامل، وإلغاء التجاهل مخفي */
html body #user_profile#user_profile#user_profile.yc-pf #user_profile__footer__actions__item--unignore{
  display:none !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > *:has(#user_profile__footer__actions__item--ignore),
html body #user_profile#user_profile#user_profile.yc-pf #user_profile__footer__actions__item--ignore{
  grid-column:1 / -1 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
html body #user_profile#user_profile#user_profile.yc-pf #user_profile__footer__actions__item--ignore{
  padding:9px 6px !important;
  justify-content:center !important;
  text-align:center !important;
  outline:0 !important;
}
html body #user_profile#user_profile#user_profile.yc-pf #user_profile__footer__actions__item--ignore *{
  padding:0 !important;
  width:auto !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions [style*="display: none"],
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions [style*="display:none"],
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions [hidden],
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions .hidden,
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions .d-none{
  display:none !important;
}

/* ---------- الحقول والروابط والأزرار العامة ---------- */
html body #user_profile#user_profile#user_profile.yc-pf input,
html body #user_profile#user_profile#user_profile.yc-pf select,
html body #user_profile#user_profile#user_profile.yc-pf textarea{
  background:rgba(0,0,0,.35) !important;
  color:#fff !important;
  border:1px solid rgba(var(--rgb),.5) !important;
  border-radius:8px !important;
}
html body #user_profile#user_profile#user_profile.yc-pf a{ color:var(--ac) !important; }
html body #user_profile#user_profile#user_profile.yc-pf .btn:not([data-dismiss]),
html body #user_profile#user_profile#user_profile.yc-pf button:not([data-dismiss]){
  border-color:var(--ac) !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .btn:not([data-dismiss]):hover,
html body #user_profile#user_profile#user_profile.yc-pf button:not([data-dismiss]):hover{
  background:var(--ac) !important;
  color:var(--dark) !important;
}

/* =====================================================================
   شكل تطبيق (App Style): بطاقة ناعمة، غلاف بزوايا، أزرار كبيرة مثل التطبيقات
   (يغلب الأشكال اللي فوق، الألوان تبقى نفسها)
   ===================================================================== */
@keyframes pfSlideUp{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}

/* البطاقة */
html body #user_profile#user_profile#user_profile.yc-pf .modal-content{
  border:1px solid rgba(var(--rgb),.28) !important;
  border-image:none !important;
  border-radius:28px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04) inset !important;
  animation:pfSlideUp .35s ease-out, pfAuroraBg 14s ease-in-out infinite !important;
}

/* الهيدر شفاف فوق الغلاف مثل التطبيقات */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__header{
  background:transparent !important;
  border-bottom:0 !important;
  padding:12px 16px !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__header [data-dismiss="modal"]{
  width:32px !important;height:32px !important;
  display:inline-flex !important;align-items:center;justify-content:center;
  background:rgba(0,0,0,.35) !important;
  border-radius:50% !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}

/* الغلاف بحواف سفلية دائرية */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__cover-container{
  border-radius:0 0 28px 28px !important;
  overflow:hidden !important;
}

/* الصورة: حلقة بلون الخلفية مثل تطبيقات التواصل */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__avatar-overlay{
  border:5px solid var(--bg1) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 2px rgba(var(--rgb),.6) !important;
}

/* الحالة: بطاقة */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__status{
  width:auto !important;
  max-width:90% !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(var(--rgb),.22) !important;
  box-shadow:none !important;
}

/* زر الروم: زر عريض رئيسي */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room{
  display:flex !important;
  width:88% !important;
  margin:8px auto !important;
  padding:11px 16px !important;
  border-radius:16px !important;
  border:0 !important;
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  box-shadow:0 8px 20px rgba(var(--rgb),.3) !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
  font-weight:800 !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room img{
  border:2px solid var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(var(--rgb),.45) !important;
}

/* الفوتر: لوحة سفلية بزوايا علوية دائرية */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer{
  background:rgba(0,0,0,.28) !important;
  border-top:1px solid rgba(var(--rgb),.18) !important;
  border-radius:24px 24px 0 0 !important;
  padding:14px !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions{
  gap:10px !important;
}

/* الأزرار: بلاطات ناعمة */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > *{
  background:rgba(var(--rgb),.12) !important;
  border:1px solid rgba(var(--rgb),.3) !important;
  border-radius:16px !important;
  min-height:44px !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > *:hover{
  background:rgba(var(--rgb),.28) !important;
  box-shadow:0 6px 16px rgba(var(--rgb),.3) !important;
  transform:translateY(-2px);
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__footer__actions > *:hover *{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* =====================================================================
   حركات الصورة
   الافتراضي + الشفق: حلقتان تدوران بعكس بعض + توهج
   قلوب: وردي + كرزي | توهج: ذهبي + غروب
   حلقة تدور: زمردي | موجات: بحري | حلقة متدرجة: لافندر
   ===================================================================== */

/* --- الافتراضي (الشفق): حلقة متدرجة + حلقة منقطة عكسية --- */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__avatar-overlay{
  animation:pfGlow 3.2s ease-in-out infinite;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__avatar-overlay::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-16px !important;left:-16px !important;right:-16px !important;bottom:-16px !important;
  border:0 !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg,var(--ac),transparent 30%,var(--ac2) 55%,transparent 80%,var(--ac)) !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px)) !important;
  opacity:1 !important;
  z-index:auto;
  pointer-events:none;
  animation:pfSpin 5s linear infinite !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__avatar-overlay::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-8px !important;left:-8px !important;right:-8px !important;bottom:-8px !important;
  border:2px dotted var(--ac2) !important;
  border-radius:50% !important;
  background:none !important;
  -webkit-mask:none !important;mask:none !important;
  opacity:1 !important;
  z-index:auto;
  pointer-events:none;
  animation:pfSpinRev 8s linear infinite !important;
}

/* --- قلوب (pf-rose + pf-cherry) --- */
html body #user_profile#user_profile#user_profile.yc-pf:is(.pf-rose,.pf-cherry) .user_profile__avatar-overlay::before,
html body #user_profile#user_profile#user_profile.yc-pf:is(.pf-rose,.pf-cherry) .user_profile__avatar-overlay::after{
  content:"" !important;
  position:absolute !important;
  top:-18px !important;left:-18px !important;right:-18px !important;bottom:-18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,var(--ac),var(--ac2)) !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  z-index:-1;
  pointer-events:none;
  opacity:0 !important;
  animation:pfHeartPulse 2.4s ease-out infinite !important;
}
html body #user_profile#user_profile#user_profile.yc-pf:is(.pf-rose,.pf-cherry) .user_profile__avatar-overlay::after{
  animation-delay:1.2s !important;
}

/* --- توهج نابض (ذهبي + غروب) --- */
html body #user_profile#user_profile#user_profile.yc-pf:is(.pf-gold,.pf-sunset) .user_profile__avatar-overlay::before,
html body #user_profile#user_profile#user_profile.yc-pf:is(.pf-gold,.pf-sunset) .user_profile__avatar-overlay::after,
html body #user_profile#user_profile#user_profile.yc-pf:is(.pf-emerald,.pf-lavender) .user_profile__avatar-overlay::after{
  content:none !important;
  display:none !important;
}
html body #user_profile#user_profile#user_profile.yc-pf:is(.pf-gold,.pf-sunset) .user_profile__avatar-overlay{
  animation:pfGlow 2.4s ease-in-out infinite;
}

/* --- حلقة متقطعة تدور (زمردي) --- */
html body #user_profile#user_profile#user_profile.yc-pf.pf-emerald .user_profile__avatar-overlay::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-12px !important;left:-12px !important;right:-12px !important;bottom:-12px !important;
  background:none !important;
  -webkit-mask:none !important;mask:none !important;
  border:3px dashed var(--ac) !important;
  border-radius:50% !important;
  opacity:1 !important;
  z-index:auto;
  pointer-events:none;
  animation:pfSpin 10s linear infinite !important;
}

/* --- موجات (بحري) --- */
html body #user_profile#user_profile#user_profile.yc-pf.pf-ocean .user_profile__avatar-overlay::before,
html body #user_profile#user_profile#user_profile.yc-pf.pf-ocean .user_profile__avatar-overlay::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-4px !important;left:-4px !important;right:-4px !important;bottom:-4px !important;
  background:none !important;
  -webkit-mask:none !important;mask:none !important;
  border:2px solid var(--ac) !important;
  border-radius:50% !important;
  opacity:0 !important;
  z-index:-1;
  pointer-events:none;
  animation:pfRipple 2.2s ease-out infinite !important;
}
html body #user_profile#user_profile#user_profile.yc-pf.pf-ocean .user_profile__avatar-overlay::after{
  animation-delay:1.1s !important;
}

/* --- حلقة متدرجة تدور (لافندر) --- */
html body #user_profile#user_profile#user_profile.yc-pf.pf-lavender .user_profile__avatar-overlay::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-12px !important;left:-12px !important;right:-12px !important;bottom:-12px !important;
  border:0 !important;
  border-radius:50% !important;
  background:conic-gradient(#c9a6ff,#ff8fcf,#f0d9ff,#8ec5ff,#c9a6ff) !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px)) !important;
  opacity:1 !important;
  z-index:auto;
  pointer-events:none;
  animation:pfSpin 4s linear infinite !important;
}
/* إصلاح قص الصورة: الغلاف ما يقص، والزوايا تنطبق على الصورة نفسها */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__cover-container{
  overflow:visible !important;
  border-radius:0 0 28px 28px !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__cover-container > img,
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__cover-container::after{
  border-radius:0 0 28px 28px !important;
}

/* الصورة تتداخل مع الحافة السفلية للغلاف */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__avatar-overlay{
  top:auto !important;
  bottom:-60px !important;
  z-index:10 !important;
}

/* مسافة للحالة حتى ما تغطي الصورة */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__status{
  margin-top:24px !important;
}
/* زر الروم: كبسولة صغيرة أنيقة */
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room{
  display:flex !important;
  width:fit-content !important;
  max-width:75% !important;
  margin:6px auto !important;
  padding:4px 14px 4px 5px !important;
  gap:8px !important;
  align-items:center !important;
  border-radius:30px !important;
  border:1.5px solid transparent !important;
  background:linear-gradient(135deg,rgba(0,0,0,.55),rgba(var(--rgb),.2)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  box-shadow:0 4px 14px rgba(var(--rgb),.28) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  transition:all .25s ease !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room *{
  color:var(--ac2) !important;
  -webkit-text-fill-color:var(--ac2) !important;
  font-size:12px !important;
  font-weight:700 !important;
  background:transparent !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room img{
  width:24px !important;
  height:24px !important;
  border:1.5px solid var(--ac) !important;
  border-radius:50% !important;
  box-shadow:0 0 8px rgba(var(--rgb),.6) !important;
  object-fit:cover !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 6px 18px rgba(var(--rgb),.5) !important;
}
html body #user_profile#user_profile#user_profile.yc-pf .user_profile__body__room:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}

/* =====================================================================
   تصميم بناتي فخم: روز جولد + عنابي ملكي (يغلب الذهبي وكل التصاميم)
   ===================================================================== */
html body #user_profile#user_profile#user_profile.pf-rose-luxe.pf-rose-luxe{
  --bg1:#1f0615;
  --bg2:#5a1240;
  --bg3:#2e0a2a;
  --bar:#12030c;
  --ac:#f2a7b8;
  --ac2:#ffd9e2;
  --rgb:242,167,184;
  --dark:#1f0615;
  --metal:linear-gradient(90deg,#b76e79,#ffe3dc,#f2a7b8,#ffe3dc,#b76e79);
}

/* الخلفية: عنابي مع لمعة وردية ناعمة */
html body #user_profile#user_profile#user_profile.pf-rose-luxe .modal-content{
  background:
    radial-gradient(circle at 15% 0%,rgba(255,150,190,.22),transparent 45%),
    radial-gradient(circle at 85% 100%,rgba(255,217,226,.14),transparent 50%),
    linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3),var(--bg2),var(--bg1)) !important;
  background-size:100% 100%,100% 100%,300% 300% !important;
  border:1.5px solid rgba(242,167,184,.6) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.8),0 0 40px rgba(242,167,184,.28),
             0 0 0 1px rgba(255,217,226,.14) inset !important;
}

/* الاسم: روز جولد سائل متحرك */
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__header__name{
  background:var(--metal) !important;
  background-size:250% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  filter:drop-shadow(0 0 7px rgba(242,167,184,.6));
}

/* الصورة: إطار روز جولد وتوهج وردي */
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__avatar-overlay{
  border:4px solid #1f0615 !important;
  box-shadow:0 0 0 3px #f2a7b8,0 0 28px rgba(242,167,184,.8),
             0 10px 28px rgba(0,0,0,.7) !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__avatar-overlay::before{
  background:conic-gradient(from 0deg,#b76e79,transparent 25%,#ffe3dc 50%,transparent 75%,#b76e79) !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__avatar-overlay::after{
  border-color:#ffd9e2 !important;
}

/* الحالة: زجاج وردي ناعم */
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__body__status{
  background:linear-gradient(135deg,rgba(242,167,184,.18),rgba(60,10,45,.45)) !important;
  border:1px solid rgba(242,167,184,.55) !important;
  box-shadow:0 6px 22px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,217,226,.3) !important;
}

/* زر الروم: كبسولة روز جولد */
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__body__room{
  background:linear-gradient(135deg,rgba(30,5,22,.8),rgba(242,167,184,.2)) padding-box,
             var(--metal) border-box !important;
  box-shadow:0 4px 18px rgba(242,167,184,.38) !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__body__room:hover{
  background:var(--metal) !important;
}

/* الفوتر والأزرار */
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__footer{
  background:linear-gradient(180deg,rgba(40,6,30,.4),rgba(18,3,12,.8)) !important;
  border-top:1px solid rgba(242,167,184,.4) !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__footer__actions > *{
  background:linear-gradient(135deg,rgba(242,167,184,.16),rgba(40,6,30,.5)) !important;
  border:1px solid rgba(242,167,184,.5) !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__footer__actions > *:hover{
  background:var(--metal) !important;
  box-shadow:0 6px 22px rgba(242,167,184,.6) !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-luxe .user_profile__footer__actions > *:hover *{
  color:#1f0615 !important;
  -webkit-text-fill-color:#1f0615 !important;
}
/* =====================================================================
   تصميم فخم: أسود ملكي + ذهبي (يغلب الرمادي وكل التصاميم)
   ===================================================================== */
html body #user_profile#user_profile#user_profile.pf-black-gold.pf-black-gold{
  --bg1:#07070a;
  --bg2:#1a1612;
  --bg3:#0e0d11;
  --bar:#040405;
  --ac:#d4af37;
  --ac2:#f6e27a;
  --rgb:212,175,55;
  --dark:#0b0905;
}

/* الخلفية: أسود مع لمعة ذهبية خفيفة */
html body #user_profile#user_profile#user_profile.pf-black-gold .modal-content{
  background:
    radial-gradient(circle at 20% 0%,rgba(212,175,55,.16),transparent 45%),
    radial-gradient(circle at 80% 100%,rgba(246,226,122,.10),transparent 50%),
    linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3),var(--bg2),var(--bg1)) !important;
  background-size:100% 100%,100% 100%,300% 300% !important;
  border:1.5px solid rgba(212,175,55,.55) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.85),0 0 40px rgba(212,175,55,.22),
             0 0 0 1px rgba(246,226,122,.12) inset !important;
}

/* الاسم: ذهب سائل متحرك */
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__header__name{
  background:linear-gradient(90deg,#b8860b,#fff3b0,#d4af37,#fff3b0,#b8860b) !important;
  background-size:250% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  filter:drop-shadow(0 0 6px rgba(212,175,55,.5));
}

/* الصورة: إطار ذهبي بتوهج ملكي */
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__avatar-overlay{
  border:4px solid #0b0905 !important;
  box-shadow:0 0 0 3px #d4af37,0 0 26px rgba(212,175,55,.75),
             0 10px 28px rgba(0,0,0,.7) !important;
}
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__avatar-overlay::before{
  background:conic-gradient(from 0deg,#b8860b,transparent 25%,#fff3b0 50%,transparent 75%,#b8860b) !important;
}
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__avatar-overlay::after{
  border-color:#f6e27a !important;
}

/* الحالة: زجاج أسود بحافة ذهبية */
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__body__status{
  background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(0,0,0,.4)) !important;
  border:1px solid rgba(212,175,55,.5) !important;
  box-shadow:0 6px 22px rgba(0,0,0,.5),inset 0 1px 0 rgba(246,226,122,.25) !important;
}

/* زر الروم: كبسولة ذهبية */
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__body__room{
  background:linear-gradient(135deg,rgba(0,0,0,.75),rgba(212,175,55,.18)) padding-box,
             linear-gradient(90deg,#b8860b,#fff3b0,#d4af37) border-box !important;
  box-shadow:0 4px 18px rgba(212,175,55,.35) !important;
}
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__body__room:hover{
  background:linear-gradient(90deg,#b8860b,#fff3b0,#d4af37) !important;
}

/* الفوتر والأزرار: ذهبي على أسود */
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__footer{
  background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.7)) !important;
  border-top:1px solid rgba(212,175,55,.4) !important;
}
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__footer__actions > *{
  background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(0,0,0,.45)) !important;
  border:1px solid rgba(212,175,55,.45) !important;
}
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,#b8860b,#fff3b0,#d4af37) !important;
  box-shadow:0 6px 22px rgba(212,175,55,.55) !important;
}
html body #user_profile#user_profile#user_profile.pf-black-gold .user_profile__footer__actions > *:hover *{
  color:#0b0905 !important;
  -webkit-text-fill-color:#0b0905 !important;
}
/* =====================================================================
   كل الألوان رمادي (يغلب كل التصاميم pf-*)
   ===================================================================== */
html body #user_profile#user_profile#user_profile.pf-gray.pf-gray{
  --bg1:#1c1c1e;
  --bg2:#3a3a3d;
  --bg3:#2a2a2d;
  --bar:#101011;
  --ac:#b8b8bd;
  --ac2:#e6e6ea;
  --rgb:184,184,189;
  --dark:#1c1c1e;
}

/* حلقة اللافندر الملونة تصير رمادية أيضاً */
html body #user_profile#user_profile#user_profile.pf-gray .user_profile__avatar-overlay::before{
  background:conic-gradient(#8e8e93,#d1d1d6,#f2f2f7,#aeaeb2,#8e8e93) !important;
}
/* ===== بروفايل ذهبي ملكي - CSS فقط (بدون JS) ===== */

html body #user_profile.pf-gold-classic .modal-content{
  background:linear-gradient(180deg,#2a1f08,#5a4311) !important;
  border:2px solid #ffd36b !important;
  border-radius:14px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  box-shadow:0 10px 30px rgba(0,0,0,.65),0 0 18px rgba(255,211,107,.45) !important;
}

/* الشريط العلوي */
html body #user_profile.pf-gold-classic .user_profile__header{
  background:#1a1304 !important;
  border-bottom:1px solid rgba(255,211,107,.45) !important;
  color:#fff !important;
}
html body #user_profile.pf-gold-classic .user_profile__header__name{
  color:#ffd36b !important;
  font-weight:900 !important;
  text-shadow:0 0 8px rgba(255,211,107,.6);
}
html body #user_profile.pf-gold-classic .user_profile__header [data-dismiss="modal"]{
  color:#fff !important;
  opacity:1 !important;
}

/* الجسم */
html body #user_profile.pf-gold-classic .user_profile__scroll_area,
html body #user_profile.pf-gold-classic .user_profile__body{
  background:transparent !important;
  color:#fff !important;
}
html body #user_profile.pf-gold-classic #user_profile__body__avatar,
html body #user_profile.pf-gold-classic #user_profile__body__user_details{
  color:#fff !important;
}

/* الغلاف يتلاشى للأسفل */
html body #user_profile.pf-gold-classic .user_profile__cover-container{
  position:relative !important;
}
html body #user_profile.pf-gold-classic .user_profile__cover-container::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(42,31,8,0) 45%,#2a1f08 100%);
}

/* الصورة الشخصية (تخمين) */
html body #user_profile.pf-gold-classic .user_profile__cover-container [class*="avatar"],
html body #user_profile.pf-gold-classic .user_profile__cover-container [class*="avatar"] img{
  border:4px solid #ffd36b !important;
  box-shadow:0 0 16px #ffd36b !important;
}

/* الأزرار (بدون زر الإغلاق) */
html body #user_profile.pf-gold-classic .btn:not([data-dismiss]),
html body #user_profile.pf-gold-classic button:not([data-dismiss]){
  background:rgba(0,0,0,.3) !important;
  color:#fff !important;
  border:1.5px solid #ffd36b !important;
  border-radius:22px !important;
  font-weight:700 !important;
}
html body #user_profile.pf-gold-classic .btn:not([data-dismiss]):hover,
html body #user_profile.pf-gold-classic button:not([data-dismiss]):hover{
  background:#ffd36b !important;
  color:#000 !important;
}

/* الحقول */
html body #user_profile.pf-gold-classic input,
html body #user_profile.pf-gold-classic select,
html body #user_profile.pf-gold-classic textarea{
  background:rgba(0,0,0,.35) !important;
  color:#fff !important;
  border:1px solid rgba(255,211,107,.5) !important;
  border-radius:8px !important;
}

/* الروابط */
html body #user_profile.pf-gold-classic a{
  color:#ffd36b !important;
}
/* ===== أزرار الفوتر: ثيم ذهبي واحد، قصيرة، وسط ===== */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer{
  border-top:1px solid rgba(255,211,107,.45) !important;
  padding:10px !important;
}
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

/* الكبسولة: كل الأزرار بما فيها التجاهل */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > *,
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > *:last-child{
  background:rgba(0,0,0,.35) !important;
  background-image:none !important;
  border:1.5px solid #ffd36b !important;
  border-radius:22px !important;
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:none !important;
  transition:all .2s ease;
}
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > *:last-child{
  grid-column:1 / -1;
}

/* كل شي داخل الكبسولة: بدون أبيض، وسط، قصير */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > * *,
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > * *::before,
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > * *::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:#ffd36b !important;
  -webkit-text-fill-color:#ffd36b !important;
  font-weight:700 !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  line-height:1.3 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  width:auto !important;
}
/* العنصر المباشر داخل الكبسولة يمتد بالكامل ويكون قصير */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > * > *{
  width:100% !important;
  padding:9px 6px !important;
}

/* المرور بالماوس */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,#ffd36b,#ffeaa0) !important;
  box-shadow:0 0 14px rgba(255,211,107,.6) !important;
}
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__footer__actions > *:hover *{
  color:#1a1304 !important;
  -webkit-text-fill-color:#1a1304 !important;
}
/* حذف زر إلغاء التجاهل */
html body #user_profile#user_profile#user_profile.pf-gold-classic #user_profile__footer__actions__item--unignore{
  display:none !important;
}

/* زر التجاهل: عرض كامل، والكلمة بالمنتصف */
html body #user_profile#user_profile#user_profile.pf-gold-classic #user_profile__footer__actions__item--ignore,
html body #user_profile#user_profile#user_profile.pf-gold-classic [id$="__item--ignore"]{
  grid-column:1 / -1 !important;
  width:100% !important;
  flex:1 1 100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px;
  text-align:center !important;
}
/* ===== زر الروم (ذهبي) ===== */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__body__room{
  background:rgba(0,0,0,.35) !important;
  background-image:none !important;
  border:1.5px solid #ffd36b !important;
  border-radius:22px !important;
  padding:5px 14px !important;
  color:#ffd36b !important;
  -webkit-text-fill-color:#ffd36b !important;
  font-weight:700 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 0 10px rgba(255,211,107,.25) !important;
  transition:all .2s ease;
  cursor:pointer;
}

/* أي عنصر داخله (نص، رابط) يمسح الأزرق ويصير ذهبي */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__body__room *{
  background:transparent !important;
  background-image:none !important;
  color:#ffd36b !important;
  -webkit-text-fill-color:#ffd36b !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

/* صورة الروم الصغيرة */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__body__room img{
  border:1.5px solid #ffd36b !important;
  border-radius:50% !important;
  width:26px !important;
  height:26px !important;
  object-fit:cover;
}

/* المرور بالماوس */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__body__room:hover{
  background:linear-gradient(90deg,#ffd36b,#ffeaa0) !important;
  box-shadow:0 0 14px rgba(255,211,107,.6) !important;
}
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__body__room:hover *{
  color:#1a1304 !important;
  -webkit-text-fill-color:#1a1304 !important;
}

/* ===== صورة العضو: دائرية وبالمنتصف ===== */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__avatar-overlay{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:110px !important;
  height:110px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  border:4px solid #ffd36b !important;
  box-shadow:0 0 18px rgba(255,211,107,.7) !important;
  overflow:hidden !important;
  background:#1a1304 !important;
  z-index:5;
}

/* الصورة نفسها داخل الدائرة */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__avatar-overlay img,
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__avatar-overlay *{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
}
/* ===== مكان وحجم صورة العضو (مثل التصميم الداكن) ===== */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__avatar-overlay{
  top:80px !important;
  bottom:auto !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:120px !important;
  height:120px !important;
  border-radius:50% !important;
  border:4px solid #ffd36b !important;
}
/* ===== الحالة: زجاجي عصري ===== */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__body__status{
  display:block !important;
  width:fit-content !important;
  max-width:88% !important;
  margin:14px auto 10px !important;
  padding:10px 22px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,211,107,.07)) !important;
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  backdrop-filter:blur(10px) saturate(140%);
  border:1px solid rgba(255,211,107,.45) !important;
  border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.6 !important;
  text-align:center !important;
  word-break:break-word;
}

/* أي عنصر داخله يبقى شفاف */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__body__status *{
  background:transparent !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
} 
/* ===== نزّل الحالة تحت الصورة ===== */
html body #user_profile#user_profile#user_profile.pf-gold-classic .user_profile__body__status{
  margin-top:40px !important;
}

/* =====================================================================
   ثيم وردي بناتي (Rose + Plum) - تُلصق بآخر الملف، لا تحذف أي كود قديم
   يغلب الزمردي والذهبي لأنه بالنهاية. لإرجاعهم: امسح هذا القسم فقط
   ===================================================================== */

/* ---------- النافذة ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft .modal-content{
  background:linear-gradient(160deg,#3a0f2e,#8a2b6b) !important;
  border:2px solid #ff8fcf !important;
  border-radius:14px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  box-shadow:0 10px 30px rgba(0,0,0,.65),0 0 18px rgba(255,143,207,.35) !important;
}

/* ---------- الشريط العلوي ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__header{
  background:#2a0a21 !important;
  border-bottom:1px solid rgba(255,143,207,.45) !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__header__name{
  color:#ff8fcf !important;
  font-weight:900 !important;
  text-shadow:0 0 8px rgba(255,143,207,.6);
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__header [data-dismiss="modal"]{
  color:#fff !important;
  opacity:1 !important;
}

/* ---------- الجسم ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__body{
  background:transparent !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft #user_profile__body__avatar,
html body #user_profile#user_profile#user_profile.pf-rose-soft #user_profile__body__user_details{
  color:#fff !important;
}

/* ---------- الغلاف يتلاشى للأسفل ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__cover-container{
  position:relative !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__cover-container::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(58,15,46,0) 45%,#3a0f2e 100%);
}

/* ---------- صورة العضو: دائرة بالمنتصف مع حلقة متقطعة تدور ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__avatar-overlay{
  position:absolute !important;
  top:80px !important;
  bottom:auto !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:120px !important;
  height:120px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  border:4px solid #ff8fcf !important;
  box-shadow:0 0 18px rgba(255,143,207,.6) !important;
  overflow:visible !important;
  background:#3a0f2e !important;
  z-index:5;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__avatar-overlay::before{
  content:"";
  position:absolute;
  top:-12px;left:-12px;right:-12px;bottom:-12px;
  border:3px dashed #ff8fcf;
  border-radius:50%;
  animation:pfRoseSpin 10s linear infinite;
  pointer-events:none;
}
@keyframes pfRoseSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__avatar-overlay img,
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__avatar-overlay *{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
}

/* ---------- الحالة: زجاجي ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__body__status{
  display:block !important;
  width:fit-content !important;
  max-width:88% !important;
  margin:24px auto 8px !important;
  padding:10px 22px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,143,207,.07)) !important;
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  backdrop-filter:blur(10px) saturate(140%);
  border:1px solid rgba(255,143,207,.45) !important;
  border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.6 !important;
  text-align:center !important;
  word-break:break-word;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__body__status *{
  background:transparent !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}

/* ---------- زر الروم ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__body__room{
  background:rgba(0,0,0,.35) !important;
  background-image:none !important;
  border:1.5px solid #ff8fcf !important;
  border-radius:22px !important;
  padding:5px 14px !important;
  color:#ff8fcf !important;
  -webkit-text-fill-color:#ff8fcf !important;
  font-weight:700 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 0 10px rgba(255,143,207,.25) !important;
  transition:all .2s ease;
  cursor:pointer;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__body__room *{
  background:transparent !important;
  background-image:none !important;
  color:#ff8fcf !important;
  -webkit-text-fill-color:#ff8fcf !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__body__room img{
  border:1.5px solid #ff8fcf !important;
  border-radius:50% !important;
  width:26px !important;
  height:26px !important;
  object-fit:cover;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__body__room:hover{
  background:linear-gradient(90deg,#ff8fcf,#d9b8ff) !important;
  box-shadow:0 0 14px rgba(255,143,207,.6) !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__body__room:hover *{
  color:#3a0f2e !important;
  -webkit-text-fill-color:#3a0f2e !important;
}

/* ---------- الفوتر ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer{
  background:#2a0a21 !important;
  border-top:1px solid rgba(255,143,207,.45) !important;
  padding:10px !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

/* أزرار الفوتر: كبسولات */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > *{
  background:rgba(0,0,0,.35) !important;
  background-image:none !important;
  border:1.5px solid #ff8fcf !important;
  border-radius:22px !important;
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:none !important;
  transition:all .2s ease;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > * *,
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > * *::before,
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > * *::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:#ff8fcf !important;
  -webkit-text-fill-color:#ff8fcf !important;
  font-weight:700 !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  line-height:1.3 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  width:auto !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > * > *{
  width:100% !important;
  padding:9px 6px !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,#ff8fcf,#d9b8ff) !important;
  box-shadow:0 0 14px rgba(255,143,207,.6) !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > *:hover *{
  color:#3a0f2e !important;
  -webkit-text-fill-color:#3a0f2e !important;
}

/* حذف إلغاء التجاهل + التجاهل بعرض كامل وبالمنتصف */
html body #user_profile#user_profile#user_profile.pf-rose-soft #user_profile__footer__actions__item--unignore{
  display:none !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft #user_profile__footer__actions__item--ignore,
html body #user_profile#user_profile#user_profile.pf-rose-soft [id$="__item--ignore"]{
  grid-column:1 / -1 !important;
  width:100% !important;
  flex:1 1 100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* إرجاع الإخفاء للعناصر المخفية بالموقع */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions [style*="display: none"],
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions [style*="display:none"],
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions [hidden],
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions .hidden,
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions .hide,
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions .d-none{
  display:none !important;
}

/* ---------- الحقول والروابط ---------- */
html body #user_profile#user_profile#user_profile.pf-rose-soft input,
html body #user_profile#user_profile#user_profile.pf-rose-soft select,
html body #user_profile#user_profile#user_profile.pf-rose-soft textarea{
  background:rgba(0,0,0,.35) !important;
  color:#fff !important;
  border:1px solid rgba(255,143,207,.5) !important;
  border-radius:8px !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft a{
  color:#ff8fcf !important;
}

/* ---------- إضافات: عناصر الذهبي القديم اللي ما غطاها القسم فوق ---------- */

/* الأزرار العامة (حفظ / تغيير ...) */
html body #user_profile#user_profile#user_profile.pf-rose-soft .btn:not([data-dismiss]),
html body #user_profile#user_profile#user_profile.pf-rose-soft button:not([data-dismiss]){
  border-color:#ff8fcf !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .btn:not([data-dismiss]):hover,
html body #user_profile#user_profile#user_profile.pf-rose-soft button:not([data-dismiss]):hover{
  background:#ff8fcf !important;
  color:#3a0f2e !important;
}

/* نص أزرار الفوتر يبقى أخضر (الأزرار العامة فوق تفرض الأبيض) */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > *:not([data-dismiss]){
  color:#ff8fcf !important;
  -webkit-text-fill-color:#ff8fcf !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > *:not([data-dismiss]):hover{
  color:#3a0f2e !important;
  -webkit-text-fill-color:#3a0f2e !important;
}

/* ===== زر التجاهل: بعرض كامل ===== */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__footer__actions > *:has(#user_profile__footer__actions__item--ignore),
html body #user_profile#user_profile#user_profile.pf-rose-soft #user_profile__footer__actions__item--ignore{
  grid-column:1 / -1 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft #user_profile__footer__actions__item--ignore{
  background:rgba(0,0,0,.35) !important;
  background-image:none !important;
  border:1.5px solid #ff8fcf !important;
  border-radius:22px !important;
  padding:9px 6px !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:#ff8fcf !important;
  -webkit-text-fill-color:#ff8fcf !important;
  text-align:center !important;
  box-shadow:none !important;
  outline:0 !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft #user_profile__footer__actions__item--ignore *{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  width:auto !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft #user_profile__footer__actions__item--ignore:hover{
  background:linear-gradient(90deg,#ff8fcf,#d9b8ff) !important;
  box-shadow:0 0 14px rgba(255,143,207,.6) !important;
  color:#3a0f2e !important;
  -webkit-text-fill-color:#3a0f2e !important;
}
/* ===== قلوب تنبض حول الصورة ===== */
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__avatar-overlay::before,
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__avatar-overlay::after{
  content:"" !important;
  position:absolute !important;
  top:-18px !important;
  left:-18px !important;
  right:-18px !important;
  bottom:-18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,#ff8fcf,#d9b8ff) !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center/contain no-repeat;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  animation:pfHeartPulse 2.4s ease-out infinite !important;
}
html body #user_profile#user_profile#user_profile.pf-rose-soft .user_profile__avatar-overlay::after{
  animation-delay:1.2s !important;
}
@keyframes pfHeartPulse{
  0%{transform:scale(.8);opacity:.85}
  100%{transform:scale(1.6);opacity:0}
}
/* =====================================================================
   إضافة الزمردي - تُلصق بآخر ملف الذهبي (لا تحذف أي كود قديم)
   ترتيبها بالنهاية + أولوية أعلى = الزمردي يغلب الذهبي
   لإرجاع الذهبي: امسح هذا القسم كله فقط
   ===================================================================== */

/* ---------- النافذة ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .modal-content{
  background:linear-gradient(160deg,#04261b,#0b6b47) !important;
  border:2px solid #4dffb0 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  box-shadow:0 10px 30px rgba(0,0,0,.65),0 0 18px rgba(77,255,176,.35) !important;
}

/* ---------- الشريط العلوي ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__header{
  background:#02150f !important;
  border-bottom:1px solid rgba(77,255,176,.45) !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__header__name{
  color:#4dffb0 !important;
  font-weight:900 !important;
  text-shadow:0 0 8px rgba(77,255,176,.6);
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__header [data-dismiss="modal"]{
  color:#fff !important;
  opacity:1 !important;
}

/* ---------- الجسم ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__body{
  background:transparent !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic #user_profile__body__avatar,
html body #user_profile#user_profile#user_profile.pf-emerald-classic #user_profile__body__user_details{
  color:#fff !important;
}

/* ---------- الغلاف يتلاشى للأسفل ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__cover-container{
  position:relative !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__cover-container::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(4,38,27,0) 45%,#04261b 100%);
}

/* ---------- صورة العضو: دائرة بالمنتصف مع حلقة متقطعة تدور ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__avatar-overlay{
  position:absolute !important;
  top:80px !important;
  bottom:auto !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:120px !important;
  height:120px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  border:4px solid #4dffb0 !important;
  box-shadow:0 0 18px rgba(77,255,176,.6) !important;
  overflow:visible !important;
  background:#04261b !important;
  z-index:5;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__avatar-overlay::before{
  content:"";
  position:absolute;
  top:-12px;left:-12px;right:-12px;bottom:-12px;
  border:3px dashed #4dffb0;
  border-radius:50%;
  animation:pfEmeraldSpin 10s linear infinite;
  pointer-events:none;
}
@keyframes pfEmeraldSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__avatar-overlay img,
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__avatar-overlay *{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
}

/* ---------- الحالة: زجاجي ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__body__status{
  display:block !important;
  width:fit-content !important;
  max-width:88% !important;
  margin:24px auto 8px !important;
  padding:10px 22px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(77,255,176,.07)) !important;
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  backdrop-filter:blur(10px) saturate(140%);
  border:1px solid rgba(77,255,176,.45) !important;
  border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.6 !important;
  text-align:center !important;
  word-break:break-word;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__body__status *{
  background:transparent !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}

/* ---------- زر الروم ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__body__room{
  background:rgba(0,0,0,.35) !important;
  background-image:none !important;
  border:1.5px solid #4dffb0 !important;
  border-radius:22px !important;
  padding:5px 14px !important;
  color:#4dffb0 !important;
  -webkit-text-fill-color:#4dffb0 !important;
  font-weight:700 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 0 10px rgba(77,255,176,.25) !important;
  transition:all .2s ease;
  cursor:pointer;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__body__room *{
  background:transparent !important;
  background-image:none !important;
  color:#4dffb0 !important;
  -webkit-text-fill-color:#4dffb0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__body__room img{
  border:1.5px solid #4dffb0 !important;
  border-radius:50% !important;
  width:26px !important;
  height:26px !important;
  object-fit:cover;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__body__room:hover{
  background:linear-gradient(90deg,#4dffb0,#a8ffd9) !important;
  box-shadow:0 0 14px rgba(77,255,176,.6) !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__body__room:hover *{
  color:#04261b !important;
  -webkit-text-fill-color:#04261b !important;
}

/* ---------- الفوتر ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer{
  background:#02150f !important;
  border-top:1px solid rgba(77,255,176,.45) !important;
  padding:10px !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

/* أزرار الفوتر: كبسولات */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > *{
  background:rgba(0,0,0,.35) !important;
  background-image:none !important;
  border:1.5px solid #4dffb0 !important;
  border-radius:22px !important;
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:none !important;
  transition:all .2s ease;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > * *,
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > * *::before,
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > * *::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:#4dffb0 !important;
  -webkit-text-fill-color:#4dffb0 !important;
  font-weight:700 !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  line-height:1.3 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  width:auto !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > * > *{
  width:100% !important;
  padding:9px 6px !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,#4dffb0,#a8ffd9) !important;
  box-shadow:0 0 14px rgba(77,255,176,.6) !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > *:hover *{
  color:#04261b !important;
  -webkit-text-fill-color:#04261b !important;
}

/* حذف إلغاء التجاهل + التجاهل بعرض كامل وبالمنتصف */
html body #user_profile#user_profile#user_profile.pf-emerald-classic #user_profile__footer__actions__item--unignore{
  display:none !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic #user_profile__footer__actions__item--ignore,
html body #user_profile#user_profile#user_profile.pf-emerald-classic [id$="__item--ignore"]{
  grid-column:1 / -1 !important;
  width:100% !important;
  flex:1 1 100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* إرجاع الإخفاء للعناصر المخفية بالموقع */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions [style*="display: none"],
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions [style*="display:none"],
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions [hidden],
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions .hidden,
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions .hide,
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions .d-none{
  display:none !important;
}

/* ---------- الحقول والروابط ---------- */
html body #user_profile#user_profile#user_profile.pf-emerald-classic input,
html body #user_profile#user_profile#user_profile.pf-emerald-classic select,
html body #user_profile#user_profile#user_profile.pf-emerald-classic textarea{
  background:rgba(0,0,0,.35) !important;
  color:#fff !important;
  border:1px solid rgba(77,255,176,.5) !important;
  border-radius:8px !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic a{
  color:#4dffb0 !important;
}

/* ---------- إضافات: عناصر الذهبي القديم اللي ما غطاها القسم فوق ---------- */

/* الأزرار العامة (حفظ / تغيير ...) */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .btn:not([data-dismiss]),
html body #user_profile#user_profile#user_profile.pf-emerald-classic button:not([data-dismiss]){
  border-color:#4dffb0 !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .btn:not([data-dismiss]):hover,
html body #user_profile#user_profile#user_profile.pf-emerald-classic button:not([data-dismiss]):hover{
  background:#4dffb0 !important;
  color:#04261b !important;
}

/* نص أزرار الفوتر يبقى أخضر (الأزرار العامة فوق تفرض الأبيض) */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > *:not([data-dismiss]){
  color:#4dffb0 !important;
  -webkit-text-fill-color:#4dffb0 !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > *:not([data-dismiss]):hover{
  color:#04261b !important;
  -webkit-text-fill-color:#04261b !important;
}
/* ===== زر التجاهل: زمردي، بعرض كامل ===== */

/* الحاوية اللي فيها زر التجاهل تمتد بعرض الشبكة كامل */
html body #user_profile#user_profile#user_profile.pf-emerald-classic .user_profile__footer__actions > *:has(#user_profile__footer__actions__item--ignore),
html body #user_profile#user_profile#user_profile.pf-emerald-classic #user_profile__footer__actions__item--ignore{
  grid-column:1 / -1 !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* شكل الزر (بدون لمس الخط حتى تبقى الأيقونة سليمة) */
html body #user_profile#user_profile#user_profile.pf-emerald-classic #user_profile__footer__actions__item--ignore{
  background:rgba(0,0,0,.35) !important;
  background-image:none !important;
  border:1.5px solid #4dffb0 !important;
  border-radius:22px !important;
  padding:9px 6px !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:#4dffb0 !important;
  -webkit-text-fill-color:#4dffb0 !important;
  text-align:center !important;
  box-shadow:none !important;
  outline:0 !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic #user_profile__footer__actions__item--ignore *{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  width:auto !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
html body #user_profile#user_profile#user_profile.pf-emerald-classic #user_profile__footer__actions__item--ignore:hover{
  background:linear-gradient(90deg,#4dffb0,#a8ffd9) !important;
  box-shadow:0 0 14px rgba(77,255,176,.6) !important;
  color:#04261b !important;
  -webkit-text-fill-color:#04261b !important;
}
/* =====================================================================
   ثلج ذهبي نازل + نجوم ذهبية تلمع على كل البروفايل
   ===================================================================== */
@keyframes pfSnowFall{
  to{background-position:0 200px,0 300px,0 420px}
}
@keyframes pfTwinkle{
  0%,100%{opacity:.25}
  50%{opacity:1}
}

html body #user_profile#user_profile#user_profile.pf-snow .modal-content{
  position:relative !important;
}

/* الثلج الذهبي: ثلاث طبقات بسرعات وأحجام مختلفة */
html body #user_profile#user_profile#user_profile.pf-snow .modal-content::before,
.ys-stage.ys-fx--pf-snow::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:30 !important;
  pointer-events:none !important;
  background-image:
    /* طبقة 1 (200px) */
    radial-gradient(2px 2px at 20px 30px,#f6e27a,transparent),
    radial-gradient(3px 3px at 90px 120px,rgba(255,243,176,.95),transparent),
    radial-gradient(2px 2px at 150px 70px,#d4af37,transparent),
    radial-gradient(3px 3px at 60px 170px,rgba(246,226,122,.9),transparent),
    /* طبقة 2 (300px) */
    radial-gradient(3px 3px at 40px 60px,#fff3b0,transparent),
    radial-gradient(4px 4px at 200px 150px,rgba(212,175,55,.95),transparent),
    radial-gradient(2px 2px at 130px 240px,#f6e27a,transparent),
    radial-gradient(3px 3px at 260px 40px,rgba(255,243,176,.9),transparent),
    /* طبقة 3 (420px) */
    radial-gradient(4px 4px at 80px 90px,rgba(246,226,122,.95),transparent),
    radial-gradient(5px 5px at 250px 300px,rgba(212,175,55,.9),transparent),
    radial-gradient(3px 3px at 340px 180px,#fff3b0,transparent),
    radial-gradient(4px 4px at 160px 380px,rgba(246,226,122,.95),transparent) !important;
  background-size:
    200px 200px,200px 200px,200px 200px,200px 200px,
    300px 300px,300px 300px,300px 300px,300px 300px,
    420px 420px,420px 420px,420px 420px,420px 420px !important;
  background-repeat:repeat !important;
  filter:drop-shadow(0 0 3px rgba(212,175,55,.8)) !important;
  animation:pfSnowFall 9s linear infinite !important;
}

/* النجوم الذهبية: نقاط تلمع بالتناوب */
html body #user_profile#user_profile#user_profile.pf-snow .modal-content::after,
.ys-stage.ys-fx--pf-snow::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:29 !important;
  pointer-events:none !important;
  background-image:
    radial-gradient(1.5px 1.5px at 30px 40px,#f6e27a,transparent),
    radial-gradient(2px 2px at 110px 90px,#fff3b0,transparent) !important;
  background-repeat:repeat !important;
  animation:pfTwinkle 4s ease-in-out infinite !important;
}

/* =====================================================================
   شرارات ذهبية سحرية تطلع للأعلى (بدل الثلج)
   ===================================================================== */
@keyframes pfSparkRise{
  to{background-position:0 -280px,0 -400px,0 -520px}
}

html body #user_profile#user_profile#user_profile.pf-sparks .modal-content::before,
.ys-stage.ys-fx--pf-sparks::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:30 !important;
  pointer-events:none !important;
  background-image:
    /* طبقة 1: شرارات صغيرة */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cg fill='%23f6e27a'%3E%3Cpath transform='translate(40,60)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3Cpath transform='translate(170,30) scale(.7)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3Cpath transform='translate(110,190) scale(.9)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3Cpath transform='translate(230,230) scale(.6)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3C/g%3E%3C/svg%3E"),
    /* طبقة 2: شرارات متوسطة بلون وردي ذهبي */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23ffd9a8'%3E%3Cpath transform='translate(90,120) scale(1.3)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3Cpath transform='translate(300,70) scale(1)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3Cpath transform='translate(220,310) scale(1.2)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3C/g%3E%3C/svg%3E"),
    /* طبقة 3: شرارات كبيرة نادرة */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cg fill='%23fff3b0'%3E%3Cpath transform='translate(130,200) scale(1.8)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3Cpath transform='translate(400,400) scale(1.5)' d='M0-7C1-2 2-1 7 0 2 1 1 2 0 7-1 2-2 1-7 0-2-1-1-2 0-7z'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size:280px 280px,400px 400px,520px 520px !important;
  background-repeat:repeat !important;
  filter:drop-shadow(0 0 5px rgba(246,226,122,.9)) !important;
  animation:pfSparkRise 16s linear infinite, pfTwinkle 4s ease-in-out infinite !important;
}
/* =====================================================================
   فراشات ترفرف وتطير للأعلى (بدل الشرارات)
   ===================================================================== */
@keyframes pfButterFly{
  0%  {background-position:0 0,0 0,0 0}
  25% {background-position:30px -100px,-40px -140px,25px -180px}
  50% {background-position:0 -200px,0 -280px,0 -360px}
  75% {background-position:-30px -300px,40px -420px,-25px -540px}
  100%{background-position:0 -400px,0 -560px,0 -720px}
}

html body #user_profile#user_profile#user_profile.pf-butter .modal-content::before,
.ys-stage.ys-fx--pf-butter::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:30 !important;
  pointer-events:none !important;
  background-image:
    /* طبقة 1: فراشات ذهبية */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23f6e27a' opacity='.9'%3E%3Cg transform='translate(60,80) scale(1.1)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;.25 1;1 1' dur='.7s' repeatCount='indefinite'/%3E%3Cpath d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3C/g%3E%3Crect x='-.8' y='-6' width='1.6' height='13' rx='.8'/%3E%3C/g%3E%3Cg transform='translate(290,250) scale(.8)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;.25 1;1 1' dur='.55s' repeatCount='indefinite'/%3E%3Cpath d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3C/g%3E%3Crect x='-.8' y='-6' width='1.6' height='13' rx='.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    /* طبقة 2: فراشات وردية */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560'%3E%3Cg fill='%23f2a7b8' opacity='.9'%3E%3Cg transform='translate(150,140) scale(1.5)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;.25 1;1 1' dur='.85s' repeatCount='indefinite'/%3E%3Cpath d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3C/g%3E%3Crect x='-.8' y='-6' width='1.6' height='13' rx='.8'/%3E%3C/g%3E%3Cg transform='translate(420,400) scale(1.2)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;.25 1;1 1' dur='.65s' repeatCount='indefinite'/%3E%3Cpath d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3C/g%3E%3Crect x='-.8' y='-6' width='1.6' height='13' rx='.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    /* طبقة 3: فراشات كبيرة نادرة بلون لؤلؤي */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cg fill='%23ffe3dc' opacity='.85'%3E%3Cg transform='translate(220,300) scale(2)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;.25 1;1 1' dur='1s' repeatCount='indefinite'/%3E%3Cpath d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3C/g%3E%3Crect x='-.8' y='-6' width='1.6' height='13' rx='.8'/%3E%3C/g%3E%3Cg transform='translate(540,560) scale(1.7)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;.25 1;1 1' dur='.9s' repeatCount='indefinite'/%3E%3Cpath d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C4-10 16-14 18-6 19 0 10 4 0 0Z'/%3E%3Cpath transform='scale(-1 1)' d='M0 0C8 2 14 8 10 13 6 15 2 8 0 0Z'/%3E%3C/g%3E%3Crect x='-.8' y='-6' width='1.6' height='13' rx='.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-size:400px 400px,560px 560px,720px 720px !important;
  background-repeat:repeat !important;
  filter:drop-shadow(0 0 5px rgba(246,226,122,.8)) !important;
  animation:pfButterFly 22s linear infinite !important;
}

/* =========================================================
   CROW FULL PROFILE OVERLAY
   ========================================================= */

html body #user_profile#user_profile#user_profile.pf-crow .modal-content{
  position:relative !important;
  overflow:hidden !important;
}

/* الغراب المتحرك فوق كامل البروفايل */
html body #user_profile#user_profile#user_profile.pf-crow .modal-content .pf-crow-overlay{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  background-image:url("https://media1.tenor.com/m/aP7M3EMKhUIAAAAd/crows-black-and-white.gif") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:cover !important;

  opacity:.18 !important;

  pointer-events:none !important;

  z-index:999999 !important;

  display:block !important;

  filter:contrast(1.15) brightness(.95) !important;

  animation:pfCrowFade 3s ease-in-out infinite alternate !important;
}

/* حركة خفيفة للطبقة */
@keyframes pfCrowFade{
  from{
    opacity:.13;
  }
  to{
    opacity:.22;
  }
}

/* تأكيد أن الغراب فوق كل العناصر */
html body #user_profile#user_profile#user_profile.pf-crow .modal-content .pf-crow-overlay{
  isolation:isolate !important;
}

@property --pf-turn{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
@keyframes pfTurn{to{--pf-turn:360deg}}

/* ياقوت: ستايل ليلي بحلقة تدور حول الصورة وإطار متحرك للحالة */
html body #user_profile#user_profile#user_profile.pf-sapphire{
  --bg1:#07111f;
  --bg2:#16345c;
  --bg3:#0c1c34;
  --bar:#06101c;
  --ac:#9fd0ff;
  --ac2:#f4e3b2;
  --rgb:159,208,255;
  --dark:#07111f;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .modal-content{
  background:
    radial-gradient(circle at 50% 18%,rgba(159,208,255,.16),transparent 28%),
    linear-gradient(160deg,var(--bg1),var(--bg2),var(--bg3),var(--bg1)) !important;
  background-size:100% 100%,240% 240% !important;
  animation:pfAuroraBg 18s ease-in-out infinite;
  border:1px solid rgba(244,227,178,.45) !important;
  border-radius:16px !important;
  overflow:visible !important;
  color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  box-shadow:0 18px 50px rgba(0,0,0,.72),0 0 0 1px rgba(159,208,255,.12) inset !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__header{
  background:linear-gradient(180deg,rgba(6,16,28,.2),var(--bar)) !important;
  border-bottom:1px solid rgba(159,208,255,.22) !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__header__name{
  background:linear-gradient(90deg,#d7e9ff,#fff,#f4e3b2,#fff,#9fd0ff) !important;
  background-size:220% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  font-weight:900 !important;
  text-shadow:none !important;
  animation:pfShine 5.5s linear infinite;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__header [data-dismiss="modal"]{
  color:#f4e3b2 !important;
  opacity:1 !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire.modal{
  overflow-y:auto !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .modal-dialog{
  margin:12px auto !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__scroll_area{
  max-height:none !important;
  overflow:visible !important;
  background:transparent !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body{
  background:transparent !important;
  color:#e7f2ff !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__scroll_area *{
  color:#e7f2ff !important;
  -webkit-text-fill-color:#e7f2ff !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__cover-container{
  position:relative !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__cover-container::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 40%,var(--bg1) 100%);
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__avatar-overlay{
  position:absolute !important;
  top:80px !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  width:118px !important;
  height:118px !important;
  margin:0 !important;
  border-radius:50% !important;
  border:3px solid #07111f !important;
  overflow:visible !important;
  background:#07111f !important;
  z-index:5;
  box-shadow:0 0 0 1px rgba(244,227,178,.7),0 0 22px rgba(159,208,255,.45) !important;
  animation:pfGlow 3.6s ease-in-out infinite;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__avatar-overlay img,
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__avatar-overlay *{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__avatar-overlay::before{
  content:"" !important;
  position:absolute !important;
  inset:-15px !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg,transparent 0 62%,#9fd0ff 78%,#fff 86%,#f4e3b2 93%,transparent 100%) !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
  animation:pfSpin 4.2s linear infinite !important;
  pointer-events:none;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__avatar-overlay::after{
  content:"" !important;
  position:absolute !important;
  inset:-8px !important;
  border-radius:50% !important;
  border:1px solid rgba(244,227,178,.8) !important;
  border-top-color:transparent !important;
  border-left-color:transparent !important;
  background:none !important;
  animation:pfSpinRev 7s linear infinite !important;
  pointer-events:none;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__status{
  position:relative !important;
  display:block !important;
  width:fit-content !important;
  max-width:86% !important;
  margin:24px auto 8px !important;
  padding:6px 16px !important;
  background:
    linear-gradient(180deg,rgba(159,208,255,.14),rgba(7,17,31,.55)) !important;
  border:1px solid rgba(244,227,178,.28) !important;
  border-radius:6px 22px 6px 22px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  text-align:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__status::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  border-radius:8px 24px 8px 24px !important;
  padding:2px !important;
  background:conic-gradient(from var(--pf-turn),transparent 0 55%,#9fd0ff 74%,#fff 84%,#f4e3b2 94%,transparent 100%) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  animation:pfTurn 3.4s linear infinite !important;
  pointer-events:none !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__status::after{
  content:"" !important;
  position:absolute !important;
  top:-6px !important;
  left:50% !important;
  width:9px !important;
  height:9px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:linear-gradient(135deg,#fff,#9fd0ff 45%,#f4e3b2) !important;
  box-shadow:0 0 10px rgba(159,208,255,.9) !important;
  pointer-events:none !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__status *{
  background:transparent !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__room{
  display:inline-flex !important;
  float:right !important;
  width:auto !important;
  max-width:70% !important;
  margin:0 !important;
  padding:2px 10px 2px 4px !important;
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:30px !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-shadow:0 4px 12px rgba(var(--rgb),.22) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__room *{
  background:transparent !important;
  background-image:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.2 !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__room img{
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__room:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__room:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__country_flag{
  display:inline !important;
  float:none !important;
  white-space:nowrap !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__country_name{
  display:inline !important;
  color:#e7f2ff !important;
  -webkit-text-fill-color:#e7f2ff !important;
  background:transparent !important;
  font-size:.55rem !important;
  font-weight:700 !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__stats,
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__stats *{
  color:#e7f2ff !important;
  -webkit-text-fill-color:#e7f2ff !important;
  background:transparent !important;
  font-size:.6rem !important;
  font-weight:400 !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .qc-badge,
html body #user_profile#user_profile#user_profile.pf-sapphire .qc-badge *{
  color:#f4e3b2 !important;
  -webkit-text-fill-color:#f4e3b2 !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .qc-badge{
  background:color-mix(in srgb, var(--bg1) 88%, transparent) !important;
  border:1px solid #f4e3b2 !important;
  box-shadow:0 0 0 1px rgba(159,208,255,.45),0 0 12px rgba(159,208,255,.35) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .qc-badge svg{
  color:#9fd0ff !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .qc-badge__xp{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__stats{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin:8px 16px 4px !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__stats--stars .fa-star{
  color:rgba(244,227,178,.28) !important;
  -webkit-text-fill-color:rgba(244,227,178,.28) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__stats--stars .fa-star.checked{
  color:#f4e3b2 !important;
  -webkit-text-fill-color:#f4e3b2 !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__tags{
  display:block !important;
  text-align:center !important;
  margin:8px 10px 14px !important;
  background:transparent !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__body__tags img{
  filter:drop-shadow(0 0 6px rgba(159,208,255,.35));
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer{
  background:var(--bar) !important;
  border-top:1px solid rgba(var(--rgb),.35) !important;
  border-radius:22px 22px 0 0 !important;
  padding:12px !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer__actions{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer__actions > *{
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:18px !important;
  padding:0 !important;
  margin:0 !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer__actions > * *,
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer__actions > * *::before,
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer__actions > * *::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-weight:700 !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  box-shadow:0 0 16px rgba(var(--rgb),.45) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer__actions > *:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire #user_profile__footer__actions__item--unignore{
  display:none !important;
}
html body #user_profile#user_profile#user_profile.pf-sapphire .user_profile__footer__actions > *:has(#user_profile__footer__actions__item--ignore),
html body #user_profile#user_profile#user_profile.pf-sapphire #user_profile__footer__actions__item--ignore{
  grid-column:1 / -1 !important;
  width:100% !important;
}



@keyframes pfFlameFlicker{
  0%,100%{opacity:.72;filter:brightness(1)}
  40%{opacity:1;filter:brightness(1.45)}
  70%{opacity:.58;filter:brightness(.88)}
}

/* لهب: أحمر ناري، النار حول الصورة والحالة فقط */
html body #user_profile#user_profile#user_profile.pf-flame{
  --bg1:#1a0604;
  --bg2:#6a160c;
  --bg3:#3a0c08;
  --bar:#120302;
  --ac:#ff5a1f;
  --ac2:#ffd27a;
  --rgb:255,90,31;
  --dark:#1a0604;
}
html body #user_profile#user_profile#user_profile.pf-flame .modal-content{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,90,31,.16),transparent 28%),
    linear-gradient(160deg,var(--bg1),var(--bg2),var(--bg3),var(--bg1)) !important;
  background-size:100% 100%,240% 240% !important;
  animation:pfAuroraBg 18s ease-in-out infinite;
  border:1px solid rgba(255,210,122,.45) !important;
  border-radius:16px !important;
  overflow:visible !important;
  color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  box-shadow:0 18px 50px rgba(0,0,0,.72),0 0 0 1px rgba(255,90,31,.12) inset !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__header{
  background:transparent !important;
  border-bottom:0 !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__header__name{
  background:linear-gradient(90deg,#ffe0cc,#fff,#ffd27a,#fff,#ff5a1f) !important;
  background-size:220% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  font-weight:900 !important;
  text-shadow:none !important;
  animation:pfShine 5.5s linear infinite;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__header [data-dismiss="modal"]{
  color:#ffd27a !important;
  opacity:1 !important;
}
html body #user_profile#user_profile#user_profile.pf-flame.modal{
  overflow-y:auto !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .modal-dialog{
  margin:12px auto !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__scroll_area{
  max-height:none !important;
  overflow:visible !important;
  background:transparent !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body{
  background:transparent !important;
  color:#ffe8dc !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__scroll_area *{
  color:#ffe8dc !important;
  -webkit-text-fill-color:#ffe8dc !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__cover-container{
  position:relative !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__cover-container::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 40%,var(--bg1) 100%);
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__avatar-overlay{
  position:absolute !important;
  top:80px !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  width:118px !important;
  height:118px !important;
  margin:0 !important;
  border-radius:50% !important;
  border:3px solid #1a0604 !important;
  overflow:visible !important;
  background:#1a0604 !important;
  z-index:5;
  box-shadow:0 0 0 1px rgba(255,210,122,.7),0 0 22px rgba(255,90,31,.45) !important;
  animation:pfGlow 3.6s ease-in-out infinite;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__avatar-overlay img,
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__avatar-overlay *{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__avatar-overlay::before{
  content:"" !important;
  position:absolute !important;
  inset:-16px !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg,transparent 0 8%,#ff2a00 14%,#ffb000 20%,#fff4c8 23%,transparent 30% 42%,#ff4d00 50%,#ffe08a 56%,transparent 64% 74%,#ff1a00 82%,#fff 87%,#ff7a18 93%,transparent 100%) !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 2px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 2px)) !important;
  animation:pfSpin 1.5s linear infinite,pfFlameFlicker .42s ease-in-out infinite !important;
  pointer-events:none;
  filter:drop-shadow(0 0 6px rgba(255,70,0,.85));
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__avatar-overlay::after{
  content:"" !important;
  position:absolute !important;
  inset:-4px !important;
  border-radius:50% !important;
  border:0 !important;
  background:conic-gradient(from 90deg,transparent 0 18%,#ff6a00 28%,#fff 34%,#ff2a00 42%,transparent 52% 70%,#ffd000 80%,#ff3b00 90%,transparent 100%) !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px)) !important;
  animation:pfSpinRev 2.2s linear infinite,pfFlameFlicker .55s ease-in-out infinite !important;
  pointer-events:none;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__status{
  position:relative !important;
  display:block !important;
  width:fit-content !important;
  max-width:86% !important;
  margin:24px auto 8px !important;
  padding:6px 16px !important;
  background:
    linear-gradient(180deg,rgba(255,90,31,.14),rgba(7,17,31,.55)) !important;
  border:1px solid rgba(255,210,122,.28) !important;
  border-radius:6px 22px 6px 22px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  text-align:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__status::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  border-radius:8px 24px 8px 24px !important;
  padding:2px !important;
  background:conic-gradient(from var(--pf-turn),transparent 0 55%,#ff5a1f 74%,#fff 84%,#ffd27a 94%,transparent 100%) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  animation:pfTurn 3.4s linear infinite !important;
  pointer-events:none !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__status::after{
  content:"" !important;
  position:absolute !important;
  top:-6px !important;
  left:50% !important;
  width:9px !important;
  height:9px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:linear-gradient(135deg,#fff,#ff5a1f 45%,#ffd27a) !important;
  box-shadow:0 0 10px rgba(255,90,31,.9) !important;
  pointer-events:none !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__status *{
  background:transparent !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__room{
  display:inline-flex !important;
  float:right !important;
  width:auto !important;
  max-width:70% !important;
  margin:0 !important;
  padding:2px 10px 2px 4px !important;
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:30px !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-shadow:0 4px 12px rgba(var(--rgb),.22) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__room *{
  background:transparent !important;
  background-image:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.2 !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__room img{
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__room:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__room:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__country_flag{
  display:inline !important;
  float:none !important;
  white-space:nowrap !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__country_name{
  display:inline !important;
  color:#ffe8dc !important;
  -webkit-text-fill-color:#ffe8dc !important;
  background:transparent !important;
  font-size:.55rem !important;
  font-weight:700 !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__stats,
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__stats *{
  color:#ffe8dc !important;
  -webkit-text-fill-color:#ffe8dc !important;
  background:transparent !important;
  font-size:.6rem !important;
  font-weight:400 !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .qc-badge,
html body #user_profile#user_profile#user_profile.pf-flame .qc-badge *{
  color:#ffd27a !important;
  -webkit-text-fill-color:#ffd27a !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .qc-badge{
  background:color-mix(in srgb, var(--bg1) 88%, transparent) !important;
  border:1px solid #ffd27a !important;
  box-shadow:0 0 0 1px rgba(255,90,31,.45),0 0 12px rgba(255,90,31,.35) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .qc-badge svg{
  color:#ff5a1f !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .qc-badge__xp{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__stats{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin:8px 16px 4px !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__stats--stars .fa-star{
  color:rgba(255,210,122,.28) !important;
  -webkit-text-fill-color:rgba(255,210,122,.28) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__stats--stars .fa-star.checked{
  color:#ffd27a !important;
  -webkit-text-fill-color:#ffd27a !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__tags{
  display:block !important;
  text-align:center !important;
  margin:8px 10px 14px !important;
  background:transparent !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__body__tags img{
  filter:drop-shadow(0 0 6px rgba(255,90,31,.35));
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer{
  background:transparent !important;
  border-top:0 !important;
  border-radius:0 !important;
  padding:12px !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer__actions{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer__actions > *{
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:18px !important;
  padding:0 !important;
  margin:0 !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer__actions > * *,
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer__actions > * *::before,
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer__actions > * *::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-weight:700 !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  box-shadow:0 0 16px rgba(var(--rgb),.45) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer__actions > *:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.pf-flame #user_profile__footer__actions__item--unignore{
  display:none !important;
}
html body #user_profile#user_profile#user_profile.pf-flame .user_profile__footer__actions > *:has(#user_profile__footer__actions__item--ignore),
html body #user_profile#user_profile#user_profile.pf-flame #user_profile__footer__actions__item--ignore{
  grid-column:1 / -1 !important;
  width:100% !important;
}


/* مخمل: نفس ترتيب ياقوت بلون وردي وفقاعات خفيفة */
html body #user_profile#user_profile#user_profile.pf-velvet{
  --bg1:#1a0a14;
  --bg2:#5c2344;
  --bg3:#2a1022;
  --bar:#140810;
  --ac:#ffb3d1;
  --ac2:#ffe4ef;
  --rgb:159,208,255;
  --dark:#1a0a14;
}
html body #user_profile#user_profile#user_profile.pf-velvet .modal-content{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,179,209,.16),transparent 28%),
    linear-gradient(160deg,var(--bg1),var(--bg2),var(--bg3),var(--bg1)) !important;
  background-size:100% 100%,240% 240% !important;
  animation:pfAuroraBg 18s ease-in-out infinite;
  border:1px solid rgba(255,228,239,.45) !important;
  border-radius:22px !important;
  overflow:visible !important;
  color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  box-shadow:0 18px 50px rgba(0,0,0,.72),0 0 0 1px rgba(255,179,209,.12) inset !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__header{
  background:linear-gradient(180deg,rgba(20,8,16,.2),var(--bar)) !important;
  border-bottom:1px solid rgba(255,179,209,.22) !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__header__name{
  background:linear-gradient(90deg,#ffe9f3,#fff,#ffe4ef,#fff,#ffb3d1) !important;
  background-size:220% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  font-weight:900 !important;
  text-shadow:none !important;
  animation:pfShine 5.5s linear infinite;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__header [data-dismiss="modal"]{
  color:#ffe4ef !important;
  opacity:1 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet.modal{
  overflow-y:auto !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .modal-dialog{
  margin:12px auto !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__scroll_area{
  max-height:none !important;
  overflow:visible !important;
  background:transparent !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body{
  background:transparent !important;
  color:#ffe8f2 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__scroll_area *{
  color:#ffe8f2 !important;
  -webkit-text-fill-color:#ffe8f2 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__cover-container{
  position:relative !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__cover-container::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 40%,var(--bg1) 100%);
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__avatar-overlay{
  position:absolute !important;
  top:80px !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  width:118px !important;
  height:118px !important;
  margin:0 !important;
  border-radius:50% !important;
  border:3px solid #1a0a14 !important;
  overflow:visible !important;
  background:#1a0a14 !important;
  z-index:5;
  box-shadow:0 0 0 1px rgba(255,228,239,.7),0 0 22px rgba(255,179,209,.45) !important;
  animation:pfGlow 3.6s ease-in-out infinite;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__avatar-overlay img,
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__avatar-overlay *{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__avatar-overlay::before{
  content:"" !important;
  position:absolute !important;
  inset:-15px !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg,transparent 0 62%,#ffb3d1 78%,#fff 86%,#ffe4ef 93%,transparent 100%) !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
  animation:pfSpin 4.2s linear infinite !important;
  pointer-events:none;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__avatar-overlay::after{
  content:"" !important;
  position:absolute !important;
  inset:-8px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,228,239,.8) !important;
  border-top-color:transparent !important;
  border-left-color:transparent !important;
  background:none !important;
  animation:pfSpinRev 7s linear infinite !important;
  pointer-events:none;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__status{
  position:relative !important;
  display:block !important;
  width:fit-content !important;
  max-width:86% !important;
  margin:24px auto 8px !important;
  padding:6px 16px !important;
  background:
    linear-gradient(180deg,rgba(255,179,209,.14),rgba(7,17,31,.55)) !important;
  border:1px solid rgba(255,228,239,.28) !important;
  border-radius:22px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  text-align:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__status::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  border-radius:24px !important;
  padding:2px !important;
  background:conic-gradient(from var(--pf-turn),transparent 0 55%,#ffb3d1 74%,#fff 84%,#ffe4ef 94%,transparent 100%) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  animation:pfTurn 3.4s linear infinite !important;
  pointer-events:none !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__status::after{
  content:"" !important;
  position:absolute !important;
  top:-6px !important;
  left:50% !important;
  width:9px !important;
  height:9px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:linear-gradient(135deg,#fff,#ffb3d1 45%,#ffe4ef) !important;
  box-shadow:0 0 10px rgba(255,179,209,.9) !important;
  pointer-events:none !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__status *{
  background:transparent !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__room{
  display:inline-flex !important;
  float:right !important;
  width:auto !important;
  max-width:70% !important;
  margin:0 !important;
  padding:2px 10px 2px 4px !important;
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:30px !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-shadow:0 4px 12px rgba(var(--rgb),.22) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__room *{
  background:transparent !important;
  background-image:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.2 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__room img{
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__room:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__room:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__country_flag{
  display:inline !important;
  float:none !important;
  white-space:nowrap !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__country_name{
  display:inline !important;
  color:#ffe8f2 !important;
  -webkit-text-fill-color:#ffe8f2 !important;
  background:transparent !important;
  font-size:.55rem !important;
  font-weight:700 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__stats,
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__stats *{
  color:#ffe8f2 !important;
  -webkit-text-fill-color:#ffe8f2 !important;
  background:transparent !important;
  font-size:.6rem !important;
  font-weight:400 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .qc-badge,
html body #user_profile#user_profile#user_profile.pf-velvet .qc-badge *{
  color:#ffe4ef !important;
  -webkit-text-fill-color:#ffe4ef !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .qc-badge{
  background:color-mix(in srgb, var(--bg1) 88%, transparent) !important;
  border:1px solid #ffe4ef !important;
  box-shadow:0 0 0 1px rgba(255,179,209,.45),0 0 12px rgba(255,179,209,.35) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .qc-badge svg{
  color:#ffb3d1 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .qc-badge__xp{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__stats{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin:8px 16px 4px !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__stats--stars .fa-star{
  color:rgba(255,228,239,.28) !important;
  -webkit-text-fill-color:rgba(255,228,239,.28) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__stats--stars .fa-star.checked{
  color:#ffe4ef !important;
  -webkit-text-fill-color:#ffe4ef !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__tags{
  display:block !important;
  text-align:center !important;
  margin:8px 10px 14px !important;
  background:transparent !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__body__tags img{
  filter:drop-shadow(0 0 6px rgba(255,179,209,.35));
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer{
  background:var(--bar) !important;
  border-top:1px solid rgba(var(--rgb),.35) !important;
  border-radius:22px 22px 0 0 !important;
  padding:12px !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer__actions{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer__actions > *{
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:22px !important;
  padding:0 !important;
  margin:0 !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer__actions > * *,
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer__actions > * *::before,
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer__actions > * *::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-weight:700 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  box-shadow:0 0 16px rgba(var(--rgb),.45) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer__actions > *:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet #user_profile__footer__actions__item--unignore{
  display:none !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer__actions > *:has(#user_profile__footer__actions__item--ignore),
html body #user_profile#user_profile#user_profile.pf-velvet #user_profile__footer__actions__item--ignore{
  grid-column:1 / -1 !important;
  width:100% !important;
}


/* يشم: نفس ترتيب ياقوت بلون زمردي وفقاعات خفيفة */
html body #user_profile#user_profile#user_profile.pf-jade{
  --bg1:#061610;
  --bg2:#0f5a44;
  --bg3:#0a2e24;
  --bar:#04120e;
  --ac:#8dffd8;
  --ac2:#e7fff4;
  --rgb:159,208,255;
  --dark:#061610;
}
html body #user_profile#user_profile#user_profile.pf-jade .modal-content{
  background:
    radial-gradient(circle at 50% 18%,rgba(141,255,216,.16),transparent 28%),
    linear-gradient(160deg,var(--bg1),var(--bg2),var(--bg3),var(--bg1)) !important;
  background-size:100% 100%,240% 240% !important;
  animation:pfAuroraBg 18s ease-in-out infinite;
  border:1px solid rgba(231,255,244,.45) !important;
  border-radius:8px !important;
  overflow:visible !important;
  color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  box-shadow:0 18px 50px rgba(0,0,0,.72),0 0 0 1px rgba(141,255,216,.12) inset !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__header{
  background:linear-gradient(180deg,rgba(4,18,14,.2),var(--bar)) !important;
  border-bottom:1px solid rgba(141,255,216,.22) !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__header__name{
  background:linear-gradient(90deg,#e9fff6,#fff,#e7fff4,#fff,#8dffd8) !important;
  background-size:220% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  font-weight:900 !important;
  text-shadow:none !important;
  animation:pfShine 5.5s linear infinite;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__header [data-dismiss="modal"]{
  color:#e7fff4 !important;
  opacity:1 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade.modal{
  overflow-y:auto !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .modal-dialog{
  margin:12px auto !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__scroll_area{
  max-height:none !important;
  overflow:visible !important;
  background:transparent !important;
  color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body{
  background:transparent !important;
  color:#e7fff6 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__scroll_area *{
  color:#e7fff6 !important;
  -webkit-text-fill-color:#e7fff6 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__cover-container{
  position:relative !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__cover-container::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 40%,var(--bg1) 100%);
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__avatar-overlay{
  position:absolute !important;
  top:80px !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  width:118px !important;
  height:118px !important;
  margin:0 !important;
  border-radius:50% !important;
  border:3px solid #061610 !important;
  overflow:visible !important;
  background:#061610 !important;
  z-index:5;
  box-shadow:0 0 0 1px rgba(231,255,244,.7),0 0 22px rgba(141,255,216,.45) !important;
  animation:pfGlow 3.6s ease-in-out infinite;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__avatar-overlay img,
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__avatar-overlay *{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__avatar-overlay::before{
  content:"" !important;
  position:absolute !important;
  inset:-15px !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg,transparent 0 62%,#8dffd8 78%,#fff 86%,#e7fff4 93%,transparent 100%) !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
  animation:pfSpin 4.2s linear infinite !important;
  pointer-events:none;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__avatar-overlay::after{
  content:"" !important;
  position:absolute !important;
  inset:-8px !important;
  border-radius:50% !important;
  border:1px solid rgba(231,255,244,.8) !important;
  border-top-color:transparent !important;
  border-left-color:transparent !important;
  background:none !important;
  animation:pfSpinRev 7s linear infinite !important;
  pointer-events:none;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__status{
  position:relative !important;
  display:block !important;
  width:fit-content !important;
  max-width:86% !important;
  margin:24px auto 8px !important;
  padding:6px 16px !important;
  background:
    linear-gradient(180deg,rgba(141,255,216,.14),rgba(7,17,31,.55)) !important;
  border:1px solid rgba(231,255,244,.28) !important;
  border-radius:4px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:'Cairo',sans-serif !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  text-align:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__status::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  border-radius:5px !important;
  padding:2px !important;
  background:conic-gradient(from var(--pf-turn),transparent 0 55%,#8dffd8 74%,#fff 84%,#e7fff4 94%,transparent 100%) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  animation:pfTurn 3.4s linear infinite !important;
  pointer-events:none !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__status::after{
  content:"" !important;
  position:absolute !important;
  top:-6px !important;
  left:50% !important;
  width:9px !important;
  height:9px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:linear-gradient(135deg,#fff,#8dffd8 45%,#e7fff4) !important;
  box-shadow:0 0 10px rgba(141,255,216,.9) !important;
  pointer-events:none !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__status *{
  background:transparent !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__room{
  display:inline-flex !important;
  float:right !important;
  width:auto !important;
  max-width:70% !important;
  margin:0 !important;
  padding:2px 10px 2px 4px !important;
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:8px !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-shadow:0 4px 12px rgba(var(--rgb),.22) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__room *{
  background:transparent !important;
  background-image:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  font-size:.6rem !important;
  font-weight:400 !important;
  line-height:1.2 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__room img{
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__room:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__room:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__country_flag{
  display:inline !important;
  float:none !important;
  white-space:nowrap !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__country_name{
  display:inline !important;
  color:#e7fff6 !important;
  -webkit-text-fill-color:#e7fff6 !important;
  background:transparent !important;
  font-size:.55rem !important;
  font-weight:700 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__stats,
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__stats *{
  color:#e7fff6 !important;
  -webkit-text-fill-color:#e7fff6 !important;
  background:transparent !important;
  font-size:.6rem !important;
  font-weight:400 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .qc-badge,
html body #user_profile#user_profile#user_profile.pf-jade .qc-badge *{
  color:#e7fff4 !important;
  -webkit-text-fill-color:#e7fff4 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .qc-badge{
  background:color-mix(in srgb, var(--bg1) 88%, transparent) !important;
  border:1px solid #e7fff4 !important;
  box-shadow:0 0 0 1px rgba(141,255,216,.45),0 0 12px rgba(141,255,216,.35) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .qc-badge svg{
  color:#8dffd8 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .qc-badge__xp{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__stats{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin:8px 16px 4px !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__stats--stars .fa-star{
  color:rgba(231,255,244,.28) !important;
  -webkit-text-fill-color:rgba(231,255,244,.28) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__stats--stars .fa-star.checked{
  color:#e7fff4 !important;
  -webkit-text-fill-color:#e7fff4 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__tags{
  display:block !important;
  text-align:center !important;
  margin:8px 10px 14px !important;
  background:transparent !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__body__tags img{
  filter:drop-shadow(0 0 6px rgba(141,255,216,.35));
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer{
  background:var(--bar) !important;
  border-top:1px solid rgba(var(--rgb),.35) !important;
  border-radius:22px 22px 0 0 !important;
  padding:12px !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions > *{
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:8px !important;
  padding:0 !important;
  margin:0 !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions > * *,
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions > * *::before,
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions > * *::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  font-weight:700 !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions > *:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  box-shadow:0 0 16px rgba(var(--rgb),.45) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions > *:hover *{
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile.pf-jade #user_profile__footer__actions__item--unignore{
  display:none !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions > *:has(#user_profile__footer__actions__item--ignore),
html body #user_profile#user_profile#user_profile.pf-jade #user_profile__footer__actions__item--ignore{
  grid-column:1 / -1 !important;
  width:100% !important;
}



@keyframes pfFloatBub{to{background-position:0 -220px,30px -280px,-16px -340px}}
html body #user_profile#user_profile#user_profile.pf-velvet .modal-content,
html body #user_profile#user_profile#user_profile.pf-jade .modal-content{
  position:relative !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__header,
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.pf-velvet .user_profile__footer,
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__header,
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__scroll_area,
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer{
  position:relative !important;
  z-index:2 !important;
}
html body #user_profile#user_profile#user_profile.pf-velvet .modal-content::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.35) 0 2px,transparent 3px),
    radial-gradient(circle,rgba(255,179,209,.28) 0 3px,transparent 4px),
    radial-gradient(circle,rgba(255,255,255,.2) 0 1.5px,transparent 2.5px) !important;
  background-size:120px 220px,160px 280px,90px 200px !important;
  background-repeat:repeat !important;
  animation:pfFloatBub 16s linear infinite !important;
  opacity:.55;
}
html body #user_profile#user_profile#user_profile.pf-jade .modal-content::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.32) 0 2px,transparent 3px),
    radial-gradient(circle,rgba(141,255,216,.26) 0 3px,transparent 4px),
    radial-gradient(circle,rgba(255,255,255,.18) 0 1.5px,transparent 2.5px) !important;
  background-size:110px 240px,170px 300px,80px 190px !important;
  background-repeat:repeat !important;
  animation:pfFloatBub 18s linear infinite !important;
  opacity:.5;
}

/* آخر الدخول يبقى بنفس المقاس ويصير واضحاً على أي ستايل غامق */
html body #user_profile.yc-pf .user_profile__body > div[style*="color:#333"],
html body #user_profile.yc-pf .user_profile__body > div[style*="color:#333"] *,
html body #user_profile.pf-sapphire .user_profile__body > div[style*="color:#333"],
html body #user_profile.pf-sapphire .user_profile__body > div[style*="color:#333"] *,
html body #user_profile.pf-velvet .user_profile__body > div[style*="color:#333"],
html body #user_profile.pf-velvet .user_profile__body > div[style*="color:#333"] *,
html body #user_profile.pf-jade .user_profile__body > div[style*="color:#333"],
html body #user_profile.pf-jade .user_profile__body > div[style*="color:#333"] *,
html body #user_profile.pf-flame .user_profile__body > div[style*="color:#333"],
html body #user_profile.pf-flame .user_profile__body > div[style*="color:#333"] *,
html body #user_profile.pf-gold-classic .user_profile__body > div[style*="color:#333"],
html body #user_profile.pf-gold-classic .user_profile__body > div[style*="color:#333"] *,
html body #user_profile.pf-rose-soft .user_profile__body > div[style*="color:#333"],
html body #user_profile.pf-rose-soft .user_profile__body > div[style*="color:#333"] *,
html body #user_profile.pf-emerald-classic .user_profile__body > div[style*="color:#333"],
html body #user_profile.pf-emerald-classic .user_profile__body > div[style*="color:#333"] *{
  color:#f4f7fb !important;
  -webkit-text-fill-color:#f4f7fb !important;
}


/* كشف النكات: النص يبقى أبيض وواضح على الستايلات الغامقة */
html body #user_profile#user_profile#user_profile:is(.pf-flame,.pf-sapphire,.pf-velvet,.pf-jade,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.yc-pf) .reveal_names__item{
  background:#10161e !important;
  border:1px solid rgba(255,255,255,.45) !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-flame,.pf-sapphire,.pf-velvet,.pf-jade,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.yc-pf) .reveal_names__header,
html body #user_profile#user_profile#user_profile:is(.pf-flame,.pf-sapphire,.pf-velvet,.pf-jade,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.yc-pf) .reveal_names__header span,
html body #user_profile#user_profile#user_profile:is(.pf-flame,.pf-sapphire,.pf-velvet,.pf-jade,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.yc-pf) .reveal_names__item__key,
html body #user_profile#user_profile#user_profile:is(.pf-flame,.pf-sapphire,.pf-velvet,.pf-jade,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.yc-pf) .reveal_names__item__value,
html body #user_profile#user_profile#user_profile:is(.pf-flame,.pf-sapphire,.pf-velvet,.pf-jade,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.yc-pf) .reveal_names__item__value *{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-flame,.pf-sapphire,.pf-velvet,.pf-jade,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.yc-pf) .reveal_names__item__key{
  background:#314052 !important;
}

/* شارة XP بنفس شكل لهب، ولون كل ستايل */
html body #user_profile.pf-gold-classic{--ac:#ffd36b;--ac2:#ffeaa0;--rgb:255,211,107;--bg1:#1a1304}
html body #user_profile.pf-rose-soft{--ac:#ff8fcf;--ac2:#ffd6ea;--rgb:255,143,207;--bg1:#2a0a21}
html body #user_profile.pf-emerald-classic{--ac:#4dffb0;--ac2:#d8ffe8;--rgb:77,255,176;--bg1:#04261b}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .qc-badge{
  background:color-mix(in srgb, var(--bg1) 88%, transparent) !important;
  border:1px solid var(--ac2) !important;
  box-shadow:0 0 0 1px rgba(var(--rgb),.45),0 0 12px rgba(var(--rgb),.35) !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .qc-badge,
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .qc-badge *{
  color:var(--ac2) !important;
  -webkit-text-fill-color:var(--ac2) !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .qc-badge svg{
  color:var(--ac) !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .qc-badge__xp{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__footer__actions__item_group{
  background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-velvet,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__footer__actions__item_group{
  border-radius:22px !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions__item_group{
  border-radius:8px !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__footer__actions__item_group__label{
  background:transparent !important;
  color:var(--ac2) !important;
  -webkit-text-fill-color:var(--ac2) !important;
  border:0 !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__footer__actions__item_group__input{
  background:rgba(0,0,0,.35) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:1px solid rgba(var(--rgb),.45) !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__footer__actions__item_group__input::placeholder{
  color:rgba(255,255,255,.7) !important;
  -webkit-text-fill-color:rgba(255,255,255,.7) !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__footer__actions__item_group__submit{
  background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)) padding-box,
             linear-gradient(90deg,var(--ac),var(--ac2)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:18px !important;
  color:var(--ac) !important;
  -webkit-text-fill-color:var(--ac) !important;
  box-shadow:none !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-velvet,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__footer__actions__item_group__submit{
  border-radius:22px !important;
}
html body #user_profile#user_profile#user_profile.pf-jade .user_profile__footer__actions__item_group__submit{
  border-radius:8px !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__footer__actions__item_group__submit:hover{
  background:linear-gradient(90deg,var(--ac),var(--ac2)) !important;
  color:var(--dark) !important;
  -webkit-text-fill-color:var(--dark) !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__grant_likes_balance__hint,
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__grant_likes_balance__hint *{
  color:var(--ac2) !important;
  -webkit-text-fill-color:var(--ac2) !important;
}
html body #user_profile#user_profile#user_profile:is(.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.yc-pf,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic) .user_profile__body__ip{
  display:block !important;
  margin:22px auto 4px !important;
  position:relative !important;
  z-index:6 !important;
}

/* لا تظهر صورة المتواجدين المربعة قبل التأثير؛ الدائرة والتأثير يظهران معًا */
html body .chat_pane__user_item:not(.yc-ls):not(.yc-ls-plain) > .chat_pane__user_item__avatar > img.u-avatar{
  opacity:0 !important;
}

/* تأثير صورة العضو في المتواجدين: على الصورة فقط، وعلامة الحالة تختفي */
@keyframes ycLsPulse{0%,100%{opacity:.45;filter:brightness(1)}50%{opacity:1;filter:brightness(1.35)}}
@keyframes ycLsBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
html body .chat_pane__user_item.yc-ls{
  overflow:visible !important;
}
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  margin:3px 6px !important;
  float:none !important;
  flex:0 0 72px !important;
  overflow:visible !important;
  background:transparent !important;
}
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar > img.u-avatar{
  position:relative !important;
  z-index:2 !important;
  width:54px !important;
  height:54px !important;
  min-width:0 !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  display:block !important;
  border:2px solid rgba(255,255,255,.28) !important;
  box-shadow:none !important;
}
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar > span.status,
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar > span.status.state_active,
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar > span.status.state_idle,
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar > span.status.state_no_private,
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar > span.status.state_out{
  display:none !important;
  width:0 !important;
  height:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  background-color:transparent !important;
  box-shadow:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar::before,
html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:3;
}

/* لهب */
html body .chat_pane__user_item.yc-ls-flame > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,transparent 0 8%,#ff2a00 14%,#ffb000 20%,#fff4c8 23%,transparent 30% 42%,#ff4d00 50%,#ffe08a 56%,transparent 64% 74%,#ff1a00 82%,#fff 87%,#ff7a18 93%,transparent 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px));
  animation:pfSpin 1.5s linear infinite,pfFlameFlicker .42s ease-in-out infinite;
  filter:drop-shadow(0 0 4px rgba(255,70,0,.9));
}
html body .chat_pane__user_item.yc-ls-flame > .chat_pane__user_item__avatar::after{
  inset:2px;
  background:conic-gradient(from 90deg,transparent 0 18%,#ff6a00 28%,#fff 34%,#ff2a00 42%,transparent 52% 70%,#ffd000 80%,#ff3b00 90%,transparent 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  animation:pfSpinRev 2.2s linear infinite;
}
html body .chat_pane__user_item.yc-ls-flame > .chat_pane__user_item__avatar > img.u-avatar{border-color:#3a0c08 !important}

/* ياقوت */
html body .chat_pane__user_item.yc-ls-sapphire > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,transparent 0 62%,#9fd0ff 78%,#fff 86%,#f4e3b2 93%,transparent 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 4.2s linear infinite;
}
html body .chat_pane__user_item.yc-ls-sapphire > .chat_pane__user_item__avatar::after{
  inset:1px;
  border:1px solid rgba(244,227,178,.85);
  border-top-color:transparent;
  border-left-color:transparent;
  animation:pfSpinRev 7s linear infinite;
}
html body .chat_pane__user_item.yc-ls-sapphire > .chat_pane__user_item__avatar > img.u-avatar{border-color:#07111f !important;box-shadow:0 0 10px rgba(159,208,255,.45) !important}

/* مخمل */
html body .chat_pane__user_item.yc-ls-velvet > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,transparent 0 58%,#ffb3d1 76%,#fff 86%,#ffe4ef 94%,transparent 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 4.6s linear infinite;
}
html body .chat_pane__user_item.yc-ls-velvet > .chat_pane__user_item__avatar::after{
  inset:1px;
  border:1px solid rgba(255,228,239,.9);
  border-top-color:transparent;
  border-right-color:transparent;
  animation:pfSpinRev 7s linear infinite;
}
html body .chat_pane__user_item.yc-ls-velvet > .chat_pane__user_item__avatar > img.u-avatar{border-color:#1a0a14 !important}

/* يشم */
html body .chat_pane__user_item.yc-ls-jade > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,transparent 0 60%,#8dffd8 76%,#fff 86%,#e7fff4 94%,transparent 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 4.4s linear infinite;
}
html body .chat_pane__user_item.yc-ls-jade > .chat_pane__user_item__avatar::after{
  inset:1px;
  border:1px solid rgba(141,255,216,.85);
  border-bottom-color:transparent;
  border-left-color:transparent;
  animation:pfSpinRev 6.5s linear infinite;
}
html body .chat_pane__user_item.yc-ls-jade > .chat_pane__user_item__avatar > img.u-avatar{border-color:#061610 !important;box-shadow:0 0 10px rgba(141,255,216,.4) !important}

/* ذهب */
html body .chat_pane__user_item.yc-ls-gold > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,#ffd36b,#fff6d0,#b8860b,#ffe08a,#ffd36b);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 6s linear infinite,ycLsPulse 2.4s ease-in-out infinite;
  filter:drop-shadow(0 0 4px rgba(255,211,107,.85));
}
html body .chat_pane__user_item.yc-ls-gold > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-gold > .chat_pane__user_item__avatar > img.u-avatar{border-color:#3a2a08 !important;animation:ycLsBeat 2.4s ease-in-out infinite}

/* نجوم */
html body .chat_pane__user_item.yc-ls-stars > .chat_pane__user_item__avatar::before{
  inset:-3px;
  background:repeating-conic-gradient(from 0deg,#fff 0 4deg,transparent 4deg 30deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  animation:pfSpin 8s linear infinite;
  filter:drop-shadow(0 0 3px #fff);
}
html body .chat_pane__user_item.yc-ls-stars > .chat_pane__user_item__avatar::after{
  inset:0;
  border:1px solid rgba(159,208,255,.7);
  animation:ycLsPulse 2.8s ease-in-out infinite;
}
html body .chat_pane__user_item.yc-ls-stars > .chat_pane__user_item__avatar > img.u-avatar{border-color:#243044 !important;box-shadow:0 0 10px rgba(159,208,255,.45) !important}

/* شفق: حلقة متدرجة + حلقة منقطة عكسية */
html body .chat_pane__user_item.yc-ls-aurora > .chat_pane__user_item__avatar::before{
  inset:-3px;
  background:conic-gradient(from 0deg,#7af0ff,transparent 30%,#d9b8ff 55%,transparent 80%,#7af0ff);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 5s linear infinite;
}
html body .chat_pane__user_item.yc-ls-aurora > .chat_pane__user_item__avatar::after{
  inset:0;
  border:2px dotted #d9b8ff;
  animation:pfSpinRev 8s linear infinite;
}
html body .chat_pane__user_item.yc-ls-aurora > .chat_pane__user_item__avatar > img.u-avatar{border-color:#102033 !important}

/* قلوب */
html body .chat_pane__user_item.yc-ls-heart > .chat_pane__user_item__avatar::before,
html body .chat_pane__user_item.yc-ls-heart > .chat_pane__user_item__avatar::after{
  inset:-4px;
  border-radius:0;
  background:linear-gradient(135deg,#ff8fcf,#d9b8ff);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:pfHeartPulse 2.4s ease-out infinite;
}
html body .chat_pane__user_item.yc-ls-heart > .chat_pane__user_item__avatar::after{animation-delay:1.2s}
html body .chat_pane__user_item.yc-ls-heart > .chat_pane__user_item__avatar > img.u-avatar{border-color:#ff8fcf !important}

/* توهج */
html body .chat_pane__user_item.yc-ls-glow > .chat_pane__user_item__avatar::before{
  inset:-1px;
  border:2px solid #ffd36b;
  box-shadow:0 0 8px #ffd36b,0 0 16px rgba(255,211,107,.65);
  animation:ycLsPulse 1.8s ease-in-out infinite;
}
html body .chat_pane__user_item.yc-ls-glow > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-glow > .chat_pane__user_item__avatar > img.u-avatar{border-color:#fff6d0 !important;animation:ycLsBeat 1.8s ease-in-out infinite}

/* غروب */
html body .chat_pane__user_item.yc-ls-sunset > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,#ff8a3d,#ff5d8f,#ffd36b,#ff8a3d);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 5s linear infinite,ycLsPulse 2.2s ease-in-out infinite;
  filter:drop-shadow(0 0 4px rgba(255,93,143,.8));
}
html body .chat_pane__user_item.yc-ls-sunset > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-sunset > .chat_pane__user_item__avatar > img.u-avatar{border-color:#3a140c !important}

/* زمرد */
html body .chat_pane__user_item.yc-ls-emerald > .chat_pane__user_item__avatar::before{
  inset:-2px;
  border:3px dashed #4dffb0;
  animation:pfSpin 8s linear infinite;
  box-shadow:0 0 8px rgba(77,255,176,.55);
}
html body .chat_pane__user_item.yc-ls-emerald > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-emerald > .chat_pane__user_item__avatar > img.u-avatar{border:2px solid #4dffb0 !important;box-shadow:0 0 10px rgba(77,255,176,.45) !important}

/* موج */
html body .chat_pane__user_item.yc-ls-ocean > .chat_pane__user_item__avatar::before,
html body .chat_pane__user_item.yc-ls-ocean > .chat_pane__user_item__avatar::after{
  inset:2px;
  border:2px solid #3dc2ff;
  animation:pfRipple 2.2s ease-out infinite;
}
html body .chat_pane__user_item.yc-ls-ocean > .chat_pane__user_item__avatar::after{animation-delay:1.1s}
html body .chat_pane__user_item.yc-ls-ocean > .chat_pane__user_item__avatar > img.u-avatar{border-color:#083044 !important;box-shadow:0 0 8px rgba(61,194,255,.4) !important}

/* لافندر */
html body .chat_pane__user_item.yc-ls-lilac > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(#c9a6ff,#ff8fcf,#f0d9ff,#8ec5ff,#c9a6ff);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px));
  animation:pfSpin 3.6s linear infinite;
}
html body .chat_pane__user_item.yc-ls-lilac > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-lilac > .chat_pane__user_item__avatar > img.u-avatar{border-color:#2a1840 !important}

/* وردي ملكي */
html body .chat_pane__user_item.yc-ls-rose > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,#b76e79,transparent 25%,#ffe3dc 50%,transparent 75%,#b76e79);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 5s linear infinite;
}
html body .chat_pane__user_item.yc-ls-rose > .chat_pane__user_item__avatar::after{
  inset:1px;
  border:2px dotted #ffd9e2;
  animation:pfSpinRev 8s linear infinite;
}
html body .chat_pane__user_item.yc-ls-rose > .chat_pane__user_item__avatar > img.u-avatar{border-color:#1f0615 !important;box-shadow:0 0 10px rgba(242,167,184,.55) !important}

/* ملكي أسود ذهبي */
html body .chat_pane__user_item.yc-ls-royal > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,#b8860b,transparent 25%,#fff3b0 50%,transparent 75%,#b8860b);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 5.5s linear infinite;
  filter:drop-shadow(0 0 3px rgba(212,175,55,.8));
}
html body .chat_pane__user_item.yc-ls-royal > .chat_pane__user_item__avatar::after{
  inset:1px;
  border:1px solid #d4af37;
  animation:ycLsPulse 2.6s ease-in-out infinite;
}
html body .chat_pane__user_item.yc-ls-royal > .chat_pane__user_item__avatar > img.u-avatar{border-color:#0b0905 !important}

/* رمادي */
html body .chat_pane__user_item.yc-ls-gray > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(#8e8e93,#f2f2f7,#aeaeb2,#d1d1d6,#8e8e93);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 6s linear infinite;
}
html body .chat_pane__user_item.yc-ls-gray > .chat_pane__user_item__avatar::after{
  inset:0;
  border:2px dotted #d1d1d6;
  animation:pfSpinRev 9s linear infinite;
}
html body .chat_pane__user_item.yc-ls-gray > .chat_pane__user_item__avatar > img.u-avatar{border-color:#1c1c1e !important}

/* كلاسيك ذهبي */
html body .chat_pane__user_item.yc-ls-classic > .chat_pane__user_item__avatar::before{
  inset:-3px;
  border:3px solid #ffd36b;
  box-shadow:0 0 0 2px #5a4311,0 0 12px rgba(255,211,107,.75);
  animation:ycLsPulse 2s ease-in-out infinite;
}
html body .chat_pane__user_item.yc-ls-classic > .chat_pane__user_item__avatar::after{
  inset:2px;
  border:1px dashed #fff6d0;
  animation:pfSpin 12s linear infinite;
}
html body .chat_pane__user_item.yc-ls-classic > .chat_pane__user_item__avatar > img.u-avatar{border-color:#ffd36b !important}

/* حلقة */
html body .chat_pane__user_item.yc-ls-status > .chat_pane__user_item__avatar::before{
  inset:-1px;
  background:conic-gradient(from 0deg,#ffffff,transparent 40%,#d7e6ff 70%,transparent 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  animation:pfSpin 2.8s linear infinite;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.85));
}
html body .chat_pane__user_item.yc-ls-status > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-status > .chat_pane__user_item__avatar > img.u-avatar{border-color:#fff !important}

/* نيون */
html body .chat_pane__user_item.yc-ls-neon > .chat_pane__user_item__avatar::before{
  inset:-2px;
  border:2px solid #ff2bd6;
  box-shadow:0 0 8px #ff2bd6,0 0 14px #22e7ff;
  animation:pfSpin 3s linear infinite,ycLsPulse 1.3s ease-in-out infinite;
}
html body .chat_pane__user_item.yc-ls-neon > .chat_pane__user_item__avatar::after{
  inset:1px;
  border:2px solid #22e7ff;
  border-right-color:transparent;
  border-bottom-color:transparent;
  animation:pfSpinRev 1.6s linear infinite;
}
html body .chat_pane__user_item.yc-ls-neon > .chat_pane__user_item__avatar > img.u-avatar{border-color:#160818 !important}

/* قوس */
html body .chat_pane__user_item.yc-ls-rainbow > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(#ff4d4d,#ffb020,#ffe14d,#3dff8a,#3dc2ff,#8a5cff,#ff4d4d);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px));
  animation:pfSpin 2.4s linear infinite;
}
html body .chat_pane__user_item.yc-ls-rainbow > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-rainbow > .chat_pane__user_item__avatar > img.u-avatar{border-color:#1a1020 !important}

/* مدار */
html body .chat_pane__user_item.yc-ls-orbit > .chat_pane__user_item__avatar::before{
  inset:-4px;
  background:radial-gradient(circle at 50% 0,#fff 0 3px,transparent 4px);
  animation:pfSpin 2.2s linear infinite;
}
html body .chat_pane__user_item.yc-ls-orbit > .chat_pane__user_item__avatar::after{
  inset:-4px;
  background:radial-gradient(circle at 50% 100%,#7af0ff 0 3px,transparent 4px);
  animation:pfSpinRev 3.1s linear infinite;
}
html body .chat_pane__user_item.yc-ls-orbit > .chat_pane__user_item__avatar > img.u-avatar{border-color:#9fd0ff !important}

/* ثلج */
html body .chat_pane__user_item.yc-ls-ice > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,#e8fbff,#7ad7ff,#fff,#b9f3ff,#e8fbff);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 7s linear infinite;
  filter:drop-shadow(0 0 4px rgba(186,243,255,.9));
}
html body .chat_pane__user_item.yc-ls-ice > .chat_pane__user_item__avatar::after{
  inset:-5px;
  background:repeating-conic-gradient(from 10deg,#fff 0 2deg,transparent 2deg 40deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  animation:pfSpinRev 11s linear infinite;
}
html body .chat_pane__user_item.yc-ls-ice > .chat_pane__user_item__avatar > img.u-avatar{border-color:#d7f6ff !important}

/* برق */
html body .chat_pane__user_item.yc-ls-bolt > .chat_pane__user_item__avatar::before{
  inset:-2px;
  border:2px dashed #7af0ff;
  box-shadow:0 0 8px #3dc2ff;
  animation:pfSpin 1.1s linear infinite;
}
html body .chat_pane__user_item.yc-ls-bolt > .chat_pane__user_item__avatar::after{
  inset:1px;
  border:2px solid transparent;
  border-top-color:#fff;
  border-bottom-color:#7af0ff;
  animation:pfSpinRev .7s linear infinite;
}
html body .chat_pane__user_item.yc-ls-bolt > .chat_pane__user_item__avatar > img.u-avatar{border-color:#062033 !important}

/* ياقوت أحمر */
html body .chat_pane__user_item.yc-ls-ruby > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(from 0deg,#7a1020,transparent 20%,#ff4d6d 45%,#fff 55%,#ff4d6d 65%,transparent 80%,#7a1020);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 3.4s linear infinite;
  filter:drop-shadow(0 0 4px rgba(255,77,109,.85));
}
html body .chat_pane__user_item.yc-ls-ruby > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-ruby > .chat_pane__user_item__avatar > img.u-avatar{border-color:#2a0610 !important}

/* نبض */
html body .chat_pane__user_item.yc-ls-pulse > .chat_pane__user_item__avatar::before,
html body .chat_pane__user_item.yc-ls-pulse > .chat_pane__user_item__avatar::after{
  inset:1px;
  border:2px solid #c9a6ff;
  animation:pfRipple 1.8s ease-out infinite;
}
html body .chat_pane__user_item.yc-ls-pulse > .chat_pane__user_item__avatar::after{animation-delay:.9s;border-color:#ff8fcf}
html body .chat_pane__user_item.yc-ls-pulse > .chat_pane__user_item__avatar > img.u-avatar{border-color:#c9a6ff !important;animation:ycLsBeat 1.8s ease-in-out infinite}

/* فضي */
html body .chat_pane__user_item.yc-ls-chrome > .chat_pane__user_item__avatar::before{
  inset:-2px;
  background:conic-gradient(#9aa3ad,#f4f7fb,#5c6770,#ffffff,#9aa3ad);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:pfSpin 4s linear infinite;
}
html body .chat_pane__user_item.yc-ls-chrome > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-chrome > .chat_pane__user_item__avatar > img.u-avatar{border-color:#2a3038 !important}

/* شرر */
html body .chat_pane__user_item.yc-ls-spark > .chat_pane__user_item__avatar::before{
  inset:-4px;
  background:repeating-conic-gradient(from 0deg,#ffb03a 0 3deg,transparent 3deg 24deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  animation:pfSpin 3.2s linear infinite;
  filter:drop-shadow(0 0 3px #ffb03a);
}
html body .chat_pane__user_item.yc-ls-spark > .chat_pane__user_item__avatar::after{
  inset:-1px;
  background:repeating-conic-gradient(from 12deg,#fff4c8 0 2deg,transparent 2deg 36deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  animation:pfSpinRev 2.1s linear infinite;
}
html body .chat_pane__user_item.yc-ls-spark > .chat_pane__user_item__avatar > img.u-avatar{border-color:#3a2208 !important}

/* ماس */
html body .chat_pane__user_item.yc-ls-diamond > .chat_pane__user_item__avatar::before{
  inset:-3px;
  background:repeating-conic-gradient(from 0deg,#fff 0 6deg,transparent 6deg 45deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  animation:pfSpin 6s linear infinite,ycLsPulse 1.6s ease-in-out infinite;
  filter:drop-shadow(0 0 4px #fff);
}
html body .chat_pane__user_item.yc-ls-diamond > .chat_pane__user_item__avatar::after{content:none}
html body .chat_pane__user_item.yc-ls-diamond > .chat_pane__user_item__avatar > img.u-avatar{border-color:#e8fbff !important;box-shadow:0 0 10px rgba(255,255,255,.55) !important}

/* مزدوج */
html body .chat_pane__user_item.yc-ls-dual > .chat_pane__user_item__avatar::before{
  inset:-4px;
  border:2px solid #7af0ff;
  border-left-color:transparent;
  border-right-color:transparent;
  animation:pfSpin 2.4s linear infinite;
}
html body .chat_pane__user_item.yc-ls-dual > .chat_pane__user_item__avatar::after{
  inset:0;
  border:2px solid #ff8fcf;
  border-top-color:transparent;
  border-bottom-color:transparent;
  animation:pfSpinRev 1.8s linear infinite;
}
html body .chat_pane__user_item.yc-ls-dual > .chat_pane__user_item__avatar > img.u-avatar{border-color:#102033 !important}

/* فراشة */
html body .chat_pane__user_item.yc-ls-butterfly > .chat_pane__user_item__avatar::before{
  inset:-5px;
  background:radial-gradient(circle at 18% 50%,#ff8fcf 0 5px,transparent 6px),radial-gradient(circle at 82% 50%,#ffd36b 0 5px,transparent 6px);
  animation:pfSpin 3.4s linear infinite;
}
html body .chat_pane__user_item.yc-ls-butterfly > .chat_pane__user_item__avatar::after{
  inset:-5px;
  background:radial-gradient(circle at 50% 12%,#fff 0 3px,transparent 4px);
  animation:pfSpinRev 2.6s linear infinite;
}
html body .chat_pane__user_item.yc-ls-butterfly > .chat_pane__user_item__avatar > img.u-avatar{border-color:#ff8fcf !important}

@media (prefers-reduced-motion:reduce){
  html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar::before,
  html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar::after,
  html body .chat_pane__user_item.yc-ls > .chat_pane__user_item__avatar > img.u-avatar{animation:none !important}
}

/* متجر التأثيرات */
#chat__body__style-store-pane.ys-pane{
  z-index:40;
  background:#f3f6f8 !important;
  color:#1c2b33;
}
#chat__body__style-store-pane .ys-toast{
  position:absolute;
  top:1.62rem;
  left:.42rem;
  right:.42rem;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:42px;
  padding:0 14px;
  border-radius:14px;
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:0;
  opacity:0;
  transform:translateY(-10px) scale(.96);
  pointer-events:none;
  box-shadow:0 12px 28px rgba(16,32,48,.22);
  transition:opacity .28s ease, transform .28s ease;
}
#chat__body__style-store-pane .ys-toast.is-on{
  opacity:1;
  transform:translateY(0) scale(1);
}
#chat__body__style-store-pane .ys-toast--buy{
  background:linear-gradient(118deg,#178a52 0%,#0f6b40 100%);
}
#chat__body__style-store-pane .ys-toast--on{
  background:linear-gradient(118deg,#2d6a94 0%,#214561 100%);
}
#chat__body__style-store-pane .ys-toast__mark{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  position:relative;
  flex:none;
  animation:ys-toast-pop .45s ease;
}
#chat__body__style-store-pane .ys-toast__mark::after{
  content:"";
  position:absolute;
  left:6px;
  top:3px;
  width:6px;
  height:10px;
  border:solid #178a52;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
#chat__body__style-store-pane .ys-toast--on .ys-toast__mark::after{
  border-color:#214561;
}
@keyframes ys-toast-pop{
  0%{transform:scale(.4)}
  60%{transform:scale(1.12)}
  100%{transform:scale(1)}
}
#chat__body__style-store-pane.ys-pane > .chat_pane__header{
  background:var(--primary-color,#1f4e4a) !important;
  border:none !important;
}
#chat__body__style-store-pane.ys-pane > .chat_pane__header .chat_pane__header__title{
  color:#f3faf8 !important;
  font-weight:700 !important;
}
.ys-shell{
  height:calc(100% - 34px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:12px 12px 32px;
  direction:rtl;
}
.ys-wallet{
  position:sticky;
  top:0;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
  padding:14px 14px 14px 12px;
  border-radius:18px;
  color:#fff;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(255,255,255,.18), transparent 46%),
    linear-gradient(135deg, var(--primary-color,#1f4e4a), #10262c);
  box-shadow:0 12px 28px rgba(16,38,44,.18);
}
.ys-wallet__copy b{
  display:block;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
}
.ys-wallet__copy small{
  display:block;
  margin-top:3px;
  font-size:12px;
  font-weight:600;
  opacity:.82;
}
.ys-wallet__xp{
  min-width:86px;
  text-align:center;
  padding:8px 10px 6px;
  border-radius:14px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.32);
}
.ys-wallet__xp strong{
  display:block;
  font-size:22px;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
}
.ys-wallet__xp span{
  display:block;
  margin-top:3px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  opacity:.85;
}
.ys-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin:0 0 12px;
}
.ys-tab{
  appearance:none;
  border:1.5px solid #d3dee6;
  background:#fff;
  color:#1c2b33;
  border-radius:12px;
  padding:8px 4px;
  font-size:12px;
  font-weight:800;
  line-height:1.3;
  cursor:pointer;
}
.ys-tab.is-on{
  background:var(--primary-color,#1f4e4a);
  color:#fff;
  border-color:transparent;
}
.ys-panel{display:none}
.ys-panel.is-on{display:block}
.ys-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ys-card{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  margin:0;
  border:1.5px solid color-mix(in srgb,var(--primary-color,#1f4e4a) 72%,#000);
  background:var(--primary-color,#1f4e4a);
  border-radius:18px;
  padding:12px 8px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(16,32,40,.16);
  color:#fff;
  font:inherit;
}
.ys-card.is-on{
  border-color:#fff;
  box-shadow:0 0 0 2px rgba(255,255,255,.45),0 10px 22px rgba(16,32,40,.2);
}
.ys-card--live{
  min-height:168px;
  padding-top:16px;
  overflow:visible;
}
.ys-name{
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  text-align:center;
}
.ys-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.ys-state,
.ys-buy,
.ys-preview{
  appearance:none;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  border-radius:999px;
  padding:4px 10px;
  cursor:pointer;
}
.ys-state,
.ys-buy{
  color:#fff;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.45);
}
.ys-buy[disabled]{opacity:.72;cursor:default}
.ys-buy{white-space:nowrap}
.ys-preview{
  color:var(--primary-color,#1f4e4a);
  background:#fff;
  border:1px solid #fff;
}
.ys-card.is-on .ys-state{
  font-size:0;
  color:var(--primary-color,#1f4e4a);
  background:#fff;
  border-color:#fff;
}
.ys-card.is-on .ys-state::after{
  content:"مفعّل";
  font-size:11px;
}
.ys-orb{
  width:52px;
  height:52px;
  border-radius:50%;
  position:relative;
  box-shadow:0 0 0 3px rgba(255,255,255,.92),0 0 0 5px rgba(0,0,0,.18);
}
.ys-orb::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:50%;
  background:inherit;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));
  animation:pfSpin 5s linear infinite;
}
html body .ys-store .ys-mini{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:88px !important;
  height:88px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  position:relative !important;
  overflow:visible !important;
  float:none !important;
}
html body .ys-store .ys-mini > .chat_pane__user_item__avatar{
  align-self:center !important;
  margin:0 !important;
}
html body .ys-store .ys-mini:not(.yc-ls) > .chat_pane__user_item__avatar{
  width:72px !important;
  height:72px !important;
  display:grid !important;
  place-items:center !important;
}
html body .ys-store .ys-mini:not(.yc-ls) .u-avatar{
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
html.ep-night-mode #chat #chat__body__style-store-pane.ys-pane,
html.ep-night-mode #chat .ys-shell{background:#171d22 !important;color:#e8eaed}
html.ep-night-mode #chat .ys-tab{background:#273238;border-color:#3d4c55;color:#e8eaed}
html.ep-night-mode #chat .ys-tab.is-on{background:var(--primary-color,#1f4e4a);color:#fff;border-color:transparent}
html.ep-night-mode #chat .ys-card{
  background:var(--primary-color,#1f4e4a);
  border-color:color-mix(in srgb,var(--primary-color,#1f4e4a) 70%,#000);
  color:#fff;
}
html.ep-night-mode #chat .ys-card.is-on{border-color:#fff}
html.ep-night-mode #chat .ys-card.is-on .ys-state{background:#fff;color:var(--primary-color,#1f4e4a);border-color:#fff}
@media (prefers-reduced-motion:reduce){
  .ys-orb::before{animation:none}
}

.ys-card--look,
.ys-card--fx{
  background:#fff;
  color:#1c2b33;
  border-color:#d5e0e8;
}
.ys-card--look .ys-name,
.ys-card--fx .ys-name{color:#1c2b33}
.ys-card--look .ys-state,
.ys-card--fx .ys-state,
.ys-card--look .ys-buy,
.ys-card--fx .ys-buy{
  color:var(--primary-color,#1f4e4a);
  background:#fff;
  border:1px solid var(--primary-color,#1f4e4a);
}
.ys-card--look .ys-preview,
.ys-card--fx .ys-preview{
  color:#fff;
  background:var(--primary-color,#1f4e4a);
  border-color:var(--primary-color,#1f4e4a);
}
.ys-card--look.is-on,
.ys-card--fx.is-on{
  border-color:var(--primary-color,#1f4e4a);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color,#1f4e4a) 35%,transparent);
}
.ys-mock{
  width:100%;
  aspect-ratio:1;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:10px 10px 12px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);
}
.ys-mock__bar{
  width:100%;
  height:12px;
  border-radius:6px;
  background:rgba(0,0,0,.38);
}
.ys-mock__ava{
  width:38px;
  height:38px;
  margin-top:10px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.45);
}
.ys-mock__status{
  width:72%;
  height:8px;
  margin-top:10px;
  border-radius:8px;
  background:rgba(255,255,255,.82);
}
.ys-mock__line{
  width:84%;
  height:5px;
  margin-top:7px;
  border-radius:5px;
  background:rgba(255,255,255,.5);
}
.ys-mock__line--s{width:58%}
.ys-stage{
  width:100%;
  aspect-ratio:1;
  border-radius:14px;
  position:relative;
  overflow:hidden;
  background:var(--primary-color,#1f4e4a);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.ys-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.ys-stage .yc-skyfall__meteor{width:64px}
.ys-stage .yc-drift .yc-petal{width:12px;height:12px}
.ys-stage .yc-drift .yc-askew{width:18px;height:18px}
html.ep-night-mode #chat .ys-card--look,
html.ep-night-mode #chat .ys-card--fx{
  background:#232b31;
  color:#e8eaed;
  border-color:#3d4c55;
}
html.ep-night-mode #chat .ys-card--look .ys-name,
html.ep-night-mode #chat .ys-card--fx .ys-name{color:#e8eaed}
html.ep-night-mode #chat .ys-stage{background:var(--primary-color,#1f4e4a)}
@media (prefers-reduced-motion:reduce){
  .ys-stage.ys-fx--pf-snow::before,
  .ys-stage.ys-fx--pf-snow::after,
  .ys-stage.ys-fx--pf-sparks::before,
  .ys-stage.ys-fx--pf-butter::before{animation:none}
}
.ys-stage.ys-fx--pf-snow::before{
  background-size:88px 88px,88px 88px,88px 88px,88px 88px,110px 110px,110px 110px,110px 110px,110px 110px,130px 130px,130px 130px,130px 130px,130px 130px !important;
}
.ys-stage.ys-fx--pf-sparks::before{
  background-size:110px 110px,140px 140px,170px 170px !important;
}
.ys-stage.ys-fx--pf-butter::before{
  background-size:120px 120px,150px 150px,180px 180px !important;
}
/* سطر الغرفة والدولة موحّد في كل ستايلات البروفايل */
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body div[dir="rtl"]:has(.user_profile__body__room){
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
  margin:4px 0 2px !important;
  box-sizing:border-box !important;
  clear:both !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__room{
  float:none !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:52% !important;
  margin:0 !important;
  padding:2px 10px 2px 4px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  flex:0 1 auto !important;
  font-size:.6rem !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__room *{
  font-size:.6rem !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__room img{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__country_flag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  float:none !important;
  gap:4px !important;
  max-width:46% !important;
  margin:0 !important;
  direction:rtl !important;
  white-space:nowrap !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__country_name{
  display:inline !important;
  font-size:.6rem !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  background:transparent !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__country_flag img{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
}
/* صفوف وسط البروفايل: كل عنصر تحت الثاني، للجميع وليس لصاحب الحساب فقط */
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__scroll_area{
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) #qc-profile-slot,
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__game_row,
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__tags,
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .pml-profile-icons{
  position:relative !important;
  float:none !important;
  clear:both !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__game_row{
  z-index:3;
  gap:8px !important;
  margin-top:8px !important;
  margin-bottom:10px !important;
  padding:0 10px !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__challenge_ttt{
  position:static !important;
  float:none !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__tags{
  z-index:1;
  gap:6px !important;
  margin-top:2px !important;
  margin-bottom:8px !important;
  padding:0 8px 4px !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__body__tags img{
  position:static !important;
  float:none !important;
  width:40px !important;
  height:40px !important;
  margin:0 !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) #qc-profile-slot,
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .pml-profile-icons{
  z-index:2;
  margin-top:6px !important;
  margin-bottom:6px !important;
}
html body #user_profile#user_profile#user_profile:is(.yc-pf,.pf-sapphire,.pf-velvet,.pf-jade,.pf-flame,.pf-gold-classic,.pf-rose-soft,.pf-emerald-classic,.pf-crow) .user_profile__footer{
  position:relative !important;
  z-index:5;
  clear:both !important;
  margin-top:0 !important;
}
.ys-empty{
  min-height:280px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:28px 12px 48px;
  text-align:center;
}
.ys-empty__icon svg{
  width:108px;
  height:108px;
  display:block;
}
.ys-empty p{
  margin:0;
  font-family:Al-Jazeera-Regular,Tahoma,"Segoe UI",sans-serif;
  font-size:.82rem;
  font-weight:400;
  line-height:1.5;
  color:#2c3844;
}
html.ep-night-mode #chat .ys-empty p{color:#e7edf3}
html body #login-header .login-header__refresh{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0;
}
html body #login-header .login-header__refresh svg{
  width:.72rem;
  height:.72rem;
  display:block;
}
.ep-seo-home,.ep-login-seo-nav,.ep-subpage-seo{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#chat__body__users-pane .chat_pane__user_item,#online_users .chat_pane__user_item{height:auto!important;max-height:none!important;align-items:flex-start!important;overflow:visible!important}
#chat__body__users-pane .chat_pane__user_item__status,#online_users .chat_pane__user_item__status,#chat__body__users-pane .user_status_box,#online_users .user_status_box,.user_profile__body__status{max-height:none!important;height:auto!important;overflow:visible!important;white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important;line-height:1.35!important}
#login #online_users{overflow-x:clip;overflow-x:hidden;max-width:100%}
#login #online_users .chat_pane__user_item{max-width:100%;min-width:0;box-sizing:border-box}
#chat__body__users-pane .chat_pane__container,#chat__body__users-pane #chat__body__users-pane__current_room,#chat__body__users-pane #chat__body__users-pane__other_rooms{overflow-x:clip;max-width:100%}
#chat__body__users-pane .chat_pane__user_item{max-width:100%;min-width:0;box-sizing:border-box}
#nsmat-copyrights{margin:0!important;padding:.083rem!important;font-size:.5rem!important;line-height:normal!important;height:auto!important}
#nsmat-copyrights a{font-size:inherit!important}

#chat__body__wall_pane > .yc-wall-switch{
  display:flex;
  direction:ltr;
  flex:0 0 auto;
  margin:8px 10px 6px;
  padding:3px;
  border-radius:12px;
  background:#eef2f6;
  border:1px solid rgba(20,36,54,.12);
  box-sizing:border-box;
}
#chat__body__wall_pane > .yc-wall-switch .yc-wall-switch__btn{
  appearance:none;
  -webkit-appearance:none;
  flex:1 1 50%;
  margin:0;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#243044;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  padding:8px 6px;
  cursor:pointer;
  font-family:inherit;
}
#chat__body__wall_pane > .yc-wall-switch .yc-wall-switch__btn.is-on{
  background:var(--primary-color,#214561);
  color:#fff;
}
#chat #chat__body__wall_pane.yc-wall-mode-events{
  background:var(--primary-color,#214561);
}
#chat #chat__body__wall_pane.yc-wall-mode-events > .yc-wall-switch{
  background:#0e2c36;
  border-color:rgba(255,255,255,.12);
}
#chat #chat__body__wall_pane.yc-wall-mode-events > .yc-wall-switch .yc-wall-switch__btn{
  color:#d7eef4;
}
#chat #chat__body__wall_pane .yc-wall-events{
  display:none;
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  background:var(--primary-color,#214561);
  color:#fff;
  box-sizing:border-box;
  padding:8px 0 8px;
  font-family:inherit;
}
#chat #chat__body__wall_pane.yc-wall-mode-events > .chat_pane__container,
#chat #chat__body__wall_pane.yc-wall-mode-events > .chat__body__wall_pane__form,
#chat #chat__body__wall_pane.yc-wall-mode-events > #chat_pane_youtube,
#chat #chat__body__wall_pane.yc-wall-mode-events > #wall_poll_creator{
  display:none !important;
}
#chat #chat__body__wall_pane.yc-wall-mode-events > .yc-wall-events{
  display:flex;
  flex-direction:column;
}
#chat #chat__body__wall_pane .yc-we-acc{
  display:flex;
  flex-direction:column;
  flex:0 0 auto;
  min-height:0;
  margin:0 10px 8px;
  border-radius:18px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.16);
  overflow:hidden;
  box-sizing:border-box;
}
#chat #chat__body__wall_pane .yc-we-lock{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:220px;
  padding:28px 16px;
  text-align:center;
  color:#fff;
}
#chat #chat__body__wall_pane .yc-we-lock[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-we-lock svg{
  width:112px;
  height:112px;
  display:block;
}
#chat #chat__body__wall_pane .yc-we-lock p{
  margin:0;
  font-family:inherit;
  font-size:18px;
  font-weight:800;
  line-height:1.6;
}
#chat #chat__body__wall_pane .yc-we-acc.is-open{
  flex:1 1 auto;
  border-color:color-mix(in srgb, var(--primary-color,#214561) 70%, white);
}
#chat #chat__body__wall_pane .yc-we-acc__h{
  appearance:none;
  width:100%;
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0;
  padding:12px 12px;
  border:0;
  background:transparent;
  color:#fff;
  font-family:inherit;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  text-align:right;
}
#chat #chat__body__wall_pane .yc-we-acc.is-open .yc-we-acc__h{
  color:#f5c542;
}
#chat #chat__body__wall_pane .yc-we-acc.is-alert > .yc-we-acc__h{
  color:#f5c542;
  background:rgba(245,197,66,.18);
}
#chat #chat__body__wall_pane .yc-we-acc__t{
  display:inline-flex;
  direction:rtl;
  align-items:center;
  gap:8px;
}
#chat #chat__body__wall_pane .yc-we-ico{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(0,0,0,.28);
  color:#fff;
}
#chat #chat__body__wall_pane .yc-we-acc.is-open .yc-we-ico{
  color:#f5c542;
  background:#1b4c3a;
}
#chat #chat__body__wall_pane .yc-we-ico svg{
  width:18px;
  height:18px;
  display:block;
}
#chat #chat__body__wall_pane .yc-we-acc__ch{
  flex:0 0 8px;
  width:8px;
  height:8px;
  margin-top:-4px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
}
#chat #chat__body__wall_pane .yc-we-acc.is-open .yc-we-acc__ch{
  margin-top:3px;
  transform:rotate(-135deg);
}
#chat #chat__body__wall_pane .yc-we-acc__b{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  padding:0 10px 10px;
  box-sizing:border-box;
  overflow:hidden;
}
#chat #chat__body__wall_pane .yc-we-acc__b[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-cut{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
}
#chat #chat__body__wall_pane .yc-cut__ctl{
  display:flex;
  direction:rtl;
  align-items:center;
  gap:8px;
  padding:2px 0 8px;
}
#chat #chat__body__wall_pane .yc-cut__state{
  display:flex;
  direction:rtl;
  align-items:center;
  gap:8px;
  flex:1 1 auto;
  min-width:0;
  color:#e7f6fb;
  font-family:inherit;
}
#chat #chat__body__wall_pane .yc-cut__lines{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
#chat #chat__body__wall_pane .yc-cut__st{
  font-size:13px;
  font-weight:800;
  line-height:1.2;
}
#chat #chat__body__wall_pane .yc-cut__sub{
  display:block;
  max-width:100%;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  color:#9ec3ce;
  white-space:normal;
}
#chat #chat__body__wall_pane .yc-cut__dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#607680;
  flex:0 0 auto;
}
#chat #chat__body__wall_pane .yc-cut__dot.is-on{
  background:#3ddc97;
  box-shadow:0 0 0 3px rgba(61,220,151,.18);
}
#chat #chat__body__wall_pane .yc-cut__go,
#chat #chat__body__wall_pane .yc-cut__stop,
#chat #chat__body__wall_pane .yc-we-start,
#chat #chat__body__wall_pane .yc-we-stop{
  appearance:none;
  border:0;
  border-radius:999px;
  height:34px;
  padding:0 10px;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  color:#fff;
  white-space:nowrap;
}
#chat #chat__body__wall_pane .yc-cut__go,
#chat #chat__body__wall_pane .yc-we-start,
#chat #chat__body__wall_pane .yc-we-vote-go{
  background:#178a45;
}
#chat #chat__body__wall_pane .yc-we-vote-go{
  align-self:flex-start;
  height:34px;
  margin:8px 0 0;
  padding:0 14px;
  border:0;
  border-radius:999px;
  color:#fff;
  font-family:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
#chat #chat__body__wall_pane .yc-cut__stop,
#chat #chat__body__wall_pane .yc-we-stop{
  background:#d0122d;
}
#chat #chat__body__wall_pane .yc-cut__go:disabled,
#chat #chat__body__wall_pane .yc-cut__stop:disabled{
  opacity:1;
  background:#3a4c56;
  color:#d7e6ec;
  cursor:default;
}
#chat #chat__body__wall_pane .yc-cut__bar{
  height:4px;
  margin:0 0 8px;
  border-radius:9px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  flex:0 0 auto;
}
#chat #chat__body__wall_pane .yc-cut__bar > span{
  display:block;
  height:100%;
  width:100%;
  transform-origin:right center;
  background:var(--primary-color,#214561);
}
#chat #chat__body__wall_pane .yc-cut__feed{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:6px 8px 8px 18px;
  scrollbar-gutter:stable;
}
#chat #chat__body__wall_pane .yc-cut__empty{
  margin:18px 8px;
  text-align:center;
  color:#9ec3ce;
  font-size:14px;
}
#chat #chat__body__wall_pane .yc-cut__sys{
  display:flex;
  justify-content:center;
  margin:8px 0;
}
#chat #chat__body__wall_pane .yc-cut__sys span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 12px;
  border-radius:999px;
  background:#145246;
  color:#d9fff4;
  font-size:12px;
  font-weight:800;
}
#chat #chat__body__wall_pane .yc-cut__post{
  position:relative;
  display:block;
  direction:rtl;
  text-align:right;
  margin:0 0 10px;
  padding:12px 12px 40px;
  border-radius:16px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.14);
  border-right:3px solid #fff;
  box-sizing:border-box;
}
#chat #chat__body__wall_pane .yc-cut__time{
  position:absolute;
  top:10px;
  left:12px;
  color:#9ec3ce;
  font-size:11px;
  font-weight:700;
}
#chat #chat__body__wall_pane .yc-cut__av{
  float:right;
  width:42px;
  height:42px;
  margin-left:10px;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#1c4652;
}
#chat #chat__body__wall_pane .yc-cut__av.is-bot{
  background:rgba(0,0,0,.45);
  color:#fff;
  box-shadow:0 0 0 2px #fff;
}
#chat #chat__body__wall_pane .yc-cut__av.is-bot svg{
  width:26px;
  height:26px;
  display:block;
}
#chat #chat__body__wall_pane .yc-cut__photo{
  width:42px;
  height:42px;
  object-fit:cover;
  display:block;
}
#chat #chat__body__wall_pane .yc-cut__body{
  overflow:hidden;
}
#chat #chat__body__wall_pane .yc-cut__nm{
  color:#fff;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  padding-left:52px;
}
#chat #chat__body__wall_pane .yc-cut__qno{
  display:inline-block;
  margin-right:8px;
  padding:1px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1.6;
}
#chat #chat__body__wall_pane .wall_post.yc-wall-win{
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  direction:rtl;
}
#chat #chat__body__wall_pane .yc-wall-win__head{
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:space-between;
  position:relative;
  min-height:36px;
  width:100%;
  margin:0 0 6px;
}
#chat #chat__body__wall_pane .yc-wall-win__head .wall_post__name{
  position:absolute;
  left:48px;
  right:48px;
  margin:0;
  text-align:center;
  color:#1c1404;
}
#chat #chat__body__wall_pane .yc-wall-win__head .wall_post__time{
  float:none !important;
  position:static !important;
  flex:0 0 auto;
  margin:0;
}
#chat #chat__body__wall_pane .wall_post.yc-wall-win .wall_post__avatar.is-event{
  float:none !important;
  flex:0 0 36px;
  width:36px;
  height:36px;
  margin:0;
  border-radius:50%;
  background:#e6b325;
  color:#1c1404;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:36px;
  text-align:center;
}
#chat #chat__body__wall_pane .wall_post.yc-wall-win .wall_post__avatar.is-event::before{
  content:"★";
}
#chat #chat__body__wall_pane .yc-wall-win__card{
  display:block;
  margin-top:4px;
  padding:8px 10px;
  border-radius:12px;
  background:linear-gradient(180deg,#fff8e8 0%,#fff 55%);
  border:1px solid #e6c56a;
  color:#1c1404;
  text-align:center;
  font-family:inherit;
}
#chat #chat__body__wall_pane .yc-wall-win__card b{
  display:inline-block;
  margin-bottom:4px;
  padding:2px 10px;
  border-radius:999px;
  background:#e6b325;
  color:#1c1404;
  font-size:11px;
}
#chat #chat__body__wall_pane .yc-wall-win__card strong{
  display:block;
  font-size:15px;
  line-height:1.4;
}
#chat #chat__body__wall_pane .yc-wall-win__card em{
  display:block;
  margin-bottom:4px;
  font-style:normal;
  font-size:12px;
  font-weight:800;
}
#chat #chat__body__wall_pane .yc-wall-win__card p,
#chat #chat__body__wall_pane .yc-wall-win__card small{
  display:block;
  margin:0;
  font-size:13px;
  font-weight:700;
  line-height:1.6;
}
#chat #chat__body__wall_pane .yc-wall-win__shot{
  display:block;
  width:132px;
  height:auto;
  max-height:160px;
  margin:8px auto 0;
  object-fit:contain;
  border-radius:10px;
  cursor:zoom-in;
  background:#f6f1e4;
}
#chat #chat__body__wall_pane .yc-cut__txt{
  margin-top:3px;
  color:#fff;
  font-size:15px;
  font-weight:800;
  line-height:1.7;
  word-break:break-word;
}
#chat #chat__body__wall_pane .yc-cut__acts{
  position:absolute;
  left:10px;
  bottom:8px;
  display:flex;
  direction:ltr;
  align-items:center;
  gap:6px;
}
#chat #chat__body__wall_pane .yc-cut__acts button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:4px;
  height:26px;
  min-width:26px;
  padding:0 8px;
  border:0;
  border-radius:999px;
  background:#0c242c;
  color:#d5e8ee;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
#chat #chat__body__wall_pane .yc-cut__acts svg{
  width:13px;
  height:13px;
  fill:currentColor;
}
#chat #chat__body__wall_pane .yc-cut__h.is-on{
  background:#178a45;
  color:#fff;
}
#chat #chat__body__wall_pane .yc-cut__note{
  min-height:0;
  margin:0 0 4px;
  text-align:center;
  color:#9ec3ce;
  font-size:12px;
  font-weight:700;
}
#chat #chat__body__wall_pane .yc-cut__note:empty{display:none}
#chat #chat__body__wall_pane .yc-cut__note.is-ok{color:#fff}
#chat #chat__body__wall_pane .yc-cut__note.is-bad{color:#fff}
#chat #chat__body__wall_pane .yc-cut__form{
  display:flex;
  direction:rtl;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  margin-top:6px;
  padding:4px;
  border-radius:999px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.16);
  box-sizing:border-box;
}
#chat #chat__body__wall_pane .yc-cut__form input{
  flex:1 1 auto;
  min-width:0;
  height:38px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-family:inherit;
  text-align:right;
  direction:rtl;
}
#chat #chat__body__wall_pane .yc-cut__form input::placeholder{color:#8eacb6}
#chat #chat__body__wall_pane .yc-cut__tool,
#chat #chat__body__wall_pane .yc-cut__send{
  appearance:none;
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#d5e8ee;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#chat #chat__body__wall_pane .yc-cut__tool{
  width:34px;
  height:34px;
}
#chat #chat__body__wall_pane .yc-cut__tool svg,
#chat #chat__body__wall_pane .yc-cut__send svg{
  width:18px;
  height:18px;
  display:block;
}
#chat #chat__body__wall_pane .yc-cut__send{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#178a45;
  color:#fff;
}
#chat #chat__body__wall_pane .yc-cut__faces{
  display:flex;
  flex-wrap:wrap;
  direction:rtl;
  gap:6px;
  padding:6px 2px 2px;
}
#chat #chat__body__wall_pane .yc-cut__faces[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-cut__face{
  width:32px;
  height:32px;
  border:0;
  border-radius:8px;
  background:rgba(0,0,0,.28);
  cursor:pointer;
  font-size:16px;
}
#chat #chat__body__wall_pane .yc-we-contest{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:2px 2px 8px;
}
#chat #chat__body__wall_pane .yc-we-top{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  direction:rtl;
  gap:6px;
}
#chat #chat__body__wall_pane .yc-we-cd{
  flex:1 1 auto;
  min-width:0;
}
#chat #chat__body__wall_pane .yc-we-cd__lbl{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#chat #chat__body__wall_pane .yc-we-tools[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-we-tools{
  display:flex;
  direction:rtl;
  gap:6px;
  margin-top:8px;
}
#chat #chat__body__wall_pane .yc-we-ping,
#chat #chat__body__wall_pane .yc-we-cast,
#chat #chat__body__wall_pane .yc-we-ping-go,
#chat #chat__body__wall_pane .yc-we-cast-go{
  appearance:none;
  border:0;
  border-radius:999px;
  height:30px;
  padding:0 10px;
  background:rgba(0,0,0,.28);
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
#chat #chat__body__wall_pane .yc-we-castbox,
#chat #chat__body__wall_pane .yc-we-pingbox{
  display:flex;
  direction:rtl;
  gap:6px;
  margin-top:8px;
}
#chat #chat__body__wall_pane .yc-we-castbox[hidden],
#chat #chat__body__wall_pane .yc-we-pingbox[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-we-castbox input,
#chat #chat__body__wall_pane .yc-we-pingbox input{
  flex:1 1 auto;
  min-width:0;
  height:32px;
  border:0;
  border-radius:999px;
  padding:0 12px;
  background:rgba(0,0,0,.28);
  color:#fff;
  font-family:inherit;
  font-size:13px;
}
#chat #chat__body__wall_pane .yc-we-alert{display:none !important}
#chat #chat__body__wall_pane > .yc-wall-switch .yc-wall-switch__btn[data-yc-wall-tab="events"]{
  position:relative;
  white-space:nowrap;
  padding:8px 28px 8px 8px;
}
#chat #chat__body__wall_pane .yc-we-tabdot{
  position:absolute;
  top:50%;
  right:7px;
  width:8px;
  height:8px;
  margin:0;
  border-radius:50%;
  background:#f5c542;
  box-shadow:0 0 0 2px rgba(245,197,66,.35);
  transform:translateY(-50%);
}
#chat #chat__body__wall_pane .yc-we-tabdot[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-we-tabcount{
  position:absolute;
  top:50%;
  right:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:16px;
  height:16px;
  margin:0;
  padding:0 4px;
  border-radius:999px;
  background:#f5c542;
  color:#1c1404;
  font-size:11px;
  font-weight:800;
  line-height:16px;
  transform:translateY(-50%);
}
#chat #chat__body__wall_pane .yc-we-tabcount[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-wall-switch__btn.is-alert .yc-we-tabcount{
  background:#1c1404;
  color:#f5c542;
}
#chat #chat__body__wall_pane .yc-wall-switch__btn.is-alert{
  background:#f5c542;
  color:#1c1404;
}
#chat #chat__body__wall_pane .yc-we-acc[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-we-shot{cursor:zoom-in}
#yc-we-light{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.82);
  padding:24px;
}
#yc-we-light[hidden]{display:none !important}
#yc-we-light img{
  max-width:92vw;
  max-height:88vh;
  border-radius:16px;
  object-fit:contain;
}
#yc-we-light button{
  position:absolute;
  top:16px;
  left:16px;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#111;
  font-size:24px;
  cursor:pointer;
}
#yc-we-bulletin{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(12,16,22,.42);
  padding:24px;
  font-family:inherit;
}
#yc-we-bulletin[hidden]{display:none !important}
#yc-we-bulletin .yc-we-card{
  width:min(380px, 92vw);
  position:relative;
  background:#fff;
  color:#1b1b1b;
  border-radius:18px;
  padding:28px 18px 16px;
  text-align:center;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
  border:1px solid rgba(0,0,0,.06);
}
#yc-we-bulletin.is-winner .yc-we-card{
  background:linear-gradient(180deg, #fff8e8 0%, #fff 42%);
  border:1px solid #e6c56a;
}
#yc-we-bulletin .yc-we-card__badge{
  position:absolute;
  top:-14px;
  left:50%;
  transform:translateX(-50%);
  background:var(--primary-color, #551222);
  color:#fff;
  font-size:15px;
  font-weight:800;
  padding:6px 18px;
  border-radius:10px;
  white-space:nowrap;
}
#yc-we-bulletin.is-winner .yc-we-card__badge{
  background:#e6b325;
  color:#1c1404;
}
#yc-we-bulletin .yc-we-card__hero{margin:8px 0 8px}
#yc-we-bulletin .yc-we-card__hero[hidden],
#yc-we-bulletin .yc-we-card__shot[hidden],
#yc-we-bulletin .yc-we-card__poem[hidden],
#yc-we-bulletin .yc-we-card__av[hidden]{display:none !important}
#yc-we-bulletin .yc-we-card__av{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #e6b325;
}
#yc-we-bulletin .yc-we-card__crown{
  margin-top:6px;
  color:#b8860b;
  font-size:13px;
  font-weight:800;
}
#yc-we-bulletin .yc-we-card__name{
  display:block;
  margin-top:2px;
  font-size:20px;
  font-weight:800;
}
#yc-we-bulletin .yc-we-card__votes{
  display:inline-block;
  margin-top:4px;
  padding:2px 10px;
  border-radius:999px;
  background:#fff3c4;
  color:#7a5b10;
  font-size:12px;
  font-weight:800;
}
#yc-we-bulletin .yc-we-card__shot{
  width:100%;
  max-height:220px;
  object-fit:cover;
  border-radius:14px;
  margin:8px 0;
}
#yc-we-bulletin .yc-we-card__poem{
  margin:8px 0;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(0,0,0,.04);
  white-space:pre-wrap;
  line-height:1.8;
  font-size:15px;
}
#yc-we-bulletin .yc-we-card__text{
  margin:8px 0 14px;
  font-size:16px;
  font-weight:800;
  line-height:1.8;
}
#yc-we-bulletin .yc-we-card button{
  appearance:none;
  border:0;
  border-radius:999px;
  height:36px;
  padding:0 18px;
  background:var(--primary-color, #551222);
  color:#fff;
  font-family:inherit;
  font-weight:800;
  cursor:pointer;
}
#chat #chat__body__wall_pane .yc-we-actions{
  display:flex;
  direction:rtl;
  gap:8px;
}
#chat #chat__body__wall_pane .yc-we-cd{
  display:inline-flex;
  direction:rtl;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.35);
  color:#fff;
  font-size:13px;
  font-weight:800;
  font-family:inherit;
}
#chat #chat__body__wall_pane .yc-we-cd.is-live,
#chat #chat__body__wall_pane .yc-we-cd.is-vote{
  background:rgba(0,0,0,.35);
  color:#fff;
}
#chat #chat__body__wall_pane .yc-we-cd.is-result{
  background:#145246;
  color:#fff;
}
#chat #chat__body__wall_pane .yc-we-cd.is-hold{
  justify-content:center;
  text-align:center;
}
#chat #chat__body__wall_pane .yc-we-cd.is-hold .yc-we-cd__lbl{
  width:100%;
  text-align:center;
}
#chat #chat__body__wall_pane .yc-we-cd b{
  font-size:14px;
  font-weight:800;
}
#chat #chat__body__wall_pane .yc-we-cd b[hidden],
#chat #chat__body__wall_pane .yc-we-start[hidden],
#chat #chat__body__wall_pane .yc-we-stop[hidden],
#chat #chat__body__wall_pane .yc-we-form[hidden],
#chat #chat__body__wall_pane .yc-we-done[hidden],
#chat #chat__body__wall_pane .yc-we-winline[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-we-rule{
  margin:10px 2px 0;
  color:#c5dde4;
  font-size:13px;
  font-weight:700;
  line-height:1.7;
  text-align:center;
  font-family:inherit;
}
#chat #chat__body__wall_pane .yc-we-winline{
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 2px 0;
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.6;
  text-align:center;
  font-family:inherit;
}
#chat #chat__body__wall_pane .yc-we-winword{
  color:#f5c542;
}
#chat #chat__body__wall_pane .yc-we-winword[hidden],
#chat #chat__body__wall_pane .yc-we-winacts[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-we-winacts{
  display:inline-flex;
  gap:4px;
}
#chat #chat__body__wall_pane .yc-we-to-wall,
#chat #chat__body__wall_pane .yc-we-to-chat{
  appearance:none;
  border:0;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
#chat #chat__body__wall_pane .yc-we-to-wall{background:#e9991f;color:#1c1404}
#chat #chat__body__wall_pane .yc-we-to-chat{background:#178a45;color:#fff}
#chat #chat__body__wall_pane .yc-we-winerr{
  flex-basis:100%;
  color:#f5c542;
  font-size:12px;
}
#chat #chat__footer:has(.yc-we-hot){overflow:visible;z-index:220}
#chat #chat__footer__menu__wall_item{position:relative}
#chat #chat__footer__menu__wall_item.yc-we-hot{color:#ffeb3b !important}
#chat #chat__footer__menu__wall_item .yc-we-foot{display:none}
#chat #chat__footer__menu__wall_item.yc-we-hot .yc-we-foot{
  display:none !important;
  position:absolute;
  bottom:calc(100% + 6px);
  left:50%;
  transform:translateX(-50%);
  max-width:230px;
  padding:5px 10px;
  border-radius:10px;
  background:#e9991f;
  color:#1c1404;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  animation:yc-we-foot-in .35s ease;
  z-index:40;
  box-shadow:0 6px 16px rgba(0,0,0,.28);
  pointer-events:none;
}
#chat__body{position:relative}
#yc-we-toast{
  position:absolute;
  top:46%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:30;
  max-width:min(88%,420px);
  padding:10px 16px;
  border:0;
  border-radius:12px;
  background:#e9991f;
  color:#1c1404;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
  text-align:center;
  cursor:pointer;
  font-family:inherit;
  box-shadow:0 8px 22px rgba(0,0,0,.28);
}
#yc-we-toast[hidden]{display:none !important}
#yc-we-toast.is-on{animation:yc-we-toast-in .28s ease}
@keyframes yc-we-toast-in{
  from{opacity:0;transform:translate(-50%,-42%)}
  to{opacity:1;transform:translate(-50%,-50%)}
}
#chat #chat__footer__menu__wall_item .yc-we-foot.is-fade{
  animation:yc-we-foot-life 4.6s ease forwards;
}
@keyframes yc-we-foot-in{
  from{opacity:0;transform:translateX(-50%) translateY(8px)}
  to{opacity:1;transform:translateX(-50%) translateY(0)}
}
@keyframes yc-we-foot-life{
  0%{opacity:0;transform:translateX(-50%) translateY(10px)}
  14%{opacity:1;transform:translateX(-50%) translateY(0)}
  76%{opacity:1;transform:translateX(-50%) translateY(0)}
  100%{opacity:0;transform:translateX(-50%) translateY(-8px)}
}
#chat #chat__body__wall_pane .yc-we-form textarea{
  width:100%;
  min-height:110px;
  margin-top:8px;
  padding:12px;
  resize:vertical;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(0,0,0,.28);
  color:#fff;
  font-family:inherit;
  font-size:16px;
  font-weight:700;
  line-height:1.9;
  text-align:center;
  box-sizing:border-box;
}
#chat #chat__body__wall_pane .yc-we-pick{
  display:block;
  margin-top:8px;
  padding:22px 10px;
  text-align:center;
  border:2px dashed color-mix(in srgb, var(--primary-color,#214561) 55%, white);
  border-radius:16px;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  background:rgba(255,255,255,.03);
  font-family:inherit;
}
#chat #chat__body__wall_pane .yc-we-pick input{display:none}
#chat #chat__body__wall_pane .yc-we-prev{
  display:block;
  width:100%;
  max-height:180px;
  object-fit:contain;
  margin-top:8px;
  border-radius:14px;
  background:#071e27;
}
#chat #chat__body__wall_pane .yc-we-prev[hidden]{display:none !important}
#chat #chat__body__wall_pane .yc-we-err{
  min-height:0;
  margin:6px 0 0;
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-align:center;
}
#chat #chat__body__wall_pane .yc-we-err:empty{display:none}
#chat #chat__body__wall_pane .yc-we-send{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:40px;
  margin-top:8px;
  border:0;
  border-radius:999px;
  background:#178a45;
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
#chat #chat__body__wall_pane .yc-we-done{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(61,220,151,.12);
  color:#b7f5d8;
  font-size:13px;
  font-weight:800;
  text-align:center;
}
#chat #chat__body__wall_pane .yc-we-gal{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:12px;
}
#chat #chat__body__wall_pane .yc-we-ent{
  position:relative;
  border-radius:18px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.14);
  overflow:hidden;
}
#chat #chat__body__wall_pane .yc-we-ent.is-win{
  border:2px solid #e6b325;
  box-shadow:0 0 0 3px rgba(230,179,37,.22);
}
#chat #chat__body__wall_pane .yc-we-crown{
  position:absolute;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  padding:3px 12px;
  border-radius:999px;
  background:#f5c542;
  color:#1c1404;
  font-size:12px;
  font-weight:800;
}
#chat #chat__body__wall_pane .yc-we-eh{
  display:flex;
  direction:rtl;
  justify-content:flex-start;
  padding:12px 12px 0;
}
#chat #chat__body__wall_pane .yc-we-nm{
  color:#fff;
  font-size:14px;
  font-weight:800;
}
#chat #chat__body__wall_pane .yc-we-poem{
  padding:8px 16px 4px;
  color:#fff;
  font-size:17px;
  font-weight:800;
  line-height:1.95;
  white-space:pre-wrap;
  word-break:break-word;
  text-align:center;
}
#chat #chat__body__wall_pane .yc-we-media{position:relative}
#chat #chat__body__wall_pane .yc-we-shot{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  background:#071e27;
}
#chat #chat__body__wall_pane .yc-we-ent.is-img.is-win .yc-we-media{margin-top:28px}
#chat #chat__body__wall_pane .yc-we-ent.is-img .yc-we-eh{
  position:static;
  display:flex;
  width:fit-content;
  margin:8px 10px 0;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(7,30,39,.62);
}
#chat #chat__body__wall_pane .yc-we-ef{
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 12px 12px;
}
#chat #chat__body__wall_pane .yc-we-ent.is-img .yc-we-ef{
  position:static;
  padding:8px 12px 12px;
}
#chat #chat__body__wall_pane .yc-we-vote{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:5px;
  height:30px;
  padding:0 10px;
  border:0;
  border-radius:999px;
  background:#178a45;
  color:#fff;
  font-family:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
#chat #chat__body__wall_pane .yc-we-vote svg{width:14px;height:14px;fill:#fff}
#chat #chat__body__wall_pane .yc-we-vote:disabled,
#chat #chat__body__wall_pane .yc-we-vote.is-mine{
  background:#3d525c;
  cursor:default;
}
#chat #chat__body__wall_pane .yc-we-own{
  color:#9ec3ce;
  font-size:12px;
  font-weight:700;
}
#chat .public_message__content a.yc-chat-link{
  color:inherit;
  text-decoration:underline;
  cursor:pointer;
  word-break:break-all;
}
#chat .public_message__content .yc-score-sep{
  color:#f5c542;
  font-weight:800;
  padding:0 3px;
}
#user_profile__footer__actions__item--upgrade:before,
#user_profile__footer__actions__item--room-excpel:before{
  content:none !important;
  display:none !important;
}

/* css/profile-views.css */
#chat__body__profile_views_pane.pv-pane {
    display: none;
    flex-direction: column;
    background: #fff !important;
}

#chat__body__profile_views_pane.pv-pane > .chat_pane__header {
    background: var(--primary-color, #2c3b4d) !important;
    border: none !important;
    box-shadow: none !important;
}

#chat__body__profile_views_pane.pv-pane > .chat_pane__header .chat_pane__header__title {
    font-size: .72rem !important;
    font-weight: 700 !important;
    color: #fff !important;
}

#chat__body__profile_views_pane .pv-stage {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    direction: rtl;
}

#chat__body__profile_views_pane .pv-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    margin: .55rem .5rem .45rem;
    padding: .62rem .7rem;
    border-radius: 10px;
    background: #e6eef7;
    border: 1px solid #c9d8e9;
    border-right: 3px solid #2f5f93;
    color: #1f2a3a;
}

#chat__body__profile_views_pane .pv-summary__label {
    font-size: .68rem;
    font-weight: 800;
}

#chat__body__profile_views_pane .pv-summary__value {
    min-width: 1.8rem;
    padding: .12rem .45rem;
    border-radius: 999px;
    background: #fff;
    font-size: .78rem;
    font-weight: 800;
    color: #2f5f93;
    text-align: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
}

#chat__body__profile_views_pane .pv-list {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 .5rem .8rem;
}

#chat__body__profile_views_pane .pv-row {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    gap: .48rem;
    width: 100%;
    background: #f8fafc;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    padding: .42rem .5rem;
    margin: 0 0 .38rem;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .05);
    color: #1e293b;
    text-align: right;
    direction: rtl;
    font: inherit;
    cursor: default;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

#chat__body__profile_views_pane .pv-row[data-open="1"] { cursor: pointer; }
#chat__body__profile_views_pane .pv-row[data-open="1"]:hover {
    background: #eef6ff;
    border-color: #d7e8f8;
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(15, 23, 42, .08);
}

#chat__body__profile_views_pane .pv-avatar {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    object-fit: cover;
    flex: none;
    background: #e5e7eb;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #dbe7f3;
}

#chat__body__profile_views_pane .pv-name {
    flex: 1;
    min-width: 0;
    font-size: .7rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    color: #334155;
}

#chat__body__profile_views_pane .pv-count {
    flex: none;
    display: inline-flex;
    align-items: baseline;
    gap: .18rem;
    padding: .14rem .4rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #475569;
}

#chat__body__profile_views_pane .pv-count__n {
    font-size: .68rem;
    font-weight: 800;
    color: #2f5f93;
}

#chat__body__profile_views_pane .pv-count__l {
    font-size: .52rem;
    font-weight: 700;
    color: #94a3b8;
}

#chat__body__profile_views_pane .pv-empty,
#chat__body__profile_views_pane .pv-loading {
    padding: 1.4rem .6rem;
    text-align: center;
    color: #94a3b8;
    font-size: .68rem;
    font-weight: 700;
}

/* css/story-viewer.css */
/* Professional story viewer, sheets, and action toolbar */

#story-modal {
  background: rgba(0, 0, 0, 0.94) !important;
}

#story-modal-content .story-viewer .slides .item {
  background: #000;
}

#story-modal-content .story-viewer .slides .item:before {
  z-index: 5;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.08) 18%, transparent 32%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.16) 22%, transparent 40%);
}

#story-modal-content .story-viewer .slides .item > .media {
  object-fit: contain;
}

#story-modal-content .story-viewer .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
  min-height: 3.4rem;
  padding: 1.35rem 0.7rem 0.55rem;
  line-height: 1.2;
  z-index: 100040;
}

#story-modal-content .story-viewer .head .left,
#story-modal-content .story-viewer .head .right {
  float: none;
  display: flex;
  align-items: center;
}

#story-modal-content .story-viewer .head .left {
  gap: 0.4rem;
  max-width: calc(100% - 6.4rem);
  margin: 0;
}

#story-modal-content .story-viewer .head .right {
  gap: 0.35rem;
  margin: 0;
}

#story-modal-content .story-viewer .head .item-preview {
  width: 2.05rem;
  height: 2.05rem;
  margin: 0;
  padding: 0.07rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #f8d48b, #c9a227 42%, #8b5a12);
  box-shadow: 0 0 0 0.07rem rgba(255, 255, 255, 0.22);
}

#story-modal-content .story-viewer .head .item-preview img {
  border-radius: 50%;
  border: 0.08rem solid #0b0b0f;
}

#story-modal-content .story-viewer .head .left .info {
  max-width: 42vw;
}

#story-modal-content .story-viewer .head .left .info .name,
#story-modal-content .story-viewer .head .left .info .username__wrapper {
  font-size: 0.72rem;
  font-weight: 700;
}

#story-modal-content .story-viewer .head .time {
  opacity: 0.78;
  font-size: 0.5rem;
}

#story-modal-content .story-viewer .head .yc-st-close,
#story-modal-content .story-viewer .head .yc-st-del,
#story-modal-content .story-viewer .head .right .close,
#story-modal-content .story-viewer .head .right .remove {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.95rem !important;
  height: 1.95rem !important;
  min-width: 1.95rem;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  line-height: 1 !important;
  font-size: 1.05rem !important;
  color: #fff !important;
  background: rgba(18, 18, 24, 0.55) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 0 0 0 0.04rem rgba(255, 255, 255, 0.16);
  text-shadow: none;
}

#story-modal-content .story-viewer .head .yc-st-del,
#story-modal-content .story-viewer .head .right .remove {
  background: rgba(176, 28, 48, 0.82) !important;
  font-size: 0.78rem !important;
}

#story-modal-content .story-viewer .head .yc-st-del .fa {
  font-size: 0.78rem;
  line-height: 1;
}

#story-modal-content .story-viewer .slides-pointers {
  width: min(96vw, 26rem);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  top: 0.32rem;
  border-spacing: 0.14rem;
  z-index: 100041;
}

#story-modal-content .story-viewer .slides-pointers > * > * {
  height: 0.13rem;
  background: rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  overflow: hidden;
}

#story-modal-content .story-viewer .slides-pointers > * > .seen {
  background: #fff;
}

#story-modal-content .story-viewer .slides-pointers > * > * > b {
  height: 0.13rem;
  background: #fff;
}

#story-modal #story-modal-content .story-viewer.paused .pause {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 3.1rem;
  height: 3.1rem;
  font-size: 1.15rem;
  border-radius: 50%;
  background: rgba(10, 10, 14, 0.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.story-reactions {
  left: auto !important;
  right: 0.55rem;
  bottom: 5.4rem;
  gap: 0.62rem;
  padding: 0;
  z-index: 100045;
}

.story-reactions .comments_wrapper .fa,
.story-reactions .likes_wrapper .fa,
.story-reactions .views_wrapper .fa {
  font-size: 1.05rem;
  width: 2.05rem;
  height: 2.05rem;
  line-height: 2.05rem;
  border-radius: 50%;
  background: rgba(16, 16, 22, 0.52);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  text-shadow: none !important;
  box-shadow: inset 0 0 0 0.04rem rgba(255, 255, 255, 0.14);
}

.story-reactions .likes_wrapper .fa.liked {
  color: #fff;
  background: #e11d48;
}

.story-reactions .comments_wrapper .comments,
.story-reactions .likes_wrapper .likes,
.story-reactions .views_wrapper .views {
  font-size: 0.48rem;
  font-weight: 700;
}

#story-comments,
#story-views {
  background: rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 100050;
}

#story-comments #story-comments-container,
#story-views #story-views-container,
.yc-st-sheet {
  width: min(100%, 26rem) !important;
  max-width: 26rem !important;
  height: min(82%, 38rem) !important;
  background: #121218 !important;
  color: #f4f4f8;
  border-top-left-radius: 1.15rem !important;
  border-top-right-radius: 1.15rem !important;
  box-shadow: 0 -1rem 2.6rem rgba(0, 0, 0, 0.45);
  overflow: hidden;
}

.yc-st-sheet-handle {
  width: 2.4rem;
  height: 0.18rem;
  margin: 0.42rem auto 0.1rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
}

#story-comments #story-comments-header,
#story-views #story-views-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  text-align: right;
  padding: 0.35rem 0.8rem 0.55rem !important;
  border-bottom: 0.04rem solid rgba(255, 255, 255, 0.08);
}

.yc-st-sheet-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.12rem;
}

.yc-st-sheet-heading strong {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

#comments-count-wrapper,
#views-count-wrapper,
.yc-st-likes-meta {
  font-size: 0.52rem;
  color: rgba(255, 255, 255, 0.62);
  font-weight: 600;
}

.yc-st-likes-meta .fa {
  color: #fb7185;
  margin-left: 0.12rem;
}

#story-comments-close,
#story-views-close {
  float: none !important;
  width: 1.7rem;
  height: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  cursor: pointer;
}

#story-comments-body,
#story-views-body {
  padding: 0.25rem 0.35rem 0.7rem;
}

#story-comments-body:empty::before,
#story-views-body:empty::before {
  display: block;
  text-align: center;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.68rem;
  padding: 3.2rem 1rem 0;
}

#story-comments-body:empty::before {
  content: "لا توجد ردود بعد\Aكن أول من يكتب";
  white-space: pre-line;
}

#story-views-body:empty::before {
  content: "لا توجد مشاهدات بعد";
}

.yc-st-row,
.story-comments--comment,
.story-views--view {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  position: relative;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0.04rem solid rgba(255, 255, 255, 0.06) !important;
  padding: 0.55rem 0.4rem !important;
  margin: 0 !important;
}

.story-comments--comment--avatar,
.story-views--view--avatar {
  float: none !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

.story-comments--comment--avatar img,
.story-views--view--avatar img {
  width: 1.7rem !important;
  height: 1.7rem !important;
  border: 0 !important;
  padding: 0 !important;
  object-fit: cover;
  box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.12);
}

.yc-st-row-main {
  flex: 1 1 auto;
  min-width: 0;
}

.yc-st-row-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.4rem;
}

.story-comments--comment--title,
.story-views--view--title,
.story-comments--comment--content {
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  direction: rtl;
}

.story-comments--comment--title,
.story-views--view--title,
.story-comments--comment--title .username__wrapper,
.story-views--view--title .username__wrapper {
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  color: #fff;
}

.story-comments--comment--content {
  display: inline-block;
  margin-top: 0.22rem !important;
  padding: 0.38rem 0.55rem !important;
  border-radius: 0.75rem 0.18rem 0.75rem 0.75rem;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
  line-height: 1.45;
}

.story-comments--comment--time,
.story-views--view--time {
  position: static !important;
  float: none !important;
  font-size: 0.46rem !important;
  color: rgba(255, 255, 255, 0.45) !important;
  white-space: nowrap;
}

.yc-st-row-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}

.story-comments--comment--like,
.story-comments--comment--remove {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  width: 1.55rem;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  font-size: 0.55rem !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

.story-comments--comment--like {
  background: rgba(225, 29, 72, 0.18) !important;
  color: #fb7185 !important;
}

.yc-st-seen {
  color: rgba(255, 255, 255, 0.38);
  font-size: 0.7rem;
  padding-top: 0.2rem;
}

#story-comments-footer {
  height: auto !important;
  padding: 0.45rem 0.55rem 0.7rem;
  background: #16161e;
  border-top: 0.04rem solid rgba(255, 255, 255, 0.08);
}

#story-comments-footer .story-comments-form,
.yc-st-composer {
  position: relative !important;
  display: flex !important;
  align-items: center;
  gap: 0.35rem;
  width: 100% !important;
  height: auto !important;
  padding: 0.15rem !important;
  background: transparent !important;
  text-align: initial !important;
}

#story-comments-footer .story-comments-form--face {
  width: 1.15rem !important;
  height: 1.15rem !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

#story-comments-footer .story-comments-form--input {
  flex: 1 1 auto;
  width: auto !important;
  height: 1.7rem !important;
  margin: 0 !important;
  padding: 0.28rem 0.7rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
  font-size: 0.62rem;
}

#story-comments-footer .story-comments-form--input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}

#story-comments-footer .story-comments-form--send {
  width: 1.7rem !important;
  height: 1.7rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  font-size: 0.7rem !important;
  background: linear-gradient(180deg, #e8c36a, #b8862a) !important;
  color: #1a1206 !important;
  box-shadow: 0 0.16rem 0.45rem rgba(184, 134, 42, 0.35);
}

#story-modal-content .story-viewer .slides-pointers .wrap,
#story-modal-content .story-viewer .slides-pointers > * {
  display: flex !important;
  width: 100%;
  gap: 0.14rem;
}

#story-modal-content .story-viewer .slides-pointers > * > * {
  flex: 1 1 0;
  display: block !important;
  min-width: 0;
}

#story-comments-container.yc-st-sheet,
#story-views-container.yc-st-sheet {
  overflow: visible !important;
}

#story-comments-footer {
  overflow: visible;
  position: relative;
  z-index: 100080;
}

.emoji_picker.story-comments {
  left: 0.4rem !important;
  right: auto !important;
  bottom: 2.35rem !important;
  z-index: 100090 !important;
  max-height: 10rem;
  background: #1b1b24 !important;
  border: 0.04rem solid rgba(255, 255, 255, 0.12) !important;
  color: #fff;
}

.story-views--view--title,
.story-comments--comment--title {
  overflow: visible !important;
  height: auto !important;
  color: #fff !important;
}

.story-views--view--title .username__wrapper,
.story-views--view--title .name,
.story-views--view--title .yc-st-name {
  display: inline !important;
  position: static !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: none !important;
}

.story-views--view--title .username__wrapper:not(:empty) + .yc-st-name {
  display: none !important;
}

/* Add-story: round avatar, dashed ring, plus at the bottom */
#story-board .story-board--item.add {
  width: 2.55rem;
  min-width: 2.55rem;
  height: 2.55rem;
  align-self: flex-start;
  margin-top: 0;
  border-radius: 50%;
  overflow: hidden;
  background: transparent;
}

#story-board .story-board--item.add .img_bg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  box-sizing: border-box;
  border: 0.1rem dashed #2662eb;
  background: #fff;
}

#story-board .story-board--item.add .plus {
  left: 50%;
  right: auto;
  bottom: 0.02rem;
  width: 0.92rem;
  height: 0.92rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2662eb;
  border: 0.08rem solid #fff;
  border-radius: 50%;
  z-index: 2;
}

#story-board .story-board--item.add .plus svg {
  width: 0.62rem;
  height: 0.62rem;
  color: #fff !important;
  stroke: #fff;
}

/* Member stories and add-story share one equal row */
#story-board {
  height: 3.2rem !important;
  min-height: 3.2rem;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.18rem 0.35rem;
  box-sizing: border-box;
  gap: 0.14rem;
}

#story-board .story-board--item,
#story-board .story-board--item.add,
#story-board .story-board--item:not(.add) {
  width: 2.55rem !important;
  min-width: 2.55rem !important;
  height: 2.55rem !important;
  max-height: 2.55rem;
  margin: 0 !important;
  align-self: center !important;
  flex: 0 0 2.55rem;
  box-sizing: border-box;
}

#story-board .story-board--item:not(.add) {
  border-radius: 0;
  overflow: visible;
  padding: 0;
  background: none;
  position: relative;
}

#story-board .story-board--item:not(.add) .img_bg,
#story-board .story-board--item:not(.add) video.img_bg {
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  box-sizing: border-box;
  border: 0.11rem solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(from 210deg, #f9ce34, #f77737 20%, #e1306c 46%, #c13584 66%, #833ab4 82%, #5851db) border-box;
  background-clip: padding-box, border-box;
  box-shadow: inset 0 0 0 0.07rem #fff;
}

#story-board .story-board--item:not(.add) .img_user {
  display: block !important;
  position: absolute;
  top: 1.72rem;
  left: -0.18rem;
  right: auto;
  width: 1.16rem;
  height: 1.16rem;
  margin: 0;
  transform: none;
  border-radius: 50%;
  object-fit: cover;
  border: 0.11rem solid transparent;
  box-sizing: border-box;
  z-index: 3;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(from 210deg, #f9ce34, #f77737 20%, #e1306c 46%, #c13584 66%, #833ab4 82%, #5851db) border-box;
  background-clip: padding-box, border-box;
  box-shadow: inset 0 0 0 0.07rem #fff, 0 0 0 0.04rem #fff;
}

#story-board .story-board--item:not(.add) .user_name {
  position: absolute;
  left: 50%;
  top: 46%;
  bottom: auto;
  width: max-content;
  max-width: 2.35rem;
  margin: 0;
  padding: 2px 6px;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
  color: #fff;
  background: rgba(28, 36, 46, 0.9);
  border-radius: 4px;
  text-shadow: none;
  pointer-events: none;
  z-index: 5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  visibility: hidden;
}

#story-board .story-board--item:not(.add):has(.img_user:hover) .user_name {
  opacity: 1;
  visibility: visible;
}

html.ep-night-mode #story-board .story-board--item:not(.add) .user_name {
  color: #fff;
  background: rgba(15, 20, 28, 0.92);
}

/* Desktop story stage: a vertical frame, not the full monitor */
@media (min-width: 760px) {
  #story-modal.yc-story-pro {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.82) !important;
  }

  #story-modal.yc-story-pro #story-modal-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    flex: 0 0 auto;
    width: min(26rem, calc(100vh * 0.56), 100vw) !important;
    height: min(100vh, calc(100vw * 1.78)) !important;
    max-height: 100vh;
    border-radius: 0.7rem;
    overflow: hidden;
    transform: none !important;
    perspective: none !important;
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.55);
  }

  #story-modal.yc-story-pro .slider {
    width: 300% !important;
    left: -100% !important;
    transform: none !important;
    transform-style: flat !important;
  }

  #story-modal.yc-story-pro.with-cube .slider > .previous,
  #story-modal.yc-story-pro.with-cube .slider > .viewing,
  #story-modal.yc-story-pro.with-cube .slider > .next,
  #story-modal.yc-story-pro .slider > .story-viewer {
    width: 33.333% !important;
    height: 100% !important;
    transform: none !important;
    backface-visibility: visible !important;
  }

  #story-modal.yc-story-pro .slider > .previous { left: 0 !important; }
  #story-modal.yc-story-pro .slider > .viewing { left: 33.333% !important; }
  #story-modal.yc-story-pro .slider > .next { left: 66.666% !important; }

  #story-modal.yc-story-pro .story-viewer .slides-pointers {
    width: calc(100% - 0.7rem);
  }

  #story-modal.yc-story-pro .story-viewer .head .left .info {
    max-width: 11rem;
  }
}

/* css/ep-night-mode.css */
/* Night mode applies only inside #chat — lobby/login stays unchanged */
html.ep-night-mode #chat {
    color-scheme: dark;
}
html.ep-night-mode #chat,
html.ep-night-mode #chat #chat__body,
html.ep-night-mode #chat #chat__body__messages_container,
html.ep-night-mode #chat .chat_pane,
html.ep-night-mode #chat .chat_pane__container,
html.ep-night-mode #chat #chat__body__users-pane,
html.ep-night-mode #chat #chat__body__conversations_pane,
html.ep-night-mode #chat #chat__body__rooms_pane,
html.ep-night-mode #chat #chat__body__wall_pane,
html.ep-night-mode #chat #chat__body__settings_pane,
html.ep-night-mode #chat #chat__body__others-pane,
html.ep-night-mode #chat #chat__body__others-pane.others-pane--premium,
html.ep-night-mode #chat #chat__body__notifications-pane,
html.ep-night-mode #chat #chat__body__ignored-users-pane,
html.ep-night-mode #chat #chat__body__live-pane,
html.ep-night-mode #chat #chat__body__wall_creator_pane,
html.ep-night-mode #chat #chat__body__profile_views_pane,
html.ep-night-mode #chat #chat_box_container,
html.ep-night-mode #chat #chat_box {
    background: #1e242d !important;
    color: #c8ced6 !important;
}
html.ep-night-mode #chat .chat_pane__header,
html.ep-night-mode #chat .chat_pane__header .btn,
html.ep-night-mode #chat .chat_pane__header .btn-primary,
html.ep-night-mode #chat #chat__header,
html.ep-night-mode #chat .chat_box__header {
    background: #2c3440 !important;
    background-color: #2c3440 !important;
    color: #e6e8eb !important;
    border-color: #4b5563 !important;
}
html.ep-night-mode #chat .chat_pane__header__title,
html.ep-night-mode #chat .chat_pane__header .btn,
html.ep-night-mode #chat .chat_pane__header .fa {
    color: #e6e8eb !important;
}
html.ep-night-mode #chat .label-primary,
html.ep-night-mode #chat .btn-primary,
html.ep-night-mode #chat .btn-info {
    background: #3a4554 !important;
    background-color: #3a4554 !important;
    background-image: none !important;
    color: #e6e8eb !important;
    border-color: #5b6778 !important;
}
html.ep-night-mode #chat .form-control:not(.others-card):not(.btn),
html.ep-night-mode #chat textarea,
html.ep-night-mode #chat input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not(.jscolor),
html.ep-night-mode #chat select {
    background: #2a313c !important;
    color: #d5dae2 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}
html.ep-night-mode #chat .form-control::placeholder,
html.ep-night-mode #chat textarea::placeholder,
html.ep-night-mode #chat input::placeholder {
    color: #9aa3af !important;
}
html.ep-night-mode #chat .public_message,
html.ep-night-mode #chat .public_message.linen,
html.ep-night-mode #chat .public_message.greeting,
html.ep-night-mode #chat .public_self_message,
html.ep-night-mode #chat .public_message_ad {
    background: #2b323d !important;
    background-color: #2b323d !important;
    color: #c8ced6 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
html.ep-night-mode #chat .public_message.linen {
    background: #323a46 !important;
    background-color: #323a46 !important;
}
html.ep-night-mode #chat .public_message,
html.ep-night-mode #chat .public_message h5,
html.ep-night-mode #chat .public_message span,
html.ep-night-mode #chat .public_message p,
html.ep-night-mode #chat .public_message a,
html.ep-night-mode #chat .public_message .public_message__content,
html.ep-night-mode #chat .public_message .public_message__title,
html.ep-night-mode #chat .public_message .public_message__time,
html.ep-night-mode #chat .public_message [style*="color"] {
    color: #c8ced6 !important;
}
html.ep-night-mode #chat .public_message--reply {
    background-color: #3a4454 !important;
    color: #c8ced6 !important;
}
html.ep-night-mode #chat #chat__body__message-input {
    background-color: #1c222b !important;
}
html.ep-night-mode #chat #chat__body__message-input input,
html.ep-night-mode #chat #chat__body__message-input__input,
html.ep-night-mode #chat .chat__body__message-input__input {
    background: #2a313c !important;
    color: #d5dae2 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}
html.ep-night-mode #chat #mic-speakers .mic-speakers--item {
    background-color: #313a47 !important;
    border-color: #6b7788 !important;
    color: #c8ced6 !important;
}
html.ep-night-mode #chat #mic-speakers .mic-speakers--item .fa-microphone:before,
html.ep-night-mode #chat #mic-speakers .mic-speakers--item .fa:before {
    color: #c8ced6 !important;
}
html.ep-night-mode #chat #mic-speakers #mic-speakers--mute {
    background-color: #2f5a44 !important;
    border-color: #4ade80 !important;
    color: #ecfdf3 !important;
}
html.ep-night-mode #chat #mic-speakers #mic-speakers--mute .fa:before {
    color: #bbf7d0 !important;
}
html.ep-night-mode #chat #mic-speakers #mic-speakers--mute.muted {
    background-color: #7a3030 !important;
}
html.ep-night-mode #chat .chat_pane__user_item,
html.ep-night-mode #chat .chat_pane__conversation_item,
html.ep-night-mode #chat .chat_pane__room_item,
html.ep-night-mode #chat .list-group-item,
html.ep-night-mode #chat .wall-post {
    background: #2a313c !important;
    color: #c8ced6 !important;
}
html.ep-night-mode #chat .chat_pane__user_item,
html.ep-night-mode #chat .chat_pane__user_item *,
html.ep-night-mode #chat .chat_pane__conversation_item,
html.ep-night-mode #chat .chat_pane__conversation_item *:not(.label-success):not(.badge),
html.ep-night-mode #chat .chat_pane__room_item {
    color: #c8ced6 !important;
}
html.ep-night-mode #chat #chat__footer,
html.ep-night-mode #chat .chat_box__footer {
    background: #161b22 !important;
    background-color: #161b22 !important;
}
html.ep-night-mode #chat #chat__footer .chat__footer__menu__item,
html.ep-night-mode #chat #chat__footer .chat__footer__menu__item.btn-primary,
html.ep-night-mode #chat #chat__footer .chat__footer__menu__item.border {
    background: #2f3845 !important;
    background-color: #2f3845 !important;
    background-image: none !important;
    border-color: #232a34 !important;
    border-radius: 6px;
    color: #eef1f4 !important;
}
html.ep-night-mode #chat #chat__footer .chat__footer__menu__item.unread {
    background: #3d4f68 !important;
}
html.ep-night-mode #chat #chat__footer #chat__footer__menu__others {
    background: #3d3a2e !important;
    color: #fde68a !important;
}
html.ep-night-mode #chat .modal-content,
html.ep-night-mode #chat .dropdown-menu,
html.ep-night-mode #chat .popover {
    background: #252b34 !important;
    color: #c8ced6 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
html.ep-night-mode #chat .btn-success {
    background-color: #2f6b46 !important;
    border-color: #3d8b5c !important;
    color: #ecfdf3 !important;
}
html.ep-night-mode #chat .btn-danger {
    background-color: #7a3030 !important;
    color: #fee2e2 !important;
}
html.ep-night-mode #chat #chat__body__others-pane.others-pane--premium .others-pane__grid,
html.ep-night-mode #chat #chat__body__games-pane .el-shell-games,
html.ep-night-mode #chat #el-shell {
    background:
        radial-gradient(70% 28% at 100% 0%, rgba(104, 72, 245, .16), transparent 70%),
        #141821 !important;
}
html.ep-night-mode #chat .yc-connection-ping,
html.ep-night-mode #chat .chat__body__settings_pane__container .yc-connection-ping {
    background: #2a313c !important;
    border-color: #5b6778 !important;
    color: #d5dae2 !important;
}
html.ep-night-mode #chat .chat__body__settings_pane__container__button,
html.ep-night-mode #chat .chat__body__settings_pane__container__button:hover {
    color: #d1d5db !important;
}
html.ep-night-mode #chat .chat__body__settings_pane__container__button .fa,
html.ep-night-mode #chat .chat__body__settings_pane__container__button .fa:before,
html.ep-night-mode #chat .chat__body__settings_pane__container__button .fa:after {
    color: #d1d5db !important;
}
html.ep-night-mode #chat #chat__body__wall_pane__form__input,
html.ep-night-mode #chat .chat__body__wall_pane__form__input,
html.ep-night-mode #wall_comments__form__input,
html.ep-night-mode .wall_comments__form__input {
    color: #c5ccd4 !important;
    -webkit-text-fill-color: #c5ccd4 !important;
    caret-color: #c5ccd4;
    background: #2a313c !important;
}
html.ep-night-mode #wall_comments .wall_post__body,
html.ep-night-mode #wall_comments .wall_post__body[style],
html.ep-night-mode #wall_comments .wall_comments__comment__content,
html.ep-night-mode #wall_comments .wall_comments__comment__content * {
    color: #c5ccd4 !important;
    -webkit-text-fill-color: #c5ccd4 !important;
}

/* css/ep-quests.css */
#chat__body__quests-pane.qc-pane {
    z-index: 40;
    background: #eef1f4 !important;
    color: #2a3f4f;
}
#chat__body__quests-pane.qc-pane > .chat_pane__header {
    background: var(--primary-color, #1f4e4a) !important;
    border: none !important;
}
#chat__body__quests-pane.qc-pane > .chat_pane__header .chat_pane__header__title {
    color: #f3faf8 !important;
    font-weight: 700 !important;
}
.qc-shell {
    height: calc(100% - 1.4rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding: .55rem .5rem 1.6rem;
    direction: rtl;
    text-align: right;
}
.qc-frame {
    background: #fff;
    border: 1px solid #c5d9d4;
    border-radius: .72rem;
    box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 6px 16px rgba(31,78,74,.07);
    outline: 1px solid rgba(31,78,74,.06);
    outline-offset: 2px;
}
.qc-top {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-bottom: .7rem;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: var(--primary-color, #337ab7);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 1px 0 rgba(255,255,255,.16) inset, 0 12px 28px rgba(15,23,32,.16);
    outline: 1px solid rgba(0,0,0,.06);
    outline-offset: 2px;
}
.qc-top::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(255,255,255,.16), transparent 46%),
        linear-gradient(180deg, rgba(255,255,255,.1), rgba(0,0,0,.16));
    pointer-events: none;
    z-index: 0;
}
.qc-top::after {
    content: "";
    position: absolute;
    top: -40%;
    bottom: -40%;
    width: 38%;
    left: -50%;
    background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,.05) 42%, rgba(255,255,255,.22) 50%, rgba(255,255,255,.05) 58%, transparent 100%);
    transform: skewX(-16deg);
    opacity: 0;
    pointer-events: none;
    z-index: 4;
}
@media (hover: hover) {
    .qc-top:hover::after { animation: qc-glass-wave .9s ease; }
}
@keyframes qc-glass-wave {
    0% { transform: skewX(-16deg) translateX(0); opacity: 0; }
    16% { opacity: .45; }
    100% { transform: skewX(-16deg) translateX(360%); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .qc-top::after { display: none; }
}
.qc-hero {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .64rem .58rem .42rem;
    position: relative;
    z-index: 2;
}
.qc-ring {
    width: 4.7rem;
    flex: none;
    text-align: center;
}
.qc-ring svg {
    width: 3.9rem;
    height: 3.9rem;
    display: block;
    margin: 0 auto;
}
.qc-ring__label {
    font-size: .38rem;
    color: rgba(255,255,255,.72);
    margin-top: .06rem;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .02em;
}
.qc-meta {
    flex: 1;
    min-width: 0;
}
.qc-season-tag {
    display: inline-block;
    font-size: .36rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: rgba(255,255,255,.92);
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    padding: .07rem .32rem;
    margin-bottom: .16rem;
}
.qc-meta h4 {
    margin: 0;
    font-size: .86rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.25;
    letter-spacing: -.01em;
}
.qc-meta p {
    margin: .14rem 0 0;
    font-size: .46rem;
    color: rgba(255,255,255,.78);
    line-height: 1.5;
}
.qc-kpis {
    display: flex;
    flex-direction: column;
    gap: .14rem;
    margin: .02rem .42rem .4rem;
    position: relative;
    z-index: 2;
}
.qc-kpi {
    display: flex;
    align-items: center;
    gap: .26rem;
    min-width: 0;
    padding: .16rem .26rem;
    border-radius: .42rem;
    border: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255,255,255,.45) inset;
}
.qc-kpi__ico {
    width: 1.12rem;
    height: 1.12rem;
    border-radius: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
.qc-kpi__ico svg { width: .7rem; height: .7rem; display: block; }
.qc-kpi__txt {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .24rem;
}
.qc-kpi b {
    font-size: .38rem;
    font-weight: 700;
    opacity: .72;
}
.qc-kpi em {
    font-style: normal;
    font-weight: 800;
    font-size: .44rem;
    text-align: left;
}
.qc-kpi small {
    font-weight: 600;
    opacity: .72;
    font-size: .36rem;
}
.qc-kpi--level { background: #eaf0fb; border-color: #cdd9f0; color: #3b4f8a; }
.qc-kpi--xp { background: #fff3e6; border-color: #edd4b6; color: #a45f20; }
.qc-kpi--streak { background: #fdecee; border-color: #f0c9cf; color: #b42318; }
.qc-kpi--level .qc-kpi__ico { color: #3b4f8a; background: #d9e4f7; }
.qc-kpi--xp .qc-kpi__ico { color: #c47a1e; background: #fbe0c0; }
.qc-kpi--streak .qc-kpi__ico { color: #dc2626; background: #fad4d6; }
.qc-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .72rem .04rem .4rem;
    padding: .16rem .42rem;
    font-size: .62rem;
    font-weight: 800;
    color: #1f3b38;
    background: #fff;
    border: 1.5px solid #d5e2ea;
    border-radius: .55rem;
}
.qc-sec--week { color: #3b6ea8; }
.qc-sec--day { color: #2f8a63; }
.qc-sec--log { color: #a45f20; }
.qc-sec small {
    font-size: .42rem;
    font-weight: 600;
    opacity: .75;
}
.qc-card {
    display: flex;
    align-items: center;
    gap: .42rem;
    padding: .52rem .5rem .52rem .42rem;
    margin-bottom: .42rem;
    position: relative;
    border-width: 1.5px;
    border-style: solid;
    border-radius: .85rem;
    box-shadow: 0 8px 18px rgba(31, 62, 74, .07);
    outline: none;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.qc-card::before {
    content: "";
    position: absolute;
    top: .42rem;
    bottom: .42rem;
    right: 0;
    width: 4px;
    border-radius: 4px 0 0 4px;
}
@media (hover: hover) {
    .qc-card:hover {
        transform: translateY(-1px);
        box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 7px 14px rgba(31,62,74,.08);
    }
    .qc-card.is-lock:hover { transform: none; }
    .qc-card--chat:hover { border-color: #b7d0ea; }
    .qc-card--vote:hover { border-color: #d0c0e8; }
    .qc-card--ludo:hover { border-color: #e8c9a0; }
    .qc-card--wall:hover { border-color: #b5dcc9; }
    .qc-card--login:hover { border-color: #b8d6d0; }
    .qc-card--star:hover { border-color: #e0b9c8; }
    .qc-log:hover {
        border-color: #c5d6e4;
        box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 5px 12px rgba(31,62,74,.08);
    }
}
.qc-card.is-done {
    background: #d7ebe4;
    border-color: #7eaea0;
}
.qc-card.is-lock { opacity: .62; }
.qc-card--chat { background: #d4e4f5; border-color: #6f9bc6; }
.qc-card--vote { background: #ddd2f0; border-color: #9478c0; }
.qc-card--ludo { background: #f3dcc2; border-color: #c48a48; }
.qc-card--wall { background: #cce8da; border-color: #4f9a78; }
.qc-card--login { background: #cde4de; border-color: #4d9084; }
.qc-card--star { background: #f0d2de; border-color: #c07a92; }
.qc-card--chat::before { background: #3b6ea8; }
.qc-card--vote::before { background: #6b4ea3; }
.qc-card--ludo::before { background: #c67a2f; }
.qc-card--wall::before { background: #2f8a63; }
.qc-card--login::before { background: #2f6d64; }
.qc-card--star::before { background: #a45b74; }
.qc-card--chat.is-done { background: #c5d8ee; border-color: #6f9bc6; }
.qc-card--vote.is-done { background: #d0c2e8; border-color: #9478c0; }
.qc-card--ludo.is-done { background: #ead0b0; border-color: #c48a48; }
.qc-card--wall.is-done { background: #b9dfcc; border-color: #4f9a78; }
.qc-card--login.is-done { background: #b9d8d0; border-color: #4d9084; }
.qc-card--star.is-done { background: #e4c0d0; border-color: #c07a92; }
.qc-ico {
    width: 2.05rem;
    height: 2.05rem;
    border-radius: .55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    background: #eef6f4;
    color: #2f6d64;
    border: 1px solid #d3e4df;
}
.qc-ico svg { width: 1.05rem; height: 1.05rem; }
.qc-ico--chat { background: #e8f1fb; color: #3b6ea8; border-color: #c9dcf0; }
.qc-ico--vote { background: #f3eefb; color: #6b4ea3; border-color: #ddd0f0; }
.qc-ico--ludo { background: #fff4e8; color: #c67a2f; border-color: #f0d8b8; }
.qc-ico--wall { background: #eaf7f1; color: #2f8a63; border-color: #c6e6d6; }
.qc-ico--login { background: #eef6f4; color: #2f6d64; border-color: #d3e4df; }
.qc-ico--star { background: #f7eef2; color: #a45b74; border-color: #ebd0da; }
.qc-card__body { flex: 1; min-width: 0; }
.qc-card__title {
    font-size: .68rem;
    font-weight: 800;
    color: #1f3b38;
    line-height: 1.35;
}
.qc-card--chat .qc-card__title { color: #2d5f96; }
.qc-card--vote .qc-card__title { color: #5a3f8e; }
.qc-card--ludo .qc-card__title { color: #b86a22; }
.qc-card--wall .qc-card__title { color: #217a54; }
.qc-card--login .qc-card__title { color: #2f6d64; }
.qc-card--star .qc-card__title { color: #8a4460; }
.qc-card__hint {
    font-size: .52rem;
    color: #3f5c62;
    margin-top: .1rem;
    line-height: 1.45;
}
.qc-card--chat .qc-card__hint { color: #5b7ea8; }
.qc-card--vote .qc-card__hint { color: #7a68a3; }
.qc-card--ludo .qc-card__hint { color: #c4894a; }
.qc-card--wall .qc-card__hint { color: #4c8f70; }
.qc-card--login .qc-card__hint { color: #5b7772; }
.qc-card--star .qc-card__hint { color: #a56b80; }
.qc-card--chat .qc-xp { color: #3b6ea8; }
.qc-card--vote .qc-xp { color: #6b4ea3; }
.qc-card--ludo .qc-xp { color: #c67a2f; }
.qc-card--wall .qc-xp { color: #2f8a63; }
.qc-card--login .qc-xp { color: #2f6d64; }
.qc-card--star .qc-xp { color: #a45b74; }
.qc-card__side {
    flex: none;
    text-align: center;
    min-width: 2.55rem;
    padding: .12rem .14rem .16rem;
    border-radius: .62rem;
    background: rgba(255,255,255,.82);
    border: 1.5px solid rgba(31, 62, 74, .12);
}
.qc-mini {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0 auto;
}
.qc-mini svg { width: 100%; height: 100%; display: block; }
.qc-xp {
    display: block;
    margin-top: .08rem;
    font-size: .56rem;
    font-weight: 800;
    color: #3d8b7a;
}
.qc-log {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    padding: .42rem .52rem;
    margin-bottom: .32rem;
    font-size: .56rem;
    color: #243b42;
    background: #d7e2ec;
    border: 1.5px solid #8eabbf;
    border-radius: .7rem;
    outline: none;
    transition: box-shadow .16s ease, border-color .16s ease;
}
.qc-log b { color: #2f6d64; font-weight: 800; }
.qc-empty {
    text-align: center;
    padding: 1.4rem .7rem;
    color: #5b7772;
}
.qc-empty strong { display: block; color: #1f3b38; font-size: .78rem; margin-bottom: .25rem; }

#qc-profile-slot {
    clear: both;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: .45rem 0 .2rem;
}
.qc-badge {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    background: #f4f8f6;
    border: 1px solid #d3e0db;
    color: #3d5551;
    border-radius: .45rem;
    padding: .12rem .42rem .12rem .16rem;
    font-size: .52rem;
    font-weight: 700;
}
.qc-badge svg { width: .85rem; height: .85rem; color: #5b7772; }
.qc-badge__xp { color: #3d8b7a; font-weight: 700; }

#user_profile .user_profile__game_row {
    display: flex !important;
    visibility: visible !important;
    position: relative;
    z-index: 2;
}

html.ep-night-mode #chat #chat__body__quests-pane.qc-pane,
html.ep-night-mode #chat .qc-shell { background: #1c2428 !important; color: #d5dae2; }
html.ep-night-mode #chat .qc-frame { background: #273238; border-color: #3b4a4f; box-shadow: none; outline-color: rgba(255,255,255,.04); }
html.ep-night-mode #chat .qc-card--chat { background: #2c3744; border-color: #3d5166; }
html.ep-night-mode #chat .qc-card--vote { background: #332e40; border-color: #4a415c; }
html.ep-night-mode #chat .qc-card--ludo { background: #3a332a; border-color: #534536; }
html.ep-night-mode #chat .qc-card--wall { background: #2c3a35; border-color: #3d554b; }
html.ep-night-mode #chat .qc-card--login { background: #2c3837; border-color: #3d5552; }
html.ep-night-mode #chat .qc-card--star { background: #382e34; border-color: #534049; }
html.ep-night-mode #chat .qc-log { background: #2a3338; border-color: #3d4a52; }
html.ep-night-mode #chat .qc-top {
    background: var(--primary-color, #337ab7);
    border-color: rgba(255,255,255,.1);
    box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 12px 28px rgba(0,0,0,.28);
}
html.ep-night-mode #chat .qc-kpis { background: transparent; border: 0; }
html.ep-night-mode #chat .qc-kpi--level { background: #2c3648; border-color: #3d4c66; color: #b8c8ee; }
html.ep-night-mode #chat .qc-kpi--xp { background: #3a3228; border-color: #534536; color: #e0b07a; }
html.ep-night-mode #chat .qc-kpi--streak { background: #3a2a2c; border-color: #5a3d40; color: #f0a0a0; }
html.ep-night-mode #chat .qc-kpi--level .qc-kpi__ico { background: #38445c; color: #b8c8ee; }
html.ep-night-mode #chat .qc-kpi--xp .qc-kpi__ico { background: #4a4034; color: #e0b07a; }
html.ep-night-mode #chat .qc-kpi--streak .qc-kpi__ico { background: #4a3234; color: #ef4444; }
html.ep-night-mode #chat .qc-season-tag { background: rgba(255,255,255,.1); color: #fff; }
html.ep-night-mode #chat .qc-sec,
html.ep-night-mode #chat .qc-empty strong { color: #e8eaed; }
html.ep-night-mode #chat .qc-sec {
    background: #273238;
    border-color: #4a5c64;
}
html.ep-night-mode #chat .qc-sec--week { color: #8ab4f8; }
html.ep-night-mode #chat .qc-sec--day { color: #8fd0b0; }
html.ep-night-mode #chat .qc-sec--log { color: #e0b07a; }
html.ep-night-mode #chat .qc-ico { background: #323c41; color: #9ec4bb; border-color: #445055; }
html.ep-night-mode #chat .qc-ico--chat { background: #2c3a48; color: #8ab4f8; border-color: #3d5166; }
html.ep-night-mode #chat .qc-ico--vote { background: #372f45; color: #c4b0ee; border-color: #4a415c; }
html.ep-night-mode #chat .qc-ico--ludo { background: #3a3228; color: #e0b07a; border-color: #534536; }
html.ep-night-mode #chat .qc-ico--wall { background: #2c3d36; color: #8fd0b0; border-color: #3d554b; }
html.ep-night-mode #chat .qc-ico--login { background: #2c3c3a; color: #8fc4b8; border-color: #3d5552; }
html.ep-night-mode #chat .qc-ico--star { background: #3a2f35; color: #e0a8bc; border-color: #534049; }
html.ep-night-mode #chat .qc-card__side { background: rgba(0,0,0,.28); border-color: rgba(255,255,255,.14); }
html.ep-night-mode #chat .qc-badge { background: #323c41; border-color: #445055; color: #c5d0dc; }
@media (hover: hover) {
    html.ep-night-mode #chat .qc-card:hover,
    html.ep-night-mode #chat .qc-log:hover {
        border-color: #5a6c72;
        box-shadow: 0 6px 14px rgba(0,0,0,.2);
    }
}

/* css/ep-elite.css */
#chat__body__elite-pane.el-pane {
    display: none;
    flex-direction: column;
    background: #fff !important;
}
#chat__body__elite-pane.el-pane.is-open {
    display: flex;
}
#chat__body__elite-pane .chat_pane__header {
    background: var(--primary-color, #2c3b4d) !important;
}
#el-shell {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: .7rem .55rem .9rem;
    direction: rtl;
    background:
        radial-gradient(70% 28% at 100% 0%, rgba(104, 72, 245, .08), transparent 70%),
        #f4f6fb;
    position: relative;
    z-index: 3;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.el-hero {
    position: relative;
    border-radius: 16px;
    padding: 1.25rem .7rem 1.05rem;
    text-align: center;
    color: #fff;
    margin-bottom: .62rem;
    overflow: hidden;
}
.el-hero--hub {
    background: radial-gradient(120% 90% at 80% 0%, #7c5cff 0%, #3b2a9a 48%, #24165f 100%);
}
.el-hero--wall {
    background: radial-gradient(120% 90% at 80% 0%, #e0a15a 0%, #8a4e22 48%, #3a2414 100%);
}
.el-hero--presence {
    background: radial-gradient(120% 90% at 80% 0%, #6aa6dc 0%, #1d4f86 50%, #0c2744 100%);
}
.el-hero--mic {
    background: radial-gradient(120% 90% at 80% 0%, #9b8ae0 0%, #43367a 48%, #221845 100%);
}
.el-hero__ico {
    width: 2.35rem;
    height: 2.35rem;
    margin: 0 auto .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    color: #fff;
}
.el-hero__ico svg {
    width: 2.2rem;
    height: 2.2rem;
    display: block;
}
.el-hero__ico--crown svg {
    width: 2.4rem;
    height: 2.4rem;
}
.el-hero h3 {
    margin: 0;
    font-size: .92rem;
    font-weight: 800;
}
.el-hero p {
    margin: .18rem 0 0;
    font-size: .58rem;
    opacity: .88;
    font-weight: 600;
}

.el-menu {
    display: flex;
    flex-direction: column;
    gap: .42rem;
}
.el-menu__item {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #f4f6f9;
    border: 1px solid #d9e0e8;
    border-right: 3px solid #64748b;
    border-radius: 10px;
    padding: .46rem .55rem .46rem .5rem;
    box-shadow: 0 1px 2px rgba(15,23,42,.05);
    cursor: pointer;
    width: 100%;
    text-align: right;
    direction: rtl;
    transition: transform .14s ease, box-shadow .14s ease;
}
.el-menu__item[data-view="wall"] { background: #f3e9e1; border-color: #e1cfc1; border-right-color: #a3582a; }
.el-menu__item[data-view="presence"] { background: #e6eef7; border-color: #c9d8e9; border-right-color: #2f5f93; }
.el-menu__item[data-view="mic"] { background: #eae8f1; border-color: #d1cde2; border-right-color: #5b4f86; }
.el-menu__item:hover,
.el-menu__item:focus {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15,23,42,.1);
}
.el-menu__badge {
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    flex: none;
    background: rgba(148, 163, 184, .08);
    box-shadow: none;
    border: 0;
}
.el-menu__item svg,
.el-tab svg,
.el-sort svg,
.el-menu__badge,
.el-menu__label,
.el-menu__go {
    pointer-events: none;
}
.el-menu__badge--wall,
.el-menu__badge--presence,
.el-menu__badge--mic {
    background: rgba(148, 163, 184, .08);
}
.el-menu__label {
    flex: 1;
    font-size: .72rem;
    font-weight: 700;
    color: #1f2a3a;
}
.el-menu__go {
    color: #7b8794;
    font-size: .85rem;
}

.el-tabs, .el-sorts {
    display: flex;
    gap: .32rem;
    margin: 0 0 .45rem;
    direction: rtl;
}
.el-tab, .el-sort {
    flex: 1;
    border: none;
    background: #eceff3;
    color: #64748b;
    border-radius: 999px;
    padding: .32rem .15rem;
    font-size: .58rem;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .18rem;
}
.el-tab svg, .el-sort svg {
    width: .72rem;
    height: .72rem;
    flex: none;
}
.el-tab.is-on, .el-sort.is-on {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1px 4px rgba(15,23,42,.1);
}

.el-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.el-row {
    display: flex;
    align-items: center;
    gap: .4rem;
    background: #f8fafc;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    padding: 4px 8px;
    margin: 0;
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
    direction: rtl;
}
.el-row--1 { background: linear-gradient(90deg, #fff 0%, #fff8e1 100%); }
.el-row--2 { background: linear-gradient(90deg, #fff 0%, #f1f5f9 100%); }
.el-row--3 { background: linear-gradient(90deg, #fff 0%, #fff1e6 100%); }
.el-rank {
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .58rem;
    font-weight: 800;
    color: #64748b;
    background: transparent;
    flex: none;
    box-shadow: none;
}
.el-rank svg {
    width: 1.45rem;
    height: 1.45rem;
    display: block;
}
.el-rank--n {
    font-size: .62rem;
    color: #94a3b8;
}
.el-row--1 .el-rank,
.el-row--2 .el-rank,
.el-row--3 .el-rank { background: transparent; }
.el-av {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    object-fit: cover;
    flex: none;
    background: #e5e7eb;
}
.el-name {
    flex: 1;
    min-width: 0;
    font-size: .68rem;
    font-weight: 800;
    color: #1e293b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.el-meta {
    display: flex;
    align-items: center;
    gap: .18rem;
    font-size: .52rem;
    font-weight: 700;
    color: #64748b;
    white-space: nowrap;
    flex-direction: row-reverse;
}
.el-meta svg {
    width: .7rem;
    height: .7rem;
    color: #94a3b8;
}
.el-empty {
    text-align: center;
    color: #94a3b8;
    font-size: .7rem;
    font-weight: 700;
    padding: 1.2rem .4rem;
}
html.ep-night-mode #chat__body__elite-pane.el-pane { background: #0f172a !important; }
html.ep-night-mode .el-menu__item,
html.ep-night-mode .el-row { background: #1e293b; }
html.ep-night-mode .el-menu__label,
html.ep-night-mode .el-name { color: #e5e7eb; }
html.ep-night-mode .el-tab,
html.ep-night-mode .el-sort { background: #334155; color: #cbd5e1; }
html.ep-night-mode .el-tab.is-on,
html.ep-night-mode .el-sort.is-on { background: #1e293b; color: #fff; }

/* css/ep-notify-modal.css */
#ep-nt-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10080;
    align-items: center;
    justify-content: center;
    background: rgba(80, 90, 100, 0.35);
    padding: 16px;
    box-sizing: border-box;
}
#ep-nt-overlay.is-open { display: flex; }
#ep-nt-overlay:not(.is-open) {
    display: none !important;
    pointer-events: none !important;
}
#ep-nt-overlay.is-open,
#ep-nt-overlay.is-open * {
    pointer-events: auto;
    -webkit-user-select: text;
    user-select: text;
}

.ep-nt-card {
    width: min(340px, 92vw);
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: visible;
}
.ep-nt-card--recv { padding-top: 14px; }

.ep-nt-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-color, #2c3b4d);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    padding: 6px 22px;
    border-radius: 8px;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.ep-nt-recv { padding: 22px 16px 12px; text-align: center; }
.ep-nt-recv__who {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 6px 0 14px;
}
.ep-nt-recv__who img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
}
.ep-nt-recv__name { font-weight: 800; font-size: 15px; color: #111; }
.ep-nt-recv__msg {
    font-size: 14px;
    color: #222;
    margin: 0 0 18px;
    line-height: 1.7;
    word-break: break-word;
}
.ep-nt-recv__msg img.ep-nt-face {
    height: 28px;
    width: auto;
    vertical-align: middle;
    margin: 0 2px;
}
.ep-nt-recv__msg img.ep-nt-sticker {
    max-height: 80px;
    max-width: 120px;
    vertical-align: middle;
    margin: 4px;
}

.ep-nt-actions {
    display: flex;
    flex-direction: row;
    direction: ltr;
    justify-content: center;
    gap: 10px;
    padding: 2px 0 8px;
}
.ep-nt-btn {
    border: 0;
    border-radius: 6px;
    min-width: 92px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
}
.ep-nt-btn--dark { background: var(--primary-color, #2c3b4d); }
.ep-nt-btn--gray { background: color-mix(in srgb, var(--primary-color, #7b8491) 38%, #5b6470); }

.ep-nt-comp__head {
    display: flex;
    flex-direction: row;
    direction: ltr;
    align-items: center;
    justify-content: space-between;
    background: var(--primary-color, #2c3b4d);
    color: #fff;
    padding: 8px 10px;
    min-height: 52px;
    border-radius: 8px 8px 0 0;
}
.ep-nt-comp__me, .ep-nt-comp__to {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.ep-nt-comp__head img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
}
.ep-nt-comp__head span {
    font-weight: 800;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
}

.ep-nt-comp__body { padding: 10px 12px 10px; }
.ep-nt-hint {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1.6;
    color: #4b5563;
    text-align: right;
}
.ep-nt-comp__text {
    display: block;
    width: 100%;
    min-height: 96px;
    resize: none;
    border: 1px solid #c5c9d0;
    border-radius: 2px;
    padding: 8px 10px;
    font-size: 14px;
    font-family: inherit;
    direction: rtl;
    text-align: right;
    box-sizing: border-box;
    outline: none;
    background: #fff;
    color: #111;
    -webkit-user-select: text !important;
    user-select: text !important;
}

.ep-nt-comp__meta {
    display: flex;
    flex-direction: row;
    direction: ltr;
    align-items: center;
    justify-content: space-between;
    padding: 8px 2px 6px;
}
.ep-nt-smile {
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}
.ep-nt-count {
    font-size: 12px;
    color: #6b7280;
    direction: ltr;
    unicode-bidi: isolate;
}

.ep-nt-emoji-host { margin: 0 0 8px; }
#ep-nt-overlay .ep-nt-faces.emoji_picker {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    display: block !important;
    width: 100%;
    max-width: none;
    max-height: 160px;
    overflow: auto;
    background: #fff;
    z-index: 2;
    border: 1px solid #d0d4db;
    border-radius: 6px;
}
#ep-nt-overlay .ep-nt-faces .emoji_picker__tabs {
    display: flex;
    gap: 6px;
    padding: 6px;
}
#ep-nt-overlay .ep-nt-faces .emoji_picker__item {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

#ep-alert-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100090;
    align-items: center;
    justify-content: center;
    background: rgba(80, 90, 100, 0.35);
    padding: 16px;
    box-sizing: border-box;
}
#ep-alert-overlay.is-open { display: flex; }
#ep-alert-overlay .ep-nt-card {
    width: min(340px, 92vw);
}
#ep-alert-overlay .ep-alert-badge--bad { background: #c62828; }
#ep-alert-overlay .ep-alert-badge--ok { background: #2e7d32; }
#ep-alert-overlay .ep-alert-badge--warn { background: #f0b429; color: #3a2a00; }
#ep-alert-overlay .ep-nt-recv__msg { margin-bottom: 16px; }
#ep-ask-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100090;
    align-items: center;
    justify-content: center;
    background: rgba(80, 90, 100, 0.35);
    padding: 16px;
    box-sizing: border-box;
}
#ep-ask-overlay.is-open { display: flex; }
#ep-ask-overlay .ep-nt-card { width: min(340px, 92vw); }
#ep-ask-overlay .ep-ask-text {
    width: 100%;
    box-sizing: border-box;
    min-height: 72px;
    margin: 8px 0 14px;
    padding: 8px 10px;
    border: 1px solid #c5ced6;
    border-radius: 8px;
    font-size: 14px;
    resize: none;
    color: #1c2b33;
    background: #fff;
}
#ep-ask-overlay .ep-alert-badge--warn { background: #f0b429; color: #3a2a00; }
#ep-ask-overlay .ep-alert-badge--bad { background: #c62828; color: #fff; }
#ep-ask-overlay .ep-alert-badge--ok { background: #2e7d32; color: #fff; }