/* Compact 1280-wide layout; personal backgrounds keep their priority. */
html{background:#141d27}
body::before{background:linear-gradient(180deg,rgba(12,20,30,.25),rgba(12,20,30,.72)),url('/templates/standart/img/hp-background15.webp') center/cover no-repeat}
body.guest-portal::before{background:linear-gradient(100deg,rgba(11,18,26,.5),rgba(11,18,26,.88)),url('/templates/standart/img/hp-background15.webp') center/cover no-repeat!important}
.wapper .container{width:100%;max-width:1240px}
body .block{padding:18px;margin-bottom:16px}body .block .block_head{padding-bottom:12px;margin-bottom:14px}
body .hp-footer .hp-footer-nav a.hp-join-link,body .hp-footer a.hp-apply-link{display:inline-flex!important;align-items:center;justify-content:flex-start;gap:8px;min-height:0;padding:6px 0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;color:#c5d0dc!important;box-shadow:none;font-size:12px;font-weight:400;line-height:1.5!important;text-align:left}
body .hp-footer .hp-footer-nav a.hp-join-link:hover{color:#ffe0ac!important}body .hp-footer-nav a.hp-join-link svg{width:16px;height:16px;color:#e7bc7d}
body .btn-group-toggle .btn{position:relative;background:#263340!important;color:#bac7d5!important;border-color:#4c5b6c!important;box-shadow:none!important}
body .btn-group-toggle .btn.active,body .btn-group-toggle .btn:has(input:checked),body .btn[aria-pressed="true"]{background:#edc58d!important;color:#211c15!important;border-color:#ffe0ac!important;font-weight:700;box-shadow:inset 0 0 0 1px #ffe0ac!important}
body .btn-group-toggle .btn.active::after,body .btn-group-toggle .btn:has(input:checked)::after{content:' ✓';font-weight:900;margin-left:5px}
body .btn:disabled,body .btn.disabled{opacity:.42!important;cursor:not-allowed!important;box-shadow:none!important}
body .btn:focus-visible,body a:focus-visible{outline:2px solid #ffe0ac;outline-offset:3px}
body .sl-grid{gap:14px}body .sl-section{margin-bottom:20px}body .sl-nav{margin-top:0}
@media(min-width:992px) and (max-width:1300px){body .header .collapsible-menu>li>a{padding-left:11px;padding-right:11px}body .sl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body .block{padding:14px}.wapper .container{padding-left:12px;padding-right:12px}}
/* The wrapper holds the avatar dimensions; the frame does not affect layout. */
hpf-avatar.hpf-srv{display:inline-block;position:relative;width:40px;height:40px;vertical-align:middle;flex-shrink:0;line-height:0;overflow:visible;isolation:isolate;border-radius:50%;box-sizing:border-box}
hpf-avatar.hpf-srv>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;float:none!important;object-fit:cover;border-radius:inherit;padding:0!important}
hpf-avatar.hpf-srv>hpf-frame{display:block;position:absolute;inset:-9%;width:118%;height:118%;background:center/100% 100% no-repeat;pointer-events:none;z-index:2}
.wapper .header .collapsible-menu.user-menu>li>a>hpf-avatar.hpf-srv{float:right;width:40px;height:40px;border-radius:50%;margin-right:10px}
#chat #chat_messages .chat_message>a hpf-avatar.hpf-srv{float:left;width:50px;height:50px;margin-right:15px}
#online_users a hpf-avatar.hpf-srv,#top_users a hpf-avatar.hpf-srv{width:40px;height:40px;float:left;margin-right:10px}
#last_activity span p a hpf-avatar.hpf-srv,#mybans span p a hpf-avatar.hpf-srv{width:15px;height:15px;margin:-2px 5px 0 0}
.comment>a hpf-avatar.hpf-srv{width:50px;height:50px;margin-right:10px}
#forum .row .col-lg-8 hpf-avatar.hpf-srv,#forum.row .col-lg-8 hpf-avatar.hpf-srv,#forum_topics .row .col-lg-8 hpf-avatar.hpf-srv,#forum_topics.row .col-lg-8 hpf-avatar.hpf-srv{width:50px;height:50px;float:left;margin-right:10px}
table tbody[id^=forums] hpf-avatar.hpf-srv{display:block;margin:0 auto;width:50px;height:50px}
.friend>a hpf-avatar.hpf-srv,.user>a hpf-avatar.hpf-srv{width:70px;height:70px;margin-right:15px}
#place_for_messages .dialog>div:nth-child(1) hpf-avatar.hpf-srv{width:50px;height:50px;float:left;margin:5px 15px 5px 5px}
#place_for_messages .im_message>hpf-avatar.hpf-srv{width:50px;height:50px;float:left;margin-right:10px}
.profile-page .profile>hpf-avatar.hpf-srv{display:block;width:100%;height:auto;aspect-ratio:1;margin-bottom:15px;border-radius:12px}
.profile-page a.small-friend hpf-avatar.hpf-srv{display:block;width:100%;height:auto;aspect-ratio:1}
.profile-page .profile table tbody tr td a hpf-avatar.hpf-srv,table.table>tbody>tr>td a[href*=profile] hpf-avatar.hpf-srv{width:30px;height:30px;margin-right:5px}
.topic-answers div[id^=answer] .center-area .left-side hpf-avatar.hpf-srv{width:100%;height:auto;aspect-ratio:1;border-radius:6px;margin-bottom:15px}
#companions div hpf-avatar.hpf-srv{width:40px;height:40px;float:left;margin-right:10px}
#events .event>a:not(.btn) hpf-avatar.hpf-srv{width:40px;height:40px;float:left;margin:15px 10px 15px 15px}
#load_last_online .hp-visitor-avatar>hpf-avatar.hpf-srv{width:40px;height:40px;border-radius:11px}
.uv-person>hpf-avatar.hpf-srv{width:40px;height:40px;flex:0 0 40px;border-radius:10px}
.profile-settings hpf-avatar.hpf-srv:has(>img#avatar){width:88px;height:88px;max-width:100%;border-radius:12px}
hpf-avatar.hpf-srv:has(>img.small_us_av){width:30px;height:30px;margin-right:5px}