/* Layout/type values come from the supplied Lunar stylesheets. */
.auth-panel .login-header .bg-stretch { background: #168cc2 url('/images/home-banner.jpg') center/cover; }
.auth-panel .login-header img { object-fit: contain; }
.auth-panel .input-group { padding-left: 20px; padding-right: 20px; }
.auth-panel > form[data-account-form="/api/login"] + a { display: inline-block; margin-top: 6px; }
.auth-panel > form[data-account-form="/api/login"] + a + p { margin: 4px 0 6px; }
.auth-panel label { font-size: 14px; margin-bottom: 4px; text-align: left; }
.auth-panel .auth-hint,.auth-result { font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.auth-result.is-error { color: #c62828; }
.auth-panel input:focus-visible { outline: 2px solid #247c9e; outline-offset: 2px; }
.auth-panel button:disabled { opacity: .6; cursor: wait; }
@font-face { font-family: FontAwesome; src: url('/fonts/fontawesome-webfont.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: block; }
.navbar-expand-lg .navbar-brand { display: flex; align-items: center; padding: 0; }
.navbar-expand-lg .navbar-brand img { display: block; width: 40px; height: 40px; object-fit: contain; }
.navbar-brand-wordmark { color: #373737; font: 800 22px/1 Raleway,Arial,sans-serif; letter-spacing: 3px; }
.home-page .navbar-brand-wordmark { color: #fff; }
.navbar-expand-lg .navbar-nav { width: auto; flex-wrap: nowrap; }
.navbar-expand-lg .navbar-nav > li { padding: 0 14px; margin: 10px 0; }
.navbar-expand-lg .navbar-nav .nav-link { font: inherit; letter-spacing: inherit; text-transform: inherit; line-height: inherit; }
.navbar-expand-lg .navbar-nav > li > .nav-link { display: inline-flex; align-items: center; padding: 0 !important; }
.footer .footer-right { padding: 24px 35px; }
body .navbar-expand-lg .navbar-nav > li.store-link > a.nav-link { color: #229ed9 !important; opacity: 1; }
.navbar-expand-lg button.nav-link { padding: 0; border: 0; background: transparent; color: #262626; opacity: .75; cursor: pointer; }
.navbar-expand-lg button.nav-link:hover, .navbar-expand-lg button.nav-link[aria-expanded=true] { opacity: 1; }
.navbar-expand-lg #stats-toggle,.navbar-expand-lg #stats-toggle:hover,.navbar-expand-lg #stats-toggle:focus,.navbar-expand-lg #stats-toggle[aria-expanded=true] { color: #000 !important; opacity: 1; }
.navbar-expand-lg .account-links.account-dropdown { display: flex; width: auto; margin-left: auto; align-items: center; flex-flow: row nowrap; gap: 22px; }
.navbar-expand-lg .account-dropdown .user { width: auto; padding-right: 0; align-items: center; flex-flow: row nowrap; gap: 10px; }
.navbar-expand-lg .account-dropdown .user { font-family: Raleway,Arial,Helvetica,sans-serif; }
.navbar-expand-lg .account-dropdown a.user { color: inherit; text-decoration: none; }
.navbar-expand-lg .account-dropdown a.user:hover,.navbar-expand-lg .account-dropdown a.user:focus { color: inherit; text-decoration: none; }
.navbar-expand-lg .account-dropdown a.user:focus-visible { outline: 2px solid #247c9e; outline-offset: 4px; border-radius: 2px; }
.navbar-expand-lg .account-dropdown .user .user-info { display: flex; flex-flow: column nowrap; align-items: flex-end; width: auto; padding: 0; text-align: right; }
.navbar-expand-lg .account-dropdown .user span.sub-txt { display: block; color: #858a95; font-size: 8px; line-height: 9px; letter-spacing: .3px; text-transform: uppercase; }
.navbar-expand-lg .account-dropdown .user span.user-name { display: block; margin: 0; padding-right: 0; color: #404040; font-size: 12px; line-height: 14px; font-weight: 800; letter-spacing: .5px; text-align: right; white-space: nowrap; }
.navbar-expand-lg .account-dropdown .user .user-avatar { display: block; width: 24px; flex: none; }
.navbar-expand-lg .account-dropdown .user .user-avatar img { display: block; width: 24px; height: 24px; object-fit: cover; image-rendering: pixelated; }
.account-logout { margin: 0; }
.account-logout button { border: 0; background: transparent; color: #d94b4b; font-size: 17px; padding: 4px; cursor: pointer; }
.account-logout button:hover { color: #a92424; }
.account-menu { position: relative; margin: 0; }
.account-menu summary { display: flex; width: 24px; height: 32px; flex-direction: column; align-items: center; justify-content: center; gap: 3px; list-style: none; cursor: pointer; }
.account-menu summary::-webkit-details-marker { display: none; }
.account-menu summary span:not(.account-menu-notification-count) { display: block; width: 18px; height: 2px; border-radius: 2px; background: #c5c5c5; }
.account-menu summary:hover span:not(.account-menu-notification-count) { background: #888; }
.account-menu summary:focus-visible { outline: 2px solid #247c9e; outline-offset: 2px; }
.account-menu-items { position: absolute; top: calc(100% + 6px); right: 0; z-index: 1000; min-width: 145px; padding: 5px 0; border: 1px solid #ddd; border-radius: 4px; background: #fff; box-shadow: 0 4px 12px #0002; }
.account-menu-items a,.account-menu-items button { display: flex; align-items: center; width: 100%; padding: 5px 8px; border: 0; background: transparent; color: #666; text-align: left; font: .75rem/16px Raleway,Arial,Helvetica,sans-serif; text-decoration: none; cursor: pointer; }
.account-menu-items a:hover,.account-menu-items button:hover { background: #f4f4f4; color: #222; text-decoration: none; }
.profile-socials { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin: -2px 0 15px; }
.profile-socials a,.profile-socials .social-username { display: inline-block; border: 1px solid #d7e1e5; border-radius: 4px; padding: 6px 12px; background: #fff; color: #426c91; }
.profile-socials a:hover { border-color: #4ccbd2; color: #16383c; }
.password-requirements { margin: 0 20px 14px; font-size: 13px; color: #667; }
.navbar-expand-lg .dropdown-menu[hidden] { display: none !important; }
.navbar-expand-lg .dropdown-menu:not([hidden]) { display: block; }
.navbar-expand-lg .dropdown-menu { top: calc(100% + 9px); margin: 0; }
.navbar-expand-lg .dropdown-menu li { padding: 0; margin: 0; }
.navbar-expand-lg .dropdown-menu .dropdown-item { padding: 7px 14px !important; }
.navbar-expand-lg .dropdown-toggle:focus-visible, .navbar a:focus-visible, .connect-address:focus-visible { outline: 2px solid #247c9e; outline-offset: 5px; }
.navbar-expand-lg #stats-toggle:focus,.navbar-expand-lg #stats-toggle:focus-visible { outline: 0; box-shadow: none; text-decoration: none; }
.navbar-expand-lg #stats-toggle:focus-visible { text-decoration: underline; text-underline-offset: 5px; }
.copy-status { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); padding: 3px 8px; background: #fff; border-radius: 3px; color: #27613c; text-transform: none; letter-spacing: normal; white-space: nowrap; z-index: 1; }
.copy-status:empty { display: none; }
.home-page { overflow-x: clip; background: #f7f8f9; }
.home-page .main { padding-bottom: 48px; }
.home-page .header { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: transparent; box-shadow: none; }
.home-page .navbar-expand-lg { background: transparent !important; }
.home-page .navbar-expand-lg .navbar-nav > li { padding: 0; margin: 0 4px; }
.home-page .navbar-expand-lg .navbar-nav > li > .nav-link { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 12px !important; border-radius: 4px; background: transparent; color: #fff !important; opacity: 1; }
.home-page .navbar-expand-lg #stats-toggle,.home-page .navbar-expand-lg #stats-toggle:hover,.home-page .navbar-expand-lg #stats-toggle:focus { color: #fff !important; }
.home-page .navbar-expand-lg .account-links.account-dropdown { padding: 0 10px; border-radius: 4px; background: transparent; }
.home-page .navbar-expand-lg .account-dropdown .user span.sub-txt { color: #dce4ea; }
.home-page .navbar-expand-lg .account-dropdown .user span.user-name { color: #fff; }
.home-page .account-menu summary span { background: #dce4ea; }
.home-page .account-menu summary:hover span:not(.account-menu-notification-count) { background: #fff; }
.home-page .account-menu summary .account-menu-notification-count { background: #db4040; }
.home-page .navbar-expand-lg .player-search .form-control { border-color: #ffffff8c; background: transparent; box-shadow: 0 2px 8px #0004,inset 0 1px #ffffff1f; color: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
.home-page .navbar-expand-lg .player-search .form-control::placeholder { color: #ffffffb8; opacity: 1; }
.home-page .navbar-expand-lg .player-search .form-control:focus { border-color: #fff; background: transparent; box-shadow: 0 0 0 2px #8cdfff47,0 2px 8px #0004; }
.home-page .navbar-expand-lg .player-search .btn,.home-page .navbar-expand-lg .player-search .btn:hover,.home-page .navbar-expand-lg .player-search .btn:focus,.home-page .navbar-expand-lg .player-search .btn:active { border: 0; background: transparent; box-shadow: none; outline: 0; color: #ffffffe0; }
.home-page .navbar-expand-lg .player-search .btn:focus-visible i { color: #fff; filter: drop-shadow(0 0 3px #8cdfff); }
.forum-post-page .navbar-expand-lg .player-search .form-control { border-color: #ffffff8c; background: transparent; box-shadow: 0 2px 8px #0004,inset 0 1px #ffffff1f; color: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
.forum-post-page .navbar-expand-lg .player-search .form-control::placeholder { color: #ffffffb8; opacity: 1; }
.forum-post-page .navbar-expand-lg .player-search .form-control:focus { border-color: #fff; background: transparent; box-shadow: 0 0 0 2px #8cdfff47,0 2px 8px #0004; }
.forum-post-page .navbar-expand-lg .player-search .btn,.forum-post-page .navbar-expand-lg .player-search .btn:hover,.forum-post-page .navbar-expand-lg .player-search .btn:focus,.forum-post-page .navbar-expand-lg .player-search .btn:active { border: 0; background: transparent; box-shadow: none; outline: 0; color: #ffffffe0; }
.forum-post-page .navbar-expand-lg .player-search .btn:focus-visible i { color: #fff; filter: drop-shadow(0 0 3px #8cdfff); }
.home-showcase { display: flex; width: 100vw; min-height: clamp(480px, 55vh, 640px); margin-left: calc(50% - 50vw); padding-top: 70px; align-items: center; justify-content: center; background: linear-gradient(#0002,#0003),url('/images/atlas-home-banner.png') center/cover; color: #fff; text-align: center; }
.home-showcase-inner { padding: 24px 20px 35px; }
.home-showcase img { display: block; width: 190px; height: 175px; margin: 0 auto 10px; object-fit: contain; filter: drop-shadow(0 10px 18px #000b) drop-shadow(0 2px 5px #0008); }
.home-showcase h1 { margin: 0; color: #fff; font-size: 27px; font-weight: 800; letter-spacing: 12px; text-transform: uppercase; }
.home-showcase p { margin: 8px 0 0; color: #c7d4db; font-size: 10px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; }
.home-actions .row { display: flex; flex-wrap: wrap; }
.home-actions .main-top-col { display: flex; }
.home-actions .main-top-content { position: relative; width: 100%; }
.home-actions .main-top-col:first-child .main-top-content.main-top-button a { background: #db4040; }
.home-actions .main-top-col:last-child .main-top-content.main-top-button a { background: #db4040; }
.home-actions .main-top-content.main-top-button { border-radius: 6px; overflow: hidden; }
.home-actions .main-top-content.main-top-button a,.home-actions .main-top-content.main-top-button a:before,.home-actions .main-top-content.main-top-button a:after { border-radius: 6px; }
.home-connect-address { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; border: 0; background: transparent; color: #333; cursor: copy; font: inherit; font-weight: 700; letter-spacing: inherit; text-transform: uppercase; }
.home-connect-address:focus,.home-connect-address:focus-visible { outline: 0; box-shadow: none; }
.home-connect-address:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.home-page .home-connect-address,.home-page .home-connect-address:hover { color: #000; }
.home-connect-address:hover { color: #168cc2; }
.home-copy-status { position: absolute; top: calc(100% + 3px); left: 50%; z-index: 2; transform: translateX(-50%); padding: 2px 6px; border-radius: 3px; background: #fff; color: #27613c; font-size: 12px; letter-spacing: normal; white-space: nowrap; text-transform: none; }
.home-copy-status:empty { display: none; }
.home-news-shell { width: 100%; max-width: 945px; margin: 3px auto 0; }
.home-news-card { min-height: 242px; padding: 21px; border: 1px solid #ececec; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px #0002; }
.home-news-category { padding: 0 0 12px; border-bottom: 1px solid #e8e8e8; color: #555; font-size: 16px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
.home-news-content { color: #666; }
.home-news-category + .home-news-content { padding-top: 18px; }
.home-news-header { margin-bottom: 22px; padding-bottom: 12px; border-bottom: 1px solid #ece7e7; }
.home-news-meta { margin: 2px 0 0; color: #777; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 90%; line-height: 1.2142857; }
.home-news-content h2 { margin: 0 0 12px; color: #333; font-size: 28px; font-weight: 400; line-height: 1.25; }
.home-news-header h2 { margin: 0; color: #29343c; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 28px; font-weight: 700; letter-spacing: normal; line-height: 1.2307692308; text-transform: none; }
.home-news-content h2 a { color: inherit; }
.home-news-content h2 a:hover { color: #222; }
.home-news-time { position: relative; display: inline-block; cursor: help; }
.home-news-time[data-exact-time]::after { content: attr(data-exact-time); position: absolute; z-index: 3; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); width: max-content; max-width: min(320px, calc(100vw - 32px)); padding: 6px 9px; background: #222; box-shadow: 0 2px 5px #0004; color: #fff; font: 14px/1.35 Raleway,Arial,sans-serif; white-space: normal; pointer-events: none; }
.home-news-time[data-exact-time]::before { content: ''; position: absolute; z-index: 3; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #222; border-bottom: 0; pointer-events: none; }
.home-news-excerpt { min-height: 68px; margin: 0 0 22px; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.2142857; }
.home-news-excerpt p { margin: 0 0 12px; }
.home-news-excerpt p:last-child { margin-bottom: 0; }
.home-news-excerpt.is-truncated { max-height: 82px; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%); mask-image: linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%); }
.forum-post-divider { height: 0; margin: 16px 0; border: 0; border-top: 1px solid #ddd; }
.home-news-more { display: block; padding: 8px 12px; border: 1px solid #168cc2; border-radius: 5px; background: #229ed9; color: #fff; text-align: center; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.home-news-more:hover { background: #168cc2; color: #fff; text-decoration: none; }
.forum-new-post { max-width: 760px; margin: 20px auto; padding: 26px; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px #0002; }
.forum-new-post h1 { margin: 0 0 12px; font-size: 24px; color: #333; }
.forum-new-post form { display: grid; gap: 8px; margin-top: 20px; }
.forum-new-post label { margin: 8px 0 0; font-weight: 700; }
.forum-new-post input,.forum-new-post select,.forum-new-post textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #333; font: inherit; }
.forum-new-post textarea { resize: vertical; line-height: 1.5; }
.forum-format-hint { display: block; margin-top: -2px; color: #777; font-size: 12px; }
.forum-format-hint code { color: #555; font-family: Consolas,monospace; font-weight: 700; }
.forum-new-post .btn-holder { margin-top: 10px; text-align: right; }
.forum-new-post .auth-result { min-height: 1.5em; }
.forum-author { display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; white-space: nowrap; }
.forum-author img { display: block; border-radius: 2px; image-rendering: pixelated; }
.forum-author a,.forum-author strong { font-weight: 700; }
.home-news-meta { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.thread-list .thread-byline { margin-top: 0; color: #666; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.2142857; }
.thread-list .thread-byline .forum-author { vertical-align: baseline; }
.thread-list tbody td { padding-top: .75rem; padding-bottom: .75rem; }
.thread-list td.thread-gutter { width: 68px; min-width: 68px; padding-right: 10px; text-align: right; vertical-align: middle; }
.thread-list .news-pin-icon { color: #666; font-size: 23px; line-height: 1; }
.thread-list .thread-main-layout { display: flex; align-items: center; gap: 10px; min-width: 0; }
.thread-list .thread-author-avatar { display: block; flex: 0 0 32px; width: 32px; height: 32px; }
.thread-list .thread-author-avatar img { display: block; width: 32px; height: 32px; border-radius: 2px; image-rendering: pixelated; }
.thread-list .thread-copy { min-width: 0; }
.thread-list td.thread-main h3 { margin: 0; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 700; line-height: 1; }
.thread-list td.thread-main h3 a { color: #5578a0; text-decoration: none; }
.thread-list td.thread-main h3 a:hover { text-decoration: underline; }
.forum-post-page { position: relative; min-height: 100vh; background: #f5f7f9; }
.forum-post-page::before { content: ''; position: absolute; inset: 0 0 auto; height: 430px; background: linear-gradient(180deg,#0e2434b8 0%,#1734468c 45%,#f5f7f9 100%),url('/images/atlas-forum-background.png') center 42%/cover no-repeat; pointer-events: none; }
.forum-post-page .wrapper { position: relative; z-index: 1; }
.forum-post-page .header { background: transparent; box-shadow: none; }
.forum-post-page .navbar-expand-lg { background: transparent !important; }
.forum-post-page .navbar-expand-lg .navbar-nav > li > .nav-link,.forum-post-page .navbar-expand-lg #stats-toggle,.forum-post-page .navbar-expand-lg #stats-toggle:hover,.forum-post-page .navbar-expand-lg #stats-toggle:focus { color: #fff !important; }
.forum-post-page .navbar-expand-lg .account-links.account-dropdown { padding: 0 10px; border-radius: 4px; background: transparent; }
.forum-post-page .navbar-expand-lg .account-dropdown .user span.sub-txt { color: #dce4ea; }
.forum-post-page .navbar-expand-lg .account-dropdown .user span.user-name { color: #fff; }
.forum-post-page .navbar-expand-lg .account-links:not(.account-dropdown) .nav-link { color: #fff; }
.forum-post-page .account-menu summary span { background: #dce4ea; }
.forum-post-page .account-menu summary:hover span:not(.account-menu-notification-count) { background: #fff; }
.forum-post-page .account-menu summary .account-menu-notification-count { background: #db4040; }
.forum-post-page .navbar-toggler { border-color: #ffffffaa; }
.forum-post-page .navbar-toggler-icon { filter: invert(1); }
.forum-post-avatar img { display: block; border-radius: 3px; image-rendering: pixelated; }
.forum-post-body { min-width: 0; }
.news-post .forum-post-title { margin: 0 0 8px; color: #29343c; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 28px; font-weight: 700; line-height: 1.2307692308; }
.news-post .forum-post-info { color: #666; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 90%; line-height: 1.2142857; }
.news-post .forum-post-info .forum-relative-time,.news-post .forum-post-info .forum-author,.news-post .forum-post-info .forum-author a,.news-post .forum-post-info .news-edited { font-family: Raleway,Arial,Helvetica,sans-serif; }
.news-post .forum-post-content { padding: 10px 0; color: #555; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.2142857; }
.news-post .forum-post-content p:last-child { margin-bottom: 0; }
.forum-auto-link { color: #2675ad; text-decoration: underline; overflow-wrap: anywhere; }
.forum-auto-link:hover,.forum-auto-link:focus { color: #174d74; text-decoration: underline; }
.forum-post-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.forum-post-actions form { display: inline-flex; align-items: center; gap: 10px; margin: 0; }
.forum-post-actions .btn-danger { color: #fff; background: #c74444; border-color: #b53b3b; }
.forum-post-actions .auth-result.is-error { color: #b22; }
.news-post .forum-post-avatar img { width: 80px; height: 100px; object-fit: contain; }
.news-edited { color: #888; }
.news-thread-reply-form textarea,.news-reply-compose textarea { display: block; width: 100%; margin-bottom: 8px; font: inherit; font-size: 16px; resize: vertical; }
.news-thread-reply-form .auth-result,.news-reply-compose .auth-result { margin-left: 10px; }
.news-login-note { margin: 0; }
#forum-replies > hr { margin: 12px 0 0; }
.news-comment-list .forum-reply { padding-top: 14px; }
.news-comment-list .forum-reply-gutter { flex: 0 0 24px; margin-right: 6px; }
.news-comment-list .forum-reply-gutter img { display: block; width: 24px; height: 24px; image-rendering: pixelated; }
.news-comment-list .forum-reply-children { border-left: 0; }
.news-comment-list .forum-reply-body { min-width: 0; font-family: Raleway,Arial,Helvetica,sans-serif; }
.news-comment-list .forum-reply-body * { font-family: Raleway,Arial,Helvetica,sans-serif; }
.news-comment-list .forum-reply-info { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: #888; font-size: 80%; }
.news-comment-list .forum-reply-content { color: #4d5860; font-size: 14px; line-height: 1.2142857; }
.news-comment-list .forum-reply-controls { display: flex; align-items: baseline; gap: 10px; margin-top: 2px; color: #888; font-size: 80%; }
.news-comment-list .forum-reply-controls>details { display: inline-block; vertical-align: top; }
.news-reply-compose summary { display: inline-block; cursor: pointer; color: #6281a0; font-weight: 700; }
.news-reply-compose summary:hover { text-decoration: underline; }
.news-reply-compose form { margin: 9px 0 12px; }
.forum-reply-permalink { color: #6188b0; }
.forum-reply-delete { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.forum-reply-delete button { border: 0; padding: 0; background: transparent; color: #b74444; font: inherit; cursor: pointer; }
.forum-reply-delete button:hover,.forum-reply-delete button:focus-visible { text-decoration: underline; }
.news-no-comments { margin: 0; color: #777; }
@media (max-width: 600px) { .news-post .forum-post-avatar { flex: 0 0 58px; padding-right: 10px; } .news-post .forum-post-avatar img { width: 48px; height: 64px; } .news-post .forum-post-title { font-size: 22px; } .news-comment-list .forum-reply-children { margin-left: 6px; padding-left: 8px; } }
:root { --atlas-panel-gradient: url('/images/lunar-category-bg.png') center/cover no-repeat,linear-gradient(110deg,#290e1d,#50132f 52%,#8a192c); --atlas-leaderboard-gradient: var(--atlas-panel-gradient); }
.atlas-leaderboards .table thead { background: #411824; }
.atlas-leaderboards .table thead th { background: transparent; color: #fff; }
.atlas-leaderboards .table thead .bg-box { display: none; }
.footer .footer-logo { width: 40px; height: 40px; object-fit: contain; }
.main .post-body { padding-bottom: 12px; }
/* Match Lunar's search markup and dropdown stylesheet without importing its accounts scripts. */
.navbar-expand-lg .player-search { flex: 0 1 245px; width: 245px; margin-left: 20px; }
.navbar-expand-lg .account-links { margin-left: 12px; }
.player-search .form-control::-webkit-search-cancel-button { -webkit-appearance: none; }
.player-search .autocomplete-suggestions { position: absolute; top: calc(100% + 4px); left: 0; width: 100%; max-height: 300px; z-index: 1000; }
.player-search .autocomplete-suggestions[hidden] { display: none; }
.player-search .autocomplete-suggestion { display: flex; align-items: center; gap: 6px; width: 100%; text-align: left; color: #666; font: inherit; font-size: .75rem; line-height: 16px; border: 0; border-radius: 0; background: white; padding: 5px 8px; cursor: pointer; }
.player-search .player-head { width: 16px; height: 16px; flex: 0 0 16px; image-rendering: pixelated; border-radius: 2px; background: #e5e5e5; }
.player-search .autocomplete-suggestion:hover, .player-search .autocomplete-selected { background: #f0f0f0; color: #262626; }
.player-search .autocomplete-no-suggestion { padding: 8px; line-height: 1.5; white-space: normal; }
.player-results { padding-top: 24px; }
.player-results h1 { font-size: 24px; font-weight: 600; letter-spacing: 1px; }
/* Lunar's archived 2019 profile proportions, adapted to Atlas's public fields and white theme. */
body.profile-page { background: #f5f5f5; color: #262626; }
.profile-page .main { padding-top: 15px; padding-bottom: 64px; }
.player-profile { font-family: Raleway, sans-serif; }
.player-profile h1 { color: #fff; }
.player-profile h3 { color: #262626; }
.profile-banner { min-height: 84px; border: 1px solid #555; box-shadow: inset 0 0 0 2px #ffffff29; border-radius: 6px; display: flex; justify-content: center; align-items: center; gap: 12px; padding: 22px; margin-bottom: 15px; background-image: linear-gradient(#0002,#0003),url('/images/practice-stats-background.png'); background-position: center; background-size: auto,calc(100% + 28px) auto; background-repeat: no-repeat; }
.profile-banner img { image-rendering: pixelated; flex: 0 0 32px; }
.profile-banner h1 { margin: 0; font-size: 24px; line-height: 29px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; overflow-wrap: anywhere; }
.profile-layout { display: grid; grid-template-columns: 24% minmax(0,1fr); gap: 15px; align-items: start; }
.profile-sidebar { min-width: 0; }
.profile-skin-card { overflow: visible; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px #0002; text-align: center; }
.profile-edit-link,.store-rank-card button,.store-upgrade-buy { display: flex; min-height: 28px; align-items: center; justify-content: center; gap: 6px; border: 1px solid #999; border-radius: 4px; background: linear-gradient(#b4b4b4,#a6a6a6); box-shadow: 0 1px 2px #0002,0 0 1px 1px #fff5 inset; color: #fff; font: 700 12px/16px Raleway,Arial,sans-serif; letter-spacing: 1.1px; text-decoration: none; text-shadow: 0 1px 1px #0003; text-transform: uppercase; }
.profile-edit-link { min-height: 28px; margin-top: 12px; }
.profile-edit-link:hover,.profile-edit-link:focus-visible { background: linear-gradient(#a6a6a6,#939393); color: #fff; text-decoration: none; }
.profile-edit-link:focus-visible { outline: 2px solid #247c9e; outline-offset: 3px; }
#social-links { scroll-margin-top: 20px; }
.profile-card-label, .profile-card-foot { padding: 8px 10px; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #fff; }
.profile-card-label { box-sizing: border-box; position: relative; padding: 7px 10px; border: 1px solid #0002; border-radius: 4px 4px 0 0; background: #b7b7b7; box-shadow: 0 0 1px 1px #fff3 inset; font-family: Raleway,Arial,sans-serif; font-weight: 500; letter-spacing: 2px; text-shadow: 0 1px 1px #0003; }
.profile-card-label strong,.profile-card-label span { display: block; }
.profile-card-label strong { overflow-wrap: anywhere; font-size: 16px; line-height: 16px; font-weight: 700; }
.profile-card-label span { margin-top: 0; font-size: 10px; line-height: 13px; font-weight: 500; text-transform: uppercase; }
.profile-card-label.is-online { background-image: linear-gradient(to bottom,#64cb43 0%,#55ad39 100%); }
.profile-card-label.is-offline { background-image: linear-gradient(to bottom,#b7b7b7 0%,#b7b7b7 100%); }
.profile-card-label.is-banned { background-image: linear-gradient(to bottom,#c94444 0%,#ab3838 100%); }
.profile-card-label .last-seen-label[data-last-seen-exact] { display: inline-block; }
.profile-card-label .last-seen-label[data-last-seen-exact]::after { content: attr(data-last-seen-exact); position: absolute; z-index: 3; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); width: max-content; max-width: min(320px, calc(100vw - 32px)); padding: 8px 10px; background: #000; box-shadow: 0 2px 5px #0004; color: #fff; font: 400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif; letter-spacing: 0; text-transform: none; white-space: normal; pointer-events: none; }
.profile-card-label .last-seen-label[data-last-seen-exact]::before { content: ''; position: absolute; z-index: 3; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #000; border-bottom: 0; pointer-events: none; }
.profile-card-foot { background: #aaa; border: 1px solid #0003; border-radius: 0 0 4px 4px; box-shadow: inset 0 0 0 1px #ffffff30; }
.profile-general-card { margin-top: 15px; padding: 14px 10px 13px; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px #0002; text-align: center; text-transform: uppercase; color: #666; letter-spacing: 1px; }
.profile-general-card h2 { margin: 0 0 8px; color: #888; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 1px; }
.profile-general-card p { margin: 4px 0; font-size: 12px; line-height: 18px; }
.profile-general-card strong { color: #555; font-weight: 700; }
.profile-skin-card .profile-body { display: block; width: 128px; max-width: calc(100% - 32px); height: 216px; object-fit: contain; margin: 20px auto 10px; image-rendering: pixelated; }
.profile-skin-footer { position: relative; min-height: 38px; padding: 0 52px 15px; }
.profile-skin-card .profile-skin-footer p { font-size: 18px; line-height: 22px; font-weight: 700; margin: 0; overflow-wrap: anywhere; }
.profile-skin-controls { position: absolute; right: 12px; bottom: 11px; display: flex; align-items: center; gap: 2px; }
.profile-skin-controls button { width: 20px; height: 24px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: #435767; font: 700 25px/20px Arial,sans-serif; cursor: pointer; }
.profile-skin-controls button:hover:not(:disabled),.profile-skin-controls button:focus-visible { background: #e8f3f5; color: #168b9b; }
.profile-skin-controls button:disabled { color: #bac2c9; cursor: default; }
.profile-cloak-card { margin-top: 15px; padding: 12px 12px 14px; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px #0002; text-align: center; }
.profile-cloak-card h2 { margin: 0 0 9px; color: #888; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.profile-cloak-card h2 a { color: #2385b2; text-decoration: none; }
.profile-cloak-card h2 a:hover,.profile-cloak-card h2 a:focus-visible { color: #14688c; text-decoration: underline; }
.profile-cloak-gallery { display: grid; grid-template-columns: repeat(auto-fill,minmax(50px,1fr)); justify-items: center; gap: 8px; padding-bottom: 0; }
.profile-cloak-gallery--single { display: flex; justify-content: center; }
.profile-cloak-gallery .profile-cloak-frame { width: 50px; height: 80px; }
.profile-cloak-item { position: relative; display: block; text-decoration: none; cursor: pointer; }
.profile-cloak-item:focus-visible { outline: 2px solid #247c9e; outline-offset: 3px; border-radius: 6px; }
.profile-cloak-item::after { position: absolute; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); z-index: 1070; width: max-content; max-width: 200px; padding: 3px 8px; background: #000; color: #fff; content: attr(data-tooltip); font: 400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif; white-space: pre-line; text-align: center; }
.profile-cloak-item::before { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 1070; border: 5px solid transparent; border-top: 0; border-bottom-color: #000; content: ''; }
.profile-cloak-item::before,.profile-cloak-item::after { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s linear,visibility 0s linear .15s; }
.profile-cloak-item:is(:hover,:focus-visible)::before,.profile-cloak-item:is(:hover,:focus-visible)::after { opacity: .9; visibility: visible; transition-delay: 0s; }
@media(prefers-reduced-motion:reduce){.profile-cloak-item::before,.profile-cloak-item::after{transition:none}}
.profile-cloak-frame { position: relative; display: flex; align-items: center; justify-content: center; width: 72px; height: 115px; margin-inline: auto; overflow: hidden; border: 1px solid #4a6882; border-radius: 6px; background: linear-gradient(90deg,#344d64,#1b252f 20%,#1b252f 80%,#344d64); box-shadow: -5px 0 12px -3px #4c8bc077,5px 0 12px -3px #4c8bc077,inset 0 0 8px #8bc7f044; }
.profile-cloak-frame img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 5px; image-rendering: auto; }
.profile-cloak-frame img.cape-art-preview { position: absolute; top: -6.25%; left: -10%; width: 640%; height: 200%; max-width: none; object-fit: fill; }
.profile-capes-page { max-width: 1000px; margin: 0 auto; padding: 22px; border-radius: 5px; background: #fff; font-family: Raleway,Arial,Helvetica,sans-serif; box-shadow: 0 1px 2px #0002; }
.profile-capes-page h1 { margin: 12px 0 22px; color: #666; font-size: 20px; line-height: 1.3; letter-spacing: 1px; text-align: center; text-transform: uppercase; }
.profile-capes-back { color: #2385b2; }
.profile-capes-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); gap: 18px; }
.profile-capes-grid article { display: grid; justify-items: center; align-content: start; gap: 12px; min-width: 0; padding: 16px 10px; border: 1px solid #e1e5e8; border-radius: 6px; text-align: center; }
.profile-capes-grid .profile-cloak-frame { width: 96px; height: 154px; }
.profile-capes-grid h2 { margin: 0; color: #333; font-size: 13px; line-height: 1.35; font-weight: 600; }
.profile-cape-card-link { display: grid; justify-items: center; gap: 12px; color: inherit; text-decoration: none; }
.profile-cape-card-link:hover h2,.profile-cape-card-link:focus-visible h2 { color: #2385b2; text-decoration: underline; }
.profile-cape-card-link:focus-visible { outline: 2px solid #247c9e; outline-offset: 4px; border-radius: 4px; }
.cape-index-page { max-width: 1100px; margin: 0 auto; padding: 24px; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px #0002; font-family: Raleway,Arial,Helvetica,sans-serif; }
.cape-archive-page .container { max-width: 1600px; }
.cape-archive-page .main { padding-top: 24px; padding-bottom: 64px; }
.cape-index-page > header { margin-bottom: 26px; padding-bottom: 16px; border-bottom: 1px solid #e1e5e8; text-align: center; }
.cape-index-page > header h1 { margin: 0 0 7px; color: #303b43; font-size: clamp(25px,4vw,34px); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.cape-index-page > header p { margin: 0; color: #75818a; font-size: 15px; }
.cape-index-group + .cape-index-group { margin-top: 30px; }
.cape-index-group h2 { margin: 0 0 14px; color: #3a464e; font-size: 19px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.cape-index-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(145px,1fr)); gap: 16px; }
.cape-index-card { display: grid; min-width: 0; padding: 16px 10px 14px; justify-items: center; gap: 12px; border: 1px solid #e1e5e8; border-radius: 6px; background: #fafbfc; color: #333; text-align: center; text-decoration: none; }
.cape-index-card:hover,.cape-index-card:focus-visible { border-color: #39a3ce; box-shadow: 0 4px 14px #258abb22; color: #2385b2; text-decoration: none; }
.cape-index-card:focus-visible { outline: 2px solid #247c9e; outline-offset: 3px; }
.cape-index-card .profile-cloak-frame { width: 96px; height: 154px; }
.cape-index-card strong { font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.cape-index-empty { text-align: center; color: #75818a; }
.cape-detail-page { max-width: 1100px; margin: 20px auto; font-family: Raleway,Arial,Helvetica,sans-serif; }
.cape-detail-page h1 { margin: 0 0 20px; padding-bottom: 14px; border-bottom: 1px solid #dbe2e6; color: #303b43; font-size: clamp(24px,3vw,34px); font-weight: 600; line-height: 1.2; }
.cape-detail-page h1 span { color: #7e8991; font-weight: 400; }
.cape-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; }
.cape-detail-preview,.cape-detail-profiles { min-width: 0; border: 1px solid #3d474f; border-radius: 7px; background: #242b31; color: #f2f5f6; overflow: hidden; }
.cape-detail-preview { display: grid; min-height: 480px; place-items: center; background-color: #242b31; background-image: linear-gradient(45deg,#ffffff06 25%,transparent 25%,transparent 75%,#ffffff06 75%),linear-gradient(45deg,#ffffff06 25%,transparent 25%,transparent 75%,#ffffff06 75%); background-position: 0 0,16px 16px; background-size: 32px 32px; }
.cape-detail-preview img { display: block; width: min(50%,180px); height: auto; max-height: 390px; object-fit: contain; filter: drop-shadow(0 14px 20px #0009); }
.cape-detail-texture { position: relative; display: block; width: min(50%,180px); height: 288px; overflow: hidden; border-radius: 6px; filter: drop-shadow(0 14px 20px #0009); }
.cape-detail-texture img { position: absolute; top: -6.25%; left: -10%; width: 640%; height: 200%; max-width: none; max-height: none; object-fit: fill; filter: none; }
.cape-detail-profiles { display: flex; flex-direction: column; }
.cape-detail-profiles h2 { margin: 0; padding: 14px 18px; border-bottom: 1px solid #3d474f; color: #f2f5f6; font-size: 18px; font-weight: 600; }
.cape-detail-profiles > p { margin: 0; padding: 12px 18px 0; color: #aebac3; font-size: 12px; }
.cape-detail-player-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-content: start; gap: 9px 12px; max-height: 470px; padding: 16px 18px; overflow-y: auto; }
.cape-detail-player-list a { display: flex; min-width: 0; align-items: center; gap: 7px; color: #83d98c; font-size: 13px; line-height: 28px; text-decoration: none; }
.cape-detail-player-list a:hover,.cape-detail-player-list a:focus-visible { color: #b9ffc1; text-decoration: underline; }
.cape-detail-player-list a:focus-visible { outline: 2px solid #b9ffc1; outline-offset: 2px; border-radius: 2px; }
.cape-detail-player-list img { display: block; width: 28px; height: 28px; flex: none; border-radius: 3px; image-rendering: pixelated; }
.cape-detail-player-list span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cape-detail-profiles > p.cape-detail-empty { padding: 24px 18px; }
.cape-detail-pages { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding: 12px 18px; border-top: 1px solid #3d474f; color: #aebac3; font-size: 12px; }
.cape-detail-pages a { color: #83d98c; }
.cape-detail-footer { margin-top: auto; }
.cape-detail-notes { margin: 0; padding: 12px 18px; color: #aebac3; font-size: 14px; font-style: italic; line-height: 1.5; }
@media (max-width: 760px) { .cape-detail-layout { grid-template-columns: 1fr; } .cape-detail-preview { min-height: 300px; } .cape-detail-preview img { max-height: 250px; } }
@media (max-width: 520px) { .cape-detail-player-list { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.profile-tabs { padding: 20px; text-align: center; background: #fff; border-radius: 4px; margin-bottom: 15px; box-shadow: 0 1px 2px #0002; font-size: 14px; line-height: 17px; letter-spacing: 1.3px; text-transform: uppercase; }
.profile-tabs span { display: inline-block; padding: 5px 11px 3px; background: #b6b6b6; color: #fff; border-radius: 4px; }
.profile-main-tabs { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; padding: 16px 20px; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px #0002; }
.profile-main-tabs a { display: inline-block; border-radius: 5px; padding: 6px 12px; color: #666; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
.profile-main-tabs a[aria-current=page] { background: #b6b6b6; color: #fff; }
.profile-main-tabs a:hover { color: #262626; text-decoration: none; }
.profile-main-tabs a[aria-current=page]:hover { color: #fff; }
.profile-main-tabs a:focus-visible { outline: 2px solid #247c9e; outline-offset: 2px; }
.profile-staff-tabs { flex-basis: 100%; display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; }
.profile-main-tabs a.profile-staff-tab { color: #a64040; }
.profile-main-tabs a.profile-staff-tab[aria-current=page] { background: #a64040; color: #fff; }
.profile-main-tabs a.profile-staff-tab:hover { color: #752e2e; }
.profile-main-tabs a.profile-staff-tab[aria-current=page]:hover { color: #fff; }
.staff-record-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.staff-record-heading h2 { margin: 0; color: #262626; font-size: 22px; font-weight: 600; }
.staff-record-heading > span { color: #626c78; font-size: 14px; }
.staff-record-table { overflow-x: auto; border: 1px solid #e3e8ed; border-radius: 7px; }
.staff-records .table { width: 100%; margin: 0; font-size: 14px; line-height: 1.5; }
.staff-records .table th { padding: 14px 16px; color: #4f5d6d; background: #f3f6f9; border-top: 0; border-bottom: 1px solid #dce3eb; white-space: nowrap; font-size: 14px; font-weight: 600; }
.staff-records .table th small { display: block; color: #667483; font-size: 12px; font-weight: 400; }
.staff-records .table td { padding: 14px 16px; border-top: 1px solid #e9edf2; vertical-align: top; }
.staff-records .table tbody tr:nth-child(even) { background: #f8fafc; }
.staff-records .table tbody tr:hover { background: #f1f6fb; }
.staff-rank-label,.staff-record-name { display: inline-block; color: #5d6672; font-weight: 600; white-space: nowrap; }
.staff-record-name.staff-record-punisher { color: #c42d3b; }
.staff-record-name.staff-record-console { color: #c42d3b; }
.staff-record-date { min-width: 126px; color: #344254; font-variant-numeric: tabular-nums; }
.staff-record-date time span,.staff-record-date time small { display: block; white-space: nowrap; }
.staff-record-date time small { margin-top: 3px; color: #657487; font-size: 12px; }
.staff-record-reason { min-width: 170px; max-width: 320px; overflow-wrap: anywhere; }
.staff-record-reason > span,.staff-removal-content p { white-space: pre-wrap; }
.staff-removal { margin-top: 5px; }
.staff-removal > summary { display: inline-block; list-style: none; color: #2475b5; text-decoration: underline; text-underline-offset: 3px; font-size: 14px; cursor: pointer; }
.staff-removal > summary::-webkit-details-marker { display: none; }
.staff-removal > summary::marker { content: ""; }
.staff-removal > summary:hover { color: #164f80; }
.staff-removal > summary:focus-visible { outline: 2px solid #2475b5; outline-offset: 3px; border-radius: 2px; }
.staff-removal-content { margin-top: 10px; padding: 10px 12px; border-left: 2px solid #c8dcee; background: #eef5fc; border-radius: 0 4px 4px 0; color: #3d5267; }
.staff-removal-content p { margin: 0 0 7px; }
.staff-removal-content p:last-child { margin-bottom: 0; }
.staff-removal-content strong { display: block; color: #53687c; font-size: 12px; font-weight: 600; }
.staff-record-duration { white-space: nowrap; font-variant-numeric: tabular-nums; }
.staff-duration-permanent { color: #c42d3b; font-weight: 600; }
.staff-record-status,.staff-type { display: inline-block; padding: 3px 9px; border-radius: 4px; white-space: nowrap; font-size: 14px; font-weight: 600; }
.staff-status-active { color: #23733d; background: #e7f5eb; }
.staff-status-removed { color: #ae3043; background: #fcecef; }
.staff-status-expired { color: #8b6015; background: #fbf2df; }
.staff-status-inactive,.staff-status-recorded { color: #566478; background: #edf1f6; }
.staff-type { color: #8d3043; background: #f9e9ed; }
.staff-type-mute,.staff-type-warn,.staff-type-warning { color: #8b6015; background: #fbf2df; }
.staff-record-pages { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 20px; color: #647386; font-size: 14px; }
.staff-record-pages a { padding: 5px 10px; border: 1px solid #dce3eb; border-radius: 4px; color: #2475b5; }
.staff-record-pages a:hover { background: #eef5fc; }
@media (max-width: 767px) { .staff-records .table th,.staff-records .table td { padding: 12px; } }
.profile-main-panel[hidden] { display: none !important; }
.profile-statistics h2.profile-main-heading,.profile-statistics .profile-main-panel > h2,.profile-statistics .profile-game-content > h2 { position: static; width: auto; height: auto; padding: 0; margin: 0 0 15px; overflow: visible; clip: auto; white-space: normal; border: 0; color: #262626; font-size: 18px; line-height: 1.4; font-weight: 600; letter-spacing: .3px; text-transform: none; }
.profile-data-note { margin: 16px 0 0; color: #767676; font-size: 12px; line-height: 1.6; }
.profile-social-card { position: relative; margin-top: 15px; padding: 13px 12px 15px; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px #0002; text-align: center; }
.profile-social-card h2 { margin: 0 0 10px; color: #888; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.profile-social-icons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.profile-social-icon { display: inline-flex; min-width: 38px; min-height: 38px; align-items: center; justify-content: center; border: 0; border-radius: 0; background: transparent; color: #777; font: inherit; font-size: 28px; line-height: 1; text-decoration: none; cursor: pointer; transition: color .15s ease; }
.profile-social-icon svg { width: 1em; height: 1em; fill: currentColor; }
.profile-social-icon:hover,.profile-social-icon:focus-visible { background: transparent; color: #777; text-decoration: none; }
.profile-social-icon:focus-visible { outline: 2px solid #247c9e; outline-offset: 2px; }
.profile-social-icon.is-text-only { cursor: help; }
.profile-social-icon:hover,.profile-social-icon:focus-visible { opacity: .72; }
.profile-badge-card { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 90px; margin-top: 15px; padding: 13px 12px 15px; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px #0002; }
.profile-badge-card h2 { margin: 0 0 8px; color: #888; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.profile-badge-icons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
.profile-badge { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; cursor: help; }
.profile-badge img { display: block; width: 30px; height: 30px; object-fit: contain; }
.profile-badge-editor,.profile-cape-editor { width: 100%; margin-top: 8px; border-top: 1px solid #eee; font-family: Raleway,Arial,Helvetica,sans-serif; }
.profile-badge-editor.is-empty,.profile-cape-editor.is-empty { margin-top: 10px; border-top: 0; }
.profile-badge-editor.is-empty[open],.profile-cape-editor.is-empty[open] { padding: 10px; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px #0002; }
.profile-badge-editor summary,.profile-cape-editor summary { width: 100%; margin-top: 8px; cursor: pointer; list-style: none; }
.profile-badge-editor summary::-webkit-details-marker,.profile-cape-editor summary::-webkit-details-marker { display: none; }
.profile-badge-editor form,.profile-cape-editor form { display: grid; gap: 8px; padding-top: 11px; }
.profile-badge-editor label,.profile-cape-editor label { display: flex; align-items: center; gap: 8px; margin: 0; color: #344; font-size: 12px; line-height: 1.35; cursor: pointer; }
.profile-badge-editor label img,.profile-cape-editor label img { object-fit: contain; image-rendering: pixelated; }
.profile-cape-editor label img { width: 20px; height: 32px; border-radius: 2px; background: #222b31; }
.profile-badge-editor label img.badge-famous-icon { image-rendering: auto; }
.profile-badge-editor input,.profile-cape-editor input { accent-color: #229ed9; }
.profile-badge-editor button,.profile-cape-editor button { font-family: Raleway,Arial,Helvetica,sans-serif; }
.profile-badge-editor .auth-result,.profile-cape-editor .auth-result { margin: 0; }
.profile-badge:focus-visible { outline: 2px solid #247c9e; outline-offset: 2px; }
.profile-badge::after { position: absolute; bottom: calc(100% + 9px); left: 50%; transform: translateX(-50%); z-index: 2; width: max-content; max-width: 230px; padding: 5px 8px; background: #000; color: #fff; content: attr(data-tooltip); font: 400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif; white-space: normal; text-align: center; }
.profile-badge::before { position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%); z-index: 2; border: 7px solid transparent; border-top-color: #000; content: ''; }
.profile-games { display: flex; justify-content: center; gap: 20px; padding: 17px 20px 15px; background: #fff; border-bottom: 1px solid #eee; }
.profile-games a { padding: 4px 5px 3px; color: #666; font-size: 12px; line-height: 14.5714px; letter-spacing: 1.3px; text-transform: uppercase; text-decoration: none; }
.profile-games a:hover,.profile-games a[aria-current=page] { color: #262626; text-decoration: underline; }
.profile-games a:focus-visible { outline: 2px solid #247c9e; outline-offset: 2px; }
.profile-statistics section { background: #fff; padding: 8px 20px 20px; border-radius: 4px; box-shadow: 0 1px 2px #0002; }
.profile-statistics h2 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.profile-statistics section + section { margin-top: 15px; }
.profile-stat-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.profile-stat-card { min-height: 219px; border: 0; box-shadow: inset 0 0 0 1px #e5e5e5; border-radius: 6px; overflow: hidden; background: #fff; padding: 13px 17px 17px; }
.profile-stat-card h3 { margin: -13px -17px 10px; padding: 12px 6px; background: var(--atlas-panel-gradient); color: #fff; font-size: 14px; line-height: 17px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; text-align: center; overflow-wrap: anywhere; }
.profile-statistics .profile-stat-card h3 { color: #fff; text-shadow: none; }
.profile-stat-card dl { display: grid; gap: 12px; padding: 0; margin: 0; }
.profile-stat-card dl > div { min-height: 31px; padding: 7px 4px; background: #f5f5f5; border: 1px solid #eee; border-radius: 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; }
.profile-stat-card dt { order: 2; margin: 0; color: #666; font-size: 12px; line-height: 15px; font-weight: 500; letter-spacing: 1.8px; text-transform: uppercase; }
.profile-stat-card dd { order: 1; margin: 0; color: #262626; font-size: 12px; line-height: 15px; letter-spacing: 1.8px; font-weight: 700; }
.profile-page .profile-main-panel .profile-stat-card,.profile-page .profile-game-content .profile-stat-card { background: linear-gradient(#08132272,#08132272),url('/images/atlas-home-castle.jpg') center/cover no-repeat; box-shadow: inset 0 0 0 1px #ffffff42; }
.profile-page .profile-game-content--practice .profile-stat-card,.profile-page .profile-game-content--kitmap .profile-stat-card { background-image: linear-gradient(#08132272,#08132272),url('/images/practice-stats-background.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-01 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-01.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-02 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-02.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-03 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-03.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-04 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-04.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-05 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-05.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-06 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-06.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-07 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-07.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-08 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-08.png'); }
.profile-page .profile-game-content--practice .profile-stat-card.practice-bg-09 { background-image: linear-gradient(#08132272,#08132272),url('/images/lunar-teams-09.png'); }
.profile-page .profile-main-panel .profile-stat-card h3,.profile-page .profile-game-content .profile-stat-card h3 { background: var(--atlas-panel-gradient); text-shadow: 0 1px 3px #001b2f; }
.profile-page .profile-main-panel .profile-stat-card dl > div,.profile-page .profile-game-content .profile-stat-card dl > div { background: #cbd4dc30; border-color: #ffffff30; color: #fff; backdrop-filter: blur(2px); }
.profile-page .profile-main-panel .profile-stat-card dt,.profile-page .profile-main-panel .profile-stat-card dd,.profile-page .profile-game-content .profile-stat-card dt,.profile-page .profile-game-content .profile-stat-card dd { color: #fff; text-shadow: 0 1px 2px #000b; }
.auth-result.is-error { color: #c62828; }
.player-profile .stats-updated { color: #767676; font-size: 12px; line-height: 1.7; margin: 20px 0 0; }
@media (max-width: 991px) { .profile-layout { grid-template-columns: 210px minmax(0,1fr); } .profile-stat-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 575px) { .profile-banner { padding: 22px 14px; } .profile-layout { grid-template-columns: minmax(0,1fr); } .profile-sidebar { width: 270px; max-width: 100%; margin: 0 auto; } .profile-statistics section { padding: 10px; } }
@media (max-width: 500px) { .profile-stat-cards { grid-template-columns: minmax(0,256px); justify-content: center; } }
.player-results ul { list-style: none; padding: 0; }
.forum-empty-note,.forum-empty { color: #767676; text-align: center; padding: 16px; }
.forum-list thead,.thread-list thead { background: var(--atlas-panel-gradient); color: #fff; }
.forum-list thead th,.thread-list thead th { color: #fff; }
.thread-list thead th { padding-top: .75rem; padding-bottom: .75rem; }
.forum-list tbody tr,.thread-list tbody tr { background: #fff; }
.forum-list tbody tr:hover,.thread-list tbody tr:hover { background: #fafafa; }
@media (max-width: 650px) { .thread-list td.thread-gutter { width: 46px; min-width: 46px; padding: 9px 5px; } .thread-list td.thread-main h3 { font-size: 16px; line-height: 1; } .thread-list .thread-byline { font-size: 14px; line-height: 1.2142857; } .thread-list th:nth-child(n+2),.thread-list td:nth-child(n+3) { display: none; } }
.forum-relative-time { display: inline-block; cursor: help; white-space: nowrap; }
.forum-sort { position: relative; margin: 0 4px; }
.forum-sort summary { display: block; list-style: none; cursor: pointer; }
.forum-sort summary::-webkit-details-marker { display: none; }
.forum-sort summary::after { content: ' ▾'; }
.forum-sort-menu { position: absolute; z-index: 5; top: calc(100% + 4px); right: 0; min-width: 110px; padding: 4px 0; border: 1px solid #e5e5e5; border-radius: 4px; background: #fff; box-shadow: 0 3px 8px #0002; }
.forum-sort-menu a { display: block; padding: 6px 12px; color: #49535b; font-size: 13px; white-space: nowrap; }
.forum-sort-menu a:hover { background: #f3f4f5; text-decoration: none; }
.forum-pagination { display: flex; justify-content: center; align-items: center; gap: 18px; margin: 18px 0; color: #667; font-size: 14px; }
.forum-tools .btn:disabled { opacity: .65; cursor: not-allowed; }
.atlas-staff .block { background: #fff; padding: 20px; margin-bottom: 20px; border-radius: 5px; box-shadow: 0 1px 2px #0002; text-align: center; }
.atlas-staff ul { list-style: none; padding-left: 0; }
.staff-bust { display: block; width: 124px; height: 124px; max-width: 100%; object-fit: contain; margin: 0 auto 15px; image-rendering: pixelated; }
.table-scroll { overflow-x: auto; }
.table-scroll .table { min-width: 680px; }
.profile-games { flex-wrap: wrap; }
.player-profile .match-history { margin-top: 24px; padding: 0; background: transparent; box-shadow: none; font-family: Raleway,Arial,Helvetica,sans-serif; font-feature-settings: "lnum"; }
.match-history .recent-games-title { margin: 0; padding: 15px 0; border-top: 1px solid #eee; color: #666; font: 400 12px/1.2142857 Raleway,Arial,Helvetica,sans-serif; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.match-history .stats-updated { margin: 0 0 12px; color: #767676; text-align: center; }
.match-history ul { margin: 0; padding: 0; list-style: none; }
.match-history .recent-games li { margin: 0 0 15px; padding: 0; background: transparent; box-shadow: none; }
.match-history .recent-games li > a,.match-history .recent-games li > .match-history-entry { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 14px; min-height: 68px; padding: 8px; border: 1px solid #555; border-radius: 6px; color: #fff; background: linear-gradient(#0007,#0008),url('/images/atlas-home-castle.jpg') center/cover no-repeat; box-shadow: inset 0 0 0 2px #ffffff29; font: 400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif; text-decoration: none; }
.match-history .recent-games li > a:hover,.match-history .recent-games li > a:focus-visible { border-color: #4ccbd2; box-shadow: inset 0 0 0 2px #ffffff38,0 2px 8px #0003; text-decoration: none; }
.match-contenders { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; color: #fff; }
.match-team { display: inline-flex; align-items: center; min-width: 0; }
.match-team-multi { flex-direction: column; align-items: flex-start; gap: 2px; }
.match-team-players { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
/* Keep both teams on the same name line. Narrow cards scroll rather than stack
   or truncate an IGN; team Elo remains underneath its own team. */
.match-contenders--multi { --match-face-size: 36px; flex-wrap: nowrap; align-items: flex-start; overflow-x: auto; scrollbar-width: thin; }
.match-contenders--multi .match-team { flex: 0 0 auto; }
.match-contenders--multi .match-team-players { flex-wrap: nowrap; }
.match-history .match-contenders--multi > .vs { flex: 0 0 auto; align-self: flex-start; margin: 0 1px; line-height: var(--match-face-size); }
.profile-page .profile-game-content--practice .match-contenders--multi .match-player img { width: var(--match-face-size); height: var(--match-face-size); }
.profile-page .profile-game-content--practice .match-contenders--multi .match-player strong { font-size: 16px; }
.match-contenders--multi .match-team-multi > .match-team-elo { padding-left: calc(var(--match-face-size) + 8px); }
@media(max-width:1199px) {
  .match-contenders--multi { --match-face-size: 28px; gap: 6px; }
  .match-contenders--multi .match-player,.match-contenders--multi .match-team-players { gap: 5px; }
  .profile-page .profile-game-content--practice .match-contenders--multi .match-player strong { font-size: 14px; }
  .match-contenders--multi .match-team-multi > .match-team-elo { padding-left: 33px; }
}
.match-team-elo { display: block; color: #fff; font: 400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif; white-space: nowrap; }
.match-team-multi > .match-team-elo { padding-left: 52px; }
.match-team-elo .elo-gain { color: #85e6a8; }
.match-team-elo .elo-loss { color: #ff9292; }
.match-player { display: inline-flex; align-items: center; gap: 8px; color: #fff; white-space: nowrap; }
.match-player-copy { display: flex; flex-direction: column; align-items: flex-start; }
.match-history .match-player strong { color: #fff; font: 900 18px/1.2142857 Raleway,Arial,Helvetica,sans-serif; text-transform: uppercase; }
.match-history .match-player img { width: 44px; height: 44px; image-rendering: pixelated; }
.match-history .vs { margin: auto 5px; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.match-history .match-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; font: 400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif; white-space: nowrap; }
.match-history .match-meta strong { font: 700 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif; text-transform: uppercase; }
.match-history .match-meta .elo-gain { color: #85e6a8; }
.match-history .match-meta .elo-loss { color: #ff9292; }
.match-pagination { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 12px 0 2px; font: 700 13px/1.2 Raleway,Arial,Helvetica,sans-serif; }
.match-pagination a,.match-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; color: #4c5961; text-decoration: none; }
.match-pagination a[aria-current=page] { border-radius: 4px; color: #fff; background: #3b9bc9; }
.match-pagination > :first-child,.match-pagination > :last-child { font-size: 24px; }
.match-pagination .pagination-chevron { display: block; width: 18px; height: 18px; }
.match-pagination a:hover:not([aria-current=page]) { color: #2085b5; text-decoration: underline; }

.match-pagination span { color: #a9b2b8; }
.match-history-time { position: relative; display: inline-block; cursor: help; }
.match-history-time[data-exact-time]::after { content: attr(data-exact-time); position: absolute; z-index: 5; right: 0; bottom: calc(100% + 8px); width: max-content; max-width: min(260px,calc(100vw - 32px)); padding: 6px 9px; background: #17191c; box-shadow: 0 2px 6px #0005; color: #fff; font: 13px/1.35 Raleway,Arial,sans-serif; white-space: normal; pointer-events: none; }
.match-history-time[data-exact-time]::before { content: ''; position: absolute; z-index: 5; right: 8px; bottom: calc(100% + 2px); border: 6px solid transparent; border-top-color: #17191c; border-bottom: 0; pointer-events: none; }
.elo-gain { color: #24844a; }.elo-loss { color: #bc3131; }
.match-banner { flex-wrap: wrap; color: #fff; font-size: 25px; }
.match-banner p { width: 100%; text-align: center; font-size: 16px; margin: 0; }
.match-banner .match-player { gap: 10px; }
.match-banner .match-player img { width: 40px; height: 40px; flex-basis: 40px; }
.match-banner .match-player strong { font-size: 26px; }
.match-detail { max-width: 1180px; margin: 0 auto; }
.match-banner { min-height: 82px; padding: 10px 18px; margin-bottom: 14px; gap: 20px; border: 2px solid #405156; border-radius: 5px; background: var(--atlas-panel-gradient); }
.match-comparison { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 14px; row-gap: 12px; align-items: start; }
.match-player-panel { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px; border: 1px solid #d9dfe1; border-radius: 5px; background: #f3f4f4; }
.match-loser { flex-direction: row-reverse; }
.match-body { flex: 0 0 104px; display: flex; flex-direction: column; align-items: center; text-align: center; overflow-wrap: anywhere; color: inherit; font-size: 14px; }
.match-body img { object-fit: contain; image-rendering: pixelated; width: 104px; height: 238px; }
.match-winner .match-body img { filter: drop-shadow(0 0 7px #23c45e) drop-shadow(0 0 13px #23c45eaa); }
.match-loser .match-body img { filter: drop-shadow(0 0 7px #ed3947) drop-shadow(0 0 13px #ed3947aa); }
.match-body span { color: #718087; font-size: 11px; }
.match-combat { flex: 1; min-width: 0; }
.inventory-grid { display: grid; grid-template-columns: repeat(9,minmax(0,1fr)); background: #bfc3c4; border: 1px solid #d0d3d4; padding: 3px; }
.inventory-slot { position: relative; aspect-ratio: 1; border: 2px solid; border-color: #777 #f0f0f0 #f0f0f0 #777; background: #8b8b8b; color: #fff; font: 9px sans-serif; overflow: hidden; text-align: center; }
.inventory-item-icon { position: absolute; width: 82%; height: 82%; inset: 9%; object-fit: contain; image-rendering: pixelated; }
.inventory-unknown { display: block; padding-top: 35%; font-size: 8px; line-height: 1.1; }
.inventory-slot b { position: absolute; bottom: 0; right: 1px; z-index: 1; font-size: 11px; text-shadow: 1px 1px #000; }
.combat-stats { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin-top: 15px; }
.combat-stats > .profile-stat-card { grid-column: span 2; }
.combat-stats > .profile-stat-card:nth-child(n+7) { grid-column: span 3; }
.combat-stats .profile-stat-card,.match-map .profile-stat-card { min-height: 0; padding: 12px 5px; }
.combat-stats h3,.match-map h3 { font-size: 10px; letter-spacing: .4px; }.combat-stats dt,.match-map dt { display: none; }
.combat-stats dd { font-size: 15px; letter-spacing: 0; }
.match-health-heart { color: #e43d42; font-size: 14px; }
.combat-stats .match-health-heart { margin-left: 3px; font-size: 16px; }
.match-map { display: flex; justify-content: center; gap: 12px; margin: 12px; }.match-map article { width: 150px; }
.match-summary-teams { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 20px; padding: 24px; background: #fff; border-radius: 5px; }
.match-summary-teams > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.match-summary-teams h2 { width: 100%; margin: 0 0 5px; color: #344; font: 700 15px Raleway,Arial,sans-serif; text-align: center; }
.match-summary-player { display: inline-flex; align-items: center; gap: 8px; padding: 8px; color: #263238; font: 700 14px Raleway,Arial,sans-serif; }
.match-summary-player img { image-rendering: pixelated; }
.match-summary-note { margin: 14px 0; color: #667; font: 500 13px Raleway,Arial,sans-serif; text-align: center; }
@media(max-width:575px) { .match-summary-teams { grid-template-columns: 1fr; gap: 8px; } .match-summary-teams > .vs { text-align: center; } }
@media(max-width:767px) { .atlas-staff .staff-item li { width: 50%; } .match-comparison { grid-template-columns: 1fr; } .match-player-panel { padding: 8px; } .match-body { flex-basis: 60px; }.match-body img { width: 60px; height: 138px; } .match-history .recent-games li > a,.match-history .recent-games li > .match-history-entry { grid-template-columns: 1fr; gap: 8px; } .match-history .match-meta { align-items: flex-start; text-align: left; } }
/* Reuse Lunar's archived leaderboard tables, with responsive containment. */
.atlas-leaderboards .page-current .title { width: 100%; margin-bottom: 0; }
.atlas-leaderboards .table { display: table; width: 100%; table-layout: auto; }
.atlas-leaderboards .table .rank { width: 13%; }
.atlas-leaderboards .table .username { width: 64%; }
.atlas-leaderboards .table .username .avatar { width: 100%; max-width: 180px; }
.atlas-leaderboards .table .username .avatar a { flex-wrap: nowrap; }
.atlas-leaderboards .avatar-face { flex: 0 0 16px; image-rendering: pixelated; }
.atlas-leaderboards .table .username .avatar span { width: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atlas-leaderboards .stats-updated { font-size: 12px; color: #767676; margin-bottom: 24px; }
.faction-leaderboards .page-current .title { width: calc(100% - 184px); }
.faction-leaderboards .page-current .sort-holder { width: 184px; display: flex; justify-content: flex-end; }
.faction-leaderboards .table-holder { overflow-x: hidden; border-radius: 5px 5px 0 0; }
.faction-leaderboards .table { display: table; width: 100%; min-width: 0; table-layout: fixed; background: #fff; border-radius: 5px; box-shadow: 0 1px 2px #0002; }
.faction-leaderboards .table thead th { background: transparent; color: #fff; }
.faction-leaderboards .table .rank { width: 8%; }
.faction-leaderboards .table .username { width: 34%; }
.faction-leaderboards .table th,.faction-leaderboards .table td { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 700px) { .faction-leaderboards .table-holder { overflow-x: auto; } .faction-leaderboards .table { min-width: 640px; } }
.faction-leaderboards .table .username .avatar { width: 100%; }
.atlas-sort-menu { position: relative; }
.atlas-sort-menu summary { list-style: none; cursor: pointer; }
.atlas-sort-menu summary::-webkit-details-marker { display: none; }
.atlas-sort-menu[open] .dropdown-menu { display: block; position: absolute; top: calc(100% + 2px); right: 0; z-index: 20; min-width: 184px; }
.profile-main-panel { padding-top: 14px; }
.leaderboard-pages { display: flex; gap: 20px; justify-content: center; margin: 0 0 24px; }
.player-results li { padding: 12px 0; border-bottom: 1px solid #eee; }
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse { display: flex !important; }
  .navbar-expand-lg .navbar-nav.mr-auto { margin-right: 0 !important; }
  .navbar-expand-lg .player-search { margin-left: auto; }
  .navbar-expand-lg .account-links { margin-left: 12px !important; }
}
@media (max-width: 991px) {
  .navbar-expand-lg { padding-left: 15px; padding-right: 15px; }
  .navbar-expand-lg .navbar-collapse { display: none; flex-basis: 100%; }
  .navbar-expand-lg .navbar-collapse.is-open { display: block; }
  .navbar-expand-lg .navbar-nav { max-width: none; width: 100%; padding: 10px 0; margin: 0; }
  .navbar-expand-lg .navbar-nav > li { padding: 8px 0; margin: 0; }
  .navbar-expand-lg .account-links { margin: 0 -16px; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
  .navbar-expand-lg .player-search { width: 100%; margin: 8px 0 16px; justify-content: flex-start; }
  .navbar-expand-lg .player-search .form-group, .navbar-expand-lg .player-search .form-control { width: 100%; max-width: none; }
  .navbar-expand-lg .player-search .form-control { height: 34px; font-size: 14px; }
  .navbar-expand-lg .player-search .btn { top: 6px; }
  .navbar-expand-lg .dropdown-menu { position: static; margin-top: 10px; }
}
@media (max-width: 767px) { .home-showcase { min-height: 360px; } }
@media (max-width: 575px) {
  .home-showcase { min-height: 350px; }
  .home-showcase img { width: 145px; height: 145px; }
  .home-showcase h1 { font-size: 22px; letter-spacing: 6px; }
  .home-showcase p { font-size: 9px; letter-spacing: 2px; }
  .home-news-content h2 { font-size: 22px; }
  .home-news-header h2 { font-size: 22px; }
}
/* Use the site's bundled Raleway typography consistently across pages and profiles. */
body,button,input,select,textarea,.player-profile { font-family: Raleway,Arial,Helvetica,sans-serif; }
.account-menu-items a,.account-menu-items button { font-family: Raleway,Arial,Helvetica,sans-serif; }
.home-news-time[data-exact-time]:hover::after,.home-news-time[data-exact-time]:focus-visible::after,.profile-card-label[data-last-seen-exact]:hover::after,.profile-card-label[data-last-seen-exact]:focus-visible::after { font-family: Raleway,Arial,Helvetica,sans-serif; }
@media (max-width: 991px) {
  .navbar-expand-lg .player-search { width: 100%; }
  .navbar-expand-lg .account-links:not(.account-dropdown) { justify-content: flex-start; margin: 0 0 12px; }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-brand { width: 90px; padding: 5px 0 2px; margin-left: -1px; }
  .navbar-expand-lg .navbar-nav { font-size: 12px; }
  .navbar-expand-lg .form-inline .form-control { height: 22.5px; max-width: 245px; font-size: 12px; padding: 3px 26px; }
  .navbar-expand-lg .form-inline .btn { top: 2px; left: 0; font-size: 11px; padding: 2px 8px; }
  .navbar-expand-lg .player-search { flex-basis: 245px; width: 245px; }
  .navbar-expand-lg .account-links:not(.account-dropdown) { display: flex; align-items: center; gap: 22px; margin-left: auto; white-space: nowrap; }
  .navbar-expand-lg .account-links:not(.account-dropdown) .nav-link { display: inline-flex; padding: 0; font-size: 12px; }
  .navbar-expand-lg .account-dropdown .user span.sub-txt { font-size: 8px; }
  .navbar-expand-lg .account-dropdown .user span.user-name { font-size: 12px; }
  .navbar-expand-lg .account-dropdown .user .user-avatar { width: 24px; }
  .navbar-expand-lg .account-dropdown .user .user-avatar img { width: 24px; height: 24px; }
  .account-menu summary { width: 24px; height: 32px; }
  .account-menu summary span:not(.account-menu-notification-count) { width: 18px; height: 2px; }
}
.menu-notification-count { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; margin-left: auto; padding: 0 4px; border-radius: 10px; background: #db4040; color: #fff; font-size: 11px; font-weight: 700; }
.account-menu summary { position: relative; }
.account-menu summary .account-menu-notification-count { position: absolute; bottom: -9px; left: -12px; display: flex; min-width: 24px; width: auto; height: 24px; align-items: center; justify-content: center; padding: 0 2px; border-radius: 999px; background: #b94b43; color: #fff; font: 700 11px/1 Raleway,Arial,Helvetica,sans-serif; white-space: nowrap; }
.account-menu summary:hover .account-menu-notification-count { background: #db4040; }
.social-page { margin: 24px auto; padding: 24px; max-width: 900px; background: #fff; }
.social-page h1 { margin: 0 0 16px; font-size: 26px; }
.social-page h2 { margin: 25px 0 10px; font-size: 18px; }
.social-page-nav { display: flex; flex-wrap: wrap; gap: 18px; padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; }
.social-page .friends-list { margin: 0; padding: 0; list-style: none; }
.friend-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid #ececec; }
.friend-identity { display: inline-flex; align-items: center; gap: 10px; min-width: 0; color: #5b7fa3; font-size: 16px; }
.friend-identity img { image-rendering: pixelated; }
.friend-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.friend-actions form { margin: 0; }
.friend-actions .btn { white-space: nowrap; }
.friends-empty { margin: 10px 0 0; color: #777; }
.profile-friend-card { margin-top: 15px; padding: 15px 12px 16px; border-radius: 4px; background: #fff; box-shadow: 0 1px 2px #0002; text-align: center; }
.profile-friend-card h2 { margin: 0 0 11px; color: #aaa; font-size: 12px; line-height: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.profile-friend-card .friends-box-plagin { max-width: 228px; padding: 0; margin: 0 auto; }
.profile-friend-card .friends-holder { position: relative; padding: 2px; }
.profile-friend-card .friends-holder img,.profile-friend-card .friends-holder .count { display: block; width: 34px; height: 34px; border: 1px solid #f3f3f3; border-radius: 5px; }
.profile-friend-card .friends-holder img { image-rendering: pixelated; }
.profile-friend-card .friends-holder a { position: relative; }
.profile-friend-card .friends-holder a:focus-visible { outline: 2px solid #247c9e; outline-offset: 2px; }
.profile-friend-card .friends-holder .count { padding-top: 7px; background: #f9f9f9; color: #6188b0; font-size: 12px; }
.profile-friend-card .friend-actions { justify-content: center; }
.profile-friend-card .profile-friend-action,.profile-friend-card .profile-friend-login { margin-top: 16px; }
.profile-friend-card .profile-friend-action p { margin: 0 0 8px; font-size: 12px; }
.profile-friend-card .friend-actions .btn,.profile-friend-card .profile-friend-login { width: 100%; text-transform: uppercase; font-size: 12px; letter-spacing: .5px; }
.profile-friend-card .friend-actions form { flex: 1 1 auto; }
.profile-friend-card .profile-friend-login { display: block; }
.forum-reply { scroll-margin-top: 130px; }
.forum-reply:target > .forum-reply-body { border-radius: 4px; background: #edf8fa; box-shadow: 0 0 0 8px #edf8fa; }

/* Store: a blue-and-white Atlas adaptation of the classic rank comparison. */
body.store-page { background: #f3f6f9; color: #52616d; font-family: Raleway,Arial,Helvetica,sans-serif; }
.store-page button,.store-page input,.store-page select,.store-page textarea { font-family: Raleway,Arial,Helvetica,sans-serif; }
.store-page .main { padding-bottom: 72px; }
.store-hero { background-image: linear-gradient(#0002,#0003),url('/images/store-hero-2026-05-29.png'); box-shadow: inset 0 -1px #ffffff26; }
.store-page .navbar-expand-lg .account-links:not(.account-dropdown) .nav-link { color: #fff; }
.store-page .navbar-toggler { border-color: #ffffffaa; }
.store-page .navbar-toggler-icon { filter: invert(1); }
.store-page .store-recipient-user { display: flex; border: 0; background: transparent; color: inherit; cursor: pointer; }
.store-page .store-recipient-user:disabled { cursor: default; }
.store-page .store-recipient-user:focus-visible { outline: 2px solid #247c9e; outline-offset: 4px; border-radius: 2px; }
.store-page .account-dropdown .user span.sub-txt { color: #dce4ea; white-space: nowrap; }
.store-page .account-dropdown .user span.user-name { color: #fff; }
.store-page .account-menu summary span { background: #dce4ea; }
.store-page .account-menu summary:hover span { background: #fff; }
.store-page .navbar-expand-lg .navbar-collapse,.store-page .navbar-expand-lg .player-search,.store-page .player-search .form-group,.store-page .player-search .form-control { min-width: 0; }
.store-page .navbar-expand-lg .player-search #search_wrapper { width: 100%; }
.store-page .navbar-expand-lg .account-links.account-dropdown { flex-shrink: 0; }
.store-eyebrow { margin: 0; color: #229ed9; font-size: 12px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; }
.store-shell { max-width: 945px; margin: -25px auto 0; position: relative; z-index: 2; }
.store-category-nav { display: flex; min-height: 58px; align-items: stretch; justify-content: safe center; gap: 2px; overflow-x: auto; border: 1px solid #e0e7ec; border-radius: 5px; background: #fff; box-shadow: 0 8px 24px #13384d14; }
.store-category-nav a,.store-category-nav span { display: inline-flex; flex: 1 0 auto; min-width: 0; align-items: center; justify-content: center; padding: 17px 14px 14px; border-bottom: 3px solid transparent; color: #83909a; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; }
.store-category-nav a[aria-current="page"] { border-color: #229ed9; color: #167dab; }
.store-category-nav a:hover { text-decoration: none; color: #167dab; }
.store-category-nav span { cursor: not-allowed; opacity: .65; }
.store-layout { display: grid; grid-template-columns: minmax(0,1fr) 245px; gap: 15px; margin-top: 15px; align-items: start; }
.store-primary { min-width: 0; }
.store-ranks,.store-table-scroll,.store-side-card { border: 1px solid #e0e7ec; border-radius: 5px; background: #fff; box-shadow: 0 2px 8px #15384b0d; }
.store-ranks { padding: 24px; scroll-margin-top: 130px; }
.store-section-heading { display: flex; align-items: end; justify-content: center; gap: 24px; margin-bottom: 20px; text-align: center; }
.store-section-heading h2,.store-side-card h2 { margin: 4px 0 0; color: #283842; font-size: 23px; font-weight: 750; line-height: 1.2; }
.store-rank-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.store-rank-card { --rank-color: #83909a; position: relative; container-type: inline-size; overflow: hidden; min-height: 248px; padding: 20px 18px; border: 1px solid #e1e8ed; border-top: 4px solid var(--rank-color); border-radius: 5px; background: linear-gradient(145deg,#fff 65%,color-mix(in srgb,var(--rank-color) 7%,white)); text-align: center; }
.store-rank-pinkname { --rank-color: #df6fae; --chat-color: #ff55ff; --chat-shadow: #3f153f; }
.store-rank-basic { --rank-color: #85919b; --chat-color: #aaaaaa; --chat-shadow: #2a2a2a; }
.store-rank-pro { --rank-color: #397dda; --chat-color: #5555ff; --chat-shadow: #15153f; }
.store-rank-master { --rank-color: #e7a033; --chat-color: #ffaa00; --chat-shadow: #3f2a00; }
.store-rank-legend { --rank-color: #178da5; --chat-color: #00aaaa; --chat-shadow: #002a2a; }
.store-rank-mark { width: max-content; min-width: 42px; height: 42px; margin: 0 auto 15px; color: var(--rank-color); font-family: "Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",sans-serif; font-size: 38px; font-weight: 400; line-height: 42px; text-align: center; text-shadow: 0 5px 12px color-mix(in srgb,var(--rank-color) 22%,transparent); }
.store-rank-master .store-rank-mark { font-weight: 700; }
.store-rank-kicker { margin: 0 0 2px !important; color: var(--rank-color) !important; font-size: 10px !important; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.store-rank-card h2 { margin: 0 0 12px; color: #283842; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 23px; font-weight: 800; letter-spacing: 4px; text-transform: uppercase; }
@font-face { font-family: Atlas Minecraft; src: url('/fonts/Minecraft.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
.store-rank-chat { position: relative; z-index: 1; width: max-content; max-width: 100%; margin: 0 auto 18px; padding: 6px 8px; border-radius: 3px; background: #fff; color: #aaa; font: 400 16px/1.25 'Atlas Minecraft','Segoe UI Symbol',monospace; font-size: clamp(12px,8cqi,16px); font-synthesis: none; letter-spacing: 0; white-space: nowrap; text-shadow: 1px 1px #2a2a2a; }
.store-chat-name { color: var(--chat-color); white-space: nowrap; text-shadow: 1px 1px var(--chat-shadow); }
.store-chat-separator { color: #aaa; }
.store-rank-price { position: relative; z-index: 1; display: flex; align-items: baseline; justify-content: center; gap: 7px; margin-bottom: 15px; }
.store-rank-price strong { color: #283842; font-size: 25px; font-weight: 400; line-height: 1.2; }
.store-rank-price span { color: #74818b; font-size: 12px; font-weight: 600; }
.store-sale-price-pair { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 3px 7px; max-width: 100%; }
.store-rank-price .store-sale-price-pair { color: inherit; font-size: inherit; font-weight: inherit; }
.store-original-price { color: #d63939; font-size: .8em; text-decoration: line-through; text-decoration-color: #d63939; text-decoration-thickness: 2px; text-decoration-skip-ink: none; white-space: nowrap; }
.store-sale-price { color: inherit; text-decoration: none; white-space: nowrap; }
.store-rank-card button { position: relative; z-index: 1; width: calc(945px * .24); max-width: 100%; height: 28px; margin: 0 auto; padding: 0 9px; border-color: #26803e; background: linear-gradient(#45ae61,#33994f); cursor: pointer; }
/* Match the profile sidebar's width at the site's container breakpoints. */
@media (min-width: 1200px) { .store-rank-card button { width: calc(1137px * .24); } }
@media (max-width: 991px) { .store-rank-card button { width: 210px; } }
@media (max-width: 575px) { .store-rank-card button { width: 270px; } }
.store-upgrades { scroll-margin-top: 130px; }
.store-practice-tables { display: grid; gap: 15px; }
.store-punishment-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; align-items: start; }
@media (max-width: 767px) { .store-punishment-grid { grid-template-columns: 1fr; } }
.store-upgrade-list table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 16px; }
.store-upgrade-name-column { width: 44%; }
.store-upgrade-price-column { width: 20%; }
.store-upgrade-action-column { width: 36%; }
.store-upgrade-list thead th { padding: 12px 14px; background: transparent; text-align: left; text-shadow: 0 1px 2px #000a; }
.store-upgrade-list h2 { margin: 0; color: #fff; font: 800 14px/1.4 Raleway,Arial,sans-serif; letter-spacing: 1.2px; text-transform: uppercase; }
.store-upgrade-list tbody th,.store-upgrade-list tbody td { padding: 12px 14px; border-bottom: 1px solid #e7ecef; vertical-align: middle; }
.store-upgrade-list tbody th { color: #52616d; font-weight: 400; text-align: left; }
.store-upgrade-list tbody td { text-align: center; }
.store-upgrade-list tbody tr:nth-child(even) { background: #f8fafb; }
.store-upgrade-list tbody tr:last-child th,.store-upgrade-list tbody tr:last-child td { border-bottom: 0; }
.store-upgrade-duration,.store-upgrade-price { white-space: nowrap; }
.store-upgrade-buy { width: max-content; min-width: 50px; margin: 0 auto; padding: 5px 6px; border-color: #26803e; background: linear-gradient(#45ae61,#33994f); font-size: 11px; letter-spacing: .4px; cursor: pointer; }
.store-rank-card button:disabled,.store-upgrade-buy:disabled { opacity: 1; cursor: not-allowed; }
.store-upgrades-note { margin: 10px 14px 0; color: #74818b; font-size: 14px; line-height: 1.55; }
@media (max-width: 540px) { .store-upgrade-list tbody th,.store-upgrade-list tbody td { padding: 10px; } .store-upgrade-list tbody th { font-size: 14px; } }
.store-comparison { margin-top: 15px; }
.store-mode-list { display: grid; gap: 14px; }
.store-table-scroll { overflow-x: auto; }
.store-comparison table { width: 100%; min-width: 620px; table-layout: fixed; border-collapse: collapse; font-size: 13px; }
.store-comparison th,.store-comparison td { padding: 12px 13px; border-bottom: 1px solid #e7ecef; text-align: center; }
.store-comparison thead,.store-upgrade-list thead { background: url('/images/store-table-header-photo-2026-10-03.jpg?v=30837885aeb7') center 54% / cover; background-repeat: no-repeat; background-color: #0b1820; }
.store-comparison thead th { color: #fff; font-size: 11px; letter-spacing: .7px; text-shadow: 0 1px 2px #000a; text-transform: uppercase; }
.store-comparison thead .store-mode-name { width: 44%; color: #fff; font-size: 12px; letter-spacing: 1.2px; }
.store-comparison thead th:first-child,.store-comparison tbody th { text-align: left; }
.store-comparison tbody th { color: #52616d; font-weight: 600; }
.store-comparison tbody tr:nth-child(even) { background: #f8fafb; }
.store-comparison tbody tr:last-child th,.store-comparison tbody tr:last-child td { border-bottom: 0; }
.store-feature-value { color: #7f8c96; font-weight: 600; white-space: nowrap; }
.store-rank-basic-text { color: #dce2e6 !important; }
.store-rank-pro-text { color: #8ebcff !important; }
.store-rank-master-text { color: #ffc96f !important; }
.store-rank-legend-text { color: #7be1f5 !important; }
.store-feature-yes { display: inline-grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: #e7f7eb; color: #2da44e; font-size: 11px; }
.store-feature-no { color: #c5cdd2; }
.store-sidebar { display: grid; gap: 15px; }
.store-sidebar .store-eyebrow { color: #41484e; font-size: 16px; text-align: center; }
.store-side-card { padding: 20px; }
.store-side-card h2 { font-size: 17px; }
.store-purchases-card .store-eyebrow { padding-bottom: 12px; border-bottom: 1px solid #edf0f2; }
.store-purchases-empty { display: grid; place-items: center; min-height: 112px; padding: 18px 0 4px; text-align: center; }
.store-purchases-empty strong { display: block; margin-bottom: 4px; color: #000; font-size: 13px; font-weight: 400; }
.store-purchases-list { margin: 12px 0 0; padding: 0; list-style: none; text-align: left; }
.store-purchases-list li { display: flex; align-items: center; gap: 12px; min-height: 52px; }
.store-purchases-list img,.store-purchase-skin-fallback { display: block; flex: 0 0 28px; width: 28px; height: 44px; object-fit: contain; }
.store-purchases-list a { min-width: 0; color: #2889d8; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.store-purchases-list a:hover { color: #1968a5; text-decoration: underline; }
.store-help-card { text-align: center; }
.store-help-card a { display: inline-block; margin-top: 6px; color: #1687b6; font-size: 11px; font-weight: 700; }
.store-help-card h2 a { margin: 0; color: #7a8790; font-family: Raleway,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: 400; line-height: 1.55; letter-spacing: 0; text-decoration: none; text-transform: none; }
.store-help-card h2 a:hover { color: #1687b6; }
@media (max-width: 991px) { .store-layout { grid-template-columns: 1fr; } .store-sidebar { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 767px) { .store-category-nav { justify-content: flex-start; overflow-x: auto; } .store-category-nav a,.store-category-nav span { min-width: 125px; } .store-section-heading { display: block; } .store-sidebar { grid-template-columns: 1fr; } }
@media (max-width: 540px) { .store-ranks { padding: 18px; } .store-rank-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .social-page { margin: 12px 0; padding: 16px; } .friend-row { align-items: flex-start; flex-direction: column; } }

@media (max-width: 991px) { .store-page .navbar-collapse.is-open { padding: 10px 16px; border-radius: 4px; background: #182b3a; } }
.store-checkout-notice{margin:0 0 24px;padding:12px 16px;background:#e9f3fb;border-left:3px solid #2889d8;color:#234860;font-size:14px;}
.store-checkout-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;border:0;border-radius:8px;background:#fff;color:#263747;box-shadow:0 16px 70px #0005;}
.store-checkout-dialog:not([open]){display:none;}
.store-checkout-dialog::backdrop{background:#061725a8;}
.store-checkout-dialog h2{margin:0 32px 12px 0;font-size:24px;}
.store-checkout-dialog form{display:grid;gap:10px;}
.store-checkout-dialog label{margin:0;font-size:16px;font-weight:600;}
.store-checkout-dialog input{width:100%;padding:10px 12px;border:1px solid #b7c7d3;border-radius:4px;font:inherit;font-size:16px;}
.store-checkout-dialog [data-store-price],.store-checkout-dialog #store-username-help{font-size:14px;color:#647887;}
.store-checkout-dialog form button{padding:12px;border:0;border-radius:4px;background:#2889d8;color:#fff;font:inherit;font-size:16px;cursor:pointer;}
.store-checkout-dialog form button:disabled{opacity:.6;cursor:wait;}
.store-checkout-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;background:transparent;color:#647887;font-size:28px;cursor:pointer;}
.store-checkout-status{margin:14px 0 0;font-size:14px;}
.store-checkout-dialog [data-checkout-link]{display:block;margin-top:14px;color:#1674ba;text-decoration:underline;font-size:16px;}
.store-checkout-dialog [data-checkout-link][hidden]{display:none;}
.store-checkout-return{padding-top:48px;padding-bottom:48px;}
.store-cart-dialog{width:min(560px,calc(100vw - 32px));overflow:auto;}
.store-cart-bar button{padding:12px 18px;border:0;border-radius:4px;background:#2889d8;color:#fff;font:600 16px Raleway,Arial,sans-serif;cursor:pointer;}
.store-cart-bar{display:flex;justify-content:flex-end;padding:0 0 12px;}
.store-cart-bar button{display:flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0002;}
.store-cart-bar button:disabled{opacity:.6;cursor:not-allowed;}
.store-cart-items{margin:14px 0 18px;}
.store-cart-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e5ecf1;font-size:14px;}
.store-cart-item strong,.store-cart-item small{display:block;}
.store-cart-item small{margin-top:4px;color:#647887;}
.store-cart-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;}
.store-cart-controls input{width:60px;padding:6px;font-size:14px;}
.store-cart-controls button{padding:4px 0;border:0;background:none;color:#b63a3a;font:inherit;cursor:pointer;}
.store-cart-item-price{white-space:nowrap;}
.store-cart-subtotal{margin:18px 0 4px;font-size:18px;font-weight:600;}
.store-cart-tax{margin-bottom:22px;font-size:14px;color:#647887;}
.store-cart-dialog form[hidden]{display:none;}
.store-cart-empty{padding:12px 0;line-height:1.6;}
@media(max-width:540px){.store-cart-item{align-items:flex-start;flex-direction:column;gap:10px;}.store-cart-controls{width:100%;justify-content:space-between;}.store-checkout-dialog{padding:24px 20px;}.store-upgrade-buy{font-size:11px;letter-spacing:.4px;padding:5px 6px;}}
/* Approved cape collection and profile surface, scoped to Atlas pages. */
.cape-archive-page .main{padding-top:24px}.cape-index-page{max-width:1140px;padding:24px;color:#666}.cape-index-heading{border-bottom:1px solid #ddd;text-align:center;padding:0 0 24px;margin-bottom:23px}.cape-index-heading h1{margin:0;font-size:34px;font-weight:700;letter-spacing:1px}.cape-index-tools{display:flex;justify-content:flex-end}.cape-index-tools label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.cape-index-tools input{width:310px;max-width:100%;padding:10px 12px;border:1px solid #e1e5e8;border-radius:4px;background:#fafafa;color:#303b43;font:400 14px Raleway,Arial,sans-serif}.cape-index-tools input:focus-visible{outline:2px solid #229fc8;outline-offset:2px}.cape-index-filters{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 0}.cape-index-filters button{border:1px solid #e1e7eb;border-radius:24px;padding:10px 15px;background:#f6f8fa;color:#52616a;font:400 13px Raleway,Arial,sans-serif;cursor:pointer}.cape-index-filters button:hover{background:#eaf5fa}.cape-index-filters button[aria-pressed=true]{background:#229fc8;border-color:#229fc8;color:#fff;font-weight:700}.cape-index-filters small{margin-left:7px;opacity:.75}.cape-index-resultbar{display:flex;align-items:center;gap:16px;margin:20px 0 17px;color:#888;font-size:12px}.cape-index-resultbar button{border:0;background:none;color:#087f99;text-decoration:underline;cursor:pointer}.cape-index-group + .cape-index-group{margin-top:30px}.cape-index-group h2{font-size:19px}.cape-index-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cape-index-card{position:relative;isolation:isolate;display:block;padding:9px;background:#fbfcfd;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.cape-index-card:before{content:'';position:absolute;inset:0;background:radial-gradient(390px circle at var(--x,50%) var(--y,0%),#42d5f029,transparent 62%);opacity:0;pointer-events:none;z-index:-1}.cape-index-card:hover:before,.cape-index-card:focus-visible:before{opacity:1}.cape-index-card:hover{transform:translateY(-2px);box-shadow:0 5px 16px #229fc81a}.cape-index-art{display:flex;align-items:center;justify-content:center;height:230px;border-radius:3px;background:radial-gradient(ellipse at 50% 55%,#d8eaf0,#edf4f7 58%,#f3f7f9)}.cape-index-art .profile-cloak-frame{width:114px;height:183px}.cape-index-info{display:flex;flex-direction:column;gap:10px;padding:16px 9px 10px}.cape-index-category{font-size:11px;font-weight:700;color:#808c94;text-transform:uppercase;letter-spacing:.07em}.cape-index-info strong{min-height:48px;font-size:16px;line-height:1.5}.cape-index-action{display:flex;justify-content:space-between;color:#6f8996;font-size:12px}.cape-index-action span{font-size:17px;color:#198fa7}.cape-index-no-results{text-align:center;padding:65px 20px;border:1px dashed #c8dce5;border-radius:6px}.cape-index-no-results p,.cape-index-archive-count{color:#888}.cape-index-no-results button{border:0;border-radius:24px;padding:11px 17px;background:#229fc8;color:#fff;cursor:pointer}.cape-index-archive-count{margin:25px 0 0;font-size:12px}
.cape-detail-page{max-width:1140px;margin:20px auto;padding:26px 28px 30px;border:1px solid #e3e8eb;border-radius:5px;background:#fff}.cape-detail-breadcrumbs{display:flex;gap:12px;color:#999;font-size:12px}.cape-detail-breadcrumbs a{color:#229ed9}.cape-detail-heading{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:20px 0 26px;padding-bottom:24px;border-bottom:1px solid #e3e6e8}.cape-detail-heading h1{margin:0;padding:0;border:0;font-size:29px;line-height:1.3;letter-spacing:0}.cape-detail-heading>span{padding:7px 12px;border:1px solid #dce5e9;border-radius:20px;background:#f7f9fa;color:#75838c;font-size:12px}.cape-detail-layout{grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:28px;align-items:start}.cape-detail-preview,.cape-detail-profiles{border:1px solid #dce6eb;border-radius:7px;background:#fff;color:#303b43}.cape-detail-preview{position:relative;display:block;min-height:0;background:#f6f9fb;isolation:isolate}.cape-detail-preview:before{content:'';position:absolute;inset:0;background:radial-gradient(360px circle at var(--x,50%) var(--y,40%),#44bee32a,transparent 70%);pointer-events:none;z-index:-1}.cape-detail-art{display:flex;min-height:370px;align-items:center;justify-content:center;padding:35px}.cape-detail-preview .cape-detail-texture{width:164px;height:263px;filter:drop-shadow(0 16px 13px #1d40522c)}.cape-detail-preview .cape-detail-texture img{width:640%;height:200%;max-height:none}.cape-detail-preview>.cape-detail-art>img{width:164px;max-height:263px;filter:drop-shadow(0 16px 13px #1d40522c)}.cape-detail-meta{display:flex;justify-content:space-between;gap:12px;padding:17px 19px;border-top:1px solid #dce6eb;background:#ffffff99;color:#83929a;font-size:12px}.cape-detail-meta a{color:#229ed9}.cape-detail-profiles-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid #e2e8ec;background:#f7f9fa}.cape-detail-profiles-heading h2{margin:0;padding:0;border:0;background:none;color:#3a464e;font-size:16px;letter-spacing:1px}.cape-detail-profiles-heading>span{padding:4px 9px;border:1px solid #c8e7f3;border-radius:20px;background:#e6f4fa;color:#238cb6;font:13px Arial,sans-serif}.cape-detail-player-list{display:block;max-height:470px;padding:8px 20px}.cape-detail-player-row{display:flex!important;align-items:center;gap:14px!important;padding:17px 0;border-bottom:1px solid #edf0f2;color:#229ed9!important;font-size:15px!important;line-height:1.3!important;font-weight:700}.cape-detail-player-row:last-child{border-bottom:0}.cape-player-head{display:block;flex:none;width:42px;height:42px;border:1px solid #dbe5eb;border-radius:5px;background:#edf3f6;overflow:hidden}.cape-player-head img{width:100%;height:100%;border-radius:0}.cape-detail-player-name{flex:1}.cape-detail-player-action{margin-left:auto;color:#9aa6ad;font-size:12px;font-weight:400}.cape-detail-pages{border-color:#edf0f2;background:#fff;color:#9aa6ad}.cape-detail-pages a{color:#229ed9}.cape-detail-notes{color:#9aa6ad}
.profile-page .profile-banner{min-height:132px;padding:27px 30px;border-color:#73848f;background-image:linear-gradient(90deg,#081322a6,#08132280),url('/images/practice-stats-background.png');background-position:center 55%;background-size:cover}.profile-page .profile-main-tabs{justify-content:flex-start;gap:5px;min-height:0;padding:6px;border:1px solid #e2e8ec;border-radius:6px;background:#edf1f4;box-shadow:none}.profile-page .profile-main-tabs>a{padding:12px 23px;border-radius:4px;color:#7d8d97;font-size:12px;font-weight:700}.profile-page .profile-main-tabs>a[aria-current=page]{background:#fff;box-shadow:0 1px 4px #17334316;color:#229ed9}.profile-page .profile-main-panel{background:transparent;box-shadow:none}.profile-page .profile-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-overview-card{min-width:0;padding:21px;border:1px solid #64737d;border-radius:6px;background-position:center;background-size:cover;color:#fff}.profile-overview-practice{background-image:linear-gradient(#081322a6,#081322c2),url('/images/lunar-teams-01.png')}.profile-overview-kitmap{background-image:linear-gradient(#08132299,#081322ba),url('/images/practice-stats-background.png')}.profile-overview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.profile-overview-heading h2{margin:0;color:#fff;font-size:14px;letter-spacing:.9px}.profile-overview-heading a{color:#91e3ff;font-size:11px}.profile-overview-featured{display:flex;gap:10px;align-items:baseline;margin:29px 0 23px}.profile-overview-featured strong{color:#fff;font-size:43px;line-height:1}.profile-overview-featured span{color:#e0e8ef;font-size:12px;letter-spacing:1px;text-transform:uppercase}.profile-overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-overview-metrics>div{display:flex;flex-direction:column;gap:10px}.profile-overview-metrics span{color:#e0e8ef;font-size:10px;text-transform:uppercase}.profile-overview-metrics strong{color:#fff;font-size:24px}.profile-overview-track{height:5px;margin-top:25px;border-radius:4px;background:#ffffff2a;overflow:hidden}.profile-overview-track span{display:block;height:100%;background:#61c9ee}.profile-overview-key{display:flex;justify-content:space-between;margin:9px 0 0;color:#e0e8ef;font-size:10px}.practice-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.practice-summary>div{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #e0e7eb;border-radius:5px;background:#fff}.practice-summary>div:first-child{border-top:3px solid #229ed9;padding-top:16px}.practice-summary span{color:#8a98a1;font-size:10px;font-weight:700;text-transform:uppercase}.practice-summary strong{color:#3a4c58;font-size:25px;font-variant-numeric:tabular-nums}.practice-ladder-panel,.profile-page .match-history{margin-bottom:20px;border:1px solid #e0e7eb;border-radius:6px;background:#fff;overflow:hidden}.profile-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 19px;border-bottom:1px solid #e6ecef}.profile-panel-heading h3{margin:0;color:#43535e;font-size:14px;letter-spacing:.9px;text-transform:uppercase}.profile-panel-heading label{display:flex;align-items:center;gap:9px;color:#9aa6ae;font-size:11px}.profile-panel-heading select{padding:7px 10px;border:1px solid #dfe7ed;border-radius:4px;background:#fff;color:#617682;font:12px Raleway,Arial,sans-serif}.practice-ladder-scroll{overflow-x:auto}.practice-ladder-table{width:100%;border-collapse:collapse;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.practice-ladder-table th,.practice-ladder-table td{padding:16px 14px;border-bottom:1px solid #edf1f3;white-space:nowrap}.practice-ladder-table th{background:#fafbfc;color:#98a4ac;font-size:10px;text-transform:uppercase}.practice-ladder-table th:first-child,.practice-ladder-table td:first-child{text-align:left;padding-left:19px}.practice-ladder-table th button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-transform:uppercase}.practice-ladder-table th[aria-sort]{color:#229ed9}.practice-ladder-table td:first-child{color:#475f6d;font-weight:700}.practice-ladder-table tbody tr:hover{background:#f5fbfe}.practice-rate-track,.profile-rate-track{display:block;width:58px;height:3px;margin:6px 0 0 auto;border-radius:2px;background:#eaf0f3;overflow:hidden}.profile-rate-track i{display:block;height:100%;background:#5ab4d7}.practice-kit-empty,.match-filter-empty{padding:20px;color:#929da5}.match-result-filters{display:flex;gap:3px}.match-result-filters button{padding:5px 10px;border:1px solid transparent;border-radius:20px;background:transparent;color:#84919a;font:11px Raleway,Arial,sans-serif;cursor:pointer}.match-result-filters button[aria-pressed=true]{border-color:#cce9f4;background:#eaf6fb;color:#229ed9}.profile-page .recent-games-title{margin:0;padding:0;border:0}.profile-page .profile-skin-controls{position:static;justify-content:center;padding:10px 0 17px;gap:4px}.profile-page .profile-skin-controls button{width:auto;height:auto;padding:7px 14px;border:1px solid transparent;border-radius:20px;color:#84919a;font:11px Raleway,Arial,sans-serif}.profile-page .profile-skin-controls button:disabled{border-color:#cce9f4;background:#eaf6fb;color:#229ed9}.profile-page .profile-skin-card .profile-body{margin-bottom:0}
@media(max-width:900px){.cape-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.cape-index-page{padding:20px 14px}.cape-index-heading h1{font-size:27px}.cape-index-tools input{width:100%}.cape-index-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.cape-index-filters button{white-space:nowrap}.cape-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cape-index-art{height:185px}.cape-index-art .profile-cloak-frame{width:86px;height:138px}.cape-index-info strong{font-size:14px}.cape-detail-page{padding:20px 16px}.cape-detail-layout{grid-template-columns:1fr;gap:18px}.cape-detail-art{min-height:315px}.cape-detail-heading h1{font-size:24px}.cape-player-head{width:36px;height:36px}.cape-detail-player-action{font-size:11px}.profile-page .profile-overview-grid{gap:12px}.profile-overview-card{padding:16px 13px}.profile-overview-featured strong{font-size:35px}.profile-overview-metrics{grid-template-columns:1fr;gap:12px}.profile-overview-metrics>div{flex-direction:row;justify-content:space-between}.profile-overview-metrics strong{font-size:18px}.practice-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cape-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cape-index-art{height:160px}.profile-page .profile-overview-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cape-index-card{transition:none}.cape-index-card:hover{transform:none}}
.profile-page .profile-banner{justify-content:flex-start;position:relative;padding-right:230px}.profile-banner-details{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;color:#e7edf2;text-align:right;font-size:12px}.profile-page .profile-banner img{width:58px;height:58px;border-radius:5px;box-shadow:0 3px 12px #0003}.profile-page .profile-banner h1{font-size:31px;letter-spacing:1px}.profile-page .profile-main-panel{padding:0}.profile-page .profile-statistics>.profile-main-panel{margin-top:0}.profile-page .profile-general-card{display:none}@media(max-width:760px){.profile-page .profile-banner{justify-content:flex-start;min-height:120px;padding:20px}.profile-page .profile-banner img{width:43px;height:43px}.profile-page .profile-banner h1{font-size:25px}.profile-banner-details{right:20px;font-size:10px}}
.cape-index-page [hidden],.cape-detail-page [hidden],.practice-ladder-panel [hidden],.match-history [hidden]{display:none!important}/* Overview cards must outrank the older generic profile section surface and sibling margin. */
.profile-page .profile-statistics .profile-overview-grid > .profile-overview-card{margin-top:0;padding:21px;border:1px solid #64737d;border-radius:6px;box-shadow:none;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}
.profile-page .profile-statistics .profile-overview-grid > .profile-overview-practice{background-image:linear-gradient(#081322a6,#081322c2),url('/images/lunar-teams-01.png')}
.profile-page .profile-statistics .profile-overview-grid > .profile-overview-kitmap{background-image:linear-gradient(#08132299,#081322ba),url('/images/practice-stats-background.png')}
.profile-page .profile-statistics .profile-overview-grid > .profile-overview-squads{background-image:linear-gradient(#081322a6,#081322c2),url('/images/lunar-teams-01.png')}
.profile-page .profile-overview-squads .profile-overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.profile-page .profile-overview-squads .profile-overview-metrics{grid-template-columns:1fr}}
@media(max-width:760px){.profile-page .profile-statistics .profile-overview-grid > .profile-overview-card{padding:16px 13px}}
/* The legacy profile h2 accessibility rule must not collapse visible overview titles. */
.profile-page .profile-statistics .profile-overview-heading h2{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;border:0;color:#fff;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.9px;text-transform:uppercase}
.profile-badge-editor[open] > summary,.profile-cape-editor[open] > summary{display:none}
.atlas-tooltip-trigger{position:relative;cursor:help}
.profile-country-flag{display:inline-block;width:16px!important;height:11px!important;margin:0 0 0 8px!important;border:0!important;border-radius:0!important;box-shadow:none!important;vertical-align:middle;object-fit:fill}
.home-showcase h1 .home-network{font-weight:400}
.atlas-tooltip-trigger:before{content:attr(data-joined-exact);position:absolute;z-index:1070;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);width:max-content;max-width:200px;padding:3px 8px;background:#000;color:#fff;font:400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif;text-align:center;text-transform:none;letter-spacing:normal;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s linear,visibility 0s linear .15s}
.atlas-tooltip-trigger:after{position:absolute;z-index:1070;bottom:100%;left:50%;margin-left:-5px;content:'';border:5px solid transparent;border-top-color:#000;border-bottom:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s linear,visibility 0s linear .15s}
.atlas-tooltip-trigger:is(:hover,:focus-visible):before,.atlas-tooltip-trigger:is(:hover,:focus-visible):after{opacity:.9;visibility:visible;transition-delay:0s}
@media(prefers-reduced-motion:reduce){.atlas-tooltip-trigger:before,.atlas-tooltip-trigger:after{transition:none}}
.practice-detail-leaderboards .table .rank{width:8%}
.practice-detail-leaderboards .table .username{width:36%}
.practice-detail-leaderboards .table .text-right:nth-child(3),.practice-detail-leaderboards .table .text-right:nth-child(4),.practice-detail-leaderboards .table .text-right:nth-child(5){width:18.6667%}
.practice-detail-leaderboards .table .username a{display:inline-flex;align-items:center;gap:7px;color:#6188b0;text-decoration:none}
.practice-detail-leaderboards .table .username a:hover{text-decoration:underline}
.practice-detail-leaderboards .table .username .practice-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4px 16px;max-width:none}
.practice-detail-leaderboards .practice-duo a{font-size:14px}
.practice-detail-leaderboards.practice-2v2-leaderboard .table .username{width:54%}
.practice-detail-leaderboards.practice-2v2-leaderboard .table .text-right:nth-child(n+3){width:12.6667%}
.practice-detail-leaderboards .practice-duo a{min-width:0}
@media(max-width:700px){.practice-detail-leaderboards .table .username .practice-duo{grid-template-columns:minmax(0,1fr);gap:5px}}

/* Reuse the full cape preview crop inside the compact editor. */
.profile-cape-editor .profile-cloak-frame{width:20px;height:32px;min-width:20px;margin:0;border-radius:2px;box-shadow:none}
.profile-cape-editor .profile-cloak-frame img.cape-art-preview{width:640%;height:200%;object-fit:fill;image-rendering:auto}
@media(max-width:575px){.profile-page .profile-banner{padding-right:20px;flex-wrap:wrap}.profile-banner-details{position:static;transform:none;flex-basis:100%;text-align:left;gap:3px}}

/* Staff tools share the General and Statistics pill treatment. */
.profile-page .profile-staff-tabs{justify-content:flex-start;gap:5px;margin-top:4px;padding-top:6px;border-top:0}
.profile-page .profile-main-tabs .profile-staff-tabs>a{padding:12px 23px;border-radius:4px;color:#7d8d97;font-size:12px;font-weight:700}
.profile-page .profile-main-tabs .profile-staff-tabs>a:hover{background:#f7fafb;color:#229ed9}
.profile-page .profile-main-tabs .profile-staff-tabs>a[aria-current=page],.profile-page .profile-main-tabs .profile-staff-tabs>a[aria-current=page]:hover{background:#fff;box-shadow:0 1px 4px #17334316;color:#229ed9}
@media(max-width:575px){.profile-page .profile-staff-tabs{gap:2px}.profile-page .profile-main-tabs .profile-staff-tabs>a{padding:10px 12px;font-size:11px}}
.leaderboards .match-pagination{margin:18px 0 24px;flex-wrap:wrap}

/* Squads team directory and roster, using Atlas's light surfaces and blue accents. */
.squads-directory .page-current{align-items:center}.squads-directory .table .username a{color:#238fbd;font-weight:700;text-decoration:none}.squads-directory .table .username a:hover{text-decoration:underline}.squads-directory .match-pagination{margin:20px 0 24px}
.squads-team-page{max-width:1140px;margin:20px auto;padding:0 16px 35px;color:#3e4f5a;font-family:Raleway,Arial,Helvetica,sans-serif}.squads-breadcrumb{display:flex;gap:10px;align-items:center;margin:4px 0 18px;color:#9cabb4;font-size:12px}.squads-breadcrumb a,.squads-team-heading>a{color:#238fbd;text-decoration:none}.squads-breadcrumb a:hover,.squads-team-heading>a:hover{text-decoration:underline}.squads-team-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.squads-team-heading h1{margin:5px 0 0;color:#354854;font-size:32px;line-height:1.2;overflow-wrap:anywhere}.squads-eyebrow{color:#8ca1ad;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.squads-team-heading>a{padding-bottom:5px;font-size:12px;font-weight:700}.squads-team-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.squads-team-summary>div{display:grid;gap:9px;min-width:0;padding:18px 20px;border:1px solid #dfe7ec;border-top:3px solid #51b7dd;border-radius:6px;background:#fff;box-shadow:0 2px 8px #1639470c}.squads-team-summary span{color:#91a0aa;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.squads-team-summary strong{color:#405664;font-size:24px;line-height:1.2;overflow-wrap:anywhere}.squads-roster-section{padding:20px;border:1px solid #dfe7ec;border-radius:7px;background:#fff;box-shadow:0 2px 8px #1639470c}.squads-roster-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.squads-roster-heading h2{margin:0;color:#425460;font-size:16px;letter-spacing:.5px}.squads-roster-heading>span{padding:5px 10px;border-radius:16px;background:#e9f5fa;color:#298ab1;font-size:12px}.squads-roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.squads-roster-card{min-width:0;overflow:hidden;border:1px solid #e0e8ed;border-radius:6px;background:#fff;transition:box-shadow .18s,transform .18s}.squads-roster-card:hover{box-shadow:0 8px 18px #1e465019;transform:translateY(-2px)}.squads-roster-art{position:relative;display:flex;align-items:end;justify-content:center;height:164px;overflow:hidden;background:linear-gradient(155deg,#f5f9fb,#e4edf2)}.squads-roster-art img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;font-size:0;color:transparent}.squads-roster-fallback{position:absolute;bottom:0;width:70px;height:115px;border-radius:38px 38px 0 0;background:#c5d8e2}.squads-roster-fallback:before{position:absolute;top:-26px;left:18px;width:35px;height:35px;border-radius:50%;background:#c5d8e2;content:''}.squads-roster-art img[hidden]{display:none}.squads-roster-info{display:grid;gap:8px;min-height:71px;padding:13px 14px}.squads-roster-info a,.squads-roster-info strong{min-width:0;color:#3c5361;font-size:13px;font-weight:700;overflow-wrap:anywhere;text-decoration:none}.squads-roster-info a:hover{color:#238fbd;text-decoration:underline}.squads-role{width:max-content;max-width:100%;padding:4px 8px;border-radius:14px;background:#f0f3f5;color:#71838e;font-size:10px;font-weight:700;line-height:1.2}.squads-role-leader{background:#e8f5fb;color:#238fbd}@media(max-width:850px){.squads-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.squads-team-heading h1{font-size:26px}.squads-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.squads-roster-section{padding:15px}.squads-roster-art{height:135px}.squads-team-summary strong{font-size:20px}}@media(max-width:360px){.squads-team-summary{grid-template-columns:1fr}.squads-roster-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.squads-roster-card{transition:none}.squads-roster-card:hover{transform:none}}
.squads-team-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-8px 0 22px}.squads-team-stats>div{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid #dfe7ec;border-radius:6px;background:#fff;box-shadow:0 2px 8px #1639470c}.squads-team-stats span{color:#91a0aa;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.squads-team-stats strong{color:#405664;font-size:19px;line-height:1.2;overflow-wrap:anywhere}@media(max-width:700px){.squads-team-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.squads-team-stats{grid-template-columns:1fr}}
.squads-team-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.squads-team-stats .squads-home-stat{align-content:center;gap:6px}.squads-home-stat strong{font-size:15px}.squads-roster-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.squads-roster-art{height:145px}.squads-actions-section{margin-top:20px;padding:20px;border:1px solid #dfe7ec;border-radius:7px;background:#fff;box-shadow:0 2px 8px #1639470c}.squads-actions-section h2{margin:0 0 16px;color:#425460;font-size:16px;letter-spacing:.5px}.squads-actions-section>p{margin:0;color:#80919b;font-size:13px}.squads-action-list{margin:0;padding:0;list-style:none}.squads-action-list li{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 4px;border-top:1px solid #edf1f3;color:#667984;font-size:12px}.squads-action-list li:first-child{border-top:0}.squads-action-actor{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.squads-action-actor img{width:20px;height:20px;image-rendering:pixelated;border-radius:3px}.squads-action-actor a{color:#238fbd;font-weight:700;text-decoration:none}.squads-action-actor a:hover{text-decoration:underline}.squads-action-list time{margin-left:auto;color:#9aa8b0;white-space:nowrap}@media(max-width:950px){.squads-team-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.squads-roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.squads-team-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.squads-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.squads-action-list li{flex-wrap:wrap}.squads-action-list time{width:100%;margin:0 0 0 26px}}@media(max-width:600px){.squads-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.squads-roster-art{height:135px}}@media(max-width:360px){.squads-team-stats{grid-template-columns:1fr}.squads-roster-grid{grid-template-columns:1fr}}

.squads-roster-art.is-loaded .squads-roster-fallback{display:none}

/* Restore the pre-overview profile navigation treatment. */
.profile-page .profile-main-tabs{justify-content:center;gap:15px;padding:16px 20px;border:0;border-radius:4px;background:#fff;box-shadow:0 1px 2px #0002}
.profile-page .profile-main-tabs>a{padding:6px 12px;border-radius:5px;color:#666;font-size:14px;font-weight:400;letter-spacing:1px}
.profile-page .profile-main-tabs>a[aria-current=page]{background:#b6b6b6;box-shadow:none;color:#fff}
.profile-page .profile-staff-tabs{justify-content:center;gap:15px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.profile-page .profile-main-tabs .profile-staff-tabs>a{padding:4px 5px 3px;border-radius:0;background:none;box-shadow:none;color:#db4040;font-size:12px;line-height:14.5714px;font-weight:400;letter-spacing:1.3px}
.profile-page .profile-main-tabs .profile-staff-tabs>a:hover,.profile-page .profile-main-tabs .profile-staff-tabs>a[aria-current=page],.profile-page .profile-main-tabs .profile-staff-tabs>a[aria-current=page]:hover{background:none;box-shadow:none;color:#db4040;text-decoration:underline}
.profile-page .profile-main-tabs .profile-social-icon,.profile-page .profile-main-tabs .profile-social-icon:hover,.profile-page .profile-main-tabs .profile-social-icon:focus-visible{color:#777}
.profile-social-icon.social-discord,.profile-social-icon.social-discord:hover,.profile-social-icon.social-discord:focus-visible,.profile-social-icon.social-telegram,.profile-social-icon.social-telegram:hover,.profile-social-icon.social-telegram:focus-visible,.profile-social-icon.social-youtube,.profile-social-icon.social-youtube:hover,.profile-social-icon.social-youtube:focus-visible,.profile-social-icon.social-twitch,.profile-social-icon.social-twitch:hover,.profile-social-icon.social-twitch:focus-visible,.profile-social-icon.social-twitter,.profile-social-icon.social-twitter:hover,.profile-social-icon.social-twitter:focus-visible,.profile-social-icon.social-github,.profile-social-icon.social-github:hover,.profile-social-icon.social-github:focus-visible,.profile-social-icon.social-steam,.profile-social-icon.social-steam:hover,.profile-social-icon.social-steam:focus-visible{color:#777}
.profile-page .profile-main-panel .profile-stat-cards{grid-template-columns:repeat(3,minmax(0,320px));gap:20px}
@media(max-width:991px){.profile-page .profile-main-panel .profile-stat-cards{grid-template-columns:repeat(2,minmax(0,320px))}}
@media(max-width:500px){.profile-page .profile-main-panel .profile-stat-cards{grid-template-columns:minmax(0,256px);justify-content:center}}
/* Mode artwork from the archived Lunar cards, kept distinct on the overview. */
.profile-page .profile-main-panel .profile-mode-practice{background-image:url('/images/lunar-teams-02.png')}
.profile-page .profile-main-panel .profile-mode-teams{background-image:url('/images/lunar-teams-01.png')}
.profile-page .profile-main-panel .profile-mode-squads{background-image:url('/images/lunar-teams-03.png')}
.profile-page .profile-main-panel .profile-stat-card{box-shadow:none}
.profile-page .profile-main-panel .profile-stat-card h3{margin:0 0 10px;padding:0;background:none}
.profile-page .profile-main-panel .profile-stat-card dl>div{background:#ffffff1a;border-color:#ffffff1a;border-radius:6px;backdrop-filter:none}
.profile-page .profile-banner{padding-right:30px}
/* Footer bars are the card edge, without a separate rule or floating button. */
.profile-social-card.has-footer,.profile-badge-card.has-editor,.profile-cloak-card.has-editor{overflow:hidden;padding-bottom:0}
.profile-sidebar-footer,.profile-badge-card .profile-badge-editor>summary,.profile-cloak-card .profile-cape-editor>summary{display:block;width:100%;min-height:28px;margin:0;padding:5px 10px;border:1px solid #999;border-radius:0 0 6px 6px;background:linear-gradient(#b4b4b4,#a6a6a6);box-shadow:inset 0 0 0 1px #ffffff45;color:#fff;font:700 12px/16px Raleway,Arial,Helvetica,sans-serif;text-align:center;text-transform:uppercase;text-decoration:none}
.profile-sidebar-footer:hover,.profile-badge-card .profile-badge-editor>summary:hover,.profile-cloak-card .profile-cape-editor>summary:hover{background:linear-gradient(#b4b4b4,#a6a6a6);color:#fff}
.profile-social-card .profile-sidebar-footer{width:calc(100% + 24px);margin:15px -12px 0}
.profile-badge-card .profile-badge-editor{width:calc(100% + 24px);margin:15px -12px 0;border:0}
.profile-cloak-card .profile-cape-editor{width:calc(100% + 24px);margin:15px -12px 0;border:0}
.profile-badge-card .profile-badge-editor[open],.profile-cloak-card .profile-cape-editor[open]{padding:0;border-radius:0;background:none;box-shadow:none}
.profile-badge-card .profile-badge-editor[open]>summary,.profile-cloak-card .profile-cape-editor[open]>summary{display:none}
.profile-badge-card .profile-badge-editor form,.profile-cloak-card .profile-cape-editor form{padding:0 12px 15px}
.profile-sidebar .profile-skin-card,.profile-sidebar .profile-social-card,.profile-sidebar .profile-badge-card,.profile-sidebar .profile-cloak-card,.profile-sidebar .profile-friend-card,.profile-sidebar .profile-general-card{border-radius:6px;box-shadow:0 1px 2px #0002,inset 0 0 0 1px #0000000d}
.profile-sidebar .profile-card-label{border-radius:6px 6px 0 0}
.profile-sidebar .profile-card-foot{border-radius:0 0 6px 6px}
.profile-sidebar .profile-badge-card.has-editor{overflow:visible}
.profile-social-card .profile-edit-link{display:flex;gap:6px;letter-spacing:1px;text-shadow:none}
.profile-friend-card.has-footer{padding-bottom:0}
.profile-friend-card.has-footer .profile-friend-action,.profile-friend-card.has-footer .profile-friend-login{width:calc(100% + 24px);margin:16px -12px 0}
.profile-friend-card.has-footer .friend-actions{gap:0}
.profile-friend-card.has-footer .friend-actions .btn,.profile-friend-card.has-footer .profile-friend-login{min-height:28px;padding:5px 10px;border-radius:0 0 6px 6px}
.profile-friend-card.has-footer .profile-friend-action p,.profile-friend-card.has-footer .auth-result:not(:empty){padding:0 12px}
.profile-badge-editor button[type=submit],.profile-cape-editor button[type=submit]{min-height:28px;padding:5px 10px;border:1px solid #999;border-radius:5px;background:linear-gradient(#b4b4b4,#a6a6a6);box-shadow:inset 0 0 0 1px #ffffff45;color:#fff;font:700 12px/16px Raleway,Arial,Helvetica,sans-serif;text-transform:uppercase}
.profile-badge-editor button[type=submit]:hover,.profile-cape-editor button[type=submit]:hover{background:linear-gradient(#a6a6a6,#939393);color:#fff}
.profile-badge-editor .auth-result,.profile-cape-editor .auth-result{order:1}
body.home-page .main,body.profile-page .main,body.cape-archive-page .main,body.store-page .main{padding-bottom:90px}
/* Keep the privacy policy within the site's card and typography system. */
.privacy-page-content{padding-top:30px;padding-bottom:110px}
.privacy-hero{padding:28px 32px;background:#fff;border:1px solid #e6e9ec;border-radius:6px;margin-bottom:24px;box-shadow:0 1px 2px #00000008}
.privacy-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:#7b8791;font-size:11px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase}
.privacy-hero h1{margin:0 0 10px;color:#303942;font-size:38px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:-.6px}
.privacy-hero p{margin:0;color:#71808c;font-size:15px;line-height:1.7}
.privacy-layout{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:24px}
.privacy-contents{position:sticky;top:90px;display:grid;gap:3px;padding:21px 16px;background:#fff;border:1px solid #e6e9ec;border-radius:6px}
.privacy-contents h2{margin:0 10px 11px;color:#8a959e;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.privacy-contents a{padding:8px 10px;border-radius:4px;color:#64717c;font-size:13px;font-weight:500}
.privacy-contents a:hover,.privacy-contents a:focus-visible{background:#f0f5f8;color:#229ed9}
.privacy-policy{padding:0 32px;background:#fff;border:1px solid #e6e9ec;border-radius:6px;box-shadow:0 1px 2px #00000008}
.privacy-policy section{padding:27px 0;scroll-margin-top:90px}
.privacy-policy section+section{border-top:1px solid #edf0f2}
.privacy-policy h2{margin:0 0 12px;color:#3f4a53;font-size:17px;font-weight:700;letter-spacing:.1px;text-transform:none}
.privacy-policy p{margin:0 0 13px;color:#65727d;font-size:14px;font-weight:400;line-height:1.85}
.privacy-policy p:last-child{margin-bottom:0}
.privacy-policy a{color:#378cb6;text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){.privacy-page-content{padding-top:18px}.privacy-hero{padding:23px}.privacy-hero h1{font-size:30px}.privacy-layout{grid-template-columns:1fr;gap:18px}.privacy-contents{position:static;display:flex;flex-wrap:wrap;padding:14px}.privacy-contents h2{width:100%;margin:4px 10px 7px}.privacy-contents a{font-size:12px}.privacy-policy{padding:0 23px}.privacy-policy section{padding:23px 0}}
.profile-badge-editor button[type=submit],.profile-cape-editor button[type=submit]{display:block;order:2;width:calc(100% + 24px);margin:0 -12px -15px;border-radius:0 0 6px 6px}
.profile-page .match-banner{display:block;min-height:82px;padding:12px 18px;border:2px solid #405156;border-radius:6px;background:#17292d url('/images/lunar-match-banner.png') center/cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff45;color:#eee;text-align:center}
.match-banner-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;font-size:36px;line-height:1.2;font-weight:400}
.match-banner-team,.match-banner-faces{display:inline-flex;align-items:center;gap:9px}
.match-banner-team{flex-wrap:wrap;justify-content:center}
.match-banner-faces img{width:40px;height:40px;image-rendering:pixelated;border-radius:3px}
.match-banner-names a{color:inherit;font-weight:400}
.match-banner-names a:hover{text-decoration:underline}
.match-banner-line .elo-gain,.match-banner-line .elo-loss{font-size:30px;font-weight:700}
.match-banner-line .elo-gain{color:#24844a}.match-banner-line .elo-loss{color:#bc3131}
.match-banner-vs{font-size:28px}
.profile-page .match-banner p{margin:3px 0 0;font-size:16px;line-height:1.25}
@media(max-width:767px){.match-banner-line{font-size:24px;gap:7px}.match-banner-line .elo-gain,.match-banner-line .elo-loss{font-size:22px}.match-banner-vs{font-size:20px}.match-banner-faces img{width:32px;height:32px}.profile-page .match-banner{padding:12px 8px}}
.squads-team-stats .squads-home-stat{align-content:start}
.squads-actions-section{padding:0;overflow:hidden}
.squads-actions-section h2{display:flex;align-items:center;min-height:34px;margin:0;padding:9px 16px;background:var(--atlas-panel-gradient);color:#fff;font-size:12px;font-weight:700;line-height:14.5714px;letter-spacing:1.8px;text-transform:uppercase}
.squads-actions-section>p{padding:16px 20px}
.squads-action-list{padding:0 20px}
.squads-action-list li{min-height:36px;padding:6px 4px;color:#666;font-size:16px;font-weight:600;line-height:19.4286px;letter-spacing:.5px}
.squads-action-actor a{font-size:inherit;line-height:inherit;letter-spacing:inherit}
.squads-action-list time{color:#666;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
@media(max-width:700px){.squads-action-list{padding:0 14px}}

/* Squads detail cards use the same continuous header treatment as Recent Actions. */
.squads-team-page{--squads-header-gradient:var(--atlas-panel-gradient)}
.squads-team-summary>div,.squads-team-stats>div{grid-template-rows:auto 1fr;gap:0;padding:0;overflow:hidden;border-top:1px solid #dfe7ec}
.squads-team-summary span,.squads-team-stats span{display:flex;align-items:center;min-height:34px;padding:9px 16px;background:var(--squads-header-gradient);color:#fff;font-size:12px;font-weight:700;line-height:14.5714px;letter-spacing:1.8px;text-transform:uppercase}
.squads-team-summary strong,.squads-team-stats strong{display:flex;align-items:center;min-height:49px;padding:12px 20px}
.squads-team-stats strong{min-height:42px;padding:10px 16px}
.squads-team-stats .squads-home-stat{gap:0;align-content:stretch}
.squads-roster-section{padding:0;overflow:hidden}
.squads-roster-heading{min-height:34px;margin:0;padding:0 16px;background:var(--squads-header-gradient)}
.squads-roster-heading h2{color:#fff;font-size:12px;font-weight:700;line-height:14.5714px;letter-spacing:1.8px;text-transform:uppercase}
.squads-roster-heading>span{padding:2px 8px;background:#ffffff30;color:#fff;font-size:11px;line-height:14px}
.squads-roster-grid{padding:20px}
.squads-actions-section h2{background:var(--squads-header-gradient)}
@media(max-width:600px){.squads-roster-section{padding:0}.squads-roster-grid{padding:15px}}

/* Archived Squads player leaderboard layout, using Atlas's existing table gradient. */
.squads-player-leaderboards .page-current{display:flex;align-items:center;gap:12px;min-height:47px;margin-bottom:12px;padding:9px 13px 8px;background:#fff;border:0;border-radius:5px;box-shadow:0 1px 2px #0002}
.squads-player-leaderboards .page-current .title{flex:1;width:auto;min-width:0}
.squads-player-leaderboards .page-current h2{margin:0;color:#4a4a4a;font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.squads-player-leaderboards .page-current h2 i{margin-right:8px;color:#4a4a4a;font-size:14px}
.squads-board-controls{display:flex;justify-content:flex-end;gap:4px}
.squads-directory .page-current{display:flex;align-items:center;gap:12px;min-height:47px;margin-bottom:12px;padding:9px 13px 8px;background:#fff;border:0;border-radius:5px;box-shadow:0 1px 2px #0002}
.squads-directory .page-current .title{flex:1;width:auto;min-width:0}
.squads-directory .page-current h2{margin:0;color:#4a4a4a;font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.squads-board-controls .atlas-sort-menu{min-width:0}
.squads-board-select{display:flex;align-items:center;gap:7px;min-height:27px;padding:5px 7px;border:1px solid #8146ab;border-radius:6px;background:#a854de;box-shadow:inset 0 0 1px 1px #ffffff52;color:#ffffffe6;font:700 11px/15px Raleway,Arial,Helvetica,sans-serif;letter-spacing:1px;text-transform:uppercase}
.squads-board-select:after{content:'';width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor}
.squads-board-controls .atlas-sort-menu[open] .squads-board-select{border-color:#8b27cb;background:#9229d6;box-shadow:0 0 0 3px #a854de80;color:#fff}
.squads-board-controls .atlas-sort-menu .dropdown-menu{right:0;left:auto;min-width:160px;padding:8px 0;border:1px solid #d9d9d9;border-radius:0;background:#fff;box-shadow:none}
.squads-board-controls .atlas-sort-menu .dropdown-item{display:block;padding:4px 24px;color:#666;background:transparent;font:400 14px/17px Raleway,Arial,Helvetica,sans-serif;white-space:nowrap}
.squads-board-controls .atlas-sort-menu .dropdown-item:hover{background:#f5f5f5;color:#333}
.squads-player-leaderboards .table-holder{overflow:hidden;border-radius:5px}
.squads-player-leaderboards .table{width:100%;min-width:0;table-layout:fixed;margin:0;background:#fff}
.squads-player-leaderboards .table .rank{width:8%}
.squads-player-leaderboards .table .username{width:31%}
.squads-player-leaderboards .table .text-right:nth-child(3){width:10.35%}
.squads-player-leaderboards .table .text-right:nth-child(4){width:12.55%}
.squads-player-leaderboards .table .text-right:nth-child(5){width:22.9%}
.squads-player-leaderboards .table .text-right:nth-child(6){width:15.2%}
.squads-player-leaderboards .table .username .avatar{max-width:none}
.squads-player-leaderboards .avatar-face{width:20px;height:20px;flex:0 0 20px}
.squads-player-leaderboards .table .username a{color:#238fbd;text-decoration:none}
.squads-player-leaderboards .table .username a:hover{text-decoration:underline}
.squads-directory .table{width:100%;min-width:0;table-layout:fixed;margin:0;background:#fff}
.squads-directory .table .rank{width:8%}
.squads-directory .table .username{width:31%}
.squads-directory .table th,.squads-directory .table td{overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.squads-directory .table .rank{width:9%}.squads-directory .table .username{width:58%}.squads-directory .table thead th,.squads-directory .table tbody td{padding-left:5px;padding-right:5px;font-size:11px}}
.squads-paging{display:flex;align-items:center;justify-content:center;gap:11px;min-height:44px;margin:0;padding:9px 13px;background:#fff;border-radius:0 0 5px 5px;box-shadow:0 1px 2px #0002;font:700 11px/21px Raleway,Arial,Helvetica,sans-serif}
.squads-paging a,.squads-paging span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:21px;color:#555;text-decoration:none}
.squads-paging a[aria-current=page]{border-radius:5px;background:linear-gradient(#dbdbdb,#c7c7c7);box-shadow:inset 0 1px 1px #bebebe;color:#fff}
.squads-paging .paging-arrow{min-width:46px;color:#777}
.squads-paging .paging-arrow.disabled{color:#e3e3e3}
.squads-paging .paging-gap{min-width:12px;color:#c7c7c7}
/* Archived Lunar profile comment structure, adapted to Atlas's profile column. */
.profile-page .profile-statistics .profile-comments-block{padding:20px;background:#fff;border-radius:4px;box-shadow:0 1px 2px #0002;color:#7e7e7e;font:400 15px/18px Raleway,Arial,Helvetica,sans-serif}
.profile-page .profile-statistics .profile-comments-block h2{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;margin:0 0 8px;padding:0;color:#4a4a4a;text-align:center;text-transform:uppercase;letter-spacing:2px;font:700 14.4px/18px Raleway,Arial,Helvetica,sans-serif}
.profile-comments-block h2 i{margin-right:9px;font-size:14px;letter-spacing:0}
.profile-comments-login{margin:0 0 16px;padding:12px 20px;border:1px solid #f5caca;background:#f8d9d9;color:#722121;min-height:44px}
.profile-comments-login i{margin-right:3px}
.profile-comments-list,.profile-comment-replies{list-style:none;margin:0;padding:0}
.profile-comment-item{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #f1f1f1}
.profile-comment-item:last-child{margin-bottom:0}
.profile-comment-item article{display:flex;align-items:flex-start;gap:19px}
.profile-comment-face{flex:0 0 24px;width:24px;height:24px;margin-top:1px}
.profile-comment-face img{display:block;width:24px;height:24px;image-rendering:pixelated}
.profile-comment-bubble{position:relative;flex:1;min-width:0;min-height:53px;padding:7px 8px 7px 7px;border:2px solid #f1f1f1;border-radius:4px;background:#fbfbfb;overflow-wrap:anywhere}
.profile-comment-bubble:before,.profile-comment-bubble:after{content:'';position:absolute;top:8px;right:100%;border-style:solid}
.profile-comment-bubble:before{border-width:7px 8px 7px 0;border-color:transparent #f1f1f1 transparent transparent}
.profile-comment-bubble:after{top:10px;border-width:5px 6px 5px 0;border-color:transparent #fbfbfb transparent transparent}
.profile-comment-bubble p{margin:0 0 3px;white-space:normal}
.profile-comment-bubble footer{color:#9f9f9f;font:400 11px/14px Raleway,Arial,Helvetica,sans-serif}
.profile-comment-bubble footer a{color:#6188b0;text-decoration:none}
.profile-comment-bubble footer a:hover{text-decoration:underline}
.profile-comment-replies{margin:10px 0 0 54px}
.profile-comment-replies:empty{display:none}
.profile-comment-replies .profile-comment-item:last-child{padding-bottom:0;border-bottom:0}
.profile-comment-actions{display:flex;align-items:baseline;gap:10px;margin:4px 0 0 43px;font-size:11px;line-height:13px}
.profile-comment-actions>.profile-comment-reply,.profile-comment-actions>.comment-report{margin:0}
.profile-comment-delete{display:flex;align-items:baseline;gap:8px;margin:0}
.profile-comment-delete button{border:0;padding:0;background:transparent;color:#db4040;font:inherit;cursor:pointer}
.profile-comment-delete button:hover{text-decoration:underline}
.profile-comment-delete button:focus-visible{outline:2px solid #247c9e;outline-offset:3px}
.profile-comment-delete .auth-result{margin:0;font-size:11px}
.profile-comment-reply summary{display:inline-block;cursor:pointer;color:#6188b0}
.profile-comment-reply summary::-webkit-details-marker{display:none}
.profile-comment-form{margin:0 0 16px}
.profile-comment-reply .profile-comment-form{margin:7px 0 0}
.profile-comment-form textarea{display:block;width:100%;min-height:56px;padding:8px;border:1px solid #ddd;border-radius:3px;resize:vertical;color:#555;background:#fbfbfb;font:400 14px/19px Raleway,Arial,Helvetica,sans-serif}
.profile-comment-form-actions{display:flex;gap:6px;margin-top:7px}
.profile-comment-form .auth-result{display:block;margin-top:5px;font-size:12px}
.profile-comments-empty{margin:15px 0;color:#9f9f9f;text-align:center}
.profile-comment-pages{display:flex;align-items:center;justify-content:center;gap:11px;padding:14px 0 0;font:700 12px/21px Raleway,Arial,Helvetica,sans-serif}
.profile-comment-pages a,.profile-comment-pages span{display:inline-flex;justify-content:center;align-items:center;min-width:26px;height:21px;color:#555;text-decoration:none}
.profile-comment-pages a[aria-current=page]{border-radius:5px;background:linear-gradient(#dbdbdb,#c7c7c7);box-shadow:inset 0 1px 1px #bebebe;color:#fff}
.profile-comment-pages .arrow{min-width:46px;font-size:20px;font-weight:400}
.profile-comment-pages .arrow.disabled{color:#ddd}
.profile-comment-pages .gap{color:#aaa}
@media(max-width:480px){.profile-page .profile-statistics .profile-comments-block{padding:15px}.profile-comment-item article{gap:12px}.profile-comment-replies{margin-left:30px}.profile-comment-reply{margin-left:36px}.profile-comment-bubble{font-size:14px}}
@media(max-width:700px){.squads-player-leaderboards .page-current{align-items:flex-start;flex-direction:column}.squads-board-controls{justify-content:flex-start}.squads-player-leaderboards .table .username{width:30%}.squads-player-leaderboards .table .rank{width:9%}.squads-player-leaderboards .table .text-right:nth-child(n){width:15.25%}.squads-player-leaderboards .table thead th,.squads-player-leaderboards .table tbody td{padding-left:5px;padding-right:5px;font-size:11px}.squads-player-leaderboards .table .username .avatar span{font-size:11px}.squads-player-leaderboards .avatar-face{width:16px;height:16px;flex-basis:16px}}
@media(max-width:480px){.squads-player-leaderboards .table thead{display:none}.squads-player-leaderboards .table,.squads-player-leaderboards .table tbody{display:block;width:100%}.squads-player-leaderboards .table tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:8px 10px;gap:9px 4px}.squads-player-leaderboards .table tbody tr:not(:first-child){border-top:1px solid #e8e8e8}.squads-player-leaderboards .table tbody td{display:flex;flex-direction:column;align-items:center;width:auto!important;min-width:0;padding:0;text-align:center;font-size:12px}.squads-player-leaderboards .table tbody td:before{content:attr(data-label);display:block;margin-bottom:3px;color:#777;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.squads-player-leaderboards .table tbody td.rank{grid-column:1}.squads-player-leaderboards .table tbody td.username{grid-column:2 / 5;align-items:flex-start}.squads-player-leaderboards .table tbody td.username .avatar span{font-size:12px}.squads-player-leaderboards .avatar-face{width:20px;height:20px;flex-basis:20px}}
@media(max-width:700px){.practice-detail-leaderboards .table .text-right:nth-child(n){width:20.3333%}}

/* Compact two-row profile navigation, using the existing tab colors and type. */
.profile-page .profile-main-tabs{column-gap:5px;row-gap:1px;margin-bottom:10px;padding:6px 12px}
.profile-page .profile-main-tabs>a{padding:4px 8px;font-size:12px;line-height:16px}
.profile-page .profile-staff-tabs{gap:4px;margin:0;padding:0}
.profile-page .profile-main-tabs .profile-staff-tabs>a{padding:3px 5px 2px;line-height:16px}
.profile-archive-staff-card,.profile-archive-punishments{padding:0!important;overflow:hidden;background:#fff;border:1px solid #ececec;border-radius:3px;box-shadow:0 1px 2px #0000000d}
.profile-archive-staff-card+.profile-archive-staff-card{margin-top:12px}
.profile-archive-gradient{display:block;min-height:34px;margin:0;padding:8px 17px;background:var(--atlas-panel-gradient);color:#fff;font:700 12px/18px Raleway,sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.profile-page .profile-archive-staff-card h2.profile-archive-gradient{margin:0;padding:8px 17px;color:#fff;font:700 12px/18px Raleway,sans-serif;letter-spacing:1.8px}
.profile-archive-staff-body{min-height:76px;padding:17px}
.profile-archive-blank-line{min-height:18px;margin:0 0 13px}
.profile-archive-blank-link{display:block;min-height:20px}
.profile-archive-red-button,.profile-archive-add{border:0;border-radius:2px;background:#c95050;color:#fff;font:700 11px Raleway,sans-serif;letter-spacing:.5px;opacity:1!important}
.profile-archive-red-button{width:114px;height:26px}
.profile-archive-add{min-height:28px;margin:12px 16px;padding:5px 10px}
.profile-archive-table-wrap{overflow-x:auto;margin:14px 16px 0}
.profile-archive-punishments table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;color:#666;font:400 14px/1.45 Raleway,Arial,Helvetica,sans-serif}
.profile-archive-punishments th{height:38px;padding:6px 8px;border-bottom:1px solid #d1d6d9;color:#666;font-weight:700;text-align:left;white-space:nowrap}
.profile-archive-punishments th:nth-child(1){width:8%}.profile-archive-punishments th:nth-child(2){width:10%}.profile-archive-punishments th:nth-child(4){width:13%}.profile-archive-punishments th:nth-child(5){width:15%}.profile-archive-punishments th:nth-child(6){width:10%}.profile-archive-punishments th:nth-child(7){width:132px}
.profile-archive-punishments td{height:42px;padding:7px 8px;border-bottom:1px solid #e8ebed;vertical-align:middle}
.profile-archive-punishments th:last-child,.profile-archive-punishments td:last-child{text-align:right}
.profile-archive-punishments td:nth-child(4){overflow-wrap:anywhere}.profile-archive-punishments td:nth-child(6){white-space:nowrap}
.profile-punishment-type{color:#777;font-size:12px;font-weight:600}
.profile-punishment-status{display:inline-block;padding:3px 8px;border-radius:2px;color:#fff;font-size:12px;font-weight:700;line-height:16px}
.profile-punishment-status.is-active{background:#39a75d}.profile-punishment-status.is-expired{background:#ef9a3c;color:#4d351d}
.profile-punishment-reason{min-width:0;max-width:none;overflow-wrap:anywhere}.profile-punishment-actor{color:#8294a1}
.profile-punishment-actions{white-space:nowrap}.profile-punishment-action{display:inline-flex;box-sizing:border-box;width:39px;height:34px;align-items:center;justify-content:center;padding:0;border:1px solid #ffffff4d;color:#fff;font-size:16px;vertical-align:top;cursor:pointer}
.profile-punishment-action:hover{filter:brightness(.92)}.profile-punishment-action:focus-visible,.profile-punishment-info summary:focus-visible{outline:2px solid #247c9e;outline-offset:2px}
.profile-punishment-action.is-edit{background:#36a55c}.profile-punishment-action.is-remove{background:#df5148}.profile-punishment-action.is-info{background:#1998b7}
.profile-punishment-info{position:relative;display:inline-block;vertical-align:top}.profile-punishment-info summary{list-style:none;cursor:pointer}.profile-punishment-info summary::-webkit-details-marker{display:none}
.profile-punishment-detail{position:absolute;z-index:5;right:0;top:calc(100% + 5px);width:min(290px,calc(100vw - 40px));padding:10px 12px;border:1px solid #e1e5e8;border-radius:3px;background:#fff;box-shadow:0 3px 12px #0002;color:#65737b;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:12px}
.profile-punishment-detail strong{color:#4c5960}.profile-punishment-empty{text-align:center;color:#999}
.profile-tickets .profile-archive-table-wrap{margin-bottom:14px}
.profile-tickets th:nth-child(7){width:55px}
.profile-tickets td:nth-child(6){white-space:normal}
.profile-tickets .profile-ticket-detail-row>td{height:0;padding:0;border:0;text-align:left}
.profile-ticket-info{position:relative}
.profile-ticket-info>summary{position:absolute;right:8px;bottom:8px;list-style:none;cursor:pointer}
.profile-ticket-info>summary::-webkit-details-marker{display:none}
.profile-ticket-info[open]>summary{top:-42px;bottom:auto}
.profile-ticket-answers{padding:12px 16px;border-bottom:1px solid #e8ebed;background:#fafbfc;text-align:left;overflow-wrap:anywhere}
.profile-ticket-answers p{margin:0 0 8px;white-space:pre-wrap}.profile-ticket-answers p:last-child{margin-bottom:0}
.profile-archive-punishments{background:#fff!important;box-shadow:0 1px 2px #0000000d!important}
.profile-archive-punishments .profile-archive-add{box-sizing:border-box;width:210px;height:42px;min-height:42px;margin:12px 16px 14px;padding:0 12px;border:1px solid #27894a;border-radius:4px;background:#36a55c;box-shadow:inset 0 0 1px 1px #ffffff4d;color:#fff;font-size:14px;letter-spacing:.7px}
.profile-punishment-dialog:not([open]){display:none}
@media(max-width:1199px){.profile-punishment-action{width:30px;height:32px;font-size:15px}.profile-archive-punishments th:nth-child(7){width:124px}}
@media(max-width:767px){.profile-archive-punishments table{min-width:760px}}
.profile-forum-posts .profile-archive-table-wrap{margin-top:0}
.profile-forum-posts .thread-list{width:100%;min-width:500px;margin:0;border-collapse:collapse}
.profile-forum-posts .thread-list th{padding:9px;border-bottom:1px solid #ddd;color:#666;font:700 13px Raleway,Arial,sans-serif;text-align:left}
.profile-forum-posts .thread-list td{padding:10px 9px;border-bottom:1px solid #eee;color:#71818a;font-size:12px}
.profile-forum-posts .thread-list td:first-child{width:65%}
.profile-forum-post-title>a{color:#536b79;font-weight:700;text-decoration:none}.profile-forum-post-title>a:hover{color:#238fbd;text-decoration:underline}
.profile-forum-post-title>span{display:block;margin-top:3px;color:#9ba8ae;font-size:10px}
.profile-page .profile-main-tabs .profile-staff-tabs>a[aria-current=page],.profile-page .profile-main-tabs .profile-staff-tabs>a[aria-current=page]:hover{padding:3px 12px 2px;border-radius:6px;background:#c6c6c6;box-shadow:none;color:#bc6868;text-decoration:none}
.profile-punishment-dialog{width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 32px);padding:0;border:1px solid #e1e5e8;border-radius:5px;background:#fff;color:#59666d;box-shadow:0 8px 32px #0003;font:400 14px/1.5 Raleway,Arial,Helvetica,sans-serif}
.profile-punishment-dialog::backdrop{background:#18232b80}.profile-punishment-form{display:grid;gap:12px;padding:20px}
.profile-punishment-form h2{margin:0;color:#53626a;font-size:18px}.profile-punishment-form label{display:grid;gap:5px;color:#65747c;font-weight:600}
.profile-punishment-form textarea,.profile-punishment-form select{width:100%;min-height:37px;padding:8px;border:1px solid #d5dce0;border-radius:3px;background:#fff;color:#59666d;font:inherit}
.profile-punishment-form textarea{resize:vertical}.profile-punishment-form-status{min-height:20px;margin:0;color:#72818a;font-size:12px}.profile-punishment-form-status.is-error{color:#bd3d3d}
.profile-punishment-form-actions{display:flex;justify-content:flex-end;gap:8px}.profile-punishment-form-actions button{min-height:32px;padding:6px 12px;border:0;border-radius:3px;background:#e7ecef;color:#53626a;font:700 12px Raleway,Arial,sans-serif;cursor:pointer}.profile-punishment-form-actions .profile-punishment-submit{background:#35a45b;color:#fff}.profile-punishment-form-actions button:disabled{opacity:.6;cursor:wait}
.profile-archive-red-badge{display:inline-block;width:58px;height:19px;background:#bb7777;border-radius:2px}
.profile-archive-cyan-action{width:25px;height:25px;padding:0;border:0;border-radius:2px;background:#3499c4;opacity:1!important}
.profile-archive-pages{display:flex;gap:8px;margin:0 16px 14px}
.profile-archive-pages a{color:#7d8790}
.profile-archive-pages a[aria-current=page]{font-weight:700;color:#404950}

/* Private ticket pages: the existing Atlas shell, colors, and Raleway font. */
.tickets-page .ticket-pages{max-width:1055px;margin:12px auto 40px;color:#575757;font:400 13px/1.5 Raleway,Arial,Helvetica,sans-serif}
.tickets-page .ticket-toolbar,.tickets-page .ticket-crumb,.tickets-page .ticket-main-card,.tickets-page .ticket-reply-card,.tickets-page .ticket-compose-card,.tickets-page .ticket-table-card{background:#fff;border-radius:4px;box-shadow:0 1px 2px #0002}
.tickets-page .ticket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;margin-bottom:12px;padding:8px 12px}
.tickets-page .ticket-toolbar h1{display:flex;align-items:center;gap:6px;margin:0;color:#718995;font:700 11px/16px Raleway,Arial,Helvetica,sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.tickets-page .ticket-toolbar h1 .fa{color:#718995;font-size:15px;letter-spacing:0}
.tickets-page .ticket-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.tickets-page .ticket-view-button,.tickets-page .ticket-blue-button,.tickets-page .ticket-resolve-button,.tickets-page .ticket-reopen-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:23px;margin:0;padding:0 9px;border:1px solid #0005;border-radius:6px;color:#fff;font:700 10px/15px Raleway,Arial,Helvetica,sans-serif;letter-spacing:1px;text-shadow:0 1px 1px #0003;text-decoration:none;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 1px 1px #ffffff52}
.tickets-page .ticket-view-button{background:#b7b7b7}.tickets-page .ticket-blue-button{background:#44a1e3}.tickets-page .ticket-resolve-button{background:#57ae68}.tickets-page .ticket-reopen-button{background:#e99648}
.tickets-page .ticket-view-button:hover,.tickets-page .ticket-blue-button:hover,.tickets-page .ticket-resolve-button:hover,.tickets-page .ticket-reopen-button:hover{filter:brightness(.93);color:#fff;text-decoration:none}
.tickets-page .ticket-filter-menu{position:relative;margin:0}
.tickets-page .ticket-filter-toggle{display:inline-flex;align-items:center;box-sizing:border-box;gap:4px;height:23px;padding:0 9px;border:1px solid #0005;border-radius:6px;background:#44a1e3;box-shadow:inset 0 0 1px 1px #ffffff52;color:#fff;font:700 10px/15px Raleway,Arial,Helvetica,sans-serif;letter-spacing:1px;text-shadow:0 1px 1px #0003;text-transform:uppercase;white-space:nowrap;list-style:none;cursor:pointer}
.tickets-page .ticket-filter-toggle::-webkit-details-marker{display:none}
.tickets-page .ticket-filter-toggle strong{font:inherit}
.tickets-page .ticket-filter-toggle::after{content:'';width:0;height:0;margin-left:.255em;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid currentColor}
.tickets-page .ticket-filter-menu[open] .ticket-filter-toggle,.tickets-page .ticket-filter-toggle:hover{background:#368fce}
.tickets-page .ticket-filter-options{position:absolute;z-index:25;top:calc(100% + 3px);right:0;min-width:150px;padding:4px 0;border:1px solid #d9d9d9;border-radius:3px;background:#fff;box-shadow:0 3px 8px #0002}
.tickets-page .ticket-filter-options a{display:block;padding:6px 10px;color:#555;font:400 12px/16px Raleway,Arial,Helvetica,sans-serif;white-space:nowrap;text-decoration:none}
.tickets-page .ticket-filter-options a:hover,.tickets-page .ticket-filter-options a:focus-visible,.tickets-page .ticket-filter-options a[aria-current=true]{background:#f1f1f1;color:#268ab4}
.tickets-page .ticket-table-scroll{overflow-x:auto}.tickets-page .ticket-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}
.tickets-page .ticket-table thead{background:#212529;color:#ddd}
.tickets-page .ticket-table th{height:40px;padding:9px 11px;text-align:left;font-size:11px;font-weight:400;letter-spacing:0;white-space:nowrap}
.tickets-page .ticket-table td{height:39px;padding:8px 11px;border-top:1px solid #e9e9e9;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tickets-page .ticket-table tbody tr:nth-child(even){background:#fafafa}.tickets-page .ticket-table a{color:#288ab5;text-decoration:none}.tickets-page .ticket-table a:hover{text-decoration:underline}
.tickets-page .ticket-table th:nth-child(1){width:15%}.tickets-page .ticket-table th:nth-child(2){width:12%}.tickets-page .ticket-table th:nth-child(3){width:25%}.tickets-page .ticket-table th:nth-child(4){width:13%}.tickets-page .ticket-table th:nth-child(5){width:12%}.tickets-page .ticket-table th:nth-child(6){width:12%}.tickets-page .ticket-table th:nth-child(7){width:11%}
.tickets-page .ticket-status{display:inline-block;padding:2px 5px;border-radius:2px;background:#60a9d5;color:#fff;font-size:10px;font-weight:700;line-height:15px;white-space:nowrap}.tickets-page .ticket-status-awaiting_player{background:#a8a8a8}.tickets-page .ticket-status-resolved{background:#62b075}
.tickets-page .ticket-empty{padding:24px!important;text-align:center;color:#888}.tickets-page .ticket-pager{display:flex;justify-content:center;gap:15px;padding:12px;color:#777}.tickets-page .ticket-pager a{color:#288ab5}
.tickets-page .ticket-crumb{display:flex;align-items:center;gap:8px;min-height:36px;margin-bottom:12px;padding:8px 16px;color:#606060;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.tickets-page .ticket-crumb a{color:#288ab5}.tickets-page .ticket-crumb span{color:#aaa}
.tickets-page .ticket-main-card,.tickets-page .ticket-reply-card,.tickets-page .ticket-compose-card{margin-bottom:12px;padding:18px}
.tickets-page .ticket-main-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tickets-page .ticket-main-heading h1{margin:0 0 10px;color:#4a4a4a;font-size:24px;font-weight:700;line-height:1.2}.tickets-page .ticket-action{margin:0}
.tickets-page .ticket-meta,.tickets-page .ticket-assigned{margin:0 0 4px;color:#777;font-size:12px}.tickets-page .ticket-meta-separator{margin:0 4px;color:#aaa}.tickets-page .ticket-author{font-weight:700;color:#288ab5}.tickets-page .ticket-body{margin-top:14px;color:#555;white-space:normal;overflow-wrap:anywhere}
.tickets-page .ticket-reply-heading{display:flex;align-items:baseline;gap:8px;font-size:12px}.tickets-page .ticket-reply-heading time{color:#999;font-size:11px}.tickets-page .ticket-reply-body{margin-top:6px;white-space:normal;overflow-wrap:anywhere}
.tickets-page .ticket-compose-card label,.tickets-page .ticket-new label{display:block;margin-bottom:7px;color:#5b5b5b;font-size:12px;font-weight:700}.tickets-page .ticket-compose-card textarea{display:block;width:100%;height:208px;margin:0 0 10px;padding:10px;border:1px solid #d7d7d7;border-radius:2px;background:#fff;color:#555;font:400 13px/1.5 Raleway,Arial,Helvetica,sans-serif;resize:vertical}.tickets-page .ticket-compose-card select{display:block;width:220px;max-width:100%;min-height:32px;margin:0 0 14px;padding:5px;border:1px solid #d7d7d7;background:#fff;color:#555}.tickets-page .ticket-compose-card .auth-result,.tickets-page .ticket-action .auth-result{margin-left:8px}
.tickets-page .ticket-new{font:400 14px/17px Raleway,Arial,Helvetica,sans-serif}
.tickets-page .ticket-new .ticket-crumb{min-height:26px;margin-bottom:10px;padding:0;background:transparent;box-shadow:none}
.tickets-page .ticket-new .ticket-compose-card{padding:0;overflow:hidden;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.13)}
.tickets-page .ticket-new .ticket-compose-card h1{min-height:42px;margin:0;padding:12px;background:var(--atlas-leaderboard-gradient);color:#fff;font:700 18px/18px Raleway,Arial,Helvetica,sans-serif;letter-spacing:1px}
.tickets-page .ticket-new .ticket-compose-card form{margin:0;padding:16px}
.tickets-page .ticket-new .ticket-compose-card label{margin:0 0 6px;color:#666;font:700 14px/17px Raleway,Arial,Helvetica,sans-serif}
.tickets-page .ticket-new .ticket-compose-card select{box-sizing:border-box;width:220px;max-width:100%;height:34px;min-height:0;margin:0 0 16px;padding:6px 8px;border:1px solid #d7d7d7;border-radius:3px;background:#fff;color:#555;font:400 14px/20px Raleway,Arial,Helvetica,sans-serif}
.tickets-page .ticket-new .ticket-compose-card textarea{box-sizing:border-box;height:160px;margin-bottom:12px;padding:10px;border-radius:3px;font:400 14px/20px Raleway,Arial,Helvetica,sans-serif}
.tickets-page .ticket-new .ticket-compose-card select:focus-visible,.tickets-page .ticket-new .ticket-compose-card textarea:focus-visible{outline:2px solid #3195bd;outline-offset:2px}
.tickets-page .ticket-closed{padding:12px 16px;border:1px solid #f1c6cf;border-radius:3px;background:#f9dce2;color:#8a3f50;font-size:12px}
.tickets-page .ticket-time{position:relative;display:inline-block;cursor:help}.tickets-page .ticket-time::after{content:attr(data-exact-time);position:absolute;z-index:10;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(320px,calc(100vw - 32px));padding:8px 10px;background:#222;box-shadow:0 2px 5px #0004;color:#fff;font:400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--atlas-hover-duration) linear,visibility 0s linear var(--atlas-hover-duration)}
.tickets-page .ticket-time:is(:hover,:focus-visible)::after{opacity:.9;visibility:visible;transition-delay:0s}
@media(max-width:760px){.tickets-page .ticket-toolbar{align-items:flex-start;flex-direction:column}.tickets-page .ticket-toolbar-controls,.tickets-page .ticket-toolbar-controls form{flex-wrap:wrap}.tickets-page .ticket-table{min-width:780px}.tickets-page .ticket-main-heading h1{font-size:21px}}

/* One 90ms hover rhythm; only feedback properties, never layout or skin size. */
:root{--atlas-hover-duration:90ms}
body :where(a,button,summary,[role=button],.autocomplete-suggestion,tbody tr),body :where(a,button,summary,[role=button]) :where(span,img,strong,h2,i){transition:opacity var(--atlas-hover-duration) linear,color var(--atlas-hover-duration) linear,background-color var(--atlas-hover-duration) linear,border-color var(--atlas-hover-duration) linear,box-shadow var(--atlas-hover-duration) linear,filter var(--atlas-hover-duration) linear!important}
.profile-cloak-item::before,.profile-cloak-item::after,.profile-badge::before,.profile-badge::after,.home-news-time[data-exact-time]::before,.home-news-time[data-exact-time]::after,.profile-card-label .last-seen-label[data-last-seen-exact]::before,.profile-card-label .last-seen-label[data-last-seen-exact]::after,.match-history-time[data-exact-time]::before,.match-history-time[data-exact-time]::after,.atlas-tooltip-trigger::before,.atlas-tooltip-trigger::after{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--atlas-hover-duration) linear,visibility 0s linear var(--atlas-hover-duration)!important}
.profile-cloak-item:is(:hover,:focus-visible)::before,.profile-cloak-item:is(:hover,:focus-visible)::after,.profile-badge:is(:hover,:focus-visible)::before,.profile-badge:is(:hover,:focus-visible)::after,.home-news-time:is(:hover,:focus-visible)::before,.home-news-time:is(:hover,:focus-visible)::after,.profile-card-label .last-seen-label:is(:hover,:focus-visible)::before,.profile-card-label .last-seen-label:is(:hover,:focus-visible)::after,.match-history-time:is(:hover,:focus-visible)::before,.match-history-time:is(:hover,:focus-visible)::after,.atlas-tooltip-trigger:is(:hover,:focus-visible)::before,.atlas-tooltip-trigger:is(:hover,:focus-visible)::after{opacity:.9;visibility:visible;transition-delay:0s!important}
.atlas-hover-tip{position:fixed;z-index:1100;max-width:min(200px,calc(100vw - 16px));padding:3px 8px;background:#000;color:#fff;font:400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif;white-space:pre-line;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--atlas-hover-duration) linear,visibility 0s linear var(--atlas-hover-duration)}
.atlas-hover-tip.is-visible{opacity:.9;visibility:visible;transition-delay:0s}
.atlas-hover-tip:after{content:'';position:absolute;top:100%;left:var(--arrow-left,50%);margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#000}
.atlas-hover-tip.is-below:after{top:auto;bottom:100%;border:5px solid transparent;border-top:0;border-bottom-color:#000}
.profile-friend-card .friends-holder a,.profile-friend-card .friends-holder img{transform:none!important}
.profile-sidebar-footer:hover,.profile-badge-card .profile-badge-editor>summary:hover,.profile-cloak-card .profile-cape-editor>summary:hover{background:linear-gradient(#b4b4b4,#a6a6a6);opacity:.85}
.profile-badge-editor button[type=submit]:hover,.profile-cape-editor button[type=submit]:hover{background:linear-gradient(#b4b4b4,#a6a6a6);opacity:.85}
.profile-sidebar-tools{margin:0 0 10px}
.profile-sidebar-tools .profile-sidebar-footer,.profile-sidebar-tools details>summary{display:block;width:100%;min-height:28px;margin:0;padding:5px 10px;border:1px solid #999;border-radius:6px;background:linear-gradient(#b4b4b4,#a6a6a6);color:#fff;font:700 12px/16px Raleway,Arial,Helvetica,sans-serif;text-align:center;text-transform:uppercase;text-decoration:none;cursor:pointer}
.profile-sidebar-tools details[open]{padding:10px;border:1px solid #ddd;border-radius:6px;background:#fff}
/* Archived Lunar Practice cards, using Atlas's verified player statistics. */
.practice-archive-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 20px}
.practice-archive-card{min-height:219px;padding:13px 17px 17px;border-radius:6px;background-position:center;background-size:cover;color:#fff;text-align:center;text-transform:uppercase;overflow:hidden}
.practice-archive-card.practice-bg-01{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-01.png')}
.practice-archive-card.practice-bg-02{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-02.png')}
.practice-archive-card.practice-bg-03{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-03.png')}
.practice-archive-card.practice-bg-04{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-04.png')}
.practice-archive-card.practice-bg-05{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-05.png')}
.practice-archive-card.practice-bg-06{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-06.png')}
.practice-archive-card.practice-bg-07{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-07.png')}
.practice-archive-card.practice-bg-08{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-08.png')}
.practice-archive-card.practice-bg-09{background-image:linear-gradient(#08132272,#08132272),url('/images/lunar-teams-09.png')}
.practice-archive-card h3{margin:0 0 10px;color:#fff;font:700 14px/17px Raleway,Arial,sans-serif;letter-spacing:4px;text-transform:uppercase}
.practice-archive-card ul{list-style:none;margin:0;padding:0}
.practice-archive-card li{margin:0 0 12px;padding:7px 4px;border:1px solid #ffffff1a;border-radius:6px;background:#ffffff1a;font:500 12px/15px Raleway,Arial,sans-serif;letter-spacing:1.8px}
.practice-archive-card li:last-child{margin:0}.practice-archive-card li strong{font-weight:700}
@media(max-width:760px){.practice-archive-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:480px){.practice-archive-cards{grid-template-columns:1fr}}
.profile-game-content--practice .match-history .recent-games li>a,.profile-game-content--practice .match-history .recent-games li>.match-history-entry{border:2px solid #ffffff29;background:url('/images/lunar-match-banner.png') center/cover no-repeat;box-shadow:0 1px 1px #0002}
/* Keep the archived Practice summaries and match history in one inset panel. */
.profile-page .profile-game-content--practice{padding:0 20px 20px;border-radius:0 0 5px 5px;background:#fff}
.profile-page .profile-main-panel:has(.profile-game-content--practice) .profile-games{padding:17px 20px 14px;border-bottom:0;border-radius:5px 5px 0 0}
.profile-page .profile-main-panel:has(.profile-game-content--practice) .profile-games a[aria-current=page]{padding:4px 5px 3px;border-radius:5px;background:#b7b7b7;color:#fff;text-decoration:none}
.profile-page .profile-game-content--practice .practice-archive-cards{margin:0 -10px 10px;padding-top:10px;gap:0}
.profile-page .profile-game-content--practice .practice-archive-card{min-height:219px;margin:0 10px 19px}
.profile-page .profile-game-content--practice .match-history{margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.profile-page .profile-game-content--practice .recent-games-title{padding:15px 0;border-top:1px solid #eee;color:#666;font:400 12px/15px Raleway,Arial,sans-serif;letter-spacing:2px;text-align:center}
.profile-page .profile-game-content--practice .recent-games li{margin-bottom:15px}
.profile-page .profile-game-content--practice .recent-games li>a,.profile-page .profile-game-content--practice .recent-games li>.match-history-entry{min-height:60px;padding:8px;border:2px solid #ffffff29;border-radius:6px;gap:10px;font-size:14px}
.profile-page .profile-game-content--practice .match-player img{width:40px;height:40px}
.profile-page .profile-game-content--practice .match-player strong{font-size:18px}
.profile-page .profile-game-content--practice .vs{margin:0 1px;font-size:14px;font-weight:700;text-transform:none}
.profile-page .profile-game-content--practice .match-meta{gap:0;font-size:14px}
.profile-page .profile-game-content--practice .match-pagination{padding:0 0 2px;gap:8px;font-size:12px}
.profile-page .profile-game-content--practice .match-pagination a,.profile-page .profile-game-content--practice .match-pagination span{min-width:22px;min-height:22px;color:#777}
.profile-page .profile-game-content--practice .match-pagination a[aria-current=page]{background:#b7b7b7;color:#fff}
.profile-page .profile-game-content--practice .match-pagination a:hover:not([aria-current=page]){color:#555}
/* A card footer must not clip the cape tooltip; edge thumbnails anchor inward. */
.profile-sidebar .profile-cloak-card.has-editor{overflow:visible;position:relative;z-index:2}
.profile-cloak-gallery .profile-cloak-item{z-index:1}
.profile-cloak-gallery .profile-cloak-item:is(:hover,:focus-visible){z-index:3}
.profile-cloak-gallery .profile-cloak-item::after{top:auto;bottom:calc(100% + 7px);max-width:min(200px,calc(100vw - 32px))}
.profile-cloak-gallery .profile-cloak-item::before{top:auto;bottom:100%;border:5px solid transparent;border-top-color:#000;border-bottom:0}
.profile-cloak-gallery .profile-cloak-item:first-child:not(:last-child)::after{left:0;right:auto;transform:none}
.profile-cloak-gallery .profile-cloak-item:last-child:not(:first-child)::after{left:auto;right:0;transform:none}
.match-result-filters a{display:inline-block;padding:5px 10px;border:1px solid transparent;border-radius:20px;color:#84919a;font:11px Raleway,Arial,sans-serif;text-decoration:none}
.match-result-filters a[aria-current=page]{border-color:#cce9f4;background:#eaf6fb;color:#229ed9}
/* Reporting follows the existing small comment controls. */
.comment-report summary{display:inline-block;cursor:pointer;color:#6188b0}
.comment-report summary::-webkit-details-marker{display:none}
.comment-report summary:hover,.comment-report summary:focus-visible{text-decoration:underline}
.profile-comment-item>.comment-report{margin:4px 0 0 43px;font-size:11px;line-height:13px}
.comment-report{position:relative}
.comment-report form{position:absolute;top:100%;left:0;z-index:4;width:min(320px,calc(100vw - 48px));margin:7px 0 12px;max-width:320px}
.comment-report[open]{margin-bottom:100px}
.comment-report textarea{display:block;width:100%;min-height:56px;margin:5px 0 7px;padding:8px;border:1px solid #ddd;border-radius:3px;resize:vertical;color:#555;background:#fbfbfb;font:400 14px/19px Raleway,Arial,Helvetica,sans-serif}
.comment-report textarea::placeholder{font-style:italic;color:#888;opacity:1}
.comment-report textarea:focus::placeholder{color:transparent}
.comment-report .auth-result{display:block;margin-top:5px}
.comment-reports>ol{list-style:none;margin:0;padding:0}
.comment-reports>ol>li{padding:16px 0;border-top:1px solid #e5e5e5}
.comment-reports blockquote{white-space:pre-wrap;overflow-wrap:anywhere}
.comment-reports form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.password-recovery{margin-top:20px;padding-top:16px;border-top:1px solid #e5e5e5}
.support-page{margin:19px 0 107px}
.support-page .forum-list{width:100%}
.support-page .forum-list thead{background:var(--atlas-panel-gradient)}
.support-page .forum-list tbody td{padding:0}
.support-category{display:block;padding:.75rem;color:#666;text-decoration:none}
.support-category:hover,.support-category:focus-visible{color:#666;text-decoration:none}
.support-category h3{color:#6188b0;font:700 16px/1 Raleway,Arial,Helvetica,sans-serif;margin:0}
.support-category div{color:#666;font:400 14px/17px Raleway,Arial,Helvetica,sans-serif}
@media(max-width:500px){.support-category{padding:8px}}
.tickets-page .ticket-author{font-weight:700}


/* Retained qSite reference: body, .profile-header, .user-box .name and .tab-item. */
.profile-page .player-profile{font:400 14px/1.2142857 Raleway,Arial,Helvetica,sans-serif;font-feature-settings:"lnum"}
.profile-page .profile-banner{display:flex;justify-content:center;align-items:center;gap:12px;padding:30px}
.profile-page .profile-banner>img{flex:0 0 auto;width:58px;height:58px}
.profile-page .profile-banner h1{min-width:0;margin:0;text-align:center;font:700 30px/1.2142857 Raleway,Arial,Helvetica,sans-serif;letter-spacing:1px;text-transform:none}
.profile-page .profile-skin-card .profile-skin-footer p{font-size:21px;line-height:24px}
.profile-page .profile-main-tabs{column-gap:5px;row-gap:1px;margin-bottom:10px;padding:6px 12px}
.profile-page .profile-main-tabs>a{padding:4px 8px;font-size:14px;font-weight:500;line-height:17px;letter-spacing:1.3px}
.profile-page .profile-main-tabs .profile-staff-tabs>a{padding:3px 5px 2px;line-height:16px}
.profile-page .profile-main-tabs .profile-staff-tabs>a{font-weight:500}
@media(max-width:760px){.profile-page .profile-banner{padding:20px}.profile-page .profile-banner>img{width:43px;height:43px}}
@media(max-width:480px){.profile-page .profile-banner{column-gap:8px;padding:20px 14px}.profile-page .profile-banner h1{font-size:22px}.profile-comment-actions{flex-wrap:wrap}.profile-comment-delete{flex-wrap:wrap}}
.stats-sync-warning{margin:0 0 16px;padding:12px 16px;border:1px solid #dcc58b;border-radius:4px;background:#fff8e6;color:#735519;font-size:13px;line-height:1.5}