/* site.css — maintained by section. */ /* site-design-20260928 */ /* Semantic UI accent: neutral white is the source default; named palettes opt in. */ :root{ --as-ui-accent:#fff; --as-ui-accent-bright:#fff; --as-ui-accent-muted:#d2d2d2; --as-ui-accent-deep:#969696; } html[data-private-theme]{ --as-ui-accent:var(--private-accent,#fff); --as-ui-accent-bright:color-mix(in srgb,var(--private-accent,#fff) 72%,#fff); --as-ui-accent-muted:color-mix(in srgb,var(--private-accent,#fff) 62%,#aaa); --as-ui-accent-deep:color-mix(in srgb,var(--private-accent,#fff) 58%,#444); } /* Purse page: compact cards built from the same raised surfaces as the home page. */ body .wapper .purseModern{ --purse-panel:var(--private-final-panel,#242424); --purse-panel-top:var(--private-final-panel-top,#2b2b2b); --purse-inner:var(--private-final-inner,#191919); --purse-hover:var(--private-final-hover,#303030); --purse-text:var(--private-final-text,#eeeeee); --purse-muted:var(--private-final-muted,#b8b8b8); --purse-border:var(--private-final-border,rgba(255,255,255,.16)); --purse-shadow:var(--private-final-shadow,rgba(0,0,0,.48)); font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--purse-text); } body .wapper .purseModern>.block, body .wapper .purseModern .pay_area>.col-md-4>.block{ box-sizing:border-box; background-color:var(--purse-panel)!important; background-image:linear-gradient(145deg,var(--purse-panel-top),var(--purse-panel))!important; border:1px solid var(--purse-border)!important; border-radius:14px!important; color:var(--purse-text)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 16px var(--purse-shadow)!important; } body .wapper .purseModern>.purse.block{padding:18px!important;} body .wapper .purseModern .purseModernTitle{ display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0 0 14px; border-bottom:1px solid var(--purse-border); } body .wapper .purseModern .purseModernTitleIcon{ display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px; box-sizing:border-box;border:1px solid var(--purse-border);border-radius:10px; background:var(--purse-panel);color:var(--as-ui-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 8px var(--purse-shadow); } body .wapper .purseModern .purseModernTitleIcon svg{width:25px;height:25px;} body .wapper .purseModern .purseModernTitle h1{ margin:0!important;color:var(--purse-text)!important;font-size:20px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.2px!important; } body .wapper .purseModern .purseModernTitle p{ margin:2px 0 0!important;color:var(--purse-muted)!important;font-size:13px!important;line-height:1.4!important; } body .wapper .purseModern>.purse .row{margin-right:-6px!important;margin-left:-6px!important;} body .wapper .purseModern>.purse .row>.col-lg-3{display:flex;margin:0!important;padding:6px!important;} body .wapper .purseModern>.purse .row>.col-lg-3>div{ position:relative;display:flex!important;align-items:center;justify-content:center;gap:12px; width:100%;min-height:70px;padding:10px 12px!important;box-sizing:border-box;text-align:left!important; background-color:var(--purse-panel)!important;background-image:linear-gradient(145deg,var(--purse-panel-top),var(--purse-panel))!important;border:1px solid var(--purse-border)!important;border-radius:10px!important; color:var(--purse-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 3px 8px var(--purse-shadow)!important; font-size:14px!important;font-weight:600!important;line-height:1.35!important; } body .wapper .purseModern>.purse .row>.col-lg-3>div>i{ display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 42px; width:42px!important;height:42px!important;margin:0!important;border:1px solid var(--purse-border);border-radius:9px; background:transparent!important;color:var(--as-ui-accent)!important;font-size:20px!important;line-height:42px!important; } body .wapper .purseModern .purseStatCopy{display:flex;flex:0 1 auto;flex-direction:column;justify-content:center;min-width:0;} body .wapper .purseModern .purseStatLabel{display:block;color:var(--purse-text)!important;font-size:14px!important;font-weight:650!important;line-height:1.35!important;} body .wapper .purseModern .purseStatValue{display:flex;align-items:baseline;gap:4px;color:var(--purse-text)!important;font-size:14px!important;font-weight:650!important;line-height:1.35!important;white-space:nowrap;} body .wapper .purseModern .purseStatAction{padding-right:38px!important;cursor:pointer!important;} body .wapper .purseModern .purseStatAction::after{ content:"\2192";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--as-ui-accent)!important; font-size:20px!important;font-weight:600!important;line-height:1!important;transition:transform .18s!important; } body .wapper .purseModern #my_balance{color:var(--as-ui-accent-bright)!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important;} body .wapper .purseModern .pay_area{display:flex;flex-wrap:wrap;margin-right:-7px!important;margin-left:-7px!important;} body .wapper .purseModern .pay_area>.col-md-4{display:flex;padding-right:7px!important;padding-left:7px!important;} body .wapper .purseModern .pay_area>.col-md-4>.block{ display:flex;flex-direction:column;width:100%;min-height:300px;margin-bottom:14px!important;padding:16px!important; } body .wapper .purseModern .pay_area .block_head, body .wapper .purseModern>#last_operations>.block_head{ display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 12px!important;padding:0 0 12px!important; border-bottom:1px solid var(--purse-border)!important;color:var(--purse-text)!important; font-size:17px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.1px!important; } body .wapper .purseModern .pay_area .block_head::before, body .wapper .purseModern>#last_operations>.block_head::before{ content:"";display:inline-block;flex:0 0 22px;width:22px;height:22px;background:var(--as-ui-accent)!important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7H4V4h14v3M4 7v13h17V7H4Zm12 5h5v4h-5v-4'/%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' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7H4V4h14v3M4 7v13h17V7H4Zm12 5h5v4h-5v-4'/%3E%3C/svg%3E") center/contain no-repeat; } body .wapper .purseModern>#last_operations>.block_head::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v5h5M4 8a8 8 0 1 1-1 7M8 12h4V7m0 5 3 2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v5h5M4 8a8 8 0 1 1-1 7M8 12h4V7m0 5 3 2'/%3E%3C/svg%3E"); } body .wapper .purseModern .pay_area label{ display:flex!important;align-items:stretch;justify-content:stretch;width:100%!important;height:126px;margin:0 0 12px!important;padding:0!important; box-sizing:border-box;overflow:hidden;background:var(--purse-panel)!important;border:1px solid var(--purse-border)!important;border-radius:10px!important; box-shadow:inset 0 2px 6px var(--purse-shadow)!important; } body .wapper .purseModern .pay_area label img{ display:block!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;object-fit:cover!important;border-radius:9px!important; } body .wapper .purseModern .pay_area .form-control{ width:100%!important;height:42px!important;margin:0 0 10px!important;padding:9px 11px!important;border:1px solid var(--purse-border)!important;border-radius:9px!important; background-color:var(--purse-panel)!important;background-image:linear-gradient(145deg,var(--purse-panel-top),var(--purse-panel))!important;color:var(--purse-text)!important;box-shadow:inset 0 2px 5px var(--purse-shadow)!important; } body .wapper .purseModern .pay_area .form-control::placeholder{color:var(--purse-muted)!important;opacity:.82!important;} body .wapper .purseModern .pay_area .btn{display:block!important;width:100%!important;min-height:42px!important;margin:auto 0 0!important;border-radius:9px!important;background-color:var(--purse-panel)!important;background-image:linear-gradient(145deg,var(--purse-panel-top),var(--purse-panel))!important;font-size:14px!important;font-weight:700!important;} body .wapper .purseModern>#last_operations{margin-top:2px!important;padding:16px!important;overflow:hidden!important;} body .wapper .purseModern>#last_operations .table-responsive{margin:0!important;border:1px solid var(--purse-border)!important;border-radius:10px!important;overflow:auto!important;background:var(--purse-panel)!important;} body .wapper .purseModern>#last_operations table{margin:0!important;} body .wapper .purseModern>#last_operations td{padding:11px 12px!important;border-color:var(--purse-border)!important;color:var(--purse-text)!important;} body .purseModern~.modal .modal-content, body .purseModern .modal-content{border:1px solid var(--purse-border)!important;border-radius:14px!important;background:var(--purse-panel)!important;color:var(--purse-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 50px var(--purse-shadow)!important;overflow:hidden!important;} body .purseModern .modal-header{padding:13px 16px!important;border-bottom:1px solid var(--purse-border)!important;} body .purseModern .modal-body{padding:16px!important;} body .purseModern .modal .close{color:var(--purse-text)!important;text-shadow:none!important;opacity:1!important;} body .purseModern :is(.cardNumberInput,.copyButtonInput,.transferCompleted){background:var(--purse-panel)!important;border:1px solid var(--purse-border)!important;color:var(--purse-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 3px 8px var(--purse-shadow)!important;} body .purseModern .cardNumberInput{min-height:40px!important;padding:8px 12px!important;} body .purseModern :is(.copyButtonInput,.transferCompleted):hover{background:var(--purse-hover)!important;border-color:var(--as-ui-accent)!important;color:var(--purse-text)!important;} body .purseModern .task__number{background:var(--as-ui-accent)!important;color:var(--purse-inner)!important;} @media(max-width:991px){ body .wapper .purseModern>.purse .row>.col-lg-3{width:50%;} body .wapper .purseModern .pay_area>.col-md-4>.block{min-height:280px;} } @media(max-width:767px){ body .wapper .purseModern{padding-right:0!important;padding-left:0!important;} body .wapper .purseModern>.purse.block,body .wapper .purseModern>#last_operations{padding:13px!important;} body .wapper .purseModern .pay_area>.col-md-4{width:100%;} body .wapper .purseModern .pay_area>.col-md-4>.block{min-height:0;} body .wapper .purseModern .pay_area label{height:122px;} body .wapper .purseModern .inputWithCopyButton{gap:7px;} body .wapper .purseModern .cardNumberInput{min-width:0!important;flex:1 1 auto;} } @media(max-width:480px){ body .wapper .purseModern>.purse .row>.col-lg-3{width:100%;} body .wapper .purseModern .purseModernTitle h1{font-size:18px!important;} body .wapper .purseModern>.purse .row>.col-lg-3>div{justify-content:flex-start;} } /* Consolidated additional site styles. Keep CMS conditional styles separate. */ /* Top users is shared by the homepage and forum; frames must not occupy a row. */ #top_users a.widget-user-row { position: relative !important; display: flex !important; align-items: center !important; width: 100%; min-width: 0; } #top_users a.widget-user-row > img.widget-main-avatar { width: 40px !important; height: 40px !important; margin-right: 10px !important; float: none !important; flex: 0 0 40px; border-radius: 50% !important; object-fit: cover; } #top_users a.widget-user-row > img.widget-user-frame { position: absolute !important; z-index: 5; top: 6px !important; left: -4px !important; width: 48px !important; height: 48px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; border-radius: 0 !important; object-fit: contain !important; background: transparent !important; pointer-events: none; } #top_users .top-user-content { flex: 1 1 auto; min-width: 0; overflow: hidden; } #top_users .top-user-title { display: flex !important; align-items: center !important; gap: 4px; min-width: 0; line-height: 20px; white-space: nowrap; } #top_users .top-user-login { min-width: 0; overflow: hidden; text-overflow: ellipsis; } #top_users .top-user-badges, #top_users .top-user-badges .userBadges { display: inline-flex !important; align-items: center !important; gap: 2px !important; flex: 0 0 auto; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } #top_users .top-user-badges .userBadge { display: inline-flex !important; margin: 0 !important; padding: 0 !important; } #top_users .top-user-badges .userBadge img { display: block !important; width: 16px !important; height: 16px !important; margin: 0 !important; } #top_users .top-user-stats { display: flex; align-items: center; gap: 10px; min-width: 0; overflow: hidden; white-space: nowrap; } /* Изолированные рамки аватаров: не меняют размеры существующих блоков. */ .friend > a { position: relative; width: 70px; height: 70px; margin-right: 15px; } .friend > a > img.friend-avatar-image { margin-right: 0; } .friend > a > img.friend-avatar-frame { position: absolute !important; z-index: 3; top: -8px; left: -8px; width: 86px !important; height: 86px !important; max-width: none !important; margin: 0 !important; border-radius: 0 !important; object-fit: contain; pointer-events: none; } .friend .users-list-title-row, .friend .users-list-badges, .friend .users-list-badge { display: inline-flex; align-items: center; } .friend .users-list-title-row { display: flex; gap: 6px; flex-wrap: wrap; width: 100%; } .friend .users-list-badges { gap: 3px; } .friend .users-list-badge, .friend .users-list-badge img { width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; } .friend .users-list-badge img { display: block; max-width: none !important; border-radius: 0 !important; object-fit: contain; } /* Events ribbon: avatar decorations stay inside the existing user column. */ .event > a.event-user { position: relative; overflow: visible; } .event .event-avatar-image { position: relative; z-index: 1; object-fit: cover; } .event .event-avatar-frame { position: absolute !important; z-index: 2; top: 9px; left: 9px; width: 52px !important; height: 52px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; object-fit: contain; pointer-events: none; } .event .event-user-badges { display: inline-flex !important; align-items: center; gap: 3px; width: auto !important; height: auto !important; margin-left: 2px !important; vertical-align: middle; line-height: 20px !important; } .event .event-user-badge { display: inline-flex; align-items: center; } .event .event-user-badge, .event .event-user-badge img { width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; } .event .event-user-badge img { display: block; max-width: none !important; border-radius: 0 !important; object-fit: contain; } .pm-companion-avatar, .pm-dialog-avatar, .pm-message-avatar, .case-drop-avatar { position: relative; display: block; flex: 0 0 auto; } .pm-companion-avatar { width: 40px !important; height: 40px !important; margin-right: 10px; float: left !important; } .pm-dialog-avatar { width: 50px; height: 50px; margin: 5px 15px 5px 5px; float: left; } .pm-message-avatar { width: 50px; height: 50px; margin-right: 10px; float: left; } .pm-avatar-image { width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 50% !important; object-fit: cover; float: none !important; } .pm-avatar-frame { position: absolute !important; z-index: 3; top: -6px; left: -6px; width: calc(100% + 12px) !important; height: calc(100% + 12px) !important; max-width: none !important; margin: 0 !important; border-radius: 0 !important; object-fit: contain; float: none !important; pointer-events: none; } #companions .pm-companion-avatar { padding: 0; border: 0; } /* Forum avatars: equal size; frame PNG keeps its own transparency. */ .topic-answers div[id^="answer"] .center-area .left-side > img { display: block; width: 130px !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1; box-sizing: border-box; padding: 3px !important; margin: 0 0 15px !important; border-radius: 50% !important; object-fit: cover !important; } .forum-framed-avatar { position: relative !important; display: block !important; width: 130px !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1; margin: 0 0 15px !important; padding: 0 !important; overflow: visible !important; isolation: isolate; } .forum-framed-avatar > .forum-framed-avatar-image { position: absolute !important; z-index: 1 !important; display: block !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; max-width: none !important; box-sizing: border-box; padding: 3px !important; margin: 0 !important; border-radius: 50% !important; object-fit: cover !important; } .forum-framed-avatar > .forum-avatar-frame { position: absolute !important; z-index: 2 !important; top: -10% !important; left: -10% !important; width: 120% !important; height: 120% !important; max-width: none !important; /* The theme gives ALL author images a solid background and 3px padding. */ background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; border-radius: 0 !important; object-fit: contain !important; -webkit-mask-image: none !important; mask-image: none !important; pointer-events: none; } .case-drop-avatar { width: 48px; height: 48px; } .case-drop-avatar-image { width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 50% !important; object-fit: cover; } .case-drop-avatar-frame { position: absolute !important; z-index: 3; top: -6px; left: -6px; width: 60px !important; height: 60px !important; max-width: none !important; margin: 0 !important; border-radius: 0 !important; object-fit: contain; pointer-events: none; } /* Круглые аватары в блоках "Сейчас онлайн" и "Сегодня были". */ .widget-online-avatar > img:first-child, .widget-visit-avatar > img.avatar-img { border-radius: 50% !important; object-fit: cover !important; } .comment > a { position: relative; display: block; width: 50px; height: 50px; margin-right: 10px; overflow: visible; } .comment > a > img.news-comment-avatar-image { position: relative !important; z-index: 1; display: block; width: 50px !important; height: 50px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; object-fit: cover; float: none !important; } .comment > a > img.news-comment-avatar-frame { position: absolute !important; z-index: 2; top: -5px; left: -5px; display: block; width: 60px !important; height: 60px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; object-fit: contain; float: none !important; pointer-events: none; } .comment > div .info .author, .news-author-meta, .news-user-badges, .news-user-badge { display: inline-flex; align-items: center; } .comment > div .info .author { gap: 4px; max-width: calc(100% - 180px); height: 18px; } .comment > div .info .author > a, .news-author-login { display: inline-block; line-height: 18px; } .news-author-meta { gap: 4px; flex-wrap: wrap; } .news-user-badges { gap: 3px; } .news-user-badge, .news-user-badge img { width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; } .news-user-badge img { display: block; max-width: none !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; object-fit: contain; } .header-user-avatar-wrap { position: relative !important; display: block !important; float: right !important; width: 50px !important; height: 50px !important; margin-left: 12px !important; overflow: visible !important; } .header-user-avatar-wrap .header-user-avatar-image { position: relative !important; z-index: 3 !important; display: block !important; float: none !important; width: 50px !important; height: 50px !important; max-width: none !important; margin: 0 !important; border-radius: 50% !important; object-fit: cover !important; } .header-user-avatar-wrap .header-user-avatar-frame { position: absolute !important; z-index: 2; top: -5px; left: -5px; right: auto !important; width: 60px !important; height: 60px !important; max-width: none !important; margin: 0 !important; border-radius: 0 !important; object-fit: contain; pointer-events: none; } /* Administrators list: decorations must not change table row geometry. */ .admins-user, .admins-user-line, .admins-user-badges, .admins-user-badge { display: inline-flex; align-items: center; } .admins-user { gap: 10px; min-width: max-content; } .admins-user-line { gap: 5px; flex-wrap: wrap; } .admins-login { font-weight: 600; text-decoration: none; } .admins-avatar { position: relative; display: inline-block; flex: 0 0 40px; width: 40px; height: 40px; overflow: visible; } .admins-avatar-image { position: relative; z-index: 1; display: block; width: 40px !important; height: 40px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; object-fit: cover; float: none !important; } .admins-avatar-frame { position: absolute !important; z-index: 2; top: -5px; left: -5px; display: block; width: 50px !important; height: 50px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; object-fit: contain; float: none !important; pointer-events: none; } .admins-user-badges { gap: 3px; } .admins-user-badge, .admins-user-badge img { width: 20px !important; height: 20px !important; margin: 0 !important; } .admins-user-badge img { display: block; max-width: none !important; padding: 0 !important; border-radius: 0 !important; object-fit: contain; } /* Shared site chrome. Keep the existing menu toggle and profile layout. */ body .wapper .header {background:#212121;border-bottom:1px solid #353535;box-shadow:none;} body .wapper .header .branding {color:#f3f3f3;font-family:inherit;font-size:19px;font-weight:700;letter-spacing:0;} body .wapper .header .branding:hover {color:#d2d2d2;} body .wapper .header button#blockMenu {border:1px solid #535353!important;border-radius:9px!important;background:#bababa10!important;color:#d2d2d2!important;box-shadow:none!important;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;} body .wapper .header button#blockMenu:hover {background:#bababa20!important;} body .wapper .header .user-menu > li > a {border-radius:10px;} body .wapper .header .user-menu > li > a > p {color:#9a9a9a;font-size:12px;} body .blockMenu {background:#191919;font-family:inherit;border-bottom-color:#353535;} body .blockMenu .blockMenuContent {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:18px;padding-bottom:18px;align-items:start;} body .blockMenu .blockMenuRow {box-sizing:border-box;width:auto;min-width:0;padding:14px 12px;background:#212121;border:1px solid #353535;border-radius:14px;} body .blockMenu .blockMenuRow .blockMenu_Heading {margin:0 0 12px;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:0;color:#f3f3f3;filter:none;text-shadow:none;} body .blockMenu .blockMenuRow .blockMenu_Items {gap:4px;} body .blockMenu .blockMenuRow .blockMenu_Items .blockMenu_Item {gap:9px;align-items:center;padding:5px 4px;border-radius:8px;box-shadow:none;min-width:0;} body .blockMenu .blockMenu_Item:hover {background:#bababa10;box-shadow:none;} body .blockMenu .blockMenu_Item .blockMenu_Item__Icon {box-sizing:border-box;flex:0 0 34px;width:34px;height:34px;border-radius:8px;background:#bababa0c;border:1px solid #535353;color:#bababa;} body .blockMenu .blockMenu_Item__Icon svg {width:19px;height:19px;} body .blockMenu .blockMenu_Item__Icon svg [stroke="#fff"] {stroke:#bababa;} body .blockMenu .blockMenu_Item__Info {align-items:flex-start;min-width:0;} body .blockMenu .blockMenu_Item__Info_Header {font-size:13px;font-weight:500;line-height:1.45;color:#c6c6c6;overflow-wrap:break-word;} body .blockMenu .blockMenu_Item:hover .blockMenu_Item__Info_Header {color:#d2d2d2;} body .wapper > .footer {background:#212121;border-top:1px solid #353535;padding:28px 0 20px;color:#9a9a9a;font-family:inherit;} body .wapper > .footer strong {display:block;margin:0 0 12px;color:#f3f3f3;font-size:17px;font-weight:700;line-height:1.4;} body .wapper > .footer ul {margin:0;padding:0;list-style:none;} body .wapper > .footer ul li {margin:0 0 6px;line-height:1.5;} body .wapper > .footer ul li a {display:inline-block;color:#ababab;font-size:13px;line-height:1.5;text-decoration:none;transition:color .15s;} body .wapper > .footer ul li a:hover {color:#bababa;} body .wapper > .footer .col-lg-5 p {font-size:13px;line-height:1.75;color:#9a9a9a;max-width:540px;margin:16px 0 0;} body .wapper > .footer .col-lg-5 > a > img {max-width:170px;max-height:66px;width:auto;height:auto;object-fit:contain;} body .wapper > .footer hr {border:0;border-top:1px solid #353535;} body .wapper > .footer .copyright p {font-size:12px;line-height:1.6;color:#868686;margin-bottom:0;} body .wapper > .footer .copyright a {color:#bababa;font-weight:600;} body .blockMenu a:focus-visible,body .header a:focus-visible,body .header button:focus-visible,body .footer a:focus-visible {outline:2px solid #bababa;outline-offset:3px;} @media(max-width:1199px){body .blockMenu .blockMenuContent {grid-template-columns:repeat(3,minmax(0,1fr));}} @media(max-width:767px){body .blockMenu .blockMenuContent {grid-template-columns:repeat(2,minmax(0,1fr));}body .wapper > .footer .row > div {margin-bottom:14px;}body .wapper .header .branding {font-size:16px;}} @media(max-width:420px){body .blockMenu .blockMenuContent {grid-template-columns:minmax(0,1fr);}body .blockMenu .blockMenuRow {padding:12px;}} body .block:has(> #chat) {padding:16px!important;border:1px solid #353535;border-radius:14px;background:#212121;} body .block_head_chat {padding:0!important;margin:0 0 16px!important;border:0!important;color:#f3f3f3;font-size:20px;font-weight:700;min-height:32px;} body .block_head_chat:before,body .block_head_chat:after {display:none!important;} body .block_head_chat .rulesBtns {display:flex;gap:8px;align-items:center;} body .block_head_chat .rulesBtns a,body .block_head_chat .rulesBtns button {box-sizing:border-box;width:32px!important;height:32px!important;padding:6px!important;border:1px solid #535353!important;border-radius:8px!important;background:#bababa10!important;color:#bababa!important;box-shadow:none!important;} body .block_head_chat .rulesBtns a:hover,body .block_head_chat .rulesBtns button:hover {background:#bababa20!important;} body .block_head_chat #generalChatRules svg path {fill:#bababa;} body #chat #fixed_message .fixedMessage {padding:14px!important;margin:0 0 14px!important;border:1px solid #535353!important;border-radius:12px!important;background:#bababa08!important;gap:12px;} body #chat #fixed_message .messageContent {min-width:0;font-size:14px;line-height:1.6;} body #chat #fixed_message .fixedTips {background:#bababa18;border:1px solid #535353;border-radius:6px;} body #chat #fixed_message .fixedTips svg path {fill:#bababa;} body #chat #fixed_message .dateCreated {font-size:12px;color:#939393;} body #chat #chat_messages {padding:8px 10px 8px 6px;scrollbar-width:thin;scrollbar-color:#575757 transparent;} body #chat #chat_messages::-webkit-scrollbar-thumb {background:#575757;border-radius:6px;} body #chat #chat_messages .chat_message {padding:12px 4px!important;border-top:1px solid #ffffff09!important;border-radius:0;margin:0!important;} body #chat #chat_messages .chat_message:first-child {border-top:0!important;} body #chat #chat_messages .chat_message .message {min-width:0;font-size:14px;line-height:1.6;} body #chat #chat_messages .chat_message .message .info {display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;height:auto;min-height:24px;margin-bottom:6px;} body #chat #chat_messages .chat_message .info .author {float:none;font-size:14px;font-weight:600;} body #chat #chat_messages .chat_message .info .date {float:none;margin-left:auto;font-size:12px;line-height:20px;color:#939393;} body #chat #chat_messages .chat_message .info .m-icon {position:static!important;float:none;cursor:pointer;color:#939393;font-size:12px;} body #chat #chat_messages .chat_message .info .m-icon:hover {color:#bababa;} body #chat #chat_messages .chat_message .with_code {border-radius:10px;padding:10px 12px;overflow-wrap:anywhere;} body #chat #chat_messages .with_code img[src*="/stickers/"] {max-width:150px!important;max-height:150px!important;width:auto!important;height:auto!important;object-fit:contain;} body #chat #chat_messages .with_code:has(img[src*="/stickers/"]) {background:transparent!important;padding:4px 0;} body #chat > form > .input-group {display:flex;flex-wrap:nowrap;gap:10px;align-items:center;margin-top:14px!important;} body #chat .input-group .smile_input {flex:1;min-width:0;width:auto;} body #chat #message_input {height:42px;border:1px solid #3c3c3c;border-radius:10px!important;background:#2a2a2a;color:#d5d5d5;font-size:14px;padding:10px 38px 10px 12px;box-shadow:none;} body #chat #message_input:focus {border-color:#949494;} body #chat #message_input::placeholder {color:#939393;} body #chat .input-group #smile_btn {top:13px;right:12px;color:#bababa;} body #chat .input-group #send_button {height:42px;width:auto;margin:0;padding:9px 16px;border:1px solid #535353;border-radius:10px!important;background:#bababa10;color:#bababa;font-size:14px;font-weight:600;} body #chat #send_button:hover {background:#bababa20;} body #chat input:focus-visible,body .block_head_chat button:focus-visible,body .block_head_chat a:focus-visible {outline:2px solid #bababa;outline-offset:2px;} @media(max-width:599px){body .block:has(> #chat){padding:12px!important;}body #chat #fixed_message .fixedMessage {padding:10px!important;}body #chat .input-group #send_button {padding:9px 10px;font-size:13px;}body #chat #chat_messages .with_code img[src*="/stickers/"] {max-width:120px!important;max-height:120px!important;}} body #chat #chat_messages .chat_message {display:grid!important;grid-template-columns:76px minmax(0,1fr);column-gap:14px;row-gap:8px;padding:16px 4px!important;border-top:1px solid #494949!important;} body #chat #chat_messages .chat_message > .wrapper_c51b4e {grid-column:1;grid-row:1;position:relative!important;float:none!important;margin:5px auto!important;} body #chat #chat_messages .chat_message > .message {grid-column:2;grid-row:1 / 3;width:auto!important;margin:0!important;overflow:visible!important;} body #chat #chat_messages .chatMessageActions {grid-column:1;grid-row:2;align-self:start;border-top:1px solid #434343;} body #chat .chatMessageActions > button {display:block;width:100%;padding:7px 0;border:0;border-bottom:1px solid #434343;background:transparent;color:#bababa;font-size:11px;cursor:pointer;} body #chat .chatReactionPicker {display:flex;flex-wrap:wrap;gap:3px;padding:5px 0;} body #chat .chatReactionPicker[hidden] {display:none!important;} body #chat .chatReactionPicker button,body #chat .chatReactionCounts button {border:1px solid #535353;border-radius:6px;background:#bababa10;color:#d2d2d2;padding:3px 5px;cursor:pointer;} body #chat .chatReactionCounts {display:flex;gap:5px;flex-wrap:wrap;margin-top:6px;} body #chat .chatReactionCounts:empty {display:none;} body #chat .chatReactionCounts button[aria-pressed="true"] {background:#bababa30;border-color:#bababa;} body #chat .chatActionStatus {font-size:12px;color:#e6a0a8;} body #chat #chat_messages .with_code img[src*="/stickers/"] {max-width:96px!important;max-height:96px!important;width:auto!important;height:auto!important;} body #chat #chat_messages .with_code img[src*="/smiles/"] {max-width:22px!important;max-height:22px!important;width:auto!important;height:auto!important;vertical-align:middle;} body #chat .chatMessageActions button:focus-visible,body #chat .chatReactionCounts button:focus-visible {outline:2px solid #bababa;outline-offset:2px;} @media(max-width:599px){body #chat #chat_messages .chat_message {column-gap:8px;}} body #chat #chat_messages .chat_message {grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(76px,auto) auto;gap:0;padding:0!important;margin:0 0 10px!important;border:1px solid #353535!important;border-radius:11px;background:#1f1f1f;} body #chat #chat_messages .chat_message:first-child {border-top:1px solid #353535!important;} body #chat #chat_messages .chat_message > .wrapper_c51b4e {margin:10px auto!important;align-self:start;} body #chat #chat_messages .chat_message > .message {grid-row:1;grid-column:2;padding:10px 12px!important;border-left:1px solid #353535;} body #chat #chat_messages .chatMessageActions {grid-column:1;grid-row:2;display:flex;justify-content:center;align-items:center;gap:2px;align-self:stretch;border-top:1px solid #353535;min-height:36px;} body #chat .chatMessageActions > button {width:30px;height:30px;padding:0;border:0;border-radius:50%;font-size:20px;color:#b2b2b2;} body #chat .chatMessageActions > button:hover {background:#bababa20;color:#d2d2d2;} body #chat #chat_messages .chatReactionCounts {grid-column:2;grid-row:2;display:flex!important;align-items:center;min-height:36px;margin:0;padding:4px 10px;border-top:1px solid #353535;border-left:1px solid #353535;} body #chat .chatReactionCounts button {border-radius:20px;padding:3px 8px;} body > .chatReactionPicker {position:fixed;z-index:1000001;box-sizing:border-box;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:260px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:8px;background:#292929;border:1px solid #535353;border-radius:12px;box-shadow:0 10px 30px #0005;} body .chatReactionPicker[hidden] {display:none!important;} body > .chatReactionPicker .chatPickerHeading {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:#cdcdcd;font-size:12px;padding:2px 0 4px;} body > .chatReactionPicker button {border:1px solid transparent;border-radius:8px;background:transparent;font-size:25px;min-width:0;padding:3px;cursor:pointer;line-height:1.3;} body > .chatReactionPicker button:hover,body > .chatReactionPicker button:focus-visible {border-color:#949494;background:#bababa20;outline:none;} body > .chatReactionPicker .chatPickerHeading button {font-size:22px;color:#cdcdcd;} /* Compact cards, retaining the avatar and reaction separators. */ body #chat #chat_messages .chat_message {grid-template-columns:58px minmax(0,1fr);grid-template-rows:minmax(56px,auto) auto;gap:0;margin-bottom:6px!important;} body #chat #chat_messages .chat_message > .wrapper_c51b4e {width:40px!important;height:40px!important;min-width:40px;margin:8px auto!important;} body #chat #chat_messages .wrapper_c51b4e > svg.svg_c51b4e {width:40px!important;height:40px!important;} body #chat #chat_messages .wrapper_c51b4e > svg.avatarDecoration_c51b4e {position:absolute!important;width:50px!important;height:50px!important;top:-5px!important;left:-5px!important;} body #chat #chat_messages .chat_message > .message {padding:5px 10px!important;line-height:1.4;} body #chat #chat_messages .chat_message .message .info {min-height:18px;margin-bottom:2px;gap:3px 6px;} body #chat #chat_messages .chat_message .message .info .author {font-size:13px;line-height:18px;} body #chat #chat_messages .chat_message .info .date {font-size:11px;line-height:18px;} body #chat #chat_messages .chat_message .with_code {padding:3px 6px;line-height:1.4;border-radius:6px;} body #chat #chat_messages .chat_message .with_code p {margin-top:0;margin-bottom:3px;} body #chat #chat_messages .chat_message .with_code p:last-child {margin-bottom:0;} body #chat #chat_messages .chatMessageActions {min-height:26px;} body #chat .chatMessageActions > button {width:25px;height:25px;font-size:17px;line-height:25px;} body #chat #chat_messages .chatReactionCounts {box-sizing:border-box;min-height:26px;padding:1px 8px;} body #chat .chatReactionCounts button {font-size:12px;line-height:18px;padding:1px 6px;} body #chat #chat_messages .with_code img[src*="/stickers/"] {max-width:64px!important;max-height:64px!important;} body #chat #fixed_message .fixedMessage {padding:10px!important;margin-bottom:10px!important;gap:10px;} body #chat #fixed_message .messageContent {font-size:13px;line-height:1.45;} body #chat #fixed_message .messageContent p {margin:4px 0;} body #chat #fixed_message .messageContent br + br {display:none;} body .block_head_chat {margin-bottom:10px!important;} body #chat #chat_messages {padding-top:4px;padding-bottom:4px;} /* Appearance only; native dialog open/close handling stays intact. */ html body #generalChatRulesDialog {padding:18px;border:1px solid #535353;border-radius:14px;background:#212121;color:#b8b8b8;font-family:inherit;box-shadow:0 20px 65px #0006;} html body #generalChatRulesDialog::backdrop {background:#090909cc;} html body #generalChatRulesDialog header {display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #353535;} html body #generalChatRulesDialog h2 {display:flex;align-items:center;gap:9px;font-family:inherit;font-size:18px;font-weight:700;line-height:1.35;color:#f3f3f3;margin:0;} html body #generalChatRulesDialog h2:before {content:"i";box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border:1.5px solid #bababa;border-radius:50%;color:#bababa;font-size:15px;font-weight:600;} html body #generalChatRulesClose {display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;margin-left:auto;padding:0;border:1px solid #535353;border-radius:8px;background:#bababa10;color:#bababa;font-size:22px;line-height:1;cursor:pointer;} html body #generalChatRulesClose:hover {background:#bababa20;border-color:#949494;} html body #generalChatRulesClose:focus-visible {outline:2px solid #bababa;outline-offset:3px;} html body #generalChatRulesDialog p {margin:0 0 6px;font-size:13px;color:#e6a0a8;} html body #generalChatRulesDialog ul {list-style:none;padding:0;margin:0;font-size:13px;line-height:1.55;} html body #generalChatRulesDialog li {position:relative;padding:9px 0 9px 17px;margin:0;} html body #generalChatRulesDialog li:before {content:"";position:absolute;left:2px;top:17px;width:5px;height:5px;border-radius:50%;background:#b4b4b4;} html body #generalChatRulesDialog li + li {margin:0;border-top:1px solid #ffffff09;} html body #generalChatRulesDialog li:last-child {padding-bottom:0;} @media(max-width:480px){html body #generalChatRulesDialog {padding:14px;}html body #generalChatRulesDialog h2 {font-size:17px;}} body {background-color:#191919!important;} body .wapper,body .wapper > .content {background-color:#191919;} body .block.homeCaseActivity {background:#212121;border-color:#363636;} body .homeCaseActivity .homeCaseActivityHeader h2 {color:#f1f1f1;} body .homeCaseActivity .homeCaseActivityStat {background:#ffffff04;border-color:#494949;} body .homeCaseActivity .homeCaseActivityStat span {color:#b8b8b8;} body .homeCaseActivity .homeCaseActivityStat strong {color:#ededed;} body .homeCaseActivity .drop_from_case {--drop:150,150,150!important;background:linear-gradient(180deg,#2c2c2c,#242424)!important;border-color:#424242!important;box-shadow:none!important;} body .homeCaseActivity .case-name {color:#d0d0d0!important;background:#ffffff08!important;border:1px solid #505050!important;box-shadow:none!important;} body .homeCaseActivity .first-line {color:#e5e5e5;} body .homeCaseActivity .second-line {color:#b6b6b6;} body .homeCaseActivity .time-ago {color:#969696;} body .homeCaseActivity .homeCaseLink {color:#c5c5c5;border-color:#505050;background:#ffffff04;} body .homeCaseActivity .homeCaseLink:hover {color:#f1f1f1;background:#ffffff0c;border-color:#707070;} body .homeCaseActivity .homeCaseLink:focus-visible {outline-color:#c5c5c5;} #siteScrollProgress{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:990;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#242424;color:#ededed;box-shadow:0 3px 14px #0006;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:700 11px/1.2 Arial,sans-serif;transition:background .15s,transform .15s;isolation:isolate} #siteScrollProgress[hidden]{display:none!important} #siteScrollProgress:hover{background:#333;transform:translateY(-2px)} #siteScrollProgress:focus-visible{outline:2px solid #eee;outline-offset:4px} #siteScrollProgress .scrollProgressRing{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;fill:none;stroke-width:2.5} #siteScrollProgress .scrollProgressTrack{stroke:#494949} #siteScrollProgress .scrollProgressValue{stroke:#d4d4d4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100} #siteScrollProgress .scrollProgressArrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} @media(max-width:600px){#siteScrollProgress{width:48px;height:48px;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:10px}} @media(prefers-reduced-motion:reduce){#siteScrollProgress{transition:none}} /* Prize categories retain their colors inside the neutral case panel. */ body .homeCaseActivity .drop_from_case {--drop:81,104,246!important;background:radial-gradient(ellipse at 50% 0%,rgba(var(--drop),.35),transparent 85%),linear-gradient(180deg,rgba(var(--drop),.12),#242424)!important;border-color:rgba(var(--drop),.4)!important;} body .homeCaseActivity .drop_from_case.violet {--drop:194,61,222!important;} body .homeCaseActivity .drop_from_case.red {--drop:217,87,81!important;} body .homeCaseActivity .drop_from_case.yellow {--drop:249,217,73!important;} body .homeCaseActivity .drop_from_case .case-name {color:rgb(var(--drop))!important;background:rgba(var(--drop),.12)!important;border:1px solid rgba(var(--drop),.6)!important;box-shadow:0 0 16px rgba(var(--drop),.25)!important;} body .modal[id^="server-players-modal"] .stats-user-identity{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:100%;} body .modal[id^="server-players-modal"] .stats-user-profile{display:inline-flex;align-items:center;gap:10px;min-width:0;} body .modal[id^="server-players-modal"] .stats-user-profile i{overflow-wrap:anywhere;} body .modal[id^="server-players-modal"] .stats-avatar-wrap{position:relative;display:inline-block;flex:0 0 32px;width:32px;height:32px;margin:4px;overflow:visible;} body .modal[id^="server-players-modal"] .stats-avatar-wrap .stats-avatar-image{display:block;width:32px!important;height:32px!important;max-width:none!important;margin:0!important;float:none;border-radius:50%;object-fit:cover;} body .modal[id^="server-players-modal"] .stats-avatar-wrap .stats-avatar-frame{position:absolute;z-index:2;top:-4px;left:-4px;width:40px!important;height:40px!important;max-width:none!important;margin:0!important;float:none;border-radius:0!important;object-fit:contain;pointer-events:none;} body .modal[id^="server-players-modal"] .stats-user-badges{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap;} body .modal[id^="server-players-modal"] .stats-user-badge{display:inline-flex;align-items:center;} body .modal[id^="server-players-modal"] .stats-user-badge img{display:block;width:18px!important;height:18px!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:contain;} .blockMenu .menuFreeCasesRow{display:flex;align-items:center;gap:8px;padding:6px;min-width:0;} .blockMenu .menuFreeCasesLabel{font-size:13px;font-weight:600;color:#c5c5c5;white-space:nowrap;} .blockMenu .menuFreeCasesLinks{display:flex;align-items:center;gap:4px;} .blockMenu .menuFreeCasesLinks a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:27px;height:30px;border:1px solid #505050;border-radius:7px;background:#2c2c2c;color:#dedede;font-size:13px;font-weight:700;text-decoration:none;} .blockMenu .menuFreeCasesLinks a:hover{background:#393939;color:#fff;border-color:#777;} .blockMenu .menuFreeCasesLinks a:focus-visible{outline:2px solid #ddd;outline-offset:2px;} .blockMenu .menuFreeCasesRow .blockMenu_Item__Icon{flex-shrink:0;} body .blockMenu .blockMenuRow .blockMenu_Items .menuFreeCasesRow{padding:5px 4px;gap:9px;} body .blockMenu .menuFreeCasesRow .blockMenu_Item__Icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:8px;background:#ffffff04;border:1px solid #505050;color:#b8b8b8;box-shadow:none;} body .blockMenu .menuFreeCasesRow .blockMenu_Item__Icon svg{width:19px;height:19px;} /* Match chat controls across desktop and mobile platforms. */ body #chat .input-group:has(#message_input){display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px;} body #chat .input-group .smile_input{position:relative;flex:1 1 0!important;min-width:0;width:auto!important;margin:0!important;padding:0!important;} body #chat .input-group .input-group-btn{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;top:auto!important;vertical-align:middle;} body #chat .input-group #message_input,body #chat .input-group #send_button{box-sizing:border-box!important;height:42px!important;min-height:42px!important;margin:0!important;line-height:20px!important;vertical-align:middle;-webkit-appearance:none;appearance:none;} body #chat .input-group #message_input{display:block!important;width:100%!important;} body #chat .input-group #smile_btn{top:50%!important;transform:translateY(-50%);} body #chat #chat_messages .chatMessageActions > button{display:inline-flex!important;align-items:center;justify-content:center;font-size:0!important;color:#b8b8b8!important;background:transparent!important;-webkit-appearance:none;appearance:none;} body #chat #chat_messages .chatMessageActions > button::before{content:"";display:block;width:18px;height:18px;background:currentColor;-webkit-mask:var(--chat-action-icon) center/contain no-repeat;mask:var(--chat-action-icon) center/contain no-repeat;} @media(max-width:767px){ body .blockMenu .blockMenuContent{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;} body .blockMenu .blockMenuRow{width:100%!important;min-width:0!important;padding:14px!important;} body .blockMenu .menuFreeCasesRow{flex-wrap:nowrap;} body #chat .input-group:has(#message_input){gap:8px;} body #chat .input-group #message_input{font-size:16px!important;padding-left:10px!important;} body #chat .input-group #send_button{padding:9px 10px!important;font-size:13px!important;} } body #chat #chat_messages .chatMessageActions > button:first-child{--chat-action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205-6%206%206%206M3%2011h10c5%200%208%203%208%208%22%2F%3E%3C%2Fsvg%3E");} body #chat #chat_messages .chatMessageActions > button:nth-child(2){--chat-action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-9-9M18%202v6m-3-3h6M8%2014s1.5%203%204%203%204-3%204-3%22%2F%3E%3Cpath%20d%3D%22M8%209h.01M13%209h.01%22%2F%3E%3C%2Fsvg%3E");} body .wapper .header .collapsible-menu.user-menu > li > a{background:#242424!important;border-color:#424242!important;box-shadow:none!important;} body .wapper .header .collapsible-menu.user-menu > li > a:hover{background:#2b2b2b!important;} body .wapper .header .collapsible-menu.user-menu > li > ul{box-sizing:border-box;background:#212121!important;border:1px solid #3a3a3a!important;border-radius:0 0 12px 12px;box-shadow:0 12px 24px #0004!important;padding:6px!important;max-width:calc(100vw - 20px);} body .wapper .header .collapsible-menu.user-menu > li > ul > li{background:transparent!important;border:0!important;} body .wapper .header .collapsible-menu.user-menu > li > ul > li > a{box-sizing:border-box;display:block;background:transparent!important;color:#bcbcbc!important;font-size:14px;line-height:1.45;padding:10px 14px!important;border:0!important;border-radius:7px;text-shadow:none;} body .wapper .header .collapsible-menu.user-menu > li > ul > li > a:hover{background:#303030!important;color:#f1f1f1!important;} body .wapper .header .collapsible-menu.user-menu > li > ul > li > a:focus-visible{outline:2px solid #aaa;outline-offset:-2px;background:#303030!important;color:#fff!important;} body #notifications_line.block{box-sizing:border-box;background:#212121!important;border:1px solid #363636;border-radius:14px;padding:18px!important;} body #notifications_line > .block_head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:32px;margin:0 0 16px!important;padding:0!important;border:0!important;color:#f1f1f1;font-size:18px;font-weight:700;} body #notifications_line > .block_head::before,body #notifications_line > .block_head::after{display:none!important;} body #notifications_line > .block_head button{float:none!important;margin:0!important;padding:7px 11px;border:1px solid #505050!important;border-radius:8px;background:#292929!important;color:#c5c5c5!important;font-size:12px;line-height:1.4;box-shadow:none!important;} body #notifications_line > .block_head button:hover{background:#343434!important;color:#fff!important;} body #notifications .noty-block{position:relative;box-sizing:border-box;background:#262626!important;background-image:none!important;color:#c5c5c5!important;border:1px solid #3b3b3b!important;border-left:3px solid #858585!important;border-radius:10px;padding:16px 44px 16px 18px!important;margin:0 0 10px!important;box-shadow:none!important;font-size:14px;line-height:1.6;overflow-wrap:anywhere;} body #notifications .noty-block:last-child{margin-bottom:0!important;} body #notifications .noty-block.success{border-left-color:#63a888!important;} body #notifications .noty-block.error{border-left-color:#c77777!important;} body #notifications .noty-block.info{border-left-color:#999!important;} body #notifications .noty-block b,body #notifications .noty-block strong{color:#ededed;} body #notifications .noty-block > span:last-child{display:block;margin-top:8px;color:#929292!important;font-size:12px;} body #notifications .noty-block > .icon-remove{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:6px;background:transparent;color:#aaa!important;font-size:13px;cursor:pointer;} body #notifications .noty-block > .icon-remove:hover{background:#383838;color:#fff!important;} body #notifications_line button:focus-visible{outline:2px solid #ccc;outline-offset:3px;} @media(max-width:600px){body #notifications_line.block{padding:12px!important;}body #notifications .noty-block{padding:12px 38px 12px 12px!important;font-size:13px;}body #notifications_line > .block_head{font-size:17px;}} body #notifications .noty-block.success{background:#43b88c!important;border-color:#43b88c!important;color:#fff!important;} body #notifications .noty-block.success b,body #notifications .noty-block.success strong,body #notifications .noty-block.success > span:last-child{color:#fff!important;} body #notifications .noty-block.success > .icon-remove{color:#fff!important;} body #notifications .noty-block.success > .icon-remove:hover{background:#0002!important;} /* Keep badge layout independent from avatar and metadata styles. */ #place_for_messages .dialog-name .userBadges, #place_for_messages .im_message .info .userBadges, #companions .companion-name .userBadges, .homeForumMeta .userBadges, .homeCommunityPanel .userBadges { display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;flex:0 0 auto!important;width:auto!important;height:20px!important;float:none!important;margin:0 0 0 4px!important;padding:0!important;vertical-align:middle; } #place_for_messages .dialog-name .userBadge, #place_for_messages .im_message .info .userBadge, #companions .companion-name .userBadge, .homeForumMeta .userBadge, .homeCommunityPanel .userBadge { display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important;width:18px!important;height:18px!important;float:none!important;margin:0!important;padding:0!important;line-height:1!important; } #place_for_messages .dialog-name .userBadge img, #place_for_messages .im_message .info .userBadge img, #companions .companion-name .userBadge img, .homeForumMeta .userBadge img, .homeCommunityPanel .userBadge img { display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;float:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;vertical-align:middle; } #place_for_messages .im_message > div > .info { display:flex!important;align-items:center;gap:0;min-height:22px;height:auto!important; } #place_for_messages .im_message > div > .info > a { float:none!important; } #place_for_messages .im_message > div > .info > span { float:none!important;margin-left:auto;flex-shrink:0;padding-left:8px; } #place_for_messages .dialog .dialog-name { align-items:center!important;gap:0!important; } .homeForumMeta > span:first-child { display:inline-flex;align-items:center; } /* Four homepage community panels only. */ .homeCommunityPanel.block, .homeActivityGrid .homeActivityPanel { --community-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-family:var(--community-font)!important; font-size:14px!important; line-height:1.5!important; background:linear-gradient(145deg,#242424,#1e1e1e)!important; border:1px solid #494949!important;border-radius:20px!important;padding:24px!important; box-shadow:0 8px 24px #00000018!important;box-sizing:border-box; } .homeCommunityPanel :is(a,span,p,div), .homeActivityPanel :is(a,span,p,div,time,h2) { font-family:var(--community-font)!important; } .homeActivityGrid { gap:20px!important;align-items:stretch;margin-bottom:20px!important; } .homeCommunityPanel.block { margin-bottom:20px!important; } .homeCommunityPanel.block>.block_head,.homeActivityGrid .homeActivityPanel>header { display:flex!important;align-items:center!important;gap:12px!important;min-height:32px!important;height:auto!important; padding:0!important;margin:0 0 20px!important;border:0!important;flex-wrap:wrap!important; font-size:18px!important;font-weight:650!important;line-height:1.4!important;color:#f0ede7!important; } .homeActivityGrid .homeActivityPanel>header h2 {font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px;margin:0!important;} .homeActivityGrid .homeActivityPanel>header>a {font-size:12px!important;font-weight:600!important;color:var(--as-ui-accent)!important;} .homeCommunityPanel .communityPanelIcon,.homeActivityGrid .homeActivityPanel>header svg {width:22px!important;height:22px!important;color:var(--as-ui-accent)!important;flex-shrink:0;} .homeActivityGrid .homeActivityPanel :is(.haForumRow,.haEventRow) {height:112px!important;padding:16px 0!important;border-bottom:1px solid #ffffff0d!important;box-sizing:border-box;} .homeActivityGrid .homeActivityPanel article:last-child {border-bottom:0!important;} .homeActivityGrid .homeActivityPanel :is(.haTopic,.haEventText) {font-size:14px!important;font-weight:500!important;line-height:21px!important;color:#e0ded9!important;} .homeActivityGrid .homeActivityPanel .haTopic {white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .homeActivityGrid .homeActivityPanel .haMeta {font-size:12px!important;line-height:18px!important;font-weight:400!important;gap:4px 8px!important;margin-top:8px!important;flex-wrap:wrap!important;color:#a4a4a4!important;} .homeActivityGrid .homeActivityPanel .haForumTime {color:#a4a4a4!important;font-size:12px!important;} .homeActivityGrid .homeActivityPanel .haEventIcon {background:color-mix(in srgb,var(--as-ui-accent) 3.53%,transparent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 16.86%,transparent)!important;border-radius:10px!important;width:32px!important;height:32px!important;flex-basis:32px!important;} .homeActivityGrid .homeActivityPanel svg {color:#aaaaaa!important;} .homeActivityGrid .homeActivityPanel .haEventIcon svg {color:var(--as-ui-accent)!important;} .homeCommunityPanel .birthdays {font-size:14px!important;line-height:2!important;color:#b5b5b5!important;} .homeCommunityPanel :is(#birthdays_count,#count_of_last_onl_us) {background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;color:var(--as-ui-accent-bright)!important;font-size:12px!important;font-weight:600!important;border-radius:8px!important;} .homeActivityPanel .haMeta .userBadges {display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;float:none!important;} .homeActivityPanel .haMeta .userBadge {display:inline-flex!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;float:none!important;} .homeActivityPanel .haMeta .userBadge img {width:18px!important;height:18px!important;object-fit:contain;margin:0!important;float:none!important;} .homeCommunityPanel a:focus-visible,.homeActivityPanel a:focus-visible {outline:2px solid var(--as-ui-accent)!important;outline-offset:3px;} .homeActivityGrid .homeActivityPanel :is(.haTopic,.haEventText):hover {color:var(--as-ui-accent-bright)!important;} @media(max-width:1100px) { .homeActivityGrid {grid-template-columns:minmax(0,1fr)!important;} .homeActivityGrid .homeActivityPanel :is(.haForumRow,.haEventRow) {height:auto!important;min-height:100px;} } @media(max-width:600px) { .homeCommunityPanel.block,.homeActivityGrid .homeActivityPanel {padding:18px!important;border-radius:16px!important;} .homeCommunityPanel.block>.block_head,.homeActivityGrid .homeActivityPanel>header h2 {font-size:17px!important;} .homeActivityGrid .homeActivityPanel .haForumTime {margin-left:0!important;} } /* Compact version of the four community panels. */ .homeCommunityPanel.block, .homeActivityGrid .homeActivityPanel { padding:14px 16px!important;border-radius:14px!important; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } .homeActivityGrid {gap:14px!important;margin-bottom:14px!important;} .homeCommunityPanel.block {margin-bottom:14px!important;} .homeCommunityPanel.block>.block_head,.homeActivityGrid .homeActivityPanel>header { min-height:26px!important;margin-bottom:8px!important;gap:9px!important; } .homeActivityGrid .homeActivityPanel :is(.haForumRow,.haEventRow) { height:76px!important;min-height:0!important;padding:9px 0!important; } .homeActivityGrid .homeActivityPanel .haMeta {margin-top:4px!important;line-height:17px!important;} .homeActivityGrid .homeActivityPanel :is(.haTopic,.haEventText) {line-height:19px!important;} .homeCommunityPanel .birthdays {line-height:1.65!important;} .homeCommunityPanel #load_last_online {line-height:1.7!important;padding-top:0!important;} @media(hover:hover) and (pointer:fine) { .homeCommunityPanel.block:hover,.homeActivityGrid .homeActivityPanel:hover { border-color:var(--as-ui-accent-muted)!important; background:linear-gradient(145deg,#282828,#242424)!important; box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important; } } .homeCommunityPanel.block:focus-within,.homeActivityGrid .homeActivityPanel:focus-within {border-color:var(--as-ui-accent-muted)!important;} @media(max-width:1100px) { .homeActivityGrid .homeActivityPanel :is(.haForumRow,.haEventRow) {height:auto!important;min-height:64px!important;} } @media(max-width:600px) { .homeCommunityPanel.block,.homeActivityGrid .homeActivityPanel {padding:12px 14px!important;} } @media(prefers-reduced-motion:reduce) { .homeCommunityPanel.block,.homeActivityGrid .homeActivityPanel {transition:none!important;} } /* Unified outline icons and gold accents, scoped to four panels. */ .homeActivityGrid .homeActivityPanel>header>a { display:inline-flex!important;align-items:center;gap:6px;border-radius:7px; padding:4px 7px!important;margin-right:-7px;color:var(--as-ui-accent)!important; transition:color .16s ease,background-color .16s ease,box-shadow .16s ease; } .homeActivityGrid .homeActivityPanel>header>a:hover, .homeActivityGrid .homeActivityPanel>header>a:focus-visible { color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent);text-decoration:none!important; } .homeCommunityPanel.block :is(#birthdays_count,#count_of_last_onl_us) { color:var(--as-ui-accent-bright)!important;background:linear-gradient(135deg,#ffffff33,color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent))!important; border:1px solid color-mix(in srgb,var(--as-ui-accent) 43.92%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff12!important; font-weight:650!important;font-variant-numeric:tabular-nums; } .homeCommunityPanel.block :is(#birthdays_count,#count_of_last_onl_us) * {color:inherit!important;} .homeCommunityPanel.block .communityPanelIcon, .homeActivityGrid .homeActivityPanel svg { stroke-width:1.65!important;stroke-linecap:round;stroke-linejoin:round;fill:none; color:var(--as-ui-accent)!important;vertical-align:middle; } .homeActivityGrid .homeActivityPanel .haMeta svg {width:15px!important;height:15px!important;flex-shrink:0;opacity:.85;} .homeActivityGrid .homeActivityPanel>header svg, .homeCommunityPanel.block .communityPanelIcon {width:22px!important;height:22px!important;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--as-ui-accent) 9.41%,transparent));} .homeActivityGrid .homeActivityPanel .haEventIcon {border-color:color-mix(in srgb,var(--as-ui-accent) 23.92%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--as-ui-accent) 8.24%,transparent),color-mix(in srgb,var(--as-ui-accent) 1.96%,transparent))!important;border-radius:9px!important;} @media(prefers-reduced-motion:reduce) {.homeActivityGrid .homeActivityPanel>header>a {transition:none;}} /* Keep the new filled silhouettes at the existing compact sizes. */ .homeActivityGrid .homeActivityPanel svg.communityDuotone,.homeCommunityPanel.block svg.communityDuotone {stroke-width:1.6!important;overflow:visible;} .homeActivityGrid .homeActivityPanel .haMeta svg.communityDuotone {width:16px!important;height:16px!important;opacity:1;} /* Tighter spacing; keep typography and approved icons intact. */ .homeCommunityPanel.block,.homeActivityGrid .homeActivityPanel {padding:10px 14px!important;} .homeActivityGrid {gap:12px!important;margin-bottom:12px!important;} .homeCommunityPanel.block {margin-bottom:12px!important;} .homeCommunityPanel.block>.block_head,.homeActivityGrid .homeActivityPanel>header {margin-bottom:5px!important;min-height:26px!important;} .homeActivityGrid .homeActivityPanel :is(.haForumRow,.haEventRow) {height:auto!important;min-height:64px!important;padding:5px 0!important;} .homeActivityGrid .homeActivityPanel .haMeta {margin-top:3px!important;} .homeCommunityPanel .birthdays {line-height:1.5!important;} .homeCommunityPanel .birthdays a {margin-top:0!important;margin-bottom:0!important;} .homeCommunityPanel #load_last_online {line-height:1.4!important;} @media(min-width:1101px) { .homeActivityGrid .homeActivityPanel :is(.haForumRow,.haEventRow) {height:68px!important;} } @media(max-width:600px) { .homeCommunityPanel.block,.homeActivityGrid .homeActivityPanel {padding:10px 12px!important;} } /* Shared metric tracks for every forum row. */ .homeActivityGrid .homeActivityPanel .haForumRow .haMeta { display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr) minmax(0,.65fr) minmax(0,1.45fr)!important; column-gap:8px!important;row-gap:3px!important;align-items:center!important; } .homeActivityGrid .homeActivityPanel .haForumRow .haMeta>span {min-width:0!important;white-space:nowrap;} .homeActivityGrid .homeActivityPanel .haForumRow .haMeta>span:first-child {display:flex!important;gap:4px!important;} .homeActivityGrid .homeActivityPanel .haForumRow .haMeta>span:first-child>a {min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;} .homeActivityGrid .homeActivityPanel .haForumRow .haMeta>span:first-child>span, .homeActivityGrid .homeActivityPanel .haForumRow .userBadges {flex-shrink:0;} .homeActivityGrid .homeActivityPanel .haForumRow .haMeta>span[title] {font-variant-numeric:tabular-nums;} .homeActivityGrid .homeActivityPanel .haForumRow .haForumTime {margin:0!important;text-align:right!important;white-space:normal!important;min-width:0;line-height:17px!important;} /* Author and timestamp grouped against the right edge below each event. */ .homeActivityGrid .homeActivityPanel .haEventRow .haMeta {justify-content:flex-end!important;align-items:center!important;} .homeActivityGrid .homeActivityPanel .haEventRow .haMeta>a {order:1;max-width:100%;} .homeActivityGrid .homeActivityPanel .haEventRow .haMeta>.userBadges {order:2;} .homeActivityGrid .homeActivityPanel .haEventRow .haMeta>time {order:3;white-space:nowrap;margin-left:4px;} @media(max-width:480px) { .homeActivityGrid .homeActivityPanel .haForumRow .haMeta {grid-template-columns:minmax(0,1fr) 68px 60px!important;} .homeActivityGrid .homeActivityPanel .haForumRow .haForumTime {grid-column:1 / -1;justify-self:end;} } /* Author at left, timestamp at right beneath the event text. */ .homeActivityGrid .homeActivityPanel .haEventRow .haMeta {justify-content:space-between!important;flex-wrap:wrap!important;gap:3px 10px!important;} .homeActivityGrid .homeActivityPanel .haEventRow .haMeta>.haEventAuthor {order:1;display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0;max-width:100%;flex:0 1 auto;} .homeActivityGrid .homeActivityPanel .haEventAuthor>a {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .homeActivityGrid .homeActivityPanel .haEventAuthor>.userBadges {flex-shrink:0;} .homeActivityGrid .homeActivityPanel .haEventAuthor>svg {width:16px!important;height:16px!important;flex-shrink:0;} .homeActivityGrid .homeActivityPanel .haEventRow .haMeta>time {order:2;margin-left:auto!important;text-align:right;flex-shrink:0;} /* Graphite and gold footer, page scrollbar and existing progress control. */ body .wapper>.footer { background:linear-gradient(145deg,#232323,#1c1c1c)!important;border-top:1px solid color-mix(in srgb,var(--as-ui-accent) 23.92%,transparent)!important; padding:24px 0 18px!important;color:#aaaaaa!important; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; box-shadow:0 -8px 28px #00000012; } body .wapper>.footer :is(p,a,strong,li) {font-family:inherit!important;} body .wapper>.footer strong {color:#eeeeee!important;font-size:16px!important;font-weight:650!important;line-height:1.4!important;margin-bottom:12px!important;} body .wapper>.footer ul li {margin-bottom:5px!important;} body .wapper>.footer ul li a {color:#aaaaaa!important;font-size:13px!important;line-height:1.6!important;border-radius:5px;transition:color .16s ease,background-color .16s ease;overflow-wrap:anywhere;} body .wapper>.footer ul li a:hover {color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;text-decoration:none!important;} body .wapper>.footer .col-lg-5 p {color:#aaaaaa!important;font-size:13px!important;line-height:1.65!important;margin-top:12px!important;} body .wapper>.footer hr {border-top:1px solid color-mix(in srgb,var(--as-ui-accent) 14.12%,transparent)!important;margin:16px 0!important;} body .wapper>.footer .copyright p {color:#96928a!important;font-size:12px!important;} body .wapper>.footer .copyright a {color:var(--as-ui-accent)!important;} body .wapper>.footer a:focus-visible {outline:2px solid var(--as-ui-accent)!important;outline-offset:4px;} /* Only the document scrollbar; nested chat and dialog scrollbars stay scoped. */ html {scrollbar-width:thin;scrollbar-color:var(--as-ui-accent-deep) #191919;} html::-webkit-scrollbar,body::-webkit-scrollbar {width:9px;height:9px;} html::-webkit-scrollbar-track,body::-webkit-scrollbar-track {background:#191919;} html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb {background:var(--as-ui-accent-deep);border:2px solid #191919;border-radius:12px;} html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover {background:var(--as-ui-accent-muted);} #siteScrollProgress {background:linear-gradient(145deg,#282828,#201f1c)!important;color:var(--as-ui-accent-bright)!important;box-shadow:0 4px 16px #0005,inset 0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 14.9%,transparent)!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;transition:background .16s ease,box-shadow .16s ease!important;} #siteScrollProgress .scrollProgressTrack {stroke:#505050!important;} #siteScrollProgress .scrollProgressValue {stroke:var(--as-ui-accent-muted)!important;} #siteScrollProgress .scrollProgressArrow {stroke:var(--as-ui-accent-bright)!important;stroke-width:1.8!important;} #siteScrollProgress:hover {background:#303030!important;box-shadow:0 0 20px color-mix(in srgb,var(--as-ui-accent) 20.0%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 31.37%,transparent)!important;transform:none!important;} #siteScrollProgress:focus-visible {outline:2px solid var(--as-ui-accent-bright)!important;outline-offset:4px;} @media(max-width:767px) {body .wapper>.footer {padding:18px 0 14px!important;}body .wapper>.footer .row>div {margin-bottom:12px!important;}} @media(prefers-reduced-motion:reduce) {#siteScrollProgress,body .wapper>.footer ul li a {transition:none!important;}} body .wapper>.footer .footerGoldTitle {display:flex!important;align-items:center;gap:9px;} body .wapper>.footer .footerGoldIcon {width:22px;height:22px;flex:0 0 22px;color:var(--as-ui-accent);} body .wapper>.footer ul li a:hover,body .wapper>.footer ul li a:focus-visible {color:var(--as-ui-accent-bright)!important;background:transparent!important;box-shadow:none!important;} body .wapper>.footer {transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;} @media(hover:hover) and (pointer:fine) { body .wapper>.footer:hover {background:linear-gradient(145deg,#282828,#242424)!important;border-top-color:var(--as-ui-accent-muted)!important;box-shadow:0 -4px 22px color-mix(in srgb,var(--as-ui-accent) 8.24%,transparent)!important;} } @media(prefers-reduced-motion:reduce) {body .wapper>.footer {transition:none;}} /* Compact footer; same font family as the community panels. */ body .wapper>.footer {padding:12px 0!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;} body .wapper>.footer :is(p,a,strong,li,span) {font-family:inherit!important;} body .wapper>.footer .footerGoldTitle {margin:0 0 7px!important;line-height:1.3!important;} body .wapper>.footer ul {margin:0!important;padding:0!important;} body .wapper>.footer ul li {margin:0 0 3px!important;line-height:1.4!important;} body .wapper>.footer ul li a {line-height:1.4!important;} body .wapper>.footer .col-lg-5>a {display:inline-block;line-height:0;margin:0!important;padding:0!important;} body .wapper>.footer .col-lg-5>a>img {display:block;max-width:150px!important;max-height:48px!important;width:auto!important;height:auto!important;margin:0!important;} body .wapper>.footer .col-lg-5 p {margin:8px 0 0!important;line-height:1.45!important;} body .wapper>.footer hr {margin:10px 0!important;} body .wapper>.footer .copyright p {margin:0!important;line-height:1.4!important;} @media(max-width:767px) {body .wapper>.footer .row>div {margin-bottom:8px!important;}body .wapper>.footer ul li a {padding:3px 0;}} /* Match the established community typography by text role. */ body .wapper>.footer .footerGoldTitle {font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px;} body .wapper>.footer .footerGoldTitle>span {font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;} body .wapper>.footer ul li a,body .wapper>.footer .col-lg-5 p {font-size:14px!important;font-weight:400!important;line-height:1.5!important;} body .wapper>.footer .copyright p,body .wapper>.footer .copyright a {font-size:12px!important;line-height:17px!important;} @media(max-width:600px) {body .wapper>.footer .footerGoldTitle {font-size:17px!important;}} /* One typography scale for the four community panels and footer. */ .homeCommunityPanel.block,.homeActivityGrid .homeActivityPanel,body .wapper>.footer { font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; } .homeCommunityPanel.block>.block_head, .homeCommunityPanel .communityPanelTitle, .homeActivityGrid .homeActivityPanel>header h2, body .wapper>.footer .footerGoldTitle, body .wapper>.footer .footerGoldTitle>span { font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px!important; } .homeCommunityPanel .birthdays, .homeActivityGrid .homeActivityPanel :is(.haTopic,.haEventText), body .wapper>.footer ul li a, body .wapper>.footer .col-lg-5 p { font-size:14px!important;font-weight:400!important;line-height:21px!important;letter-spacing:normal!important; } .homeActivityGrid .homeActivityPanel .haMeta, .homeActivityGrid .homeActivityPanel .haForumTime, body .wapper>.footer .copyright p, body .wapper>.footer .copyright a { font-size:12px!important;font-weight:400!important;line-height:18px!important;letter-spacing:normal!important; } .homeActivityGrid .homeActivityPanel>header>a, .homeCommunityPanel.block :is(#birthdays_count,#count_of_last_onl_us) { font-size:12px!important;font-weight:600!important;line-height:18px!important;letter-spacing:normal!important; } .homeCommunityPanel.block .communityPanelIcon, .homeActivityGrid .homeActivityPanel>header svg, body .wapper>.footer .footerGoldIcon { width:22px!important;height:22px!important;flex:0 0 22px!important;stroke-width:1.6!important; } .homeActivityGrid .homeActivityPanel .haMeta svg { width:16px!important;height:16px!important;flex:0 0 16px!important;stroke-width:1.6!important; } /* Allow wrapped text to grow without colliding with the next row. */ .homeActivityGrid .homeActivityPanel :is(.haForumRow,.haEventRow) {height:auto!important;min-height:68px!important;} @media(max-width:600px) { .homeCommunityPanel.block>.block_head,.homeCommunityPanel .communityPanelTitle, .homeActivityGrid .homeActivityPanel>header h2, body .wapper>.footer .footerGoldTitle,body .wapper>.footer .footerGoldTitle>span {font-size:17px!important;} } /* Presentation only: consent actions and analytics loading are unchanged. */ .cookie-banner {background:linear-gradient(145deg,#28251f,#202020)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 33.33%,transparent)!important;border-radius:14px!important;padding:12px 16px!important;box-shadow:0 8px 30px #0006!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;} .cookie-banner .cookie-content {gap:16px!important;} .cookie-banner .cookie-text {font-size:14px!important;font-weight:400!important;line-height:21px!important;color:#c5c5c5!important;} .cookie-banner .cookie-text strong {font-size:18px!important;font-weight:650!important;line-height:1.4!important;color:#eeeeee!important;margin-bottom:4px!important;} .cookie-banner .cookie-text a,.cookie-settings-link {color:var(--as-ui-accent-muted)!important;} .cookie-banner .cookie-text a:hover,.cookie-settings-link:hover {color:var(--as-ui-accent-bright)!important;} .cookie-banner .cookie-btn {font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:18px!important;min-height:40px!important;padding:8px 12px!important;border-radius:8px!important;transform:none!important;} .cookie-banner .cookie-btn-primary {background:linear-gradient(135deg,var(--as-ui-accent-bright),var(--as-ui-accent-muted))!important;color:#211c13!important;border:1px solid var(--as-ui-accent-bright)!important;} .cookie-banner .cookie-btn-secondary {background:#ffffff06!important;color:#e0e0e0!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 43.92%,transparent)!important;} .cookie-banner .cookie-btn:hover {box-shadow:0 0 12px color-mix(in srgb,var(--as-ui-accent) 14.9%,transparent);opacity:1!important;filter:brightness(1.08);} .cookie-banner .cookie-btn:focus-visible,.cookie-settings-link:focus-visible {outline:2px solid var(--as-ui-accent-bright)!important;outline-offset:3px;} /* Tint the existing informer images, preserving their live numbers and links. */ body .wapper>.footer #yandex-widgets>a {display:inline-block;vertical-align:middle;border-radius:6px;outline:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent);overflow:hidden;line-height:0;} body .wapper>.footer #yandex-widgets img {filter:invert(.88) sepia(.5) saturate(.8)!important;border-radius:5px;} body .wapper>.footer #yandex-widgets>a:hover {outline-color:var(--as-ui-accent-muted);box-shadow:0 0 10px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent);} @media(max-width:760px) {.cookie-banner {padding:12px!important;max-height:calc(100dvh - 24px);overflow-y:auto;}.cookie-banner .cookie-content {gap:10px!important;}} @media(max-width:600px) {.cookie-banner .cookie-text strong {font-size:17px!important;}} @media(prefers-reduced-motion:reduce) {.cookie-banner .cookie-btn {transition:none!important;}} /* Restore original readable informer images and right-aligned order. */ body .wapper>.footer #yandex-widgets:not([hidden]) {display:flex!important;flex-direction:row-reverse!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;width:100%!important;} body .wapper>.footer #yandex-widgets>a {display:block!important;flex:0 0 auto!important;float:none!important;margin:0!important;padding:0!important;line-height:0!important;outline:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:2px!important;overflow:visible!important;} body .wapper>.footer #yandex-widgets img {filter:none!important;opacity:1!important;float:none!important;margin:0!important;border-radius:2px!important;} body .wapper>.footer #yandex-widgets>a:hover {outline:0!important;box-shadow:none!important;} /* Reserve space for the fixed 58px scroll control and keep informer contrast. */ body .wapper>.footer #yandex-widgets:not([hidden]) { box-sizing:border-box!important;padding-right:76px!important;gap:7px!important; flex-wrap:wrap!important;row-gap:7px!important; } body .wapper>.footer #yandex-widgets>a { padding:4px!important;background:linear-gradient(145deg,#282828,#202020)!important; border:1px solid var(--as-ui-accent-muted)!important;border-radius:8px!important; box-shadow:inset 0 1px 0 color-mix(in srgb,var(--as-ui-accent-bright) 7.06%,transparent)!important;outline:0!important; } body .wapper>.footer #yandex-widgets img { filter:sepia(.2)!important;opacity:1!important;border-radius:3px!important; } body .wapper>.footer #yandex-widgets>a:hover { border-color:var(--as-ui-accent-bright)!important;box-shadow:0 0 12px color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important; } body .wapper>.footer #yandex-widgets>a:focus-visible {outline:2px solid var(--as-ui-accent-bright)!important;outline-offset:3px;} @media(max-width:600px) { body .wapper>.footer #yandex-widgets:not([hidden]) {padding-right:64px!important;} } /* Shared home content style; prize rarity backgrounds are intentionally retained. */ #site_stats>.block,body .block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid,.hnSection { font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; background:linear-gradient(145deg,#242424,#1e1e1e)!important;border:1px solid #494949!important; border-radius:14px!important;padding:12px 14px!important;margin-bottom:12px!important; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } :is(#site_stats,.homeCaseActivity,.lotteryHeroGrid,.hnSection) :is(p,a,span,strong,h2,h3,div) {font-family:inherit!important;} #site_stats>.block>.block_head,body .homeCaseActivity .homeCaseActivityHeader h2,.hnSection .hnHeader h2, .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head, .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-title { font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px!important;color:#eeeeee!important; } .hnSection .hnHeader,.homeCaseActivityHeader {margin-bottom:10px!important;} #site_stats>.block>.block_head {margin-bottom:8px!important;} #site_stats p {font-size:14px!important;line-height:21px!important;color:#b5b5b5!important;padding:8px 10px!important;background:#ffffff02!important;border-color:#ffffff08!important;border-radius:9px!important;} #site_stats b {color:#eeeeee!important;font-weight:600!important;} #site_stats small {font-size:10px!important;} #site_stats .communityPanelIcon {color:var(--as-ui-accent)!important;width:22px!important;height:22px!important;} body .homeCaseActivity .homeCaseActivityStat {background:color-mix(in srgb,var(--as-ui-accent) 4.71%,transparent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 23.92%,transparent)!important;border-radius:8px!important;padding:6px 10px!important;} body .homeCaseActivity .homeCaseActivityStat strong {font-size:18px!important;color:var(--as-ui-accent-bright)!important;font-weight:650!important;} body .homeCaseActivity .homeCaseActivityStat span {font-size:12px!important;color:#b5b5b5!important;} body .homeCaseActivity .homeCaseLink,.hnSection .hnHeader>a, .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more {font-size:12px!important;font-weight:600!important;line-height:18px!important;color:var(--as-ui-accent)!important;} body .homeCaseActivity .homeCaseLink {border-color:color-mix(in srgb,var(--as-ui-accent) 23.92%,transparent)!important;border-radius:8px!important;} body .homeCaseActivity :is(.first-line,.second-line) {font-size:14px!important;line-height:21px!important;} body .homeCaseActivity .time-ago {font-size:12px!important;line-height:18px!important;} .hnSection .hnGrid {gap:10px!important;} .hnSection .hnCard {padding:10px!important;background:#ffffff02!important;border-color:#ffffff0d!important;border-radius:12px!important;gap:10px!important;} .hnSection .hnCard:first-child {padding:0!important;} .hnSection .hnCard:first-child .hnBody {padding:10px 12px!important;} .hnSection .hnCard h3 {font-size:14px!important;font-weight:400!important;line-height:21px!important;margin:5px 0!important;} .hnSection .hnExcerpt {font-size:14px!important;font-weight:400!important;line-height:21px!important;color:#b5b5b5!important;} .hnSection .hnMeta {font-size:12px!important;line-height:18px!important;color:#a4a4a4!important;} .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot+.home-lottery-slot {border-color:color-mix(in srgb,var(--as-ui-accent) 14.12%,transparent)!important;} .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head svg {color:var(--as-ui-accent)!important;width:22px!important;height:22px!important;} .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot :is(.ending span,.daily-lottery-lite-timer>span) {background:color-mix(in srgb,var(--as-ui-accent) 3.92%,transparent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 20.78%,transparent)!important;border-radius:8px!important;color:var(--as-ui-accent-bright)!important;box-shadow:none!important;} .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-timer strong {color:var(--as-ui-accent-bright)!important;} .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight :is(h3,.daily-lottery-lite-status), .home-lotteries-grid.lotteryHeroGrid .lotteryActionRow .lotteryHeroCount {font-size:12px!important;font-weight:400!important;line-height:18px!important;color:#b5b5b5!important;} .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot :is(.participate,.daily-lottery-lite-participate) {background:color-mix(in srgb,var(--as-ui-accent) 7.84%,transparent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 37.65%,transparent)!important;color:var(--as-ui-accent-bright)!important;border-radius:8px!important;} :is(.hnSection,.homeCaseActivity,.lotteryHeroGrid) a:focus-visible {outline:2px solid var(--as-ui-accent-bright)!important;outline-offset:3px;} .hnSection a:hover,body .homeCaseActivity .homeCaseLink:hover,.lotteryHeroGrid a.read-more:hover {color:var(--as-ui-accent-bright)!important;} @media(hover:hover) and (pointer:fine) { #site_stats>.block:hover,body .block.homeCaseActivity:hover,.home-lotteries-grid.lotteryHeroGrid:hover,.hnSection:hover {border-color:var(--as-ui-accent-muted)!important;background:linear-gradient(145deg,#282828,#242424)!important;box-shadow:0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} } @media(max-width:600px) { #site_stats>.block>.block_head,body .homeCaseActivity .homeCaseActivityHeader h2,.hnSection .hnHeader h2, .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head,.home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-title {font-size:17px!important;} .hnSection .hnGrid {grid-template-columns:minmax(0,1fr)!important;}.hnSection .hnCard:first-child {grid-row:auto;} } @media(prefers-reduced-motion:reduce) {#site_stats>.block,body .block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid,.hnSection {transition:none;}} body .homeCaseActivity .homeCaseActivityHeader h2 {display:flex!important;align-items:center;gap:9px;} body .homeCaseActivity .homeCaseActivityHeader h2::before {content:"";display:inline-block;width:22px;height:22px;flex:0 0 22px;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20color%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h18v13H3z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%22.2%22/%3E%3Cpath%20d%3D%22M2%204h20v4H2zM12%204v17M8%204C3-2%201%205%208%204Zm8%200c5-6%207%201%200%200Z%22/%3E%3C/svg%3E");background:var(--as-ui-accent);-webkit-mask:var(--ui-icon-mask) center/contain no-repeat;mask:var(--ui-icon-mask) center/contain no-repeat;} .hnSection .hnHeader h2 {display:flex!important;align-items:center;gap:9px;} .hnSection .hnHeader h2::before {content:"";display:inline-block;width:22px;height:22px;flex:0 0 22px;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20color%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%20fill%3D%22currentColor%22%20fill-opacity%3D%22.2%22/%3E%3Cpath%20d%3D%22M7%207h10M7%2011h4v5H7zM14%2011h3M14%2015h3M7%2018h10%22/%3E%3C/svg%3E");background:var(--as-ui-accent);-webkit-mask:var(--ui-icon-mask) center/contain no-repeat;mask:var(--ui-icon-mask) center/contain no-repeat;} /* One action treatment for all four section headers. */ body .homeActivityGrid .homeActivityPanel>header>a, body .hnSection .hnHeader>a, body .homeCaseActivity .homeCaseActivityHeader .homeCaseLink {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:4px 7px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:var(--as-ui-accent)!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:18px!important;letter-spacing:normal!important;text-decoration:none!important;white-space:nowrap!important;transition:color .18s,background .18s,border-color .18s;} body .homeActivityGrid .homeActivityPanel>header>a:hover, body .hnSection .hnHeader>a:hover, body .homeCaseActivity .homeCaseActivityHeader .homeCaseLink:hover, body .homeActivityGrid .homeActivityPanel>header>a:focus-visible, body .hnSection .hnHeader>a:focus-visible, body .homeCaseActivity .homeCaseActivityHeader .homeCaseLink:focus-visible {color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;box-shadow:none!important;text-decoration:none!important;} /* Full-width headings; artwork starts below them. Both slots share the same geometry. */ body .home-lotteries-grid.lotteryHeroGrid {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;gap:16px!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot+ .home-lottery-slot {padding:0!important;margin:0!important;border:0!important;min-width:0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block {position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box!important;--lottery-art-width:36%;padding:40px 0 0 calc(var(--lottery-art-width) + 12px)!important;min-height:220px!important;height:100%!important;gap:0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block::before {top:40px!important;bottom:0!important;left:0!important;width:var(--lottery-art-width)!important;height:auto!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head {position:absolute!important;top:0!important;left:0!important;right:0!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;white-space:nowrap!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head>span {font-size:18px!important;font-weight:650!important;line-height:26px!important;letter-spacing:-.2px!important;text-align:left!important;white-space:nowrap!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head svg {flex:0 0 22px!important;width:22px!important;height:22px!important;color:var(--as-ui-accent)!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .ending, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .sortition #ending, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-timer {display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important;min-height:50px!important;height:50px!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .sortition #ending > span, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-timer > span {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:1 1 0!important;min-width:0!important;max-width:52px!important;width:45px!important;height:48px!important;margin:0!important;padding:3px!important;background:color-mix(in srgb,var(--as-ui-accent) 7.06%,transparent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 23.92%,transparent)!important;border-radius:8px!important;color:var(--as-ui-accent-bright)!important;box-shadow:none!important;font-size:22px!important;line-height:26px!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .sortition #ending>span b, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-timer>span strong {font-family:inherit!important;font-size:22px!important;font-weight:650!important;line-height:26px!important;color:var(--as-ui-accent-bright)!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .sortition #ending>span small, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .sortition #ending>span i, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-timer>span small, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-timer>span i {font-family:inherit!important;font-size:10px!important;font-style:normal!important;font-weight:400!important;line-height:13px!important;color:#c9c9c9!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more {font-size:12px!important;line-height:18px!important;white-space:nowrap!important;} @media(max-width:600px) {body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head>span {font-size:17px!important;}} @media(max-width:400px) {body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block {--lottery-art-width:27%;}} body .block.homeCaseActivity .homeCaseActivityHeader .homeCaseActivityStat {display:flex!important;align-items:center!important;gap:9px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;} body .block.homeCaseActivity .homeCaseActivityHeader .homeCaseActivityStat :is(span,strong) {font-family:inherit!important;font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px!important;color:#eeeeee!important;white-space:nowrap!important;} body .block.homeCaseActivity .homeCaseActivityHeader .homeCaseActivityStat strong {color:var(--as-ui-accent-bright)!important;font-variant-numeric:tabular-nums;} body .block.homeCaseActivity .homeCaseActivityStat svg {width:22px;height:22px;flex:0 0 22px;color:var(--as-ui-accent);} body .home-lotteries-grid.lotteryHeroGrid {grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block {--lottery-art-width:clamp(24px,calc(100% - 312px),44%);padding:0 0 0 calc(var(--lottery-art-width) + 12px)!important;min-height:220px!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block::before {top:0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head {position:static!important;inset:auto!important;justify-content:flex-end!important;padding:0 0 10px!important;flex-shrink:0!important;} @media(max-width:600px) {body .block.homeCaseActivity .homeCaseActivityHeader .homeCaseActivityStat :is(span,strong) {font-size:17px!important;}} /* Match the section actions exactly, including hover. */ body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:4px 7px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:var(--as-ui-accent)!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:18px!important;letter-spacing:normal!important;text-decoration:none!important;white-space:nowrap!important;transition:color .18s,background .18s,border-color .18s;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more:hover, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more:focus-visible {color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;box-shadow:none!important;text-decoration:none!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more {align-self:flex-end!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block {--lottery-art-width:calc(100% - 280px);} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block::before {width:var(--lottery-art-width)!important;} /* Shared vertical layout for daily and monthly giveaway cards. */ body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block {display:flex!important;flex-direction:column!important;align-items:stretch!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head {justify-content:center!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .ending, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .sortition #ending, body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-timer {justify-content:center!important;flex-shrink:0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-footer {display:contents!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRow {display:flex!important;flex:1 0 auto!important;flex-direction:column-reverse!important;justify-content:space-between!important;align-items:stretch!important;gap:10px!important;width:100%!important;min-height:0!important;margin:12px 0 4px!important;padding:0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight {display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:0!important;gap:6px!important;text-align:center!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight :is(h3,.daily-lottery-lite-status,.participate,.daily-lottery-lite-participate) {align-self:center!important;text-align:center!important;margin:0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight :is(h3,.daily-lottery-lite-status) {width:100%!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRow .lotteryHeroCount {align-self:flex-end!important;text-align:right!important;flex:0 0 auto!important;margin:0!important;padding:0 7px 0 0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more {align-self:flex-end!important;flex:0 0 auto!important;margin:0!important;} /* Let the content set the height instead of reserving 220px. */ body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block {min-height:0!important;height:100%!important;margin-bottom:0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRow {min-height:0!important;margin:8px 0 2px!important;gap:8px!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight {min-height:0!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight :is(h3,.daily-lottery-lite-status) {min-height:0!important;padding-top:0!important;padding-bottom:0!important;} body .home-lotteries-grid.lotteryHeroGrid {container-type:inline-size;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot {position:relative;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block::before {width:calc(var(--lottery-art-width) + 8px)!important;background-image:url('/files/lottery-black-gold-art-20260925/monthly.png')!important;background-position:center!important;background-size:cover!important;} body .home-lotteries-grid.lotteryHeroGrid #daily_lottery_lite>.block::before {background-image:url('/files/lottery-black-gold-art-20260925/daily.png')!important;} body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot+.home-lottery-slot::after {content:"";position:absolute;pointer-events:none;left:0;right:0;top:-8px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--as-ui-accent) 60.0%,transparent),transparent);} @container (min-width:936px) {body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot+.home-lottery-slot::after {left:-8px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),color-mix(in srgb,var(--as-ui-accent) 60.0%,transparent),color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent));}} /* Sidebar shares the main column's typography and gold palette. */ body .homeSidebarModern {font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;} body .homeSidebarModern>.block, body .homeSidebarModern #top_players.block {background:linear-gradient(145deg,#242424,#1e1e1e)!important;border:1px solid #494949!important;border-radius:14px!important;padding:12px 14px!important;margin-bottom:12px!important;transition:background .18s,border-color .18s,box-shadow .18s;} body .homeSidebarModern .block>.block_head, body .homeSidebarModern #top_players .asr-heading {font-family:inherit!important;font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px!important;color:#eeeeee!important;gap:8px!important;margin-bottom:10px!important;} body .homeSidebarModern #top_players .asr-title {font:inherit!important;display:inline-flex;align-items:center;gap:8px;} body .homeSidebarModern :is(.asr-login,.top-user-login,.mw__title,.vertical-navigation a) {font-family:inherit!important;font-size:14px!important;line-height:21px!important;} body .homeSidebarModern #missions_widget {font-family:inherit!important;font-size:14px!important;line-height:21px!important;color:#b5b5b5!important;} body .homeSidebarModern #missions_widget .mw__sub {font-size:12px!important;line-height:18px!important;color:#a4a4a4!important;} body .homeSidebarModern #users_online_number {background:color-mix(in srgb,var(--as-ui-accent) 7.06%,transparent)!important;color:var(--as-ui-accent-bright)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:7px!important;font-size:12px!important;font-weight:650!important;min-width:28px!important;height:24px!important;padding:1px 7px!important;} body .homeSidebarModern .vertical-navigation li a {padding:7px 8px!important;color:#d0d0d0!important;} body .homeSidebarModern .vertical-navigation li a:hover {color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;} body .homeSidebarModern #top_players .asr-servers {font:inherit!important;font-size:14px!important;line-height:21px!important;color:#d0d0d0!important;background-color:#252525!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 23.92%,transparent)!important;border-radius:8px!important;} body .homeSidebarModern #top_players .asr-switcher button, body .homeSidebarModern #asr-donors a.asr-all, body .homeSidebarModern #top_users a.activity-top-all, body .homeSidebarModern #missions_widget button, body .homeSidebarModern #missions_widget a.btn {font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:18px!important;color:var(--as-ui-accent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:7px!important;background:color-mix(in srgb,var(--as-ui-accent) 4.71%,transparent)!important;} body .homeSidebarModern #asr-donors a.asr-all, body .homeSidebarModern #top_users a.activity-top-all, body .homeSidebarModern #missions_widget button, body .homeSidebarModern #missions_widget a.btn {padding:6px 9px!important;min-height:32px!important;} body .homeSidebarModern #top_players .asr-switcher button.active, body .homeSidebarModern #top_players .asr-switcher button:hover, body .homeSidebarModern #asr-donors a.asr-all:hover, body .homeSidebarModern #top_users a.activity-top-all:hover, body .homeSidebarModern #missions_widget button:hover, body .homeSidebarModern #missions_widget a.btn:hover {color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;border-color:var(--as-ui-accent-muted)!important;} body .homeSidebarModern #top_players.asr-ranking, body .homeSidebarModern #asr-donors.asr-ranking {--asr-avatar:36px;--asr-stat:48px;--asr-gap:7px;} body .homeSidebarModern #top_players .asr-row, body .homeSidebarModern #asr-donors .asr-row, body .homeSidebarModern #top_users .activity-top-row {min-height:50px!important;padding-top:7px!important;padding-bottom:7px!important;border-color:#ffffff0b!important;} body .homeSidebarModern #top_users .activity-top-avatar {width:36px!important;height:36px!important;flex-basis:36px!important;} body .homeSidebarModern #top_users .activity-avatar-image {width:36px!important;height:36px!important;object-fit:cover;} body .homeSidebarModern #top_users .activity-avatar-frame {width:46px!important;height:46px!important;top:-5px!important;left:-5px!important;} body .homeSidebarModern #top_players .asr-stats>div, body .homeSidebarModern #asr-donors .asr-amount, body .homeSidebarModern #top_users .activity-top-score {font-family:inherit!important;font-size:12px!important;line-height:18px!important;color:var(--as-ui-accent)!important;} body .homeSidebarModern #top_players .asr-stats svg {fill:var(--as-ui-accent)!important;} body .homeSidebarModern #top_users .activity-top-score i {color:var(--as-ui-accent)!important;} body .homeSidebarModern :is(a,button,select):focus-visible {outline:2px solid var(--as-ui-accent-bright)!important;outline-offset:3px;} @media(hover:hover) and (pointer:fine) {body .homeSidebarModern>.block:hover, body .homeSidebarModern #top_players.block:hover {background:linear-gradient(145deg,#282828,#242424)!important;border-color:var(--as-ui-accent-muted)!important;box-shadow:0 0 20px color-mix(in srgb,var(--as-ui-accent) 9.41%,transparent)!important;}} @media(max-width:600px) {body .homeSidebarModern .block>.block_head, body .homeSidebarModern #top_players .asr-heading {font-size:17px!important;}} @media(prefers-reduced-motion:reduce) {body .homeSidebarModern>.block, body .homeSidebarModern #top_players.block {transition:none!important;}} body .homeSidebarModern .block:has(#missions_widget)>.block_head::before {content:""!important;display:inline-block!important;position:static!important;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2217%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M9%203h6v4H9zM8%2012l2%202%206-5M8%2018h8%22/%3E%3C/svg%3E");background:var(--as-ui-accent)!important;-webkit-mask:var(--ui-icon-mask) center/contain no-repeat!important;mask:var(--ui-icon-mask) center/contain no-repeat!important;} body .homeSidebarModern .block:has(#online_users_horizontal)>.block_head::before {content:""!important;display:inline-block!important;position:static!important;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M16%204a3%203%200%200%201%200%206M18%2014a5%205%200%200%201%203%204v3%22/%3E%3C/svg%3E");background:var(--as-ui-accent)!important;-webkit-mask:var(--ui-icon-mask) center/contain no-repeat!important;mask:var(--ui-icon-mask) center/contain no-repeat!important;} body .homeSidebarModern #top_players .asr-title::before {content:""!important;display:inline-block!important;position:static!important;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203h8v6a4%204%200%200%201-8%200zM8%205H4v3a4%204%200%200%200%204%204M16%205h4v3a4%204%200%200%201-4%204M12%2013v6M7%2021h10%22/%3E%3C/svg%3E");background:var(--as-ui-accent)!important;-webkit-mask:var(--ui-icon-mask) center/contain no-repeat!important;mask:var(--ui-icon-mask) center/contain no-repeat!important;} body .homeSidebarModern .block:has(#asr-donors)>.block_head::before, body .homeSidebarModern .block:has(#top_donators)>.block_head::before {content:""!important;display:inline-block!important;position:static!important;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%205%204%204-7%204%207%205-4-2%2013H5zM6%2016h12%22/%3E%3C/svg%3E");background:var(--as-ui-accent)!important;-webkit-mask:var(--ui-icon-mask) center/contain no-repeat!important;mask:var(--ui-icon-mask) center/contain no-repeat!important;} body .homeSidebarModern .block:has(#top_users)>.block_head::before {content:""!important;display:inline-block!important;position:static!important;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%203%206%207%201-5%205%201%207-6-3-6%203%201-7-5-5%207-1z%22/%3E%3C/svg%3E");background:var(--as-ui-accent)!important;-webkit-mask:var(--ui-icon-mask) center/contain no-repeat!important;mask:var(--ui-icon-mask) center/contain no-repeat!important;} body .homeSidebarModern .block:has(#asr-donors) > .block_head, body .homeSidebarModern .block:has(#top_donators) > .block_head, body .homeSidebarModern .block:has(#top_users) > .block_head {display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:8px!important;} body .wapper .homeSidebarModern .block>.block_head, body .wapper .homeSidebarModern #top_players .asr-heading, body .wapper .homeSidebarModern #top_players .asr-title, body .wapper .block.homeCaseActivity .homeCaseActivityHeader h2, body .wapper .block.homeCaseActivity .homeCaseActivityHeader .homeCaseActivityStat span, body .wapper .block.homeCaseActivity .homeCaseActivityHeader .homeCaseActivityStat strong, body .wapper .hnSection .hnHeader h2, body .wapper .block.homeCommunityPanel>.block_head, body .wapper .block.homeCommunityPanel .communityPanelTitle, body .wapper .homeActivityGrid .homeActivityPanel>header h2, body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head, body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head>span {font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px!important;} @media(max-width:600px) { body .wapper .homeSidebarModern .block>.block_head, body .wapper .homeSidebarModern #top_players .asr-heading, body .wapper .homeSidebarModern #top_players .asr-title, body .wapper .block.homeCaseActivity .homeCaseActivityHeader h2, body .wapper .block.homeCaseActivity .homeCaseActivityHeader .homeCaseActivityStat span, body .wapper .block.homeCaseActivity .homeCaseActivityHeader .homeCaseActivityStat strong, body .wapper .hnSection .hnHeader h2, body .wapper .block.homeCommunityPanel>.block_head, body .wapper .block.homeCommunityPanel .communityPanelTitle, body .wapper .homeActivityGrid .homeActivityPanel>header h2, body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head, body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head>span {font-size:17px!important;} } /* Match forum metadata across home page numeric indicators. */ body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRow .lotteryHeroCount strong, body .wapper #site_stats b, body .wapper #site_stats strong, body .wapper .homeSidebarModern #top_players.asr-ranking .asr-stats>div, body .wapper .homeSidebarModern #top_users .activity-top-score { font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:12px!important;line-height:18px!important;font-weight:400!important; letter-spacing:normal!important;color:#a4a4a4!important; font-variant-numeric:tabular-nums!important; } body .wapper .homeSidebarModern #top_players.asr-ranking .asr-stats svg, body .wapper .homeSidebarModern #top_players.asr-ranking .asr-stats svg path { fill:var(--as-ui-accent)!important;color:var(--as-ui-accent)!important; } body .wapper .homeSidebarModern #top_users .activity-top-score i, body .wapper .homeSidebarModern #top_users .activity-top-score svg { color:var(--as-ui-accent)!important; } body .wapper .homeSidebarModern #top_users .activity-top-score svg, body .wapper .homeSidebarModern #top_users .activity-top-score svg path {fill:var(--as-ui-accent)!important;} body .wapper #site_stats small, body .wapper #site_stats small *, body .wapper #site_stats sup, body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRow .lotteryHeroCount strong {color:var(--as-ui-accent-bright)!important;} /* Include SVG use instances and pseudo-elements used by icon libraries. */ body .wapper .homeSidebarModern #top_users :is(.activity-top-score,.sidebar-ranking-value) :is(i,i::before,svg,svg *,use), body .wapper .homeSidebarModern #top_users :is(.activity-top-score,.sidebar-ranking-value)::before {color:var(--as-ui-accent)!important;fill:var(--as-ui-accent)!important;} body .wapper .homeSidebarModern #asr-donors a.asr-all, body .wapper .homeSidebarModern #top_users a.activity-top-all, body .wapper .homeSidebarModern #missions_widget .mw-btn, body .wapper .homeSidebarModern #missions_widget a.btn, body .wapper .homeSidebarModern #missions_widget button {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:4px 7px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:var(--as-ui-accent)!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:18px!important;letter-spacing:normal!important;text-decoration:none!important;white-space:nowrap!important;transition:color .18s,background .18s,border-color .18s;} body .wapper .homeSidebarModern #asr-donors a.asr-all:hover, body .wapper .homeSidebarModern #asr-donors a.asr-all:focus-visible, body .wapper .homeSidebarModern #top_users a.activity-top-all:hover, body .wapper .homeSidebarModern #top_users a.activity-top-all:focus-visible, body .wapper .homeSidebarModern #missions_widget .mw-btn:hover, body .wapper .homeSidebarModern #missions_widget .mw-btn:focus-visible, body .wapper .homeSidebarModern #missions_widget a.btn:hover, body .wapper .homeSidebarModern #missions_widget a.btn:focus-visible, body .wapper .homeSidebarModern #missions_widget button:hover, body .wapper .homeSidebarModern #missions_widget button:focus-visible {color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;box-shadow:none!important;text-decoration:none!important;} /* A local star silhouette also covers externally referenced blue SVG symbols. */ body .wapper .homeSidebarModern #top_users :is(.activity-top-score,.sidebar-ranking-value) svg { background:var(--as-ui-accent)!important;clip-path:polygon(50% 0%,65% 33%,100% 38%,75% 64%,81% 100%,50% 82%,19% 100%,25% 64%,0% 38%,35% 33%); } body .wapper .homeSidebarModern #top_users :is(.activity-top-score,.sidebar-ranking-value) svg * {visibility:hidden!important;} body .wapper .homeSidebarModern .block .block_head a.sidebarHeaderMore{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:4px 7px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:var(--as-ui-accent)!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:18px!important;letter-spacing:normal!important;text-decoration:none!important;white-space:nowrap!important;transition:color .18s,background .18s,border-color .18s;margin-left:auto!important;flex:0 0 auto!important;} body .wapper .homeSidebarModern .block .block_head a.sidebarHeaderMore:hover,body .wapper .homeSidebarModern .block .block_head a.sidebarHeaderMore:focus-visible{color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;box-shadow:none!important;text-decoration:none!important;} body .wapper .homeSidebarModern .block .block_head.sidebarHeaderWithLink{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px!important;} body .homeSidebarModern .block:has(#missions_widget){display:none!important;} body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;} body .wapper .homeSidebarModern .sidebarFinalTitle{font:inherit;white-space:nowrap;min-width:0;flex:1 1 auto;} body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading a.sidebarHeaderMore{flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important;padding:4px 0!important;font-size:12px!important;line-height:18px!important;font-weight:600!important;} body .wapper .homeSidebarModern .sidebarGoldStar{display:inline-block!important;width:14px!important;height:14px!important;flex:0 0 14px!important;background:var(--as-ui-accent)!important;vertical-align:-2px;clip-path:polygon(50% 0%,65% 33%,100% 38%,75% 64%,81% 100%,50% 82%,19% 100%,25% 64%,0% 38%,35% 33%);} body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading {gap:6px!important;} body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading .sidebarFinalTitle { display:block!important;position:static!important;float:none!important;margin:0!important;padding:0!important; width:auto!important;min-width:0!important;max-width:none!important;flex:1 1 0!important; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:var(--sidebar-title-size,18px)!important;font-weight:650!important;line-height:1.4!important; letter-spacing:-.2px!important;color:#eeeeee!important;white-space:nowrap!important;text-align:left!important; } @media(max-width:600px){body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading .sidebarFinalTitle{font-size:var(--sidebar-title-size,17px)!important;}} /* Align heading and action text on the same baseline; keep decorative icon centered. */ body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading { align-items:baseline!important; } body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading::before { align-self:center!important; } body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading .sidebarFinalTitle, body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading a.sidebarHeaderMore { align-self:baseline!important; } /* Remove legacy negative gutters from the compact navigation. */ body .wapper .homeSidebarModern .vertical-navigation {margin:0!important;padding:0!important;width:100%!important;box-sizing:border-box!important;} body .wapper .homeSidebarModern .vertical-navigation ul {margin:0!important;padding:0!important;list-style:none!important;} body .wapper .homeSidebarModern .vertical-navigation ul li {margin:0!important;padding:0!important;border:0!important;background:transparent!important;} body .wapper .homeSidebarModern .vertical-navigation ul li a {display:block!important;box-sizing:border-box!important;margin:0!important;width:100%!important;height:auto!important;padding:7px 8px!important;line-height:21px!important;border:0!important;border-radius:7px!important;background:transparent!important;} body .wapper .homeSidebarModern .vertical-navigation ul li+li {border-top:1px solid #ffffff0b!important;} body .wapper .homeSidebarModern .vertical-navigation ul li a.active::before {display:none!important;} body .wapper .homeSidebarModern .vertical-navigation ul li a:hover, body .wapper .homeSidebarModern .vertical-navigation ul li a:focus-visible, body .wapper .homeSidebarModern .vertical-navigation ul li a.active {background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;color:var(--as-ui-accent-bright)!important;} /* Counters restart independently for every server/tab and each ranking. */ body .wapper .homeSidebarModern #top_players .players, body .wapper .homeSidebarModern #asr-donors, body .wapper .homeSidebarModern #top_users {counter-reset:sidebar-place;} body .wapper .homeSidebarModern #top_players .asr-row, body .wapper .homeSidebarModern #asr-donors .asr-row, body .wapper .homeSidebarModern #top_users .activity-top-row { counter-increment:sidebar-place;position:relative!important;box-sizing:border-box!important;padding-left:23px!important; } body .wapper .homeSidebarModern #top_players .asr-row::before, body .wapper .homeSidebarModern #asr-donors .asr-row::before, body .wapper .homeSidebarModern #top_users .activity-top-row::before { content:counter(sidebar-place);position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%);width:17px!important;text-align:center!important;color:var(--as-ui-accent)!important;font:400 12px/18px ui-sans-serif,system-ui,sans-serif!important;font-variant-numeric:tabular-nums; } /* Center decorative icons against the title line, not the taller padded action. */ body .wapper .homeSidebarModern .block .block_head.sidebarFinalHeading::before { align-self:flex-start!important; margin-top:calc(.7em - 11px)!important; margin-bottom:0!important; transform:none!important; } /* The original online counter is the shared reference, including after the previous optional patch. */ body .wapper .homeSidebarModern #users_online_number, body .wapper .homeCommunityPanel.block #birthdays_count, body .wapper .homeCommunityPanel.block #count_of_last_onl_us { display:inline-flex!important;align-items:center!important;justify-content:center!important; box-sizing:border-box!important;min-width:28px!important;width:auto!important;height:24px!important;padding:1px 7px!important; background:color-mix(in srgb,var(--as-ui-accent) 7.06%,transparent)!important;color:var(--as-ui-accent-bright)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:7px!important;box-shadow:none!important; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:12px!important;font-weight:650!important;line-height:18px!important;letter-spacing:normal!important;font-variant-numeric:tabular-nums!important; } body .wapper .homeSidebarModern #users_online_number *, body .wapper .homeCommunityPanel.block #birthdays_count *, body .wapper .homeCommunityPanel.block #count_of_last_onl_us * {color:inherit!important;font:inherit!important;} /* Compact "Сегодня были" card: keep the complete heading on one line. */ body .wapper .homeSidebarModern #homeTodayVisitorsCard.block > .block_head.homeTodayVisitorsHead .homeTodayVisitorsTitle { font-size:15px!important; line-height:21px!important; } body .wapper .homeSidebarModern #homeTodayVisitorsCard.block > .block_head.homeTodayVisitorsHead #count_of_last_onl_us { font-size:11px!important; line-height:17px!important; } body .wapper .homeSidebarModern #homeTodayVisitorsCard.block > .block_head.homeTodayVisitorsHead .homeTodayVisitorsLink { font-size:11px!important; line-height:17px!important; } body .wapper .header,body .blockMenu,body .serverNew{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;} body .wapper .header{background:#21211f!important;border-bottom:1px solid color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;} body .wapper .header .branding{font-size:18px!important;font-weight:650!important;letter-spacing:-.2px!important;color:#eeeeee!important;} body #blockMenu{border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;color:var(--as-ui-accent)!important;border-radius:8px!important;padding:7px 12px!important;font:600 14px/21px ui-sans-serif,system-ui,sans-serif!important;} body #blockMenu:hover,body #blockMenu:focus-visible{color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;border-color:var(--as-ui-accent-muted)!important;} body .blockMenu{background:#191918!important;} body .blockMenu .blockMenuContent{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;padding-top:12px!important;padding-bottom:12px!important;align-items:start!important;} body .blockMenu .blockMenuRow{box-sizing:border-box!important;width:auto!important;min-width:0!important;padding:12px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;border-radius:14px!important;background:linear-gradient(145deg,#242422,#202020)!important;} body .blockMenu .blockMenu_Heading{font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px!important;color:#eeeeee!important;margin:0 0 8px!important;filter:none!important;text-shadow:none!important;} body .blockMenu .blockMenu_Items{gap:2px!important;} body .blockMenu .blockMenu_Item{align-items:center!important;gap:8px!important;padding:6px!important;margin:0!important;min-height:38px!important;box-sizing:border-box!important;} body .blockMenu .blockMenu_Item__Icon{width:28px!important;height:28px!important;flex:0 0 28px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;border-radius:8px!important;background:color-mix(in srgb,var(--as-ui-accent) 4.71%,transparent)!important;color:var(--as-ui-accent)!important;} body .blockMenu .blockMenu_Item__Icon svg{width:18px!important;height:18px!important;color:var(--as-ui-accent)!important;} body .blockMenu .blockMenu_Item__Icon svg [stroke]:not([stroke="none"]){stroke:var(--as-ui-accent)!important;} body .blockMenu .blockMenu_Item__Info{min-width:0!important;align-items:flex-start!important;} body .blockMenu .blockMenu_Item__Info_Header,body .blockMenu .menuFreeCasesLabel{font-size:14px!important;font-weight:400!important;line-height:21px!important;color:#d0d0d0!important;} body .blockMenu .blockMenu_Item:hover,body .blockMenu .blockMenu_Item:focus-visible{background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;transform:none!important;} body .blockMenu .blockMenu_Item:hover .blockMenu_Item__Info_Header{color:var(--as-ui-accent-bright)!important;} body .blockMenu .menuFreeCasesRow{gap:8px!important;flex-wrap:wrap!important;padding:6px!important;} body .blockMenu .menuFreeCasesLinks a{border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;color:var(--as-ui-accent)!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;} body .wapper .header .user-menu>li>a{background:transparent!important;border:1px solid transparent!important;border-radius:12px!important;} body .wapper .header .user-menu>li>a:hover{background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;} body .wapper .header .user-menu>li>a>p{font-size:12px!important;line-height:18px!important;color:#a4a4a4!important;} body .wapper .header .user-menu>li>ul{box-sizing:border-box!important;min-width:220px!important;max-width:calc(100vw - 24px)!important;padding:6px!important;background:#242422!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:12px!important;box-shadow:0 12px 32px #0006!important;} body .wapper .header .user-menu>li>ul>li{padding:0!important;margin:0!important;background:transparent!important;} body .wapper .header .user-menu>li>ul>li>a{box-sizing:border-box!important;width:100%!important;height:auto!important;margin:0!important;padding:7px 10px!important;font-size:14px!important;font-weight:400!important;line-height:21px!important;color:#d0d0d0!important;border:0!important;border-radius:7px!important;} body .wapper .header .user-menu>li>ul>li>a:hover,body .wapper .header .user-menu>li>ul>li>a:focus-visible{color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;} body .serverNew{box-sizing:border-box!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;border-radius:14px!important;min-height:102px!important;height:auto!important;padding:12px 12px 12px 30px!important;cursor:pointer;overflow:hidden!important;transition:border-color .18s,box-shadow .18s!important;} body .serverNew .block-servers-name{position:relative!important;top:auto!important;left:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px!important;color:#eeeeee!important;margin:0 0 6px!important;} body .serverNew .group{position:relative!important;display:block!important;left:auto!important;bottom:auto!important;color:#a4a4a4!important;font-size:12px!important;font-weight:400!important;line-height:18px!important;font-variant-numeric:tabular-nums;} body .serverNew .group i{color:var(--as-ui-accent)!important;} body .serverNew .progress{left:12px!important;top:12px!important;bottom:12px!important;height:auto!important;width:4px!important;border-radius:4px!important;background:#ffffff15!important;} body .serverNew:hover{border-color:var(--as-ui-accent-muted)!important;box-shadow:0 0 18px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} @media(max-width:1199px){body .blockMenu .blockMenuContent{grid-template-columns:repeat(3,minmax(0,1fr))!important;}} @media(max-width:767px){body .blockMenu .blockMenuContent{grid-template-columns:repeat(2,minmax(0,1fr))!important;}} @media(max-width:480px){body .blockMenu .blockMenuContent{grid-template-columns:1fr!important;}body .serverNew .block-servers-name,body .blockMenu .blockMenu_Heading{font-size:17px!important;}} @media(prefers-reduced-motion:reduce){body .serverNew{transition:none!important;}} body .wapper .monitoring-blocks_new .serverNew {display:block!important;position:relative!important;box-sizing:border-box!important;padding:12px 14px 12px 34px!important;height:auto!important;min-height:102px!important;} body .wapper .monitoring-blocks_new .serverNew>.sc-hhNnGo {position:relative!important;inset:auto!important;margin:0!important;padding:0!important;width:auto!important;z-index:2!important;} body .wapper .monitoring-blocks_new .serverNew .block-servers-name {position:static!important;inset:auto!important;margin:0 0 6px!important;padding:0!important;width:auto!important;font-size:18px!important;line-height:25.2px!important;font-weight:650!important;letter-spacing:-.2px!important;white-space:normal!important;} body .wapper .monitoring-blocks_new .serverNew .group {display:block!important;position:relative!important;inset:auto!important;margin:0!important;padding:0!important;width:auto!important;z-index:2!important;font-size:12px!important;line-height:18px!important;} body .wapper .monitoring-blocks_new .serverNew .progress {position:absolute!important;left:12px!important;top:12px!important;bottom:12px!important;width:4px!important;height:auto!important;min-height:0!important;margin:0!important;z-index:3!important;} @media(max-width:600px){body .wapper .monitoring-blocks_new .serverNew .block-servers-name{font-size:17px!important;line-height:23.8px!important;}} body .wapper .monitoring-blocks_new .serverNew, body .wapper .monitoring-blocks_new .serverNew .block-servers-name, body .wapper .monitoring-blocks_new .serverNew .group, body .wapper .monitoring-blocks_new .serverNew .group>div {font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;} body .wapper .monitoring-blocks_new .serverNew{min-height:0!important;height:auto!important;padding-top:10px!important;padding-bottom:10px!important;} body .wapper .monitoring-blocks_new .serverNew .block-servers-name{margin-bottom:4px!important;} body .wapper .monitoring-blocks_new .serverNew .group,body .wapper .monitoring-blocks_new .serverNew .group>div{color:#a4a4a4!important;} body .wapper .monitoring-blocks_new .serverNew .block-servers-group-info i {display:inline-block!important;width:16px!important;height:16px!important;vertical-align:-3px!important;margin-right:4px!important;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M16%204a3%203%200%200%201%200%206M18%2014a5%205%200%200%201%203%204v3%22/%3E%3C/svg%3E");background:var(--as-ui-accent)!important;-webkit-mask:var(--ui-icon-mask) center/contain no-repeat!important;mask:var(--ui-icon-mask) center/contain no-repeat!important;} body .wapper .monitoring-blocks_new .serverNew .block-servers-group-info i::before{content:none!important;} body .wapper .monitoring-blocks_new{gap:8px!important;} body .wapper .monitoring-blocks_new .serverNew{padding:6px 12px 6px 30px!important;min-height:0!important;height:auto!important;} body .wapper .monitoring-blocks_new .serverNew .block-servers-name{margin-bottom:2px!important;} body .wapper .monitoring-blocks_new .serverNew .progress{top:8px!important;bottom:8px!important;left:11px!important;} body .wapper .header{height:auto!important;min-height:56px!important;background:#21211f!important;border-bottom:1px solid color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;} body .wapper .header>.container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:56px!important;height:auto!important;padding-top:4px!important;padding-bottom:4px!important;} body .wapper .header .branding{float:none!important;margin:0!important;padding:0!important;line-height:25.2px!important;font:650 18px/1.4 ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.2px!important;color:#eeeeee!important;} body .wapper .header button#blockMenu{position:static!important;transform:none!important;float:none!important;margin:0!important;flex:0 0 auto!important;min-height:32px!important;height:auto!important;padding:5px 10px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;color:var(--as-ui-accent)!important;border-radius:8px!important;font:600 14px/20px ui-sans-serif,system-ui,sans-serif!important;} body .wapper .header button#blockMenu:hover,body .wapper .header button#blockMenu:focus-visible{color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;border-color:var(--as-ui-accent-muted)!important;} body .wapper .header button#blockMenu i,body .wapper .header button#blockMenu span{color:inherit!important;} body .wapper .header .collapsible-menu.user-menu{float:none!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;} body .wapper .header .collapsible-menu.user-menu>li{position:relative!important;height:auto!important;margin:0!important;} body .wapper .header .collapsible-menu.user-menu>li>a{display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;grid-template-rows:20px 18px!important;column-gap:10px!important;align-items:center!important;box-sizing:border-box!important;width:auto!important;min-width:150px!important;height:46px!important;padding:3px 8px!important;background:transparent!important;border:1px solid transparent!important;border-radius:9px!important;} body .wapper .header .collapsible-menu.user-menu>li>a:hover,body .wapper .header .collapsible-menu.user-menu>li>a.open{background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;} body .wapper .header .collapsible-menu.user-menu>li>a>h3.header-user-name-line{position:static!important;grid-column:1!important;grid-row:1!important;width:auto!important;margin:0!important;font:600 14px/20px ui-sans-serif,system-ui,sans-serif!important;} body .wapper .header .collapsible-menu.user-menu>li>a>p{position:static!important;grid-column:1!important;grid-row:2!important;width:auto!important;height:auto!important;margin:0!important;font:400 12px/18px ui-sans-serif,system-ui,sans-serif!important;color:#a4a4a4!important;text-align:right!important;} body .wapper .header .header-user-avatar-wrap{position:relative!important;grid-column:2!important;grid-row:1 / 3!important;width:36px!important;height:36px!important;float:none!important;margin:0!important;} body .wapper .header .header-user-avatar-image{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover!important;} body .wapper .header .header-user-avatar-wrap>img:not(.header-user-avatar-image){position:absolute!important;inset:-5px!important;width:46px!important;height:46px!important;max-width:none!important;} body .wapper .header .collapsible-menu.user-menu>li>ul{top:100%!important;right:0!important;left:auto!important;} @media(max-width:599px){body .wapper .header>.container{flex-wrap:wrap!important;gap:6px!important;}body .wapper .header .branding{font-size:15px!important;}body .wapper .header .collapsible-menu.user-menu>li>a{min-width:0!important;}body .wapper .header #mobileMenu{flex-basis:100%;}} body .wapper .blockMenu .blockMenuRow .blockMenu_Heading{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:18px!important;font-weight:650!important;line-height:25.2px!important;letter-spacing:-.2px!important;} body .wapper .blockMenu .blockMenuRow .blockMenu_Item__Info_Header,body .wapper .blockMenu .menuFreeCasesLabel{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:21px!important;letter-spacing:normal!important;} body .wapper .blockMenu .blockMenu_Item__Icon svg.menuUnifiedIcon{color:var(--as-ui-accent)!important;opacity:1!important;filter:none!important;width:18px!important;height:18px!important;} body .wapper .blockMenu .blockMenu_Item__Icon svg.menuUnifiedIcon path{fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;} @media(max-width:600px){body .wapper .blockMenu .blockMenuRow .blockMenu_Heading{font-size:17px!important;line-height:23.8px!important;}} body .wapper .blockMenu .menuFreeCasesRow{position:relative!important;z-index:2!important;pointer-events:auto!important;} body .wapper .blockMenu .menuFreeCasesLinks{position:relative!important;display:inline-flex!important;gap:4px!important;pointer-events:auto!important;z-index:3!important;} body .wapper .blockMenu .menuFreeCasesLinks a{position:relative!important;z-index:4!important;pointer-events:auto!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;min-height:30px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;color:var(--as-ui-accent)!important;border-radius:7px!important;text-decoration:none!important;transition:background .15s,color .15s,border-color .15s!important;} body .wapper .blockMenu .menuFreeCasesLinks a:hover,body .wapper .blockMenu .menuFreeCasesLinks a:focus-visible{color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 20.0%,transparent)!important;border-color:var(--as-ui-accent)!important;box-shadow:0 0 10px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} body .wapper .blockMenu .menuFreeCasesLinks a:focus-visible{outline:2px solid var(--as-ui-accent)!important;outline-offset:2px!important;} body .wapper .header{position:relative!important;z-index:1000000!important;overflow:visible!important;} body .wapper .header>.container,body .wapper .header .user-menu{overflow:visible!important;} body .wapper .header .user-menu>li.profileDropdownReady{position:relative!important;pointer-events:auto!important;} body .wapper .header .user-menu>li.profileDropdownReady>a{pointer-events:auto!important;cursor:pointer!important;} body .wapper .header .user-menu>li.profileDropdownReady>ul{position:absolute!important;top:100%!important;right:0!important;left:auto!important;z-index:1000001!important;height:auto!important;max-height:calc(100dvh - 80px)!important;overflow-y:auto!important;pointer-events:auto!important;} body .wapper .header .user-menu>li.profileDropdownReady:not(.profileDropdownOpen)>ul{display:none!important;} body .wapper .header .user-menu>li.profileDropdownReady.profileDropdownOpen>ul{display:block!important;opacity:1!important;visibility:visible!important;} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul{box-sizing:border-box!important;width:230px!important;min-width:0!important;max-width:calc(100vw - 24px)!important;padding:6px!important;margin:5px 0 0!important;background:#242422!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:12px!important;box-shadow:0 12px 32px #0006!important;} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li{margin:0!important;padding:0!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important;} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a{display:flex!important;align-items:center!important;gap:9px!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:34px!important;margin:0!important;padding:6px 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#d0d0d0!important;font:400 14px/21px ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:normal!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important;transition:background .15s,color .15s!important;} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:hover,body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:focus-visible{background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;color:var(--as-ui-accent-bright)!important;} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:focus-visible{outline:2px solid var(--as-ui-accent)!important;outline-offset:-2px!important;} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a::before{content:""!important;display:block!important;position:static!important;width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important;background:var(--as-ui-accent)!important;-webkit-mask:var(--profile-icon) center/contain no-repeat!important;mask:var(--profile-icon) center/contain no-repeat!important;border:0!important;} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/profile"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a4%204%200%201%200%200%208%204%204%200%200%200%200-8M4%2021v-2a8%208%200%200%201%2016%200v2%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/messages"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v13H9l-6%204V4Zm4%204h10M7%2012h6%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/friends"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203a3%203%200%201%200%200%206%203%203%200%200%200%200-6M2%2021v-4a6%206%200%200%201%2012%200v4m2-17a3%203%200%200%201%200%206m2%204a5%205%200%200%201%204%204v3%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/settings"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16M8%203v6m8%200v6M8%2015v6%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/purse"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207H4V4h14v3M4%207v13h17V7H4Zm12%205h5v4h-5v-4%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/notifications"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2017h14l-2-3V8a5%205%200%200%200-10%200v6l-2%203Zm5%203a2%202%200%200%200%204%200%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/my_stores"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16l-1%2014H5L4%207Zm4%200V5a4%204%200%200%201%208%200v2%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/admin"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202%203%206v6c0%205%209%209%209%209s9-4%209-9V6l-9-4Zm0%205v10m-5-5h10%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/exit"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203H3v18h6m5-14%205%205-5%205m-7-5h14%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/bans"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v16H4V4Zm4%204%208%208m0-8-8%208%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a[href*="/complaints"]{--profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h18v14H9l-6%204V3Zm9%204v5m0%202v1%22/%3E%3C/svg%3E");} body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a #balance{font:inherit!important;color:inherit!important;} /* Match the forum activity panel hover. */ body .wapper .blockMenu .blockMenuRow { transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important; } @media(hover:hover) and (pointer:fine) { body .wapper .blockMenu .blockMenuRow:hover { border-color:var(--as-ui-accent-muted)!important; background:linear-gradient(145deg,#282828,#242424)!important; box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important; } } body .wapper .blockMenu .blockMenuRow:focus-within {border-color:var(--as-ui-accent-muted)!important;} @media(prefers-reduced-motion:reduce) { body .wapper .blockMenu .blockMenuRow {transition:none!important;} } /* Activity-style hover on the profile card and dropdown panel. */ body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>a, body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul {transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;} @media(hover:hover) and (pointer:fine) { body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>a:hover, body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul:hover {border-color:var(--as-ui-accent-muted)!important;background:linear-gradient(145deg,#282828,#242424)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important;} } body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>a:focus-visible,body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul:focus-within {border-color:var(--as-ui-accent-muted)!important;} @media(prefers-reduced-motion:reduce) {body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>a, body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul {transition:none!important;}} /* Match activity-panel hover without changing header dimensions. */ body .wapper .header {transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;} @media(hover:hover) and (pointer:fine) { body .wapper .header:hover { border-color:var(--as-ui-accent-muted)!important; background:linear-gradient(145deg,#282828,#242424)!important; box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important; } } body .wapper .header:focus-within {border-color:var(--as-ui-accent-muted)!important;} @media(prefers-reduced-motion:reduce) {body .wapper .header {transition:none!important;}} /* Activity-style gold hover; retain map imagery under the tinted overlay. */ body .wapper .monitoring-blocks_new .serverNew {transition:border-color .18s ease,box-shadow .18s ease!important;} @media(hover:hover) and (pointer:fine) { body .wapper .monitoring-blocks_new .serverNew:hover {border-color:var(--as-ui-accent-muted)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important;} body .wapper .monitoring-blocks_new .serverNew:hover::after {background:linear-gradient(145deg,rgba(48,43,34,.85),rgba(36,34,30,.45))!important;pointer-events:none;} } body .wapper .monitoring-blocks_new .serverNew:focus-visible {border-color:var(--as-ui-accent-muted)!important;} @media(prefers-reduced-motion:reduce) {body .wapper .monitoring-blocks_new .serverNew {transition:none!important;}} body .wapper .homeCommunityPanel:has(.birthdays)>.block_head {display:flex!important;align-items:center!important;gap:9px!important;} body .wapper .homeCommunityPanel #birthdays_count {align-self:center!important;position:static!important;transform:none!important;margin:0!important;flex:0 0 auto!important;} body .wapper .homeCommunityPanel .birthdayDate {margin-left:auto!important;flex:0 0 auto!important;white-space:nowrap!important;color:#a4a4a4!important;font:400 12px/18px ui-sans-serif,system-ui,sans-serif!important;} body .wapper .homeCommunityPanel .birthdays>a {display:inline-flex!important;align-items:center!important;vertical-align:baseline!important;gap:0!important;max-width:100%;} body .wapper .homeCommunityPanel .birthdays>a>.userBadges {align-self:center!important;vertical-align:middle!important;height:18px!important;margin:0 0 0 4px!important;position:static!important;transform:none!important;} body .wapper .homeCommunityPanel .birthdays .userBadge {position:static!important;transform:none!important;} body .wapper .homeSidebarModern .vertical-navigation ul li a[href] {display:flex!important;align-items:center!important;gap:9px!important;} body .wapper .homeSidebarModern .vertical-navigation ul li a[href]::before {content:""!important;display:block!important;position:static!important;transform:none!important;float:none!important;width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:var(--as-ui-accent)!important;-webkit-mask:var(--sidebar-nav-icon) center/contain no-repeat!important;mask:var(--sidebar-nav-icon) center/contain no-repeat!important;} body .wapper .homeSidebarModern .vertical-navigation ul li a[href][href*="/modern_shop"] {--sidebar-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16l-1%2014H5L4%207Zm4%200V5a4%204%200%200%201%208%200v2%22%2F%3E%3C%2Fsvg%3E");} body .wapper .homeSidebarModern .vertical-navigation ul li a[href][href*="/purse"] {--sidebar-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207H4V4h14v3M4%207v13h17V7H4Zm12%205h5v4h-5v-4%22%2F%3E%3C%2Fsvg%3E");} body .wapper .homeSidebarModern .vertical-navigation ul li a[href][href*="/donation"] {--sidebar-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021l8.8-8.6a5.5%205.5%200%200%200%200-7.8Z%22%2F%3E%3C%2Fsvg%3E");} body .wapper .homeSidebarModern .vertical-navigation ul li a[href][href*="/cs16"] {--sidebar-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M4%2018v3h16v-3%22%2F%3E%3C%2Fsvg%3E");} body .wapper .homeSidebarModern .vertical-navigation ul li a[href][href*="/reviews"] {--sidebar-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v13H9l-6%204V4Zm4%206%203%203%207-6%22%2F%3E%3C%2Fsvg%3E");} body .modal[id^="server-players-modal"] {z-index:1000020!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;} body.modal-open:has(.modal[id^="server-players-modal"].show) .header {z-index:1000!important;} body .modal[id^="server-players-modal"] .modal-dialog {width:calc(100% - 24px)!important;max-width:900px!important;margin:16px auto!important;} body .modal[id^="server-players-modal"] .modal-content {background:linear-gradient(145deg,#242422,#202020)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:14px!important;color:#d0d0d0!important;max-height:calc(100dvh - 32px);overflow:hidden!important;} body .modal[id^="server-players-modal"] .modal-header {padding:12px 14px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #ffffff0b!important;flex:0 0 auto;} body .modal[id^="server-players-modal"] .modal-title {font:650 18px/25px ui-sans-serif,system-ui,sans-serif!important;color:#eeeeee!important;margin:0!important;} body .modal[id^="server-players-modal"] .modal-body {padding:12px 14px!important;overflow:auto;min-height:0;} body .modal[id^="server-players-modal"] .moreInfos,body .modal[id^="server-players-modal"] .panel_actions {display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;} body .modal[id^="server-players-modal"] .moreInfos {margin-bottom:10px!important;} body .modal[id^="server-players-modal"] .panel_actions {margin-top:10px!important;justify-content:space-between!important;} body .modal[id^="server-players-modal"] .moreInfos a,body .modal[id^="server-players-modal"] .panel_actions a,body .modal[id^="server-players-modal"] .btn.btn-outline-primary,body .modal[id^="server-players-modal"] .close {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;background:color-mix(in srgb,var(--as-ui-accent) 4.71%,transparent)!important;color:var(--as-ui-accent)!important;box-shadow:none!important;border-radius:7px!important;padding:5px 9px!important;font:600 12px/18px ui-sans-serif,system-ui,sans-serif!important;min-height:30px!important;text-decoration:none!important;cursor:pointer;} body .modal[id^="server-players-modal"] .moreInfos a:hover,body .modal[id^="server-players-modal"] .panel_actions a:hover,body .modal[id^="server-players-modal"] .btn.btn-outline-primary:hover,body .modal[id^="server-players-modal"] .close:hover {color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;border-color:var(--as-ui-accent-muted)!important;} body .modal[id^="server-players-modal"] .close {width:28px!important;height:28px!important;min-height:28px!important;margin:0 0 0 auto!important;padding:0!important;opacity:1!important;font-size:22px!important;text-shadow:none!important;} body .modal[id^="server-players-modal"] .table-responsive {height:auto!important;max-height: min(420px,55dvh)!important;overflow:auto!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 15.69%,transparent)!important;border-radius:9px!important;scrollbar-width:thin;scrollbar-color:var(--as-ui-accent-deep) #242422;} body .modal[id^="server-players-modal"] .table {width:100%!important;margin:0!important;color:#d0d0d0!important;font:400 14px/21px ui-sans-serif,system-ui,sans-serif!important;} body .modal[id^="server-players-modal"] .table td,body .modal[id^="server-players-modal"] .table th {padding:6px 9px!important;vertical-align:middle!important;border:0!important;border-bottom:1px solid #ffffff0b!important;line-height:21px!important;} body .modal[id^="server-players-modal"] .table thead {position:sticky;top:0;z-index:2;background:#292929!important;} body .modal[id^="server-players-modal"] .table thead td,body .modal[id^="server-players-modal"] .table thead th {color:#eeeeee!important;font-size:12px!important;font-weight:600!important;background:#292929!important;} body .modal[id^="server-players-modal"] .table tbody td:first-child,body .modal[id^="server-players-modal"] .table tbody td:nth-child(3),body .modal[id^="server-players-modal"] .table tbody td:nth-child(4) {font-size:12px!important;color:#a4a4a4!important;font-variant-numeric:tabular-nums;} body .modal[id^="server-players-modal"] .table tbody tr:hover {background:color-mix(in srgb,var(--as-ui-accent) 7.06%,transparent)!important;} body .modal[id^="server-players-modal"] .input-group {display:flex!important;flex-wrap:nowrap!important;min-width:168px!important;} body .modal[id^="server-players-modal"] .input-group .btn {border-radius:7px 0 0 7px!important;} body .modal[id^="server-players-modal"] select.form-control {height:30px!important;min-height:30px!important;padding:4px 20px 4px 7px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:0 7px 7px 0!important;background-color:#292929!important;color:#d0d0d0!important;font:400 12px/18px ui-sans-serif,system-ui,sans-serif!important;} body .modal[id^="server-players-modal"] a:focus-visible,body .modal[id^="server-players-modal"] button:focus-visible,body .modal[id^="server-players-modal"] select:focus-visible {outline:2px solid var(--as-ui-accent)!important;outline-offset:2px!important;} body .modal[id^="server-players-modal"] .moreInfos i,body .modal[id^="server-players-modal"] .panel_actions i {display:inline-block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;margin:0!important;background:var(--as-ui-accent)!important;-webkit-mask:var(--player-icon) center/contain no-repeat!important;mask:var(--player-icon) center/contain no-repeat!important;} body .modal[id^="server-players-modal"] .moreInfos i::before,body .modal[id^="server-players-modal"] .panel_actions i::before {content:none!important;} @media(max-width:600px) {body .modal[id^="server-players-modal"] .modal-dialog {margin:8px auto!important;} body .modal[id^="server-players-modal"] .modal-content {max-height:calc(100dvh - 16px);} body .modal[id^="server-players-modal"] .table {min-width:570px!important;} body .modal[id^="server-players-modal"] .modal-header,body .modal[id^="server-players-modal"] .modal-body {padding:10px!important;}} body .modal[id^="server-players-modal"] i.fa-ban {--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.9%204.9%2019.1%2019.1M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200%22%2F%3E%3C%2Fsvg%3E");} body .modal[id^="server-players-modal"] i.fa-microphone-slash {--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203l18%2018M9%209v3a3%203%200%200%200%205%202M9%205a3%203%200%200%201%206%200v5M5%2010v2a7%207%200%200%200%2012%205m2-7v2M12%2019v3m-4%200h8%22%2F%3E%3C%2Fsvg%3E");} body .modal[id^="server-players-modal"] i.fa-chart-area {--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18M8%2016v-5m5%205V6m5%2010V9%22%2F%3E%3C%2Fsvg%3E");} body .modal[id^="server-players-modal"] i.fa-user-check {--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203a3%203%200%201%200%200%206%203%203%200%200%200%200-6M3%2021v-4a6%206%200%200%201%2012%200v4m1-10%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");} body .modal[id^="server-players-modal"] i.fa-copy {--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%208h13v13H8V8ZM5%2016H3V3h13v2%22%2F%3E%3C%2Fsvg%3E");} body .modal[id^="server-players-modal"] i.fa-link {--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%2013%204-4m-6%201-3%203a4%204%200%200%200%206%206l3-3m-4-8%203-3a4%204%200%200%201%206%206l-3%203%22%2F%3E%3C%2Fsvg%3E");} body .modal[id^="server-players-modal"] .modal-content {transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;} @media(hover:hover) and (pointer:fine) { body .modal[id^="server-players-modal"] .modal-content:hover {border-color:var(--as-ui-accent-muted)!important;background:linear-gradient(145deg,#282828,#242424)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important;} } body .modal[id^="server-players-modal"] .modal-content:focus-within {border-color:var(--as-ui-accent-muted)!important;} @media(prefers-reduced-motion:reduce) {body .modal[id^="server-players-modal"] .modal-content {transition:none!important;}} /* Same 4px blur as the expanded main menu. Keep Bootstrap dimming and dismissal. */ body .modal[id^="server-players-modal"].show { -webkit-backdrop-filter:blur(4px)!important; backdrop-filter:blur(4px)!important; } body .wapper>.footer .col-lg-5>a:has(>img.footerWideLogo) {display:block!important;width:100%!important;line-height:0!important;} body .wapper>.footer .col-lg-5>a>img.footerWideLogo {display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;} body .wapper>.footer .col-lg-5>a:has(>img.footerGoldLogo) {display:block!important;width:100%!important;line-height:0!important;} body .wapper>.footer .col-lg-5>a>img.footerGoldLogo {display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:7 / 1!important;object-fit:cover!important;object-position:center!important;margin:0!important;} body .wapper>.footer .col-lg-5>a.footerTextBrand {display:inline-block!important;width:auto!important;margin:0 0 8px!important;padding:0!important;color:#f3f3f3!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:20px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.045em!important;transform:scaleX(1.12);transform-origin:left center;text-decoration:none!important;white-space:nowrap!important;} body .wapper>.footer .col-lg-5>a.footerTextBrand:hover,body .wapper>.footer .col-lg-5>a.footerTextBrand:focus-visible {color:var(--as-ui-accent-bright,#fff)!important;background:transparent!important;text-decoration:none!important;} @media(max-width:600px){body .wapper>.footer .col-lg-5>a.footerTextBrand{font-size:17px!important;letter-spacing:.02em!important;transform:none;}} /* Three subtle gold dividers between the four footer columns. */ @media(min-width:992px) { body .wapper>.footer>.container>.row>div:nth-child(n+2):nth-child(-n+4) {position:relative;} body .wapper>.footer>.container>.row>div:nth-child(n+2):nth-child(-n+4)::before {content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent);pointer-events:none;} } @media(max-width:991px) { body .wapper>.footer>.container>.row>div.col-lg-2:nth-child(3) {position:relative;} body .wapper>.footer>.container>.row>div.col-lg-2:nth-child(3)::before {content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent);pointer-events:none;} } /* Chat typography and surfaces; retain author colors and avatar decorations. */ body .wapper .block:has(>#chat) {padding:12px 14px!important;background:linear-gradient(145deg,#242422,#202020)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:14px!important;transition:border-color .18s,background .18s,box-shadow .18s;} body .wapper .block:has(>#chat),body .wapper #chat {font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;line-height:21px;color:#d0d0d0;} body .wapper .block_head_chat {font:650 18px/25.2px ui-sans-serif,system-ui,sans-serif!important;color:#eeeeee!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 10px!important;} body .wapper .block_head_chat::before {content:"";width:22px;height:22px;flex:0 0 22px;background:var(--as-ui-accent);-webkit-mask:var(--chat-heading-icon) center/contain no-repeat;mask:var(--chat-heading-icon) center/contain no-repeat;} body .wapper .block_head_chat .rulesBtns {display:flex;gap:6px;margin-left:auto;} body .wapper .block_head_chat .rulesBtns :is(a,button) {display:flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;padding:5px!important;background:color-mix(in srgb,var(--as-ui-accent) 4.71%,transparent)!important;color:var(--as-ui-accent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:7px!important;box-shadow:none!important;} body .wapper .block_head_chat .rulesBtns svg {width:16px!important;height:16px!important;color:var(--as-ui-accent)!important;} body .wapper #generalChatRules svg path {fill:currentColor!important;} body .wapper #chat #chat_messages {padding:4px 6px 4px 0!important;scrollbar-color:var(--as-ui-accent-deep) transparent!important;} body .wapper #chat #chat_messages::-webkit-scrollbar-thumb {background:var(--as-ui-accent-deep)!important;} body .wapper #chat #chat_messages .chat_message {grid-template-columns:54px minmax(0,1fr)!important;grid-template-rows:minmax(52px,auto) auto!important;gap:0!important;padding:0!important;margin-bottom:6px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 15.69%,transparent)!important;border-radius:10px!important;background:#202020!important;} body .wapper #chat #chat_messages .chat_message>.wrapper_c51b4e {width:36px!important;height:36px!important;min-width:36px!important;margin:8px auto!important;} body .wapper #chat #chat_messages .wrapper_c51b4e>svg.svg_c51b4e {width:36px!important;height:36px!important;} body .wapper #chat #chat_messages .wrapper_c51b4e>svg.avatarDecoration_c51b4e {width:46px!important;height:46px!important;left:-5px!important;top:-5px!important;} body .wapper #chat #chat_messages .chat_message>.message {min-width:0!important;padding:5px 8px!important;border-left:1px solid color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} body .wapper #chat .message .info {display:flex!important;align-items:center!important;flex-wrap:wrap;gap:3px 5px!important;margin-bottom:3px!important;} body .wapper #chat .message .info .author {font:600 14px/21px ui-sans-serif,system-ui,sans-serif!important;min-width:0;overflow-wrap:anywhere;} body .wapper #chat .message .info .date {margin-left:auto!important;font:400 12px/18px ui-sans-serif,system-ui,sans-serif!important;color:#a4a4a4!important;} body .wapper #chat .with_code,body .wapper #chat #fixed_message .messageContent {font:400 14px/21px ui-sans-serif,system-ui,sans-serif;color:#d0d0d0;background:#ffffff04!important;border-radius:6px!important;padding:3px 6px!important;overflow-wrap:anywhere;} body .wapper #chat .with_code p {font-size:inherit!important;line-height:inherit!important;margin:0 0 3px!important;} body .wapper #chat .with_code p:last-child {margin-bottom:0!important;} body .wapper #chat .chatMessageActions,body .wapper #chat .chatReactionCounts {min-height:26px!important;border-color:color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} body .wapper #chat .chatMessageActions>button {width:25px!important;height:25px!important;line-height:25px!important;color:var(--as-ui-accent)!important;} body .wapper #chat .chatReactionCounts button {border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;color:#d0d0d0!important;font:400 12px/18px ui-sans-serif,system-ui,sans-serif!important;padding:1px 6px!important;} body .wapper #chat #fixed_message .fixedMessage {padding:8px!important;gap:9px!important;margin-bottom:8px!important;background:color-mix(in srgb,var(--as-ui-accent) 3.53%,transparent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:10px!important;} body .wapper #chat #fixed_message .messageContent {background:transparent!important;padding:0!important;} body .wapper #chat #fixed_message .messageContent p {margin:3px 0!important;} body .wapper #chat #fixed_message .date {font:400 12px/18px ui-sans-serif,system-ui,sans-serif!important;color:#a4a4a4!important;} body .wapper #chat .userBadges {display:inline-flex!important;align-items:center!important;vertical-align:middle!important;gap:3px!important;height:18px!important;margin-left:3px!important;} body .wapper #chat .userBadge,body .wapper #chat .userBadge img {width:16px!important;height:16px!important;min-width:16px!important;object-fit:contain;} body .wapper #chat form>.input-group {display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin-top:10px!important;} body .wapper #chat .smile_input {flex:1 1 auto!important;min-width:0!important;width:auto!important;} body .wapper #chat #message_input {height:38px!important;min-height:38px!important;padding:8px 38px 8px 11px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:9px!important;background:#242422!important;color:#d0d0d0!important;font:400 14px/20px ui-sans-serif,system-ui,sans-serif!important;box-shadow:none!important;} body .wapper #chat #message_input::placeholder {color:#a4a4a4!important;} body .wapper #chat #send_button {height:38px!important;min-height:38px!important;padding:7px 12px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:9px!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;color:var(--as-ui-accent)!important;font:600 12px/20px ui-sans-serif,system-ui,sans-serif!important;box-shadow:none!important;} body .wapper #chat #smile_btn {color:var(--as-ui-accent)!important;} body .wapper #chat .info .m-icon {width:16px;height:16px;font-size:0!important;color:var(--as-ui-accent)!important;cursor:pointer;background:var(--as-ui-accent)!important;-webkit-mask:var(--chat-action-icon) center/16px no-repeat!important;mask:var(--chat-action-icon) center/16px no-repeat!important;} body .wapper #chat .info .m-icon::before {content:none!important;} body>.chatReactionPicker {background:#242422!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;color:#d0d0d0!important;} body>.chatReactionPicker .chatPickerHeading,body>.chatReactionPicker .chatPickerHeading button {color:var(--as-ui-accent)!important;} body .wapper #chat :is(button,input,textarea):focus-visible {outline:2px solid var(--as-ui-accent)!important;outline-offset:2px;} @media(hover:hover) and (pointer:fine) { body .wapper .block:has(>#chat):hover {border-color:var(--as-ui-accent-muted)!important;background:linear-gradient(145deg,#282828,#242424)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important;} body .wapper #chat #chat_messages .chat_message:hover {border-color:color-mix(in srgb,var(--as-ui-accent) 37.65%,transparent)!important;background:#28251f!important;} body .wapper .block_head_chat .rulesBtns :is(a,button):hover,body .wapper #chat #send_button:hover,body .wapper #chat .chatMessageActions>button:hover {color:var(--as-ui-accent-bright)!important;border-color:var(--as-ui-accent-muted)!important;background:color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} } @media(max-width:600px) {body .wapper .block:has(>#chat) {padding:10px!important;}body .wapper .block_head_chat {font-size:17px!important;}body .wapper #chat .message .info .author {flex-basis:100%;}body .wapper #chat .message .info .date {margin-left:0!important;margin-right:auto!important;}} @media(prefers-reduced-motion:reduce) {body .wapper .block:has(>#chat) {transition:none!important;}} body .wapper .block_head_chat {--chat-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v13H9l-6%204V4Zm4%205h10M7%2013h6%22%2F%3E%3C%2Fsvg%3E");} body .wapper #chat .info .fixed_message {--chat-action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203h8l-1%206%204%204v2h-6v6l-2-3v-3H5v-2l4-4-1-6Z%22%2F%3E%3C%2Fsvg%3E");} body .wapper #chat .info .mute_message {--chat-action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%205%206%209H3v6h3l5%204V5Zm4%203a6%206%200%200%201%200%208%22%2F%3E%3C%2Fsvg%3E");} body .wapper #chat .info .ban_message {--chat-action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205l14%2014M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200%22%2F%3E%3C%2Fsvg%3E");} body .wapper #chat .info .dell_message {--chat-action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M9%206V3h6v3M5%206l1%2015h12l1-15M10%2010v7m4-7v7%22%2F%3E%3C%2Fsvg%3E");} body .wapper #chat .info .edit_message {--chat-action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%204%205%205M3%2021l5-1L21%207l-5-5L3%2015v6Z%22%2F%3E%3C%2Fsvg%3E");} html body #generalChatRulesDialog {box-sizing:border-box!important;padding:14px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:14px!important;background:linear-gradient(145deg,#242422,#202020)!important;color:#d0d0d0!important;font:400 14px/21px ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:0 20px 65px #0006!important;transition:border-color .18s,background .18s,box-shadow .18s;} html body #generalChatRulesDialog:not([open]) {display:none!important;} html body #generalChatRulesDialog[open] {width:460px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:var(--as-ui-accent-deep) #242422;} html body #generalChatRulesDialog::backdrop {background:#0009!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);} html body #generalChatRulesDialog header {display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 10px!important;padding:0 0 10px!important;border-bottom:1px solid color-mix(in srgb,var(--as-ui-accent) 15.69%,transparent)!important;} html body #generalChatRulesDialog h2 {display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;color:#eeeeee!important;font:650 18px/25px ui-sans-serif,system-ui,sans-serif!important;} html body #generalChatRulesDialog h2::before {color:var(--as-ui-accent)!important;border-color:var(--as-ui-accent)!important;width:22px!important;height:22px!important;flex:0 0 22px!important;font:600 15px/1 ui-sans-serif,system-ui,sans-serif!important;} html body #generalChatRulesClose {width:28px!important;height:28px!important;flex:0 0 28px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:7px!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;color:var(--as-ui-accent)!important;font:400 22px/1 ui-sans-serif,system-ui,sans-serif!important;box-shadow:none!important;} html body #generalChatRulesClose:hover {background:color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;border-color:var(--as-ui-accent-muted)!important;color:var(--as-ui-accent-bright)!important;} html body #generalChatRulesClose:focus-visible {outline:2px solid var(--as-ui-accent)!important;outline-offset:2px!important;} html body #generalChatRulesDialog p {margin:0 0 4px!important;font:600 14px/21px ui-sans-serif,system-ui,sans-serif!important;color:var(--as-ui-accent-bright)!important;} html body #generalChatRulesDialog ul {padding:0!important;margin:0!important;list-style:none!important;font:400 14px/21px ui-sans-serif,system-ui,sans-serif!important;color:#d0d0d0!important;} html body #generalChatRulesDialog li {padding:7px 0 7px 15px!important;margin:0!important;font:inherit!important;border-color:#ffffff0b!important;} html body #generalChatRulesDialog li::before {background:var(--as-ui-accent)!important;top:15px!important;left:2px!important;} html body #generalChatRulesDialog li:last-child {padding-bottom:0!important;} @media(hover:hover) and (pointer:fine) {html body #generalChatRulesDialog:hover {border-color:var(--as-ui-accent-muted)!important;background:linear-gradient(145deg,#282828,#242424)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important;}} @media(max-width:480px) {html body #generalChatRulesDialog {padding:12px!important;}html body #generalChatRulesDialog h2 {font-size:17px!important;}} @media(prefers-reduced-motion:reduce) {html body #generalChatRulesDialog {transition:none!important;}} body>.chatReactionPicker {transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;} @media(hover:hover) and (pointer:fine) { body>.chatReactionPicker:hover {border-color:var(--as-ui-accent-muted)!important;background:linear-gradient(145deg,#282828,#242424)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important;} body>.chatReactionPicker button:hover {border-color:color-mix(in srgb,var(--as-ui-accent) 37.65%,transparent)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;} } body>.chatReactionPicker:focus-within {border-color:var(--as-ui-accent-muted)!important;} body>.chatReactionPicker button:focus-visible {outline:2px solid var(--as-ui-accent)!important;outline-offset:1px;} @media(prefers-reduced-motion:reduce) {body>.chatReactionPicker {transition:none!important;}} html body .popover:has(.smiles-wrapper) {background:#242422!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:12px!important;box-shadow:0 10px 30px #0005!important;max-width:calc(100vw - 20px)!important;transition:border-color .18s,background .18s,box-shadow .18s;} html body .popover:has(.smiles-wrapper) .popover-body {padding:0!important;color:#d0d0d0!important;font:400 14px/21px ui-sans-serif,system-ui,sans-serif!important;background:transparent!important;} html body .popover:has(.smiles-wrapper) .smiles-wrapper {max-width:calc(100vw - 24px)!important;background:transparent!important;} html body .popover:has(.smiles-wrapper) .smiles-display,html body .popover:has(.smiles-wrapper) .smiles-categories {background:transparent!important;scrollbar-color:var(--as-ui-accent-deep) #242422!important;} html body .popover:has(.smiles-wrapper) .smiles-display {max-height: min(260px,55dvh)!important;} html body .popover:has(.smiles-wrapper) .smiles-display::-webkit-scrollbar-thumb,html body .popover:has(.smiles-wrapper) .smiles-categories::-webkit-scrollbar-thumb {background:var(--as-ui-accent-deep)!important;} html body .popover:has(.smiles-wrapper) .smile-category.active::after {background:var(--as-ui-accent)!important;} html body .popover:has(.smiles-wrapper) .smile-category:hover {background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;border-radius:7px;} html body .popover:has(.smiles-wrapper) .smiles-buy-heading {background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;color:#eeeeee!important;font-size:14px!important;font-weight:600!important;} html body .popover:has(.smiles-wrapper) :is(.buy-smile-access,.buy-sticker-pack) {background:color-mix(in srgb,var(--as-ui-accent) 9.41%,transparent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;color:var(--as-ui-accent)!important;border-radius:7px!important;font:600 12px/18px ui-sans-serif,system-ui,sans-serif!important;} html body .popover:has(.smiles-wrapper) :is(.lock-icon,.lock-icon-large) svg path {stroke:var(--as-ui-accent)!important;} html body .popover:has(.smiles-wrapper).bs-popover-top>.arrow::after {border-top-color:#242422!important;} html body .popover:has(.smiles-wrapper).bs-popover-bottom>.arrow::after {border-bottom-color:#242422!important;} html body .popover:has(.smiles-wrapper).bs-popover-left>.arrow::after {border-left-color:#242422!important;} html body .popover:has(.smiles-wrapper).bs-popover-right>.arrow::after {border-right-color:#242422!important;} @media(hover:hover) and (pointer:fine) { html body .popover:has(.smiles-wrapper):hover {border-color:var(--as-ui-accent-muted)!important;background:linear-gradient(145deg,#282828,#242424)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),inset 0 0 28px color-mix(in srgb,var(--as-ui-accent) 2.35%,transparent)!important;} html body .popover:has(.smiles-wrapper) .smiles-display :is(img.smile,img.sticker):hover {background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;outline:1px solid color-mix(in srgb,var(--as-ui-accent) 37.65%,transparent);border-radius:6px;} } html body .popover:has(.smiles-wrapper):focus-within {border-color:var(--as-ui-accent-muted)!important;} @media(prefers-reduced-motion:reduce) {html body .popover:has(.smiles-wrapper) {transition:none!important;}} html body .wapper #chat #chat_messages .chatMessageActions {display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:3px 0!important;min-height:32px!important;} html body .wapper #chat #chat_messages .chatMessageActions>button {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--as-ui-accent)!important;font-size:0!important;line-height:0!important;cursor:pointer;transition:background .15s,border-color .15s;} html body .wapper #chat #chat_messages .chatMessageActions>button svg,html body .wapper #chat #chat_messages .chatMessageActions>button i {display:none!important;} html body .wapper #chat #chat_messages .chatMessageActions>button::before {content:""!important;display:block!important;width:18px!important;height:18px!important;background:var(--as-ui-accent)!important;-webkit-mask:var(--chat-small-action) center/contain no-repeat!important;mask:var(--chat-small-action) center/contain no-repeat!important;} html body .wapper #chat #chat_messages .chatMessageActions>button:hover,html body .wapper #chat #chat_messages .chatMessageActions>button[aria-expanded="true"] {background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;} html body .wapper #chat #chat_messages .chatMessageActions>button:focus-visible {outline:2px solid var(--as-ui-accent)!important;outline-offset:1px!important;} @media(prefers-reduced-motion:reduce) {html body .wapper #chat #chat_messages .chatMessageActions>button {transition:none!important;}} html body .wapper #chat #chat_messages .chatMessageActions>button:nth-of-type(1) {--chat-small-action:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205-6%206%206%206M3%2011h10a7%207%200%200%201%207%207v2%22%2F%3E%3C%2Fsvg%3E");} html body .wapper #chat #chat_messages .chatMessageActions>button:nth-of-type(2) {--chat-small-action:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.5%2013a9%209%200%201%201-9.5-10M8%2014s1.5%203%204%203%204-3%204-3M8%209h.01M14%209h.01M19%202v6m-3-3h6%22%2F%3E%3C%2Fsvg%3E");} /* Notification cards and unread-dialog toast. Existing handlers are preserved. */ html body #notifications_line.block{background:linear-gradient(145deg,#242422,#202020)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-radius:16px;transition:background .2s,border-color .2s,box-shadow .2s;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;} html body #notifications_line.block:hover,html body #notifications_line.block:focus-within{background:linear-gradient(145deg,#282828,#242424)!important;border-color:var(--as-ui-accent-muted)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent);} html body #notifications_line>.block_head{color:#eeeeee;font-size:18px;font-weight:650;line-height:25px;} html body #notifications .noty-block.noty-block{background:linear-gradient(145deg,#242422,#202020)!important;color:#d0d0d0!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;border-left:3px solid var(--as-ui-accent)!important;border-radius:12px;font-size:14px;line-height:1.5;font-weight:400;transition:background .2s,border-color .2s,box-shadow .2s;} html body #notifications .noty-block.noty-block.error{border-left-color:#ce838b!important;} html body #notifications .noty-block.noty-block:hover,html body #notifications .noty-block.noty-block:focus-within{background:linear-gradient(145deg,#282828,#242424)!important;border-color:var(--as-ui-accent-muted)!important;box-shadow:0 0 14px color-mix(in srgb,var(--as-ui-accent) 9.41%,transparent)!important;} html body #notifications .noty-block.noty-block b,html body #notifications .noty-block.noty-block strong{color:#eeeeee!important;font-weight:600;} html body #notifications .noty-block.noty-block a{color:var(--as-ui-accent);} html body #notifications .noty-block.noty-block a:hover{color:var(--as-ui-accent-bright);} html body #notifications .noty-block.noty-block>span:last-child{color:#a4a4a4!important;font-size:12px;line-height:18px;} html body #notifications .noty-block.noty-block>.icon-remove{color:var(--as-ui-accent)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent);border-radius:7px;background:color-mix(in srgb,var(--as-ui-accent) 3.14%,transparent);font-size:0;} html body #notifications .noty-block.noty-block>.icon-remove:before{content:'×';font-family:Arial,sans-serif;font-size:22px;line-height:22px;} html body #notifications .noty-block.noty-block>.icon-remove:hover{color:var(--as-ui-accent-bright)!important;background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;border-color:var(--as-ui-accent-muted);} html body #notifications_line>.block_head button{background:color-mix(in srgb,var(--as-ui-accent) 4.71%,transparent)!important;color:var(--as-ui-accent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;font:600 12px/18px ui-sans-serif,system-ui,sans-serif;} html body #notifications_line>.block_head button:hover{background:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;color:var(--as-ui-accent-bright)!important;border-color:var(--as-ui-accent-muted)!important;} html body #notifications_line button:focus-visible{outline:2px solid var(--as-ui-accent);outline-offset:3px;} html body .noty_bar:has(#inmess2_val){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px;max-width:calc(100vw - 24px);} html body .noty_bar:has(#inmess2_val) .noty_message{background:linear-gradient(145deg,#242422,#202020)!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 43.92%,transparent)!important;border-radius:12px;color:#d0d0d0!important;box-shadow:0 6px 24px #0005!important;font:400 14px/21px ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;transition:background .2s,border-color .2s,box-shadow .2s;} html body .noty_bar:has(#inmess2_val):hover .noty_message,html body .noty_bar:has(#inmess2_val):focus-within .noty_message{background:linear-gradient(145deg,#282828,#242424)!important;border-color:var(--as-ui-accent-muted)!important;box-shadow:0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} html body .noty_bar:has(#inmess2_val) .noty_text a{color:#d0d0d0!important;display:flex;align-items:center;flex-wrap:wrap;gap:8px;text-decoration:none;overflow-wrap:anywhere;} html body #inmess2_val{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent);border-radius:7px;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent);color:var(--as-ui-accent-bright);font-size:12px;font-weight:650;} @media(max-width:600px){html body #notifications_line>.block_head{font-size:17px;}html body #notifications .noty-block.noty-block{font-size:14px;}} @media(prefers-reduced-motion:reduce){html body #notifications_line,html body #notifications .noty-block.noty-block,html body .noty_bar:has(#inmess2_val) .noty_message{transition:none;}} html body #notifications_line.block{padding:14px!important;} html body #notifications .noty-block.noty-block{padding:10px 40px 10px 12px!important;margin-bottom:8px!important;border-left-width:2px!important;font-size:14px;line-height:20px;} html body #notifications .noty-block.noty-block>span:last-child{margin-top:5px;font-size:12px;line-height:16px;} html body #notifications .noty-block.noty-block>.icon-remove{width:24px;height:24px;top:8px;right:8px;} html body #notifications .notificationUser{display:inline-flex;align-items:center;gap:4px;vertical-align:baseline;max-width:100%;flex-wrap:wrap;} html body #notifications .notificationUser>a{font-weight:600;} html body #notifications .notificationUserBadge{display:inline-block;width:18px;height:18px;object-fit:contain;vertical-align:middle;} html body ul#noty_bottomRight_layout_container:has(#inmess2_val){width:auto!important;max-width:calc(100vw - 24px)!important;right:12px!important;bottom:12px!important;} html body li:has(>.noty_bar #inmess2_val){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:10px!important;width:auto!important;overflow:hidden!important;} html body .noty_bar:has(#inmess2_val){width:auto!important;max-width:calc(100vw - 24px)!important;} html body .noty_bar:has(#inmess2_val) .noty_message{padding:0!important;border-radius:10px;font-size:13px!important;line-height:20px!important;} html body .noty_bar:has(#inmess2_val) .noty_text{margin:0!important;} html body .noty_bar:has(#inmess2_val) .noty_text a{padding:10px 12px!important;gap:8px;flex-wrap:nowrap;font-size:0!important;} html body .noty_bar:has(#inmess2_val) .noty_text a:before{content:'Непрочитанные диалоги';font-size:13px;line-height:20px;} html body #inmess2_val{height:22px;min-width:22px;font-size:12px;line-height:20px;} /* Reset the dimensions cached by Noty before the compact content was laid out. */ html body ul#noty_bottomRight_layout_container:has(#inmess2_val){position:fixed!important;top:auto!important;left:auto!important;right:12px!important;bottom:12px!important;width:max-content!important;max-width:calc(100vw - 24px)!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;} html body ul#noty_bottomRight_layout_container>li:has(#inmess2_val){width:max-content!important;max-width:calc(100vw - 24px)!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;} html body .noty_bar:has(#inmess2_val){height:auto!important;min-height:0!important;margin:0!important;} html body #notifications_line>.block_head{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap;gap:10px;min-height:32px;box-sizing:border-box;padding:0 0 0 30px!important;margin:0 0 12px!important;line-height:25px;} html body #notifications_line>.block_head::before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:5px!important;bottom:auto!important;width:21px!important;height:22px!important;margin:0!important;border:0!important;box-shadow:none!important;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4M12%202V1%22%2F%3E%3C%2Fsvg%3E");background:var(--as-ui-accent)!important;-webkit-mask:var(--ui-icon-mask) center/contain no-repeat!important;mask:var(--ui-icon-mask) center/contain no-repeat!important;transform:none!important;} html body #notifications_line>.block_head::after{display:none!important;} html body #notifications_line>.block_head>button.btn{position:static!important;float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;box-sizing:border-box!important;width:auto!important;height:32px!important;min-height:32px!important;margin:0 0 0 auto!important;padding:0 12px!important;line-height:18px!important;font-size:12px!important;font-weight:600!important;border-radius:8px!important;white-space:nowrap;vertical-align:middle;transform:none!important;text-indent:0!important;} html body #notifications_line>.block_head>button.btn::before,html body #notifications_line>.block_head>button.btn::after{display:none!important;} html body .wapper .block_head.block_head_chat::before{content:""!important;display:block!important;position:static!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;--ui-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H8l-5%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202Z%22%2F%3E%3Cpath%20d%3D%22M7%208h10M7%2012h7%22%2F%3E%3C%2Fsvg%3E");background:var(--as-ui-accent)!important;-webkit-mask:var(--ui-icon-mask) center/contain no-repeat!important;mask:var(--ui-icon-mask) center/contain no-repeat!important;} html body .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate){box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:36px!important;height:auto!important;padding:7px 16px!important;border:1px solid color-mix(in srgb,var(--as-ui-accent) 37.65%,transparent)!important;border-radius:8px!important;background:color-mix(in srgb,var(--as-ui-accent) 6.27%,transparent)!important;color:var(--as-ui-accent-bright)!important;font:600 13px/20px ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:none!important;text-shadow:none!important;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;} html body .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate):hover:not(:disabled):not([aria-disabled="true"]){background:color-mix(in srgb,var(--as-ui-accent) 14.12%,transparent)!important;border-color:var(--as-ui-accent-muted)!important;color:var(--as-ui-accent-bright)!important;box-shadow:0 0 14px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} html body .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate):focus-visible{outline:2px solid var(--as-ui-accent)!important;outline-offset:3px!important;} html body .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate):disabled,html body .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate)[aria-disabled="true"]{opacity:.55!important;cursor:default!important;box-shadow:none!important;} html body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot #daily-lottery-lite-status, html body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight h3, html body .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .sortition>h3{ color:#d0d0d0!important;font:400 12px/18px ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;opacity:1!important;text-shadow:none!important;letter-spacing:normal!important; } html body .home-lotteries-grid #daily_lottery_lite #daily-lottery-lite-status, html body .home-lotteries-grid #sortition .lotteryActionRight h3, html body .home-lotteries-grid #sortition .lotteryUnifiedStatus{color:#d0d0d0!important;font:400 12px/18px ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;opacity:1!important;text-shadow:none!important;letter-spacing:normal!important;} .home-lottery-slot:has(>.lotteryLoading){min-height:190px;display:flex;align-items:center;justify-content:center;} .lotteryLoading{color:var(--as-ui-accent);font:400 13px/20px system-ui;padding:24px;} html body :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row){border-radius:10px!important;transition:background-color .18s,box-shadow .18s;} html body :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row):hover,html body :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row):focus-visible,html body :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row):focus-within{background-color:color-mix(in srgb,var(--as-ui-accent) 10.98%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;text-decoration:none!important;} html body :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row):focus-visible{outline:2px solid var(--as-ui-accent);outline-offset:2px;} html body :is(#top_players.block,#asr-donors.block,.block:has(>#top_donators),.block:has(>#top_users)){transition:background .18s,border-color .18s,box-shadow .18s;} html body :is(#top_players.block,#asr-donors.block,.block:has(>#top_donators),.block:has(>#top_users)):hover,html body :is(#top_players.block,#asr-donors.block,.block:has(>#top_donators),.block:has(>#top_users)):focus-within{background:linear-gradient(145deg,#282828,#242424)!important;border-color:var(--as-ui-accent-muted)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent),0 0 22px color-mix(in srgb,var(--as-ui-accent) 12.55%,transparent)!important;} html body .monitoring-blocks_new .serverNew {display:block!important;position:relative!important;box-sizing:border-box!important;padding:12px 14px 12px 34px!important;height:auto!important;min-height:102px!important;} html body .monitoring-blocks_new .serverNew>.sc-hhNnGo {position:relative!important;inset:auto!important;margin:0!important;padding:0!important;width:auto!important;z-index:2!important;} html body .monitoring-blocks_new .serverNew .block-servers-name {position:static!important;inset:auto!important;margin:0 0 6px!important;padding:0!important;width:auto!important;font-size:18px!important;line-height:25.2px!important;font-weight:650!important;letter-spacing:-.2px!important;white-space:normal!important;} html body .monitoring-blocks_new .serverNew .group {display:block!important;position:relative!important;inset:auto!important;margin:0!important;padding:0!important;width:auto!important;z-index:2!important;font-size:12px!important;line-height:18px!important;} html body .monitoring-blocks_new .serverNew .progress {position:absolute!important;left:12px!important;top:12px!important;bottom:12px!important;width:4px!important;height:auto!important;min-height:0!important;margin:0!important;z-index:3!important;} @media(max-width:600px){html body .monitoring-blocks_new .serverNew .block-servers-name{font-size:17px!important;line-height:23.8px!important;}} html body .monitoring-blocks_new{gap:8px!important;} html body .monitoring-blocks_new .serverNew{padding:6px 12px 6px 30px!important;min-height:0!important;height:auto!important;} html body .monitoring-blocks_new .serverNew .block-servers-name{margin-bottom:2px!important;} html body .monitoring-blocks_new .serverNew .progress{top:8px!important;bottom:8px!important;left:11px!important;} html body .monitoring-blocks_new{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));} html body .monitoring-blocks_new .serverNew{isolation:isolate;overflow:hidden!important;} html body .monitoring-blocks_new .serverNew::after{ content:""!important; position:absolute!important; inset:0!important; z-index:1!important; border-radius:inherit!important; pointer-events:none!important; } html body .monitoring-blocks_new .serverNew .block-map-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-1!important;pointer-events:none;} html body .monitoring-blocks_new .serverNew .block-map-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.26!important;} @media(max-width:991px){html body .monitoring-blocks_new{grid-template-columns:repeat(2,minmax(0,1fr))!important;}} @media(max-width:599px){html body .monitoring-blocks_new{grid-template-columns:minmax(0,1fr)!important;}} html body :is(#authorization,#registration).modal{position:fixed!important;z-index:1000020!important;inset:0!important;overflow-x:hidden!important;overflow-y:auto!important;} html body.modal-open:has(:is(#authorization,#registration).show)>.modal-backdrop{z-index:1000010!important;} html body :is(#authorization,#registration)>.modal-dialog{max-width:calc(100% - 24px);margin:24px auto!important;} html body :is(#authorization,#registration).modal{position:fixed!important;inset:0!important;z-index:1000020!important;padding:16px!important;box-sizing:border-box!important;overflow-y:auto!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);} html body :is(#authorization,#registration).modal.show{display:flex!important;align-items:flex-start!important;} html body :is(#authorization,#registration)>.modal-dialog{position:relative!important;flex:0 1 440px!important;width:440px!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:auto!important;transform:none!important;box-sizing:border-box!important;} html body #registration>.modal-dialog{flex-basis:480px!important;width:480px!important;} html body :is(#authorization,#registration) .modal-content{width:100%!important;box-sizing:border-box!important;} html body.modal-open:has(:is(#authorization,#registration).show) .header{z-index:1000!important;} html body.modal-open:has(:is(#authorization,#registration).show)>.modal-backdrop{z-index:1000010!important;background:#000!important;opacity:.65!important;} @media(max-width:480px){html body :is(#authorization,#registration).modal{padding:12px!important;}html body :is(#authorization,#registration) .modal-body{padding:16px!important;}} html body #chat #fixed_message{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;} html body #chat #fixed_message .fixedMessage{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;} html body #chat #fixed_message .messageContent{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;} html body #chat #fixed_message .messageData{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px 6px!important;min-width:0!important;} html body #chat #fixed_message .dateCreated{margin-left:auto!important;} html body #chat :is(.info .author,.fixed-message-author){display:inline-flex!important;align-items:center!important;flex-wrap:wrap;gap:4px;line-height:21px!important;} html body #chat :is(.userBadges,.fixed-message-badges){display:inline-flex!important;align-items:center!important;align-self:center!important;vertical-align:middle!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;line-height:1!important;height:auto!important;gap:3px!important;} html body #chat .userBadge{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;line-height:1!important;} html body #chat .userBadge img{display:block!important;position:static!important;transform:none!important;margin:0!important;vertical-align:middle!important;} /* Surface treatment only. No body backgrounds, layout, user decorations or stacking contexts. */ html body .wapper :is(.homeSidebarModern > .block,.homeSidebarModern #top_players.block,.block:has(> #chat),#site_stats > .block,.block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid,.hnSection,.homeCommunityPanel,.homeActivityPanel,#notifications_line.block){ background:linear-gradient(165deg,#2b2c2b 0%,#242524 48%,#202120 100%)!important; border-color:#ffffff12!important; border-top-color:#ffffff24!important; box-shadow:0 5px 12px #0000001a,0 16px 32px -18px #00000085,inset 0 1px 0 #ffffff04!important; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important; } /* Nested surfaces sit inside the card instead of acquiring another outer shadow. */ @media(hover:hover) and (pointer:fine){ html body .wapper :is(.homeSidebarModern > .block,.homeSidebarModern #top_players.block,.block:has(> #chat),#site_stats > .block,.block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid,.hnSection,.homeCommunityPanel,.homeActivityPanel,#notifications_line.block):hover{ background:linear-gradient(165deg,#30302c 0%,#282925 48%,#232421 100%)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 25.88%,transparent)!important;border-top-color:color-mix(in srgb,var(--as-ui-accent-bright) 45.88%,transparent)!important; box-shadow:0 6px 14px #00000024,0 20px 38px -18px #00000099,inset 0 1px 0 #ffffff09!important; } html body .wapper #chat #chat_messages .chat_message:hover{background:linear-gradient(160deg,#30312c,#282a25)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 21.96%,transparent)!important;} html body .wapper #chat #send_button:hover:not(:disabled), html body .wapper .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate):hover:not(:disabled){background:linear-gradient(180deg,var(--as-ui-accent-bright),var(--as-ui-accent-muted))!important;} } @media(prefers-reduced-motion:reduce){ html body .wapper :is(.homeSidebarModern > .block,.block:has(> #chat),#site_stats > .block,.homeCaseActivity,.lotteryHeroGrid,.hnSection,.homeCommunityPanel,.homeActivityPanel,#notifications_line),html body .wapper #chat #send_button{transition:none!important;} } /* Surface treatment only. No body backgrounds, layout, user decorations or stacking contexts. */ html body .wapper :is(.homeSidebarModern > .block,.homeSidebarModern #top_players.block,.block:has(> #chat),#site_stats > .block,.block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid,.hnSection,.homeCommunityPanel,.homeActivityPanel,#notifications_line.block){ background:linear-gradient(165deg,#343635 0%,#292b2a 45%,#222423 100%)!important; border-color:#ffffff12!important; border-top-color:#ffffff24!important; box-shadow:0 3px 6px #00000030,0 14px 26px -9px #00000080,inset 0 1px 0 #ffffff0a!important; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important; } /* Nested surfaces sit inside the card instead of acquiring another outer shadow. */ html body .wapper #site_stats p,html body .wapper .hnSection .hnCard{ background:linear-gradient(180deg,#191b1a55,#20222033)!important; border-color:#ffffff08!important; box-shadow:inset 0 1px 3px #00000018!important; } html body .wapper #chat #chat_messages .chat_message{ background:linear-gradient(160deg,#262827,#222423)!important; border-color:#ffffff0c!important; box-shadow:0 2px 4px #0000000a!important; } html body .wapper #chat #fixed_message .fixedMessage{ background:linear-gradient(125deg,#39352b,#292a25)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 21.96%,transparent)!important; box-shadow:inset 0 1px 0 #ffffff09,0 3px 8px #00000012!important; } html body .wapper #chat #message_input{ background:#1d1f1e!important;border-color:#ffffff12!important; box-shadow:inset 0 2px 4px #00000026!important; } html body .wapper #chat #message_input:focus{border-color:color-mix(in srgb,var(--as-ui-accent) 45.88%,transparent)!important;box-shadow:inset 0 1px 3px #0003,0 0 0 2px color-mix(in srgb,var(--as-ui-accent) 7.06%,transparent)!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot :is(.ending span,.daily-lottery-lite-timer > span){ background:linear-gradient(155deg,#34332d,#282923)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 16.86%,transparent)!important;border-top-color:color-mix(in srgb,var(--as-ui-accent-bright) 29.02%,transparent)!important; box-shadow:inset 0 1px 0 #ffffff05,0 3px 6px #0000001c!important; } html body .wapper .monitoring-blocks_new .serverNew{ border-color:#ffffff13!important;border-top-color:#ffffff24!important; box-shadow:inset 0 1px 0 #ffffff05,0 4px 10px #00000020!important; } html body .wapper #chat #send_button, html body .wapper .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate){ background:linear-gradient(180deg,var(--as-ui-accent-bright),var(--as-ui-accent-muted))!important;color:#202020!important; border-color:var(--as-ui-accent-muted)!important;border-top-color:var(--as-ui-accent-bright)!important; box-shadow:inset 0 1px 0 #fff3,0 3px 7px #0003!important; text-shadow:none!important;transition:background .16s ease,box-shadow .16s ease!important; } html body .wapper #chat #send_button:active, html body .wapper .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate):active{ box-shadow:inset 0 2px 4px #0003!important; } html body .wapper #chat #send_button:disabled, html body .wapper .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate):disabled{ background:#39372f!important;color:#a4a4a4!important;border-color:#505050!important;box-shadow:none!important; } @media(hover:hover) and (pointer:fine){ html body .wapper :is(.homeSidebarModern > .block,.homeSidebarModern #top_players.block,.block:has(> #chat),#site_stats > .block,.block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid,.hnSection,.homeCommunityPanel,.homeActivityPanel,#notifications_line.block):hover{ background:linear-gradient(165deg,#3a3b35 0%,#30312b 48%,#272923 100%)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 25.88%,transparent)!important;border-top-color:color-mix(in srgb,var(--as-ui-accent-bright) 45.88%,transparent)!important; box-shadow:0 5px 10px #00000038,0 18px 32px -9px #00000090,inset 0 1px 0 #ffffff12!important; } html body .wapper #chat #chat_messages .chat_message:hover{background:linear-gradient(160deg,#30312c,#282a25)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 21.96%,transparent)!important;} html body .wapper #chat #send_button:hover:not(:disabled), html body .wapper .home-lotteries-grid .home-lottery-slot .block button:is(.participate,.daily-lottery-lite-participate):hover:not(:disabled){background:linear-gradient(180deg,var(--as-ui-accent-bright),var(--as-ui-accent-muted))!important;} } @media(prefers-reduced-motion:reduce){ html body .wapper :is(.homeSidebarModern > .block,.block:has(> #chat),#site_stats > .block,.homeCaseActivity,.lotteryHeroGrid,.hnSection,.homeCommunityPanel,.homeActivityPanel,#notifications_line),html body .wapper #chat #send_button{transition:none!important;} } /* Complete navigation surfaces: no positioning, sizing, filters or transforms. */ html body .wapper .header,html body .wapper .header:hover{ background:linear-gradient(180deg,#30322f,#232522)!important; border-bottom-color:color-mix(in srgb,var(--as-ui-accent) 33.33%,transparent)!important; box-shadow:0 4px 18px #00000045,inset 0 1px 0 #ffffff0b!important; } html body .blockMenu{background:linear-gradient(180deg,#252724,#1c1e1c)!important;box-shadow:0 16px 30px #00000065,inset 0 1px 0 #ffffff0a!important;} html body .blockMenu .blockMenuRow{ background:linear-gradient(155deg,#343632,#272a26)!important; border-color:#ffffff16!important;border-top-color:#d2d2d245!important; box-shadow:0 3px 6px #0003,0 12px 24px -8px #0007,inset 0 1px 0 #ffffff08!important; transition:background .18s,border-color .18s,box-shadow .18s!important; } html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul, html body .wapper .header .collapsible-menu.user-menu>li>ul{ background:linear-gradient(155deg,#373932,#272a25)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 31.37%,transparent)!important;border-top-color:color-mix(in srgb,var(--as-ui-accent-bright) 43.92%,transparent)!important; box-shadow:0 8px 16px #0005,0 22px 48px #0007,inset 0 1px 0 #ffffff0d!important; } html body .wapper>.footer,html body .wapper>.footer:hover{ background:linear-gradient(180deg,#2e302d,#20221f)!important; border-top-color:color-mix(in srgb,var(--as-ui-accent) 32.16%,transparent)!important; box-shadow:0 -8px 24px #00000030,inset 0 1px 0 #ffffff0c!important; } html body .wapper .header button#blockMenu{ background:linear-gradient(180deg,#414136,#303228)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 33.33%,transparent)!important;border-top-color:color-mix(in srgb,var(--as-ui-accent-bright) 39.61%,transparent)!important; box-shadow:0 3px 7px #0003,inset 0 1px 0 #ffffff09!important; } html body .blockMenu .blockMenu_Item__Icon{ background:linear-gradient(150deg,#414034,#2b2e26)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 21.96%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff08,0 2px 4px #0002!important; } html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:hover, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:focus-visible, html body .blockMenu .blockMenu_Item:hover,html body .blockMenu .blockMenu_Item:focus-visible{ background:linear-gradient(100deg,color-mix(in srgb,var(--as-ui-accent) 15.69%,transparent),color-mix(in srgb,var(--as-ui-accent) 5.1%,transparent))!important; box-shadow:inset 0 1px 0 #ffffff08!important; } @media(hover:hover) and (pointer:fine){ html body .blockMenu .blockMenuRow:hover{background:linear-gradient(155deg,#3c3d33,#2c2f27)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 37.65%,transparent)!important;border-top-color:color-mix(in srgb,var(--as-ui-accent-bright) 53.33%,transparent)!important;box-shadow:0 4px 9px #0004,0 16px 28px -8px #0008,inset 0 1px 0 #ffffff0b!important;} html body .wapper .header button#blockMenu:hover{background:linear-gradient(180deg,#4b493a,#393b2e)!important;} html body .wapper .monitoring-blocks_new .serverNew:hover{border-color:color-mix(in srgb,var(--as-ui-accent) 43.92%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff16,0 6px 14px #0005!important;} } @media(prefers-reduced-motion:reduce){html body .blockMenu .blockMenuRow{transition:none!important;}} /* Profile interaction uses live theme surfaces; do not recolor twice. */ @supports (--private-theme-static: 1){ @media(hover:hover) and (pointer:fine){html[data-private-mode] body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>a:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--appearance-menu-top) 90%,white),color-mix(in srgb,var(--appearance-menu-bottom) 90%,white))!important;border-color:color-mix(in srgb,var(--private-accent) 40%,transparent)!important;box-shadow:0 3px 8px #0003,inset 0 1px 0 #ffffff10!important;}} html[data-private-mode] body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>a:focus-visible,html[data-private-mode] body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>a.open,html[data-private-mode] body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady.profileDropdownOpen>a{background:linear-gradient(180deg,color-mix(in srgb,var(--appearance-menu-top) 90%,white),color-mix(in srgb,var(--appearance-menu-bottom) 90%,white))!important;border-color:color-mix(in srgb,var(--private-accent) 40%,transparent)!important;box-shadow:0 3px 8px #0003,inset 0 1px 0 #ffffff10!important;} } /* Match navigation hover to the raised graphite surfaces. Geometry is untouched. */ html body .wapper .blockMenu .blockMenuRow, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul{ background:linear-gradient(155deg,#343635,#272a28)!important; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important; } html body .wapper .blockMenu .blockMenuRow:focus-within, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul:focus-within{ background:linear-gradient(155deg,#3b3e3b,#2e322e)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 37.65%,transparent)!important;border-top-color:color-mix(in srgb,var(--as-ui-accent-bright) 53.33%,transparent)!important; box-shadow:0 4px 9px #0004,0 16px 28px -8px #0008,inset 0 1px 0 #ffffff12!important; } @media(hover:hover) and (pointer:fine){ html body .wapper .blockMenu .blockMenuRow:hover, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul:hover{ background:linear-gradient(155deg,#3b3e3b,#2e322e)!important; border-color:color-mix(in srgb,var(--as-ui-accent) 37.65%,transparent)!important;border-top-color:color-mix(in srgb,var(--as-ui-accent-bright) 53.33%,transparent)!important; box-shadow:0 4px 9px #0004,0 16px 28px -8px #0008,inset 0 1px 0 #ffffff12!important; } } html body .wapper .blockMenu .blockMenu_Item:hover, html body .wapper .blockMenu .blockMenu_Item:focus-visible, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:hover, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:focus-visible{ background:linear-gradient(100deg,color-mix(in srgb,var(--as-ui-accent) 14.12%,transparent),color-mix(in srgb,var(--as-ui-accent) 4.71%,transparent))!important; box-shadow:inset 0 1px 0 #ffffff0a!important; } @media(prefers-reduced-motion:reduce){ html body .wapper .blockMenu .blockMenuRow, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul{transition:none!important;} } /* Existing lottery announcements contain two consecutive line breaks. */ html body .wapper #chat #chat_messages .with_code:has(a[href="/daily_lottery"]) br + br, html body .wapper #chat #chat_messages .with_code:has(a[href="../daily_lottery"]) br + br, html body .wapper #chat #chat_messages .with_code:has(a[href="https://adekvatserver.ru/daily_lottery"]) br + br {display:none!important;} /* Matte chat and navigation. Preserve layout, decorations and controls. */ html body .wapper .block:has(> #chat), html body .wapper .block:has(> #chat):hover, html body .wapper .block:has(> #chat):focus-within, html body .wapper .blockMenu .blockMenuRow, html body .wapper .blockMenu .blockMenuRow:hover, html body .wapper .blockMenu .blockMenuRow:focus-within, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul:hover, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul:focus-within{ background:#222525!important;border-color:#ffffff0c!important; box-shadow:0 8px 24px -16px #0009!important; } html body .wapper .blockMenu .blockMenu_Item__Icon{ background:transparent!important;border-color:transparent!important;box-shadow:none!important; } html body .wapper .blockMenu .blockMenu_Item:hover, html body .wapper .blockMenu .blockMenu_Item:focus-visible, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:hover, html body .wapper .header .collapsible-menu.user-menu>li.profileDropdownReady>ul>li>a:focus-visible{ background:color-mix(in srgb,var(--as-ui-accent) 7.06%,transparent)!important;box-shadow:none!important; } html body .wapper #chat #chat_messages .chat_message, html body .wapper #chat #chat_messages .chat_message:hover{ background:transparent!important;border-color:transparent!important;box-shadow:none!important; } html body .wapper #chat #chat_messages .chat_message:hover{background:#ffffff03!important;} html body .wapper #chat #chat_messages .chat_message .message, html body .wapper #chat #chat_messages .chat_message .chatMessageActions, html body .wapper #chat #chat_messages .chat_message .chatReactionCounts{ border-color:transparent!important;background:transparent!important;box-shadow:none!important; } html body .wapper #chat #chat_messages .with_code{ background:transparent!important;box-shadow:none!important; } html body .wapper #chat #fixed_message .fixedMessage{ background:color-mix(in srgb,var(--as-ui-accent) 3.53%,transparent)!important;border-color:transparent!important;border-left-color:var(--as-ui-accent-muted)!important; box-shadow:none!important; } html body .wapper #chat #chat_messages .chatReactionCounts button{ background:#ffffff04!important;border-color:#ffffff0e!important;border-radius:6px!important; box-shadow:none!important; } html body .wapper #chat #chat_messages .chatReactionCounts button:hover, html body .wapper #chat #chat_messages .chatReactionCounts button[aria-pressed="true"]{ background:color-mix(in srgb,var(--as-ui-accent) 9.8%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 31.37%,transparent)!important; } html body .wapper #chat #message_input{ background:#191d1b!important;border-color:#ffffff09!important;box-shadow:none!important; } html body .wapper #chat #message_input:focus{border-color:color-mix(in srgb,var(--as-ui-accent) 45.88%,transparent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--as-ui-accent) 7.06%,transparent)!important;} html body .wapper #chat #send_button{ background:var(--as-ui-accent-bright)!important;border-color:var(--as-ui-accent-bright)!important;box-shadow:none!important;color:#202020!important; } html body .wapper #chat #send_button:hover:not(:disabled){background:var(--as-ui-accent-bright)!important;} html body .wapper #chat #send_button:disabled{background:#393d37!important;border-color:#393d37!important;color:#91998d!important;} /* Finish matte chat surfaces; retain geometry, controls and user decorations. */ html body .wapper .block.block:has(> #chat), html body .wapper .block.block:has(> #chat):hover, html body .wapper .block.block:has(> #chat):focus-within { background:#222525!important;border-color:#ffffff0c!important; box-shadow:0 8px 24px -16px #0009!important; } html body #generalChatRulesDialog, html body #generalChatRulesDialog:hover, html body #generalChatRulesDialog:focus-within, html body > .chatReactionPicker, html body > .chatReactionPicker:hover, html body > .chatReactionPicker:focus-within, html body .popover:has(.smiles-wrapper), html body .popover:has(.smiles-wrapper):hover, html body .popover:has(.smiles-wrapper):focus-within { background:#222525!important;border-color:#ffffff18!important; box-shadow:0 12px 32px -12px #0009!important; } html body .popover:has(.smiles-wrapper) .popover-body, html body .popover:has(.smiles-wrapper) .smiles-wrapper, html body .popover:has(.smiles-wrapper) .smiles-display, html body .popover:has(.smiles-wrapper) .smiles-categories { background:transparent!important;scrollbar-color:var(--as-ui-accent-deep) #222525!important; } html body .popover:has(.smiles-wrapper).bs-popover-top > .arrow::after{border-top-color:#222525!important;} html body .popover:has(.smiles-wrapper).bs-popover-bottom > .arrow::after{border-bottom-color:#222525!important;} html body .popover:has(.smiles-wrapper).bs-popover-left > .arrow::after{border-left-color:#222525!important;} html body .popover:has(.smiles-wrapper).bs-popover-right > .arrow::after{border-right-color:#222525!important;} html body #generalChatRulesDialog header{border-bottom-color:#ffffff12!important;} html body > .chatReactionPicker button:hover, html body .popover:has(.smiles-wrapper) .smiles-display :is(img.smile,img.sticker):hover { background:color-mix(in srgb,var(--as-ui-accent) 9.8%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;box-shadow:none!important; } html body .wapper #chat #message_input, html body .wapper #chat #message_input:focus, html body .wapper #chat #message_input:focus-visible { background:#191d1b!important;outline:none!important;box-shadow:none!important;border-color:#ffffff12!important; } html body .wapper #chat #message_input:focus, html body .wapper #chat #message_input:focus-visible {border-color:var(--as-ui-accent)!important;} html body .wapper #chat #send_button, html body .wapper #chat #send_button:hover, html body .wapper #chat #send_button:focus, html body .wapper #chat #send_button:active { color:#202020!important;background:var(--as-ui-accent-bright)!important;border-color:var(--as-ui-accent-bright)!important; box-shadow:none!important;text-shadow:none!important; } html body .wapper #chat #send_button:hover:not(:disabled){background:var(--as-ui-accent-bright)!important;border-color:var(--as-ui-accent-bright)!important;color:#202020!important;} html body .wapper #chat #send_button:focus-visible{outline:2px solid var(--as-ui-accent)!important;outline-offset:2px!important;} html body .wapper #chat #send_button:disabled, html body .wapper #chat #send_button:disabled:hover {background:#393d37!important;border-color:#393d37!important;color:#b0b7ac!important;} /* Restore subtle internal dividers on matte message cards. */ html body .wapper #chat #chat_messages .chat_message > .message { border-left:1px solid #ffffff18!important; } html body .wapper #chat #chat_messages .chat_message .chatMessageActions { border-top:1px solid #ffffff18!important; } html body .wapper #chat #chat_messages .chat_message .chatReactionCounts { border-top:1px solid #ffffff18!important; border-left:1px solid #ffffff18!important; } /* Separate complete messages using matte surfaces and space. */ html body .wapper #chat #chat_messages .chat_message { background:#2b2f2d!important; border-color:transparent!important; border-radius:10px!important; margin-bottom:10px!important; box-shadow:none!important; } html body .wapper #chat #chat_messages .chat_message:hover { background:#303532!important; border-color:transparent!important; box-shadow:none!important; } /* Matte notification panel and individually separated cards. */ html body .wapper #notifications_line.block.block, html body .wapper #notifications_line.block.block:hover, html body .wapper #notifications_line.block.block:focus-within { background:#222525!important;border-color:#ffffff0c!important; box-shadow:0 8px 24px -16px #0009!important; } html body #notifications .noty-block.noty-block, html body #notifications .noty-block.noty-block:hover, html body #notifications .noty-block.noty-block:focus-within { background:#2b2f2d!important;border-color:transparent!important; border-left-color:var(--as-ui-accent-muted)!important;box-shadow:none!important; margin-bottom:10px!important; } html body #notifications .noty-block.noty-block.error, html body #notifications .noty-block.noty-block.error:hover, html body #notifications .noty-block.noty-block.error:focus-within {border-left-color:#ce838b!important;} html body #notifications .noty-block.noty-block>.icon-remove, html body #notifications_line>.block_head button { background:transparent!important;border-color:#ffffff18!important; color:var(--as-ui-accent)!important;box-shadow:none!important; } html body #notifications .noty-block.noty-block>.icon-remove:hover, html body #notifications_line>.block_head button:hover { background:color-mix(in srgb,var(--as-ui-accent) 9.8%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;color:var(--as-ui-accent-bright)!important; } html body #notifications .noty-block.noty-block>.icon-remove:focus-visible, html body #notifications_line>.block_head button:focus-visible { outline:2px solid var(--as-ui-accent)!important;outline-offset:2px!important; } /* Matte surfaces for homepage navigation and online-users panel only. */ html body .wapper .homeSidebarModern > .block.block:has(.vertical-navigation, #online_users_horizontal), html body .wapper .homeSidebarModern > .block.block:has(.vertical-navigation, #online_users_horizontal):hover, html body .wapper .homeSidebarModern > .block.block:has(.vertical-navigation, #online_users_horizontal):focus-within { background:#222525!important; border-color:#ffffff0c!important; box-shadow:0 8px 24px -16px #0009!important; } /* Matte homepage rankings; preserve geometry and user decorations. */ html body .wapper .homeSidebarModern :is(#top_players.block.block,#asr-donors.block.block,.block.block:has(#top_donators),.block.block:has(#top_users),.block.block:has(#asr-donors)), html body .wapper .homeSidebarModern :is(#top_players.block.block,#asr-donors.block.block,.block.block:has(#top_donators),.block.block:has(#top_users),.block.block:has(#asr-donors)):hover, html body .wapper .homeSidebarModern :is(#top_players.block.block,#asr-donors.block.block,.block.block:has(#top_donators),.block.block:has(#top_users),.block.block:has(#asr-donors)):focus-within{background:#222525!important;border-color:#ffffff0c!important;box-shadow:0 8px 24px -16px #0009!important;} html body .wapper .homeSidebarModern :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row){background:transparent!important;box-shadow:none!important;} html body .wapper .homeSidebarModern :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row):hover, html body .wapper .homeSidebarModern :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row):focus-visible, html body .wapper .homeSidebarModern :is(#top_players,#asr-donors,#top_donators,#top_users) :is(.asr-row,.sidebar-ranking-row,.activity-top-row):focus-within{background:color-mix(in srgb,var(--as-ui-accent) 9.8%,transparent)!important;box-shadow:none!important;} html body .wapper .homeSidebarModern #top_players .asr-servers{background-color:#191d1b!important;border-color:#ffffff18!important;} /* Matte panels; preserve case colors, illustrations and layout. */ html body .wapper :is(#site_stats > .block.block,.block.block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid.lotteryHeroGrid), html body .wapper :is(#site_stats > .block.block,.block.block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid.lotteryHeroGrid):hover, html body .wapper :is(#site_stats > .block.block,.block.block.homeCaseActivity,.home-lotteries-grid.lotteryHeroGrid.lotteryHeroGrid):focus-within{background:#222525!important;border-color:#ffffff0c!important;box-shadow:0 8px 24px -16px #0009!important;} html body .wapper #site_stats p{background:#2b2f2d!important;border-color:transparent!important;box-shadow:none!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot :is(.ending span,.daily-lottery-lite-timer > span){background:#2b2f2d!important;border-color:#ffffff18!important;box-shadow:none!important;} html body .wapper #top_players button.rankingServerButton { display:block!important;box-sizing:border-box!important;width:100%!important;min-height:40px; margin:0 0 10px!important;padding:9px 34px 9px 12px!important;text-align:left!important; font:inherit!important;font-size:14px!important;line-height:21px!important;color:#d0d0d0!important; background:#191d1b!important;border:1px solid #ffffff18!important;border-radius:8px!important; box-shadow:none!important;outline:none!important;position:relative;cursor:pointer; } html body .wapper #top_players button.rankingServerButton::after{content:'';position:absolute;right:13px;top:16px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);} html body .wapper #top_players button.rankingServerButton:focus-visible, html body .wapper #top_players button.rankingServerButton[aria-expanded="true"]{border-color:var(--as-ui-accent)!important;outline:none!important;box-shadow:none!important;} html body .rankingServerList{position:fixed;z-index:10000;box-sizing:border-box;padding:5px;overflow:auto;background:#222525;border:1px solid #ffffff18;border-radius:10px;box-shadow:0 12px 32px #0006;scrollbar-width:thin;scrollbar-color:var(--as-ui-accent-muted) #222525;font:400 14px/21px ui-sans-serif,system-ui,sans-serif;color:#d0d0d0;} html body .rankingServerList[hidden]{display:none!important;} html body .rankingServerOption{padding:8px 12px;border-radius:6px;cursor:pointer;overflow-wrap:anywhere;} html body .rankingServerOption[aria-selected="true"]{color:var(--as-ui-accent-bright);background:color-mix(in srgb,var(--as-ui-accent) 8.24%,transparent);} html body .rankingServerOption:hover,html body .rankingServerOption.is-active{color:var(--as-ui-accent-bright);background:color-mix(in srgb,var(--as-ui-accent) 14.51%,transparent);} html body .wapper:not(#chat) :is(.hnSection.hnSection,.homeCommunityPanel.homeCommunityPanel,.homeActivityPanel.homeActivityPanel), html body .wapper:not(#chat) :is(.hnSection.hnSection,.homeCommunityPanel.homeCommunityPanel,.homeActivityPanel.homeActivityPanel):hover, html body .wapper:not(#chat) :is(.hnSection.hnSection,.homeCommunityPanel.homeCommunityPanel,.homeActivityPanel.homeActivityPanel):focus-within { background:#222525!important; border-color:#ffffff0c!important; box-shadow:0 8px 24px -16px #0009!important; } html body .wapper:not(#chat) .hnSection.hnSection .hnCard, html body .wapper:not(#chat) .hnSection.hnSection .hnCard:hover, html body .wapper:not(#chat) .hnSection.hnSection .hnCard:focus-within { background:#2b2f2d!important; border-color:transparent!important; box-shadow:none!important; } /* Matte footer surfaces; preserve layout, artwork and link behavior. */ html body .wapper>.footer.footer, html body .wapper>.footer.footer:hover, html body .wapper>.footer.footer:focus-within { background:#222525!important; border-top-color:#ffffff12!important; box-shadow:none!important; } html body .wapper>.footer.footer hr {border-top-color:#ffffff12!important;} html body .wapper>.footer.footer>.container>.row>div::before {background:#ffffff12!important;} html body .wapper>.footer.footer ul li a:hover, html body .wapper>.footer.footer ul li a:focus-visible { color:var(--as-ui-accent-bright)!important;background:transparent!important;box-shadow:none!important; } html body #siteScrollProgress { background:#2b2f2d!important; box-shadow:0 3px 10px #0003!important; } html body #siteScrollProgress:hover { background:#353b35!important; box-shadow:0 3px 10px #0003!important; } html body .modal.modal[id^="server-players-modal"] .modal-content,html body .modal.modal[id^="server-players-modal"] .modal-content:hover,html body .modal.modal[id^="server-players-modal"] .modal-content:focus-within {background:#222525!important;border-color:#ffffff18!important;box-shadow:0 18px 48px #0006!important;} html body .modal.modal[id^="server-players-modal"] .table-responsive {background:#222525!important;border-color:#ffffff12!important;} html body .modal.modal[id^="server-players-modal"] .table thead,html body .modal.modal[id^="server-players-modal"] .table thead th,html body .modal.modal[id^="server-players-modal"] .table thead td {background:#2b2f2d!important;} html body .modal.modal[id^="server-players-modal"] .table tbody tr:hover {background:color-mix(in srgb,var(--as-ui-accent) 9.8%,transparent)!important;} html body .modal.modal[id^="server-players-modal"] .input-group {align-items:center!important;} html body .modal.modal[id^="server-players-modal"] .input-group .input-group-prepend {display:flex!important;align-items:center!important;} html body .modal.modal[id^="server-players-modal"] .input-group .btn,html body .modal.modal[id^="server-players-modal"] .input-group select.form-control {box-sizing:border-box!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin-top:0!important;margin-bottom:0!important;line-height:18px!important;padding-top:6px!important;padding-bottom:6px!important;box-shadow:none!important;} html body .modal.modal[id^="server-players-modal"] .input-group select.form-control {background-color:#191d1b!important;border-color:color-mix(in srgb,var(--as-ui-accent) 25.1%,transparent)!important;} html body #cookie-banner.cookie-banner, html body #cookie-banner.cookie-banner:hover, html body #cookie-banner.cookie-banner:focus-within { background:#222525!important;border-color:#ffffff18!important;box-shadow:0 12px 32px #0005!important; } html body #cookie-banner .cookie-btn {box-shadow:none!important;filter:none!important;} html body #cookie-banner .cookie-btn-secondary {background:#2b2f2d!important;color:#e0dcd3!important;border-color:#ffffff26!important;} html body #cookie-banner .cookie-btn-secondary:hover {background:#353b35!important;border-color:color-mix(in srgb,var(--as-ui-accent) 43.92%,transparent)!important;} html body #cookie-banner .cookie-btn-primary {background:var(--as-ui-accent)!important;color:#211c13!important;border-color:var(--as-ui-accent)!important;} html body #cookie-banner .cookie-btn-primary:hover {background:var(--as-ui-accent-bright)!important;border-color:var(--as-ui-accent-bright)!important;} html body .noty_bar.noty_bar:has(#inmess2_val, .noty_text a[href="../friends"]) {background:transparent!important;border:0!important;box-shadow:none!important;} html body .noty_bar.noty_bar:has(#inmess2_val, .noty_text a[href="../friends"]) .noty_message, html body .noty_bar.noty_bar:has(#inmess2_val, .noty_text a[href="../friends"]):hover .noty_message, html body .noty_bar.noty_bar:has(#inmess2_val, .noty_text a[href="../friends"]):focus-within .noty_message {background:#222525!important;border:1px solid #ffffff18!important;border-radius:10px!important;box-shadow:0 6px 20px #0004!important;padding:0!important;color:#d0d0d0!important;font:400 13px/20px ui-sans-serif,system-ui,sans-serif!important;} html body .noty_bar.noty_bar:has(#inmess2_val, .noty_text a[href="../friends"]) .noty_text {margin:0!important;} html body .noty_bar.noty_bar:has(#inmess2_val, .noty_text a[href="../friends"]) .noty_text a {display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;color:#d0d0d0!important;text-decoration:none!important;} html body .noty_bar.noty_bar:has(#inmess2_val, .noty_text a[href="../friends"]) .noty_text a:hover {background:color-mix(in srgb,var(--as-ui-accent) 9.8%,transparent)!important;color:var(--as-ui-accent-bright)!important;} html body .noty_bar.noty_bar:has(#inmess2_val, .noty_text a[href="../friends"]) .noty_text a:focus-visible {outline:2px solid var(--as-ui-accent)!important;outline-offset:-3px!important;} html body li:has(>.noty_bar .noty_text a[href="../friends"]) {background:transparent!important;border:0!important;box-shadow:none!important;border-radius:10px!important;overflow:hidden!important;} html body #inmess2_val {background:color-mix(in srgb,var(--as-ui-accent) 8.24%,transparent)!important;border-color:color-mix(in srgb,var(--as-ui-accent) 18.82%,transparent)!important;box-shadow:none!important;} html body .wapper #chat .info .m-icon, html body .wapper #chat #smile_btn {border-radius:5px!important;cursor:pointer;transition:background-color .15s,box-shadow .15s!important;} html body .wapper #chat .info .m-icon:hover, html body .wapper #chat #smile_btn:hover {background-color:color-mix(in srgb,var(--as-ui-accent) 20.0%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--as-ui-accent) 20.0%,transparent)!important;color:var(--as-ui-accent-bright)!important;} html body .wapper #chat .info .m-icon:hover::before {filter:brightness(1.3)!important;} html body .wapper #chat #smile_btn:hover::after {color:var(--as-ui-accent-bright)!important;} html body .wapper #chat #smile_btn[aria-describedby] {background-color:color-mix(in srgb,var(--as-ui-accent) 14.9%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--as-ui-accent) 14.9%,transparent)!important;} html body .wapper #chat #smile_btn[aria-describedby]::after {color:var(--as-ui-accent-bright)!important;} @media(prefers-reduced-motion:reduce) {html body .wapper #chat .info .m-icon, html body .wapper #chat #smile_btn {transition:none!important;}} /* Only players with no matched site profile; widgets render their URL as #. */ html body .wapper #top_players .asr-player-row[href="#"] .asr-login, html body .wapper #top_players .asr-player-row[href="#"]:hover .asr-login { color:#808080!important; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-weight:400!important;font-style:normal!important; text-shadow:none!important;background:none!important; -webkit-text-fill-color:#808080!important; } @supports (--private-theme-static: 1) {html body .privateThemeAccount{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;} html body button.privateThemeToggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;padding:0!important;background:#2b2f2d!important;color:var(--private-accent,var(--as-ui-accent))!important;border:1px solid #ffffff20!important;border-radius:8px!important;cursor:pointer;box-shadow:none!important;} html body button.privateThemeToggle:hover,html body button.privateThemeToggle[aria-expanded="true"]{border-color:var(--private-accent,var(--as-ui-accent))!important;} html body .privateThemePanel{position:fixed;z-index:1000040;width:240px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:6px;background:#222525;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 12px 32px #0006;} html body .privateThemePanel[hidden]{display:none!important;} html body .privateThemePanel button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:#eeeeee;font:400 14px/20px system-ui;cursor:pointer;text-align:left;} html body .privateThemePanel button::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--swatch);} html body .privateThemePanel button:hover,html body .privateThemePanel button[aria-pressed="true"]{background:#ffffff0d;color:var(--swatch);} html body .privateThemePanel button[aria-pressed="true"]::after{content:'✓';margin-left:auto;} html body :is(.privateThemeToggle,.privateThemePanel button):focus-visible{outline:2px solid var(--private-accent,var(--as-ui-accent))!important;outline-offset:2px;} @media(max-width:600px){html body .privateThemeAccount{gap:4px!important;}html body button.privateThemeToggle{width:30px!important;flex-basis:30px!important;}} html body .privateThemePanel{overflow:auto;} html body .privateThemePanel button::before{display:none;} html body .privateThemeGem{width:23px;height:25px;flex:0 0 23px;color:var(--swatch);} html body .privateThemeModes{display:flex;gap:4px;padding:3px;background:#171b1a;border-radius:7px;margin-bottom:10px;} html body .privateThemeModes button{justify-content:center;gap:4px;padding:7px 4px;font-size:13px;white-space:nowrap;} html body .privateThemeModes button[aria-pressed="true"]{background:#343b3a;color:var(--private-accent);box-shadow:0 1px 3px #0003;} html body .privateThemeModes button::after{display:none;} html body .privateThemeCaption{font:500 11px/16px system-ui;text-transform:uppercase;letter-spacing:.08em;color:#a0aaa7;padding:0 12px 4px;} html[data-private-mode="light"]{color-scheme:light;} html[data-private-mode="light"] body{background:#b8bec2!important;color:#283039!important;} html[data-private-mode="light"] body .privateThemePanel,html[data-private-mode="light"] body button.privateThemeToggle{background:#d1d5d8!important;border-color:#d5dce2!important;color:var(--private-accent)!important;} html[data-private-mode="light"] body .privateThemePanel button{color:#283039;} html[data-private-mode="light"] body .privateThemePanel button:hover,html[data-private-mode="light"] body .privateThemePanel button[aria-pressed="true"]{background:#bcc4ca;color:var(--private-accent);} html[data-private-mode="light"] body .privateThemeModes{background:#bcc4ca;} html[data-private-mode="light"] body .privateThemeModes button[aria-pressed="true"]{background:#d1d5d8;} html[data-private-mode="light"] body .privateThemeCaption{color:#66717b;} html[data-private-mode="light"] body .privateThemePanel{box-shadow:0 12px 32px #23303b24;} /* Soft neutral canvas; scoped to the private light mode only. */ html[data-private-mode="light"][data-private-mode="light"][data-private-mode="light"] body, html[data-private-mode="light"][data-private-mode="light"][data-private-mode="light"] body .wapper, html[data-private-mode="light"][data-private-mode="light"][data-private-mode="light"] body .wapper>.content{background:#b8bec2!important;} /* Image-backed server cards keep light text in the light interface. */ html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew .block-servers-name, html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew .block-servers-name a{color:#f0f1f2!important;text-shadow:0 1px 3px #000b!important;} html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew .group, html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew .group>div, html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew .group a{color:#d4d9dd!important;text-shadow:0 1px 2px #000b!important;} html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew .block-servers-group-info i{filter:brightness(1.65)!important;} html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew{background-color:#343b3f!important;} html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew .block-map-img img{opacity:.78!important;filter:brightness(1.12)!important;} html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew::after, html[data-private-mode="light"] body .wapper .monitoring-blocks_new .serverNew:hover::after{background:linear-gradient(90deg,rgba(20,26,30,.65),rgba(20,26,30,.38) 55%,rgba(20,26,30,.10))!important;} /* Explicit heading contrast; do not recolor nested icons, counters or links. */ html[data-private-mode="light"][data-private-mode="light"] body .wapper :is( .homeCommunityPanel.block>.block_head, .homeCommunityPanel .communityPanelTitle, #site_stats>.block>.block_head, #site_stats .communityPanelTitle, .homeActivityGrid .homeActivityPanel>header h2, .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head, .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head>span, .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-title ){color:#262b30!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;} /* Remove legacy grayscale filter; use the live palette variable for the smile glyph. */ html body .wapper #chat #smile_btn, html body .wapper #chat #smile_btn::after{filter:none!important;opacity:1!important;color:var(--private-accent,var(--as-ui-accent))!important;-webkit-text-fill-color:currentColor!important;} html body .wapper #chat #smile_btn:is(:hover,:focus-visible,[aria-describedby]){background-color:color-mix(in srgb,var(--private-accent,var(--as-ui-accent)) 20%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--private-accent,var(--as-ui-accent)) 20%,transparent)!important;} html body .wapper #chat #smile_btn:is(:hover,:focus-visible,[aria-describedby])::after{color:var(--private-accent,var(--as-ui-accent))!important;} html body .wapper>.content>.container>.row:has(>.col-lg-9.order-is-first):has(>.col-lg-3.order-is-last):not(:has(>.homeSidebarModern)){display:flex!important;flex-wrap:wrap!important;}html body .wapper>.content>.container>.row:has(>.col-lg-9.order-is-first):has(>.col-lg-3.order-is-last):not(:has(>.homeSidebarModern))>.col-lg-3.order-is-last{display:block!important;visibility:visible!important;opacity:1!important;}@media(min-width:992px){html body .wapper>.content>.container>.row:has(>.col-lg-9.order-is-first):has(>.col-lg-3.order-is-last):not(:has(>.homeSidebarModern))>.col-lg-3.order-is-last{flex:0 0 25%!important;max-width:25%!important;width:25%!important;order:-1!important;}html body .wapper>.content>.container>.row:has(>.col-lg-9.order-is-first):has(>.col-lg-3.order-is-last):not(:has(>.homeSidebarModern))>.col-lg-9.order-is-first{flex:0 0 75%!important;max-width:75%!important;width:75%!important;min-width:0!important;order:1!important;}}@media(max-width:991.98px){html body .wapper>.content>.container>.row:has(>.col-lg-9.order-is-first):has(>.col-lg-3.order-is-last):not(:has(>.homeSidebarModern))>.col-lg-3.order-is-last,html body .wapper>.content>.container>.row:has(>.col-lg-9.order-is-first):has(>.col-lg-3.order-is-last):not(:has(>.homeSidebarModern))>.col-lg-9.order-is-first{flex:0 0 100%!important;max-width:100%!important;width:100%!important;}} }/* Match top-user-login typography without replacing group colors or decorated spans. */ html body .wapper .homeActivityGrid .homeActivityPanel .haMeta a[href*="profile"]{ font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:13px!important;font-weight:600!important;line-height:1.35!important; overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere; } html body .wapper .homeActivityGrid .homeActivityPanel .haForumRow .haMeta>span:first-child{overflow:visible!important;} @supports (--private-theme-static: 1) {@media(max-width:599px){ html body .wapper .header>.container{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;} html body .wapper .header>.container>.branding{flex:0 0 100%!important;order:0!important;} html body .wapper .header>.container>#blockMenu{order:1!important;} html body .wapper .header .privateThemeAccount{position:relative!important;display:flex!important;align-items:center!important;flex:0 1 auto!important;order:2!important;margin-left:auto!important;gap:8px!important;max-width:100%!important;} html body .wapper .header .privateThemeAccount>.user-menu{position:static!important;inset:auto!important;float:none!important;flex:0 1 auto!important;min-width:0!important;width:auto!important;} html body .wapper .header .privateThemeAccount>button.privateThemeToggle{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;flex:0 0 40px!important;width:40px!important;height:40px!important;z-index:2!important;} html body .wapper .header>.container>#mobileMenu{order:3!important;flex-basis:100%!important;} } }/* Text-first giveaway cards; retain existing timers and participation actions. */ html body .wapper .home-lotteries-grid.lotteryHeroGrid{gap:0!important;padding:18px!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block::before{content:none!important;display:none!important;background-image:none!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block{padding:0 20px!important;min-height:0!important;height:auto!important;background-image:none!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot{padding:0!important;min-width:0!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot+.home-lottery-slot{padding:0!important;margin-top:0!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head{justify-content:flex-start!important;min-height:0!important;padding-bottom:14px!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot :is(.ending,.daily-lottery-lite-timer){justify-content:flex-start!important;margin:0 0 12px!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .lotteryActionRow{align-items:flex-start!important;margin:0 0 8px!important;gap:10px!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .lotteryActionRight{align-items:flex-start!important;text-align:left!important;min-height:0!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight :is(h3,.daily-lottery-lite-status,.participate,.daily-lottery-lite-participate){text-align:left!important;align-self:flex-start!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more{display:inline-flex!important;align-self:flex-start!important;text-align:left!important;margin-top:8px!important;font-size:12px!important;} @media(max-width:760px){ html body .wapper .home-lotteries-grid.lotteryHeroGrid{grid-template-columns:minmax(0,1fr)!important;padding:16px!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block{padding:0!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot+.home-lottery-slot{border-left:0!important;margin-top:18px!important;padding-top:18px!important;} } html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head{justify-content:center!important;text-align:center!important;width:100%!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head>span,html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .daily-lottery-lite-title{text-align:center!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot :is(.ending,.daily-lottery-lite-timer),html body .wapper .home-lotteries-grid #sortition .ending,html body .wapper .home-lotteries-grid #daily_lottery_lite .daily-lottery-lite-timer{display:flex!important;justify-content:center!important;width:100%!important;align-self:center!important;margin-left:auto!important;margin-right:auto!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight{align-items:center!important;text-align:center!important;width:100%!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .lotteryActionRight :is(h3,.daily-lottery-lite-status,.participate,.daily-lottery-lite-participate),html body .wapper .home-lotteries-grid #daily-lottery-lite-status,html body .wapper .home-lotteries-grid #sortition .sortition>h3{text-align:center!important;align-self:center!important;margin-left:auto!important;margin-right:auto!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more{display:flex!important;width:100%!important;box-sizing:border-box!important;justify-content:flex-end!important;align-self:flex-end!important;text-align:right!important;margin-left:auto!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid{padding:12px 16px!important;align-items:start!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block{min-height:0!important;height:auto!important;justify-content:flex-start!important;gap:0!important;margin-bottom:0!important;padding:0 14px!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block_head{padding-bottom:7px!important;margin:0!important;min-height:0!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid :is(#daily_lottery_lite,#sortition) :is(.ending,.daily-lottery-lite-timer){height:44px!important;min-height:44px!important;margin-top:0!important;margin-bottom:6px!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid :is(#daily_lottery_lite,#sortition) :is(.ending,.daily-lottery-lite-timer)>span{height:44px!important;min-height:0!important;padding:3px 8px!important;box-sizing:border-box!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .lotteryActionRow{margin:0!important;gap:4px!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .lotteryActionRight{min-height:0!important;padding:0!important;margin:0!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid :is(#daily-lottery-lite-status,.lotteryActionRight h3,.lotteryUnifiedStatus){margin-top:0!important;margin-bottom:0!important;padding:0!important;min-height:0!important;} html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot .block a.read-more{margin-top:4px!important;margin-bottom:0!important;padding-top:2px!important;padding-bottom:2px!important;} @media(max-width:760px){html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot>.block{padding:0!important;}html body .wapper .home-lotteries-grid.lotteryHeroGrid .home-lottery-slot+.home-lottery-slot{margin-top:12px!important;padding-top:12px!important;}} .userBadges { display: inline-block; } .userBadges img { width: 20px !important; height: 20px !important; } #chat_messages { display: flex; flex-direction: column; } :root { --decoration-to-avatar-ratio: 1.2; --custom-avatar-avatar-decoration-border-position: calc((1 - var(--decoration-to-avatar-ratio)) / 2* 100%); -background-modifier-accent: color-mix(in oklab, hsl(228 calc(1 * 6.024%) 32.549% / 0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%)); } .wrapper_c51b4e { position: relative; border-radius: 50%; } .svg_c51b4e { position: absolute; contain: paint; } .wrapper_c51b4e { position: relative; display: block; flex: 0 0 64px; width: 64px; min-width: 64px; max-width: 64px; height: 64px; } .mask_c51b4e { pointer-events: none; position: relative; display: block; width: auto; } .avatarDecoration_c51b4e { position: absolute !important; z-index: 2; top: -8px !important; left: -8px !important; width: 80px !important; height: 80px !important; max-width: none !important; margin: 0 !important; pointer-events: none; contain: paint; overflow: visible; } .avatarStack_c51b4e { display: grid ; width: 100%; height: 100%; } .avatar_c51b4e { display: block; -o-object-fit: cover; object-fit: cover; pointer-events: none; width: 80px; height: 80px; border-radius: 50%; } .g_sticker { width: 150px !important; height: 150px !important; } .avatar_c51b4e, .avatarSpeaking_c51b4e { width: 100%; height: 100%; grid-area: 1 / 1; } .avatar_c51b4e:before { content: ""; display: block; width: 100%; height: 100%; background-color: var(--background-modifier-accent); } .chat_message { /* padding: 10px !important; */ display: flex ; flex-direction: row; /* justify-content: space-between; */ gap: 18px; /* background: #2a2931; */ border-radius: 10px; border: none; margin-bottom: 14px; padding: 12px 16px 12px 16px !important; } .chat_message .with_code { overflow-wrap: break-word; background: #2a2931; margin-top: 4px; border-radius: 10px; padding: 10px; } .avatarStack_c51b4e img { border-radius: 50%; } #chat #chat_messages .chat_message .message { width: 100%; } .userBadge { cursor: pointer; display: inline-block; } /* .modal.fade .modal-dialog { transition: transform 0.15s ease-out, opacity 0.15s ease-out; } .modal.fade.show .modal-dialog { transform: translateY(0); opacity: 1; } .modal.fade .modal-dialog { transform: translateY(-20px); opacity: 0; } */ /* Chat service: shared gem artwork, native select retained as the data source. */ .privateThemeChatPicker{position:relative;width:100%;margin:8px 0;font:400 14px/1.5 system-ui,sans-serif;color:inherit;} .privateThemeChatPicker summary{display:flex;align-items:center;gap:9px;min-height:40px;padding:8px 12px;box-sizing:border-box;cursor:pointer;list-style:none;border:1px solid #8c96a047;border-radius:8px;background:var(--appearance-menu-top,#242424);} .privateThemeChatPicker summary::-webkit-details-marker{display:none;} .privateThemeChatPicker summary::after{content:'⌄';margin-left:auto;} .privateThemeChatPicker svg{width:22px;height:24px;flex:none;} .privateThemeChatPicker .privateThemeChatOptions{position:absolute;z-index:100;top:calc(100% + 5px);left:0;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;max-height:300px;overflow:auto;background:var(--appearance-menu-top,#242424);border:1px solid #8c96a047;border-radius:8px;box-shadow:0 8px 24px #0004;} .privateThemeChatPicker:not([open]) .privateThemeChatOptions{display:none;} .privateThemeChatPicker .privateThemeChatOptions button{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:8px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;} .privateThemeChatPicker .privateThemeChatOptions button:hover,.privateThemeChatPicker .privateThemeChatOptions button[aria-pressed="true"]{background:color-mix(in srgb,var(--private-accent,#e0f8ff) 12%,transparent);} .privateThemeChatPicker .privateThemeChatOptions button[aria-pressed="true"]::after{content:'✓';margin-left:auto;color:var(--private-accent,#e0f8ff);} .privateThemeChatPicker summary:focus-visible,.privateThemeChatPicker button:focus-visible{outline:2px solid var(--private-accent,#e0f8ff);outline-offset:2px;} @media(max-width:360px){.privateThemeChatPicker .privateThemeChatOptions{grid-template-columns:1fr;}} @supports (--private-theme-static: 1){html{--private-heading-size:18px;}@media(max-width:600px){html{--private-heading-size:17px;}}} /* Password recovery: the block surface itself is supplied by the same appearance depth factory as the homepage panels. */ @supports (--private-theme-static: 1){ html body .wapper .recoveryPageColumn{float:none!important;width:100%!important;max-width:880px!important;margin:28px auto 42px!important;padding:0 15px!important;box-sizing:border-box!important;} html body .wapper .recoveryCard{margin:0!important;padding:18px 20px!important;} html body .wapper .recoveryCardTitle{min-height:0!important;margin:0 0 16px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;color:inherit;font-family:ui-sans-serif,system-ui,sans-serif!important;font-size:var(--private-heading-size,18px)!important;font-weight:650!important;line-height:1.4!important;} html body .wapper .recoveryForm{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin:0!important;} html body .wapper .recoveryEmail{flex:1 1 420px!important;width:auto!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:9px!important;background:linear-gradient(180deg,#090909,#101010)!important;color:#eee!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.55)!important;font:400 14px/22px ui-sans-serif,system-ui,sans-serif!important;} html body .wapper .recoveryEmail::placeholder{color:rgba(238,238,238,.52)!important;opacity:1!important;} html body .wapper .recoveryEmail:focus{border-color:var(--private-accent,#e0f8ff)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.5),0 0 0 2px color-mix(in srgb,var(--private-accent,#e0f8ff) 14%,transparent)!important;outline:0!important;} html body .wapper .recoverySubmit{flex:0 0 auto!important;min-height:44px!important;margin:0!important;padding:0 17px!important;border-radius:9px!important;color:var(--private-accent,#e0f8ff)!important;background:linear-gradient(180deg,#191919,#101010)!important;border:1px solid color-mix(in srgb,var(--private-accent,#e0f8ff) 38%,rgba(255,255,255,.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.5),0 3px 7px rgba(0,0,0,.48)!important;font:700 14px/42px ui-sans-serif,system-ui,sans-serif!important;text-shadow:none!important;} html body .wapper .recoverySubmit:hover,html body .wapper .recoverySubmit:focus-visible{color:#fff!important;background:linear-gradient(180deg,#222,#141414)!important;border-color:var(--private-accent,#e0f8ff)!important;} html body .wapper .recoveryResult:empty{display:none!important;} html body .wapper .recoveryResult:not(:empty){flex:1 0 100%!important;margin:0!important;} html[data-private-mode="light"] body .wapper .recoveryCardTitle{border-bottom-color:rgba(32,42,53,.14)!important;} html[data-private-mode="light"] body .wapper .recoveryEmail{background:linear-gradient(180deg,#8a99a8,#94a1b0)!important;color:#202a35!important;border-color:rgba(32,42,53,.22)!important;box-shadow:inset 0 2px 5px rgba(32,42,53,.16)!important;} html[data-private-mode="light"] body .wapper .recoveryEmail::placeholder{color:rgba(32,42,53,.58)!important;} @media(max-width:680px){html body .wapper .recoveryPageColumn{margin:18px auto 28px!important;padding:0 10px!important;}html body .wapper .recoveryCard{padding:14px!important;}html body .wapper .recoveryForm{display:block!important;}html body .wapper .recoveryEmail{display:block!important;width:100%!important;}html body .wapper .recoverySubmit{width:100%!important;margin-top:10px!important;}} } /* Breadcrumb layout only; shared appearance surfaces own its depth and colors. */ @supports (--private-theme-static: 1){ html body .wapper .navigation{height:auto;min-height:0;padding:16px 0 0;margin:0 0 20px;background:transparent;border:0;box-shadow:none;} html body .wapper .navigation>.container{box-sizing:border-box;max-width:calc(100% - 32px)!important;margin:0 auto;padding:10px 16px;color:#eeeeee;} html body .wapper .navigation .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;box-sizing:border-box;width:100%;height:auto;min-height:22px;margin:0;padding:0;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible;white-space:normal;color:inherit;font:400 13px/22px ui-sans-serif,system-ui,sans-serif;} html body .wapper .navigation .breadcrumb>li{display:inline;min-width:0;margin:0;padding:0;font:inherit;color:inherit;overflow-wrap:anywhere;} html body .wapper .navigation .breadcrumb>li+li::before{content:'›';display:inline-block;margin:0 10px;padding:0;color:var(--private-accent,#e0f8ff);opacity:.7;} html body .wapper .navigation .breadcrumb>li a{color:var(--private-accent,#e0f8ff);text-decoration:none;border-radius:3px;} html body .wapper .navigation .breadcrumb>li a:hover{text-decoration:underline;text-underline-offset:3px;} html body .wapper .navigation .breadcrumb>li a:focus-visible{outline:2px solid var(--private-accent,#e0f8ff);outline-offset:3px;} html body .wapper .navigation .breadcrumb>li.active{color:inherit;font-weight:500;} html[data-private-mode="light"] body .wapper .navigation>.container{color:#26313b;} @media(max-width:599px){html body .wapper .navigation{padding-top:10px;margin-bottom:14px;}html body .wapper .navigation>.container{max-width:calc(100% - 20px)!important;padding:8px 12px;}html body .wapper .navigation .breadcrumb>li+li::before{margin:0 7px;}} } /* Guest homepage: isolated from the authenticated home templates. */ @supports (--private-theme-static: 1){ html body .guest-home .navigation{display:none!important;} html body .guest-home .header>.container{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:16px!important;} html body .guest-home .header .branding{grid-column:1;margin:0!important;border:0!important;box-shadow:none!important;} html body .guest-home .header .branding::before,html body .guest-home .header .branding::after{display:none!important;content:none!important;} html body .guest-home .guest-header-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:142px!important;margin:0!important;box-sizing:border-box!important;white-space:nowrap!important;} html body .guest-home .guest-header-action>i{font-size:19px!important;line-height:1!important;} html body .guest-home .guest-header-action>span{display:inline!important;margin:0!important;padding:0!important;line-height:inherit!important;} html body .guest-home .guest-header-download{grid-column:2;justify-self:center;} html body .guest-home .guest-header-login{grid-column:3;justify-self:end;font-family:ui-sans-serif,system-ui,sans-serif!important;} html body .guest-home>.content>.container{padding-top:28px;} html body .guest-home-entry{margin-top:18px;margin-bottom:34px;} html body .guest-home-welcome{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);align-items:stretch;gap:18px;width:100%;} html body .guest-home-intro{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:0!important;height:auto!important;margin:0!important;padding:14px!important;} html body .guest-home-kicker{display:inline-flex;align-items:center;align-self:flex-start;margin-bottom:10px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--private-accent,#e0f8ff) 32%,transparent);border-radius:999px;color:var(--private-accent,#e0f8ff);font:700 11px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;} html body .guest-home-intro h1{width:100%;max-width:none;margin:0;color:inherit;font:800 clamp(14px,2vw,32px)/1.06 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;white-space:nowrap;} html body .guest-game-callout{position:relative;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);} html body .guest-game-eyebrow{display:inline-flex;margin-bottom:10px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--private-accent,#e0f8ff) 35%,transparent);border-radius:9px;color:var(--private-accent,#e0f8ff);font:700 12px/1.2 ui-sans-serif,system-ui,sans-serif;} html body .guest-game-callout h2{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:14px;max-width:none;margin:0;color:#f4f6f7;font:800 clamp(22px,2vw,30px)/1.08 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em;white-space:nowrap;} html body .guest-game-callout h2 strong{color:var(--private-accent,#e0f8ff);font:inherit;} html body .guest-game-callout>p{max-width:640px;margin:7px 0 0;color:inherit;font:600 13px/1.4 ui-sans-serif,system-ui,sans-serif;opacity:.72;} html body .guest-game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;} html body .guest-game-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border-radius:10px;font:700 14px/1 ui-sans-serif,system-ui,sans-serif;} html body .guest-game-actions .btn>i{font-size:20px;} html body .guest-game-download{color:var(--private-accent,#e0f8ff)!important;background:linear-gradient(180deg,#191919,#101010)!important;border:1px solid color-mix(in srgb,var(--private-accent,#e0f8ff) 38%,rgba(255,255,255,.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.5),0 3px 7px rgba(0,0,0,.48)!important;} html body .guest-game-download:hover,html body .guest-game-download:focus-visible{color:#fff!important;background:linear-gradient(180deg,#222,#141414)!important;border-color:var(--private-accent,#e0f8ff)!important;} html body .guest-game-callout h2 .guest-game-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border-radius:9px;font:700 13px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:0;white-space:nowrap;} html body .guest-game-callout h2 .guest-game-download>i{font-size:20px;} html body .guest-game-guide{color:var(--private-accent,#e0f8ff)!important;background:linear-gradient(180deg,#191919,#101010)!important;border-color:color-mix(in srgb,var(--private-accent,#e0f8ff) 38%,rgba(255,255,255,.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 3px 7px rgba(0,0,0,.48)!important;} html body .guest-game-benefits{display:flex;flex-wrap:wrap;gap:8px;} html body .guest-game-benefits>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--private-accent,#e0f8ff) 25%,transparent);border-radius:9px;color:rgba(238,238,238,.82);background:color-mix(in srgb,var(--private-accent,#e0f8ff) 6%,#111);font:650 12px/1 ui-sans-serif,system-ui,sans-serif;} html body .guest-game-benefits>span>i{color:var(--private-accent,#e0f8ff);font-size:17px;} html body .guest-home-intro>p{max-width:720px;margin:14px 0 18px;color:inherit;font:400 15px/1.6 ui-sans-serif,system-ui,sans-serif;opacity:.72;} html body .guest-home-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} html body .guest-home-feature{display:flex;align-items:flex-start;gap:10px;min-width:0;} html body .guest-home .guest-home-feature.hnCard:first-child{padding:10px!important;} html body .guest-home-feature>i{flex:0 0 auto;color:var(--private-accent,#e0f8ff);font-size:23px;line-height:1;} html body .guest-home-feature strong,html body .guest-home-feature span{display:block;} html body .guest-home-feature strong{margin-bottom:3px;color:inherit;font:700 13px/1.25 ui-sans-serif,system-ui,sans-serif;} html body .guest-home-feature span{color:inherit;font:400 11px/1.4 ui-sans-serif,system-ui,sans-serif;opacity:.62;} html body .guest-home-auth{position:relative;display:flex;align-items:stretch;min-height:0!important;} html body .guest-home-auth .guest-auth-card{display:flex;flex-direction:column;width:100%;min-height:0!important;height:100%!important;margin:0!important;padding:10px 12px!important;} html body .guest-auth-card:not(.guest-home-auth .guest-auth-card){display:none!important;} html body .guest-home-auth .guest-auth-card .block_head{min-height:0!important;margin:0 0 2px!important;padding:0!important;line-height:1.35!important;} html body .guest-auth-copy{margin:0 0 16px;color:inherit;font:400 13px/1.5 ui-sans-serif,system-ui,sans-serif;opacity:.66;} html body .guest-auth-card .btn{height:34px!important;min-height:34px!important;margin-top:5px!important;padding:0 12px!important;line-height:32px!important;} html body .guest-auth-card .guest-auth-primary{margin-top:5px!important;} html body .guest-auth-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:13px;color:inherit;font:500 11px/1.3 ui-sans-serif,system-ui,sans-serif;opacity:.58;} html body .guest-auth-note i{color:var(--private-accent,#e0f8ff);font-size:15px;} @media(max-width:991px){html body .guest-home>.content>.container{padding-top:18px;}html body .guest-home-welcome{grid-template-columns:1fr;}html body .guest-home-features{grid-template-columns:repeat(3,minmax(0,1fr));}html body .guest-auth-card .guest-auth-primary{margin-top:5px!important;}} @media(max-width:680px){html body .guest-home-entry{margin-top:12px;margin-bottom:22px;}html body .guest-home-intro{padding:14px 10px;}html body .guest-home-features{grid-template-columns:1fr;}html body .guest-home-kicker{font-size:10px;}html body .guest-home-intro h1{font-size:clamp(13px,4.1vw,27px);}html body .guest-home-intro>p{margin-bottom:14px;font-size:14px;}} @media(max-width:680px){html body .guest-game-callout{margin-top:10px;padding-top:10px;}html body .guest-game-callout h2{gap:7px;font-size:clamp(16px,5vw,24px);}html body .guest-game-callout h2 .guest-game-download{min-height:34px;padding:0 9px;font-size:10px;}html body .guest-game-callout>p{font-size:12px;}html body .guest-game-actions .btn{flex:1 1 145px;}html body .guest-game-benefits>span{flex:1 1 auto;justify-content:center;}} @media(max-width:720px){html body .guest-home .header>.container{grid-template-columns:auto 1fr auto!important;gap:8px!important;}html body .guest-home .header .branding{max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}html body .guest-home .guest-header-action{height:36px!important;min-height:36px!important;padding:0 10px!important;}html body .guest-home .guest-header-action>span{display:none!important;}html body .guest-home .guest-header-action>i{font-size:21px!important;}} } /* breadcrumb-inner-surface-removed-20261002 */ /* Global footer navigation: visible hover/focus on every page and palette. */ html body .wapper>.footer.footer ul li>a[data-footer-link] { box-sizing:border-box!important; margin:-3px -7px!important; padding:3px 7px!important; border:1px solid transparent!important; border-radius:7px!important; background-color:transparent!important; background-image:none!important; transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important; } html body .wapper>.footer.footer ul li>a[data-footer-link]:is(:hover,:focus-visible) { color:var(--as-ui-accent-bright,#fff)!important; -webkit-text-fill-color:var(--as-ui-accent-bright,#fff)!important; background-color:color-mix(in srgb,var(--as-ui-accent,#fff) 18%,transparent)!important; background-image:none!important; border-color:color-mix(in srgb,var(--as-ui-accent,#fff) 48%,transparent)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--as-ui-accent,#fff) 10%,transparent),0 3px 12px #0003!important; transform:translateX(3px)!important; text-decoration:none!important; } @media(prefers-reduced-motion:reduce) { html body .wapper>.footer.footer ul li>a[data-footer-link] {transition:none!important;} } /* profile-menu-theme-20260928 */ /* Keep the account trigger on the same live surface as the main menu button. */ @supports (--private-theme-static: 1) { html[data-private-theme][data-private-mode] body .wapper .header .collapsible-menu.user-menu > li > a { background:linear-gradient(180deg,var(--appearance-menu-top),var(--appearance-menu-bottom))!important; border-color:color-mix(in srgb,var(--private-accent) 28%,transparent)!important; box-shadow:0 3px 8px #0003,inset 0 1px 0 #ffffff10!important; } @media (hover:hover) and (pointer:fine) { html[data-private-theme][data-private-mode] body .wapper .header .collapsible-menu.user-menu > li > a:hover { background:linear-gradient(180deg,color-mix(in srgb,var(--appearance-menu-top) 90%,white),color-mix(in srgb,var(--appearance-menu-bottom) 90%,white))!important; border-color:color-mix(in srgb,var(--private-accent) 55%,transparent)!important; } } html[data-private-theme][data-private-mode] body .wapper .header .collapsible-menu.user-menu > li > a:focus-visible, html[data-private-theme][data-private-mode] body .wapper .header .collapsible-menu.user-menu > li > a.open, html[data-private-theme][data-private-mode] body .wapper .header .collapsible-menu.user-menu > li.profileDropdownOpen > a { background:linear-gradient(180deg,color-mix(in srgb,var(--appearance-menu-top) 90%,white),color-mix(in srgb,var(--appearance-menu-bottom) 90%,white))!important; border-color:color-mix(in srgb,var(--private-accent) 55%,transparent)!important; } }