:root {
  color-scheme: dark;
  font-family: "Arial", Helvetica, Verdana, sans-serif;
  background: #192838;
  color: #d6d7d8;
  font-synthesis: none;
  --blue: #66c0f4;
  --blue-strong: #1a9fff;
  --green: #90ba3c;
  --dark: #171d25;
  --panel: rgba(13, 26, 38, .86);
  --line: rgba(102, 192, 244, .15);
}

.eyebrow, .brand, .site-header nav a, .auth-copy h1, .auth-card h2,
.avatar, .panel-heading h2, .game-cover, .game-info h3, .aside-stats b,
.community-page h1, .settings-page h1, .avatar-setting b, .privacy-grid b,
.store-hero h1, .private-card h2, .empty-search h2, .empty-page h1,
footer .shell > span { font-family: "Arial Narrow", "Segoe UI", sans-serif; }

* { box-sizing: border-box; }
html { min-width: 320px; background: #192838; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% 260px, #2b4a61 0, #192838 510px, #101923 1000px); }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; }
.shell { width: 976px; max-width: calc(100% - 40px); margin-left: auto; margin-right: auto; }
.muted-small { color: #82909d; font-size: 11px; }
.eyebrow { color: #66c0f4; font: 500 12px/1 Barlow Condensed, sans-serif; letter-spacing: .15em; }

.utility-bar { position: relative; z-index: 21; height: 30px; background: #171d25; color: #a4b0ba; font-size: 11px; }
.utility-inner { height: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 18px; position: relative; }
.install { align-self: stretch; display: flex; align-items: center; gap: 7px; background: #75a119; color: #e5f3c3; padding: 0 12px; }
.install-icon { font-size: 15px; margin-top: -2px; }
.account-menu { display: flex; align-items: center; gap: 4px; background: none; border: 0; font-size: 11px; cursor: pointer; }
.account-menu:hover { color: #fff; }
.account-popover { position: absolute; z-index: 30; right: 0; top: 29px; width: 190px; padding: 7px; background: #202b38; border: 1px solid #000; box-shadow: 0 12px 28px #0009; }
.popover-link { width: 100%; border: 0; background: none; display: flex; align-items: center; gap: 8px; padding: 9px; color: #c7d5e0; text-decoration: none; cursor: pointer; font-size: 12px; }
.popover-link:hover { color: #fff; background: #2a475e; }

.site-header { height: 74px; background: #171d25; box-shadow: 0 1px 0 #ffffff08; position: relative; z-index: 20; }
.header-inner { height: 100%; display: flex; align-items: center; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #f2f4f5; font: 400 22px Barlow Condensed, sans-serif; letter-spacing: .055em; margin-right: 66px; }
.brand b { font-weight: 600; }
.brand-mark { position: relative; width: 34px; height: 34px; border: 3px solid white; border-radius: 50%; display: block; }
.brand-mark::before, .brand-mark::after, .brand-mark span { content: ''; position: absolute; border-radius: 50%; background: white; }
.brand-mark::before { width: 10px; height: 10px; left: 3px; bottom: 3px; }
.brand-mark::after { width: 11px; height: 11px; right: 2px; top: 2px; }
.brand-mark span { width: 22px; height: 4px; rotate: -38deg; left: 5px; top: 14px; border-radius: 4px; }
.site-header nav { display: flex; gap: 28px; }
.site-header nav a { text-decoration: none; font: 500 17px Barlow Condensed, sans-serif; letter-spacing: .055em; color: #d6d7d8; position: relative; }
.site-header nav a:hover { color: #fff; }
.site-header nav a:nth-child(2) { color: var(--blue-strong); }
.site-header nav a:nth-child(2)::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 2px; background: var(--blue-strong); }
.mobile-menu { display: none; margin-left: auto; border: 0; background: transparent; }

.primary, .secondary, .row-action { border: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; min-height: 36px; padding: 0 17px; transition: filter .15s, background .15s, color .15s, transform .15s; }
.primary { background: linear-gradient(90deg, #47a4c2, #67c1f5); color: #fff; text-shadow: 0 1px #0005; box-shadow: inset 0 0 0 1px #ffffff0d; }
.primary:hover:not(:disabled) { filter: brightness(1.15); }
.primary:active:not(:disabled) { transform: translateY(1px); }
.secondary { background: linear-gradient(#33424f, #293642); color: #dfe6eb; box-shadow: inset 0 0 0 1px #ffffff0e; }
.secondary:hover { background: #435462; color: #fff; }
.primary:disabled, .secondary:disabled, .row-action:disabled { opacity: .5; cursor: default; }
.wide { width: 100%; margin-top: 20px; min-height: 44px; }

.auth-page { min-height: calc(100vh - 104px); background: linear-gradient(90deg, rgba(7, 17, 25, .96) 0, rgba(8, 20, 30, .76) 48%, rgba(11, 27, 39, .55)), url('/profile-industrial.png') center top / cover no-repeat; padding: 72px 0 50px; }
.auth-hero { min-height: 500px; display: grid; grid-template-columns: 1fr 382px; gap: 90px; align-items: center; }
.auth-copy h1 { font: 400 58px/.98 Barlow Condensed, sans-serif; letter-spacing: .01em; color: #fff; margin: 20px 0 22px; }
.auth-copy h1 em { font-style: normal; color: #67c1f5; }
.auth-copy > p { color: #a7b6c3; max-width: 470px; line-height: 1.75; font-size: 15px; }
.signal-row { margin-top: 44px; display: flex; gap: 28px; color: #718393; font-size: 12px; }
.signal-row span { display: flex; align-items: center; gap: 8px; }
.signal-row i { width: 7px; height: 7px; border-radius: 50%; background: #8bc53f; box-shadow: 0 0 10px #8bc53f; }
.auth-card { background: rgba(20, 35, 48, .94); border: 1px solid #3a5061; padding: 30px; box-shadow: 0 24px 70px #000b; backdrop-filter: blur(12px); }
.auth-card h2 { font: 400 27px Barlow Condensed, sans-serif; color: #fff; margin: 24px 0 20px; }
.auth-tabs { display: flex; border-bottom: 1px solid #394956; }
.auth-tabs button { border: 0; background: none; padding: 0 0 10px; margin-right: 24px; color: #83919d; font-size: 13px; cursor: pointer; }
.auth-tabs button.active { color: #fff; border-bottom: 2px solid #66c0f4; }
.field { display: block; margin: 17px 0; }
.field > span { display: block; color: #aeb9c3; font-size: 12px; margin-bottom: 7px; }
.field input, .field textarea, .field select, .url-field input { width: 100%; background: #0d1822; border: 1px solid #304656; color: #eef4f8; padding: 11px 12px; outline: none; border-radius: 0; transition: border-color .15s, box-shadow .15s; }
.field textarea { resize: vertical; line-height: 1.55; min-height: 112px; }
.field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #82909d 50%), linear-gradient(135deg, #82909d 50%, transparent 50%); background-position: calc(100% - 17px) 17px, calc(100% - 12px) 17px; background-size: 5px 5px; background-repeat: no-repeat; }
.field input:focus, .field textarea:focus, .field select:focus, .url-field input:focus { border-color: #67c1f5; box-shadow: 0 0 0 2px #66c0f419; }
.field small { display: block; text-align: right; color: #6f7e8a; margin-top: 6px; }
.safe-note { display: flex; align-items: flex-start; gap: 8px; color: #728290; font-size: 10px; line-height: 1.5; margin: 16px 0 0; }
.safe-note svg { flex: 0 0 auto; }
.form-error { padding: 10px 12px; background: #5b2525; color: #ffb5ad; font-size: 12px; border-left: 2px solid #d9413b; }
.feature-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #ffffff12; padding-top: 30px; gap: 30px; }
.feature-strip > div { display: flex; gap: 14px; align-items: center; }
.feature-strip svg { color: #66c0f4; width: 23px; }
.feature-strip b, .feature-strip small { display: block; }
.feature-strip b { color: #d9e1e7; font: 500 15px Barlow Condensed; letter-spacing: .03em; }
.feature-strip small { color: #687987; margin-top: 4px; font-size: 10px; }

.profile-page { position: relative; min-height: calc(100vh - 104px); padding-bottom: 70px; overflow: hidden; }
.profile-backdrop { position: absolute; inset: 0 0 auto; height: 565px; background: linear-gradient(180deg, rgba(7, 15, 23, .02), rgba(12, 24, 35, .38) 50%, #172636 100%), linear-gradient(90deg, rgba(18, 34, 48, .25), transparent 50%), url('/profile-industrial.png') center 45% / cover no-repeat; }
.profile-shell { position: relative; padding-top: 64px; }
.profile-hero { min-height: 228px; padding: 26px; display: grid; grid-template-columns: 168px minmax(0, 1fr) 205px; gap: 26px; background: linear-gradient(90deg, rgba(10, 20, 29, .88), rgba(14, 26, 36, .55)); box-shadow: 0 12px 40px #0005; }
.avatar { position: relative; display: grid; place-items: center; flex: 0 0 auto; background: linear-gradient(145deg, hsl(var(--avatar-hue) 35% 32%), hsl(calc(var(--avatar-hue) + 28) 40% 14%)); border: 2px solid #5b6770; box-shadow: inset 0 0 0 3px #0c141b, 0 2px 7px #0007; color: #eaf5fb; font: 500 17px Barlow Condensed, sans-serif; overflow: hidden; }
.avatar::before { content: ''; position: absolute; inset: 10%; border: 1px solid #ffffff14; border-radius: 50%; }
.avatar > span { position: relative; z-index: 1; letter-spacing: .06em; }
.avatar > img { position: absolute; inset: 3px; width: calc(100% - 6px); height: calc(100% - 6px); object-fit: cover; z-index: 2; }
.avatar-md { width: 48px; height: 48px; }
.avatar-lg { width: 92px; height: 92px; font-size: 30px; }
.avatar-xl { width: 168px; height: 168px; font-size: 52px; border-width: 3px; }
.avatar.is-online { border-color: #62b5df; box-shadow: inset 0 0 0 3px #0c141b, 0 0 15px #45a7d744; }
.identity-block { min-width: 0; align-self: start; padding-top: 4px; overflow: hidden; }
.identity-block h1 { font: 400 37px/1 Barlow Condensed, sans-serif; margin: 0 0 9px; color: #fff; text-shadow: 0 2px 4px #000; overflow-wrap: anywhere; }
.country-line { color: #9daab5; font-size: 12px; display: flex; align-items: center; margin-top: 2px; }
.country-flag { display: block; width: 16px; height: 11px; flex: 0 0 auto; margin-right: 7px; object-fit: fill; }
.country-flag-fallback { width: 15px; height: 15px; flex: 0 0 auto; margin-right: 7px; color: #7f98a8; }
.identity-block p {
  /* Полная кросс-браузерная поддержка переноса для старых движков */
  word-wrap: break-word;        /* для Chromium 65 */
  overflow-wrap: break-word;    /* стандарт */
  word-break: break-word;       /* принудительный разрыв длинных цепочек */
  white-space: pre-wrap;
  
  /* Ограничение ширины текста под колонку Steam */
  max-width: 520px;
  margin-top: 18px;
  color: #898989;
  font-size: 13px;
  line-height: 1.5;}
.hero-side { display: flex; flex-direction: column; align-items: flex-start; padding-top: 4px; }
.header-meta { display: flex; align-items: center; gap: 12px; margin-top: 6px; font-size: 13px; color: #898989; line-height: 1; }
.level { color: #d6d7d8; font-family:"Motiva Sans", Sans-serif; font-size: 16px; display: flex; align-items: center; gap: 9px; }
.level span { width: 39px; height: 39px; display: grid; place-items: center; border: 2px solid #c98235; border-radius: 50%; color: #fff; font-size: 17px; box-shadow: 0 0 10px #0008; }
.presence { margin: 26px 0 22px; display: flex; align-items: center; gap: 8px; color: #8b9aa6; font-size: 12px; }
.presence i { width: 7px; height: 7px; border-radius: 50%; background: #69737b; }
.presence.online { color: #66c0f4; }.presence.online i { background: #66c0f4; box-shadow: 0 0 8px #66c0f4; }
.hero-side button { width: 100%; padding-inline: 10px; font-size: 12px; }
.profile-grid { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(260px, .95fr); gap: 14px; margin-top: 14px; align-items: start; }
.profile-main, .profile-aside { display: grid; gap: 14px; }
.panel { background: var(--panel); box-shadow: 0 4px 16px #0003; border-top: 1px solid #ffffff06; }
.panel-heading { min-height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--line); }
.panel-heading h2 { margin: 0; color: #e5e9ec; font: 400 18px Barlow Condensed, sans-serif; letter-spacing: .025em; }
.panel-heading h2 span { color: #6f8392; margin-left: 5px; }
.panel-heading > span { color: #687b8a; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.game-row { padding: 16px; display: grid; grid-template-columns: 130px 1fr auto; align-items: center; gap: 18px; }
.game-cover { height: 62px; padding: 10px 12px; background: repeating-linear-gradient(135deg, #c5a65b 0 7px, #9f833e 7px 14px); color: #13191d; box-shadow: inset 0 0 0 1px #fff3; display: flex; align-items: baseline; gap: 5px; }
.game-cover span { font: 600 32px/1 Barlow Condensed; }.game-cover small { font: 600 10px Barlow Condensed; }
.game-info h3 { color: #fff; font: 500 16px Barlow Condensed; letter-spacing: .02em; margin: 0 0 5px; }
.game-info p { margin: 0 0 10px; color: #6f8291; font-size: 10px; }
.progress { height: 3px; background: #263848; }.progress span { display: block; height: 100%; background: #66c0f4; }
.hours { text-align: right; }.hours b, .hours span { display: block; }.hours b { color: #a4b3be; font-weight: 400; font-size: 13px; }.hours span { color: #586d7c; font-size: 8px; margin-top: 4px; }
.comments-panel { min-height: 280px; }
.comment-form { padding: 14px 16px; display: grid; grid-template-columns: 48px 1fr auto; gap: 10px; align-items: start; background: #0f1d28; }
.comment-form textarea { height: 48px; min-height: 48px; resize: vertical; background: #192b38; border: 1px solid #344c5e; color: #dbe5eb; padding: 10px; outline: none; }
.comment-form textarea:focus { border-color: #66c0f4; }
.comment-form button { height: 48px; }
.comment { display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; padding: 15px 16px; border-bottom: 1px solid #ffffff0a; }
.comment > div { min-width: 0; }
.blue-link { color: #66c0f4; text-decoration: none; font-size: 13px; }.blue-link:hover { color: #fff; }
.comment time { color: #526775; font-size: 9px; margin-left: 8px; }
.comment p { color: #c1cbd2; font-size: 12px; line-height: 1.55; margin: 7px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.icon-button { border: 0; background: transparent; color: #5e7280; cursor: pointer; padding: 5px; }.icon-button:hover { color: #e16e68; }
.empty-comments { padding: 38px; text-align: center; color: #617482; font-size: 12px; }
.aside-stats { display: grid; grid-template-columns: repeat(3, 1fr); background: rgba(10, 21, 30, .78); border-top: 1px solid #ffffff0a; }
.aside-stats div { padding: 15px 8px; text-align: center; border-right: 1px solid #ffffff0a; }.aside-stats div:last-child { border: 0; }
.aside-stats b, .aside-stats span { display: block; }.aside-stats b { color: #fff; font: 400 24px Barlow Condensed; }.aside-stats span { color: #637989; font-size: 9px; text-transform: uppercase; margin-top: 2px; }
.compact-panel { padding-bottom: 13px; }
.friend-grid { display: grid; grid-template-columns: repeat(4, 48px); gap: 8px; padding: 14px 16px 4px; }
.muted-copy { color: #627584; font-size: 11px; padding: 2px 16px; }
.details-panel { padding: 6px 15px; }
.details-panel > div, .details-panel > button { min-height: 43px; display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 7px; width: 100%; color: #617685; border: 0; border-bottom: 1px solid #ffffff09; background: none; font-size: 10px; text-align: left; }
.details-panel > button { cursor: pointer; }.details-panel > button:hover { color: #66c0f4; }
.details-panel b { color: #a9b6bf; font-weight: 400; }
.details-panel svg { width: 14px; }
.private-card { margin-top: 14px; min-height: 300px; background: rgba(12, 24, 34, .88); display: grid; place-items: center; align-content: center; text-align: center; box-shadow: 0 4px 20px #0004; }
.private-card svg { width: 38px; height: 38px; color: #607687; }.private-card h2 { color: #d3dce2; font: 400 23px Barlow Condensed; margin: 15px 0 4px; }.private-card p { color: #627786; font-size: 12px; }

.page-spacing { min-height: calc(100vh - 104px); padding-top: 56px; padding-bottom: 80px; }
.community-page h1, .settings-page h1 { color: #fff; font: 400 34px Barlow Condensed; margin: 10px 0 4px; }
.lead { color: #7f92a0; font-size: 13px; margin: 0 0 28px; }
.own-code { background: #21364a; border-left: 3px solid #66c0f4; padding: 15px 18px; display: flex; align-items: center; gap: 18px; box-shadow: 0 4px 20px #0003; }
.own-code span { color: #7f93a1; font-size: 9px; letter-spacing: .1em; }.own-code b { color: #fff; font: 400 21px Barlow Condensed; letter-spacing: .04em; }.own-code button { margin-left: auto; border: 0; background: none; color: #66c0f4; display: flex; gap: 7px; align-items: center; cursor: pointer; font-size: 11px; }
.search-box { display: grid; grid-template-columns: auto 1fr auto; align-items: center; background: #0e1b26; border: 1px solid #30485a; margin: 18px 0 28px; padding-left: 15px; box-shadow: 0 8px 30px #0004; }
.search-box svg { color: #596e7e; width: 19px; }.search-box input { height: 50px; border: 0; background: transparent; outline: none; color: #fff; padding: 0 12px; }.search-box button { height: 50px; min-width: 100px; }
.result-list { background: rgba(13, 26, 38, .75); box-shadow: 0 5px 20px #0003; }
.user-row { display: flex; align-items: center; min-height: 77px; padding: 13px 16px; border-bottom: 1px solid #294256; transition: background .15s; }.user-row:hover { background: #1c3040; }
.user-row > a { text-decoration: none; }
.user-row-copy { display: flex; flex-direction: column; gap: 5px; margin-left: 14px; flex: 1; min-width: 0; }.user-row-copy .blue-link { font-size: 15px; }.user-row-copy span { color: #647988; font-size: 10px; }.user-row-copy .online { color: #66c0f4; }
.row-action { min-height: 32px; background: #314454; color: #becad2; font-size: 11px; }.row-action:hover:not(:disabled) { background: #66c0f4; color: #fff; }
.empty-search { min-height: 260px; display: grid; place-items: center; align-content: center; text-align: center; color: #587080; }.empty-search svg { width: 34px; height: 34px; }.empty-search h2 { color: #b9c6ce; font: 400 22px Barlow Condensed; margin: 12px 0 0; }.empty-search p { font-size: 11px; }.empty-search .primary { margin-top: 12px; }
.tabs { display: flex; border-bottom: 1px solid #3b5262; margin: 24px 0 18px; }.tabs button { border: 0; background: none; color: #8294a1; padding: 12px 17px; cursor: pointer; }.tabs button.active { background: #263d4f; color: #fff; border-bottom: 2px solid #66c0f4; }.tabs span { margin-left: 6px; color: #66c0f4; }

.settings-title { display: flex; justify-content: space-between; align-items: end; margin-bottom: 26px; }.settings-title h1 { margin-bottom: 0; }
.settings-layout { display: grid; grid-template-columns: 190px 1fr; gap: 24px; align-items: start; }
.settings-nav { background: #142432; padding: 8px; position: sticky; top: 20px; }.settings-nav a { display: block; padding: 11px 12px; color: #7f93a1; font-size: 12px; border-left: 2px solid transparent; }.settings-nav a.active { color: #fff; background: #21384b; border-color: #66c0f4; }
.settings-content { display: grid; gap: 14px; }
.form-section { background: rgba(15, 29, 41, .88); padding: 24px 28px; border-top: 1px solid #ffffff08; box-shadow: 0 4px 18px #0003; }
.form-section h2 { color: #e1e7eb; font: 400 21px Barlow Condensed; margin: 0 0 3px; }.form-section > p { color: #6f8391; font-size: 11px; margin: 0 0 23px; }
.form-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.avatar-setting { display: flex; align-items: center; gap: 17px; padding: 15px; background: #101d28; margin-bottom: 21px; }.avatar-setting b, .avatar-setting span { display: block; }.avatar-setting b { color: #d7e0e6; font: 500 15px Barlow Condensed; }.avatar-setting span { color: #6d808e; max-width: 330px; font-size: 10px; line-height: 1.5; margin-top: 4px; }
.avatar-upload { display: inline-block; margin-top: 10px; padding: 7px 13px; color: #d6d7d8; background: linear-gradient(#3d4d5d,#293847); border: 1px solid #111820; font-size: 11px; cursor: pointer; box-shadow: inset 0 1px #ffffff10; }
.avatar-upload:hover { color: #fff; background: linear-gradient(#52677a,#35495b); }.avatar-upload.disabled { opacity: .55; cursor: wait; }.avatar-upload input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.url-field { display: grid; grid-template-columns: auto 1fr; align-items: center; background: #0d1822; border: 1px solid #304656; }.url-field span { padding-left: 12px; color: #607482; font-size: 12px; }.url-field input { border: 0; padding-left: 2px; }
.privacy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 23px; }
.privacy-grid button { min-height: 130px; display: flex; flex-direction: column; align-items: flex-start; position: relative; background: #101e29; border: 1px solid #2c4151; padding: 15px; color: #6f8392; cursor: pointer; text-align: left; }.privacy-grid button:hover { border-color: #4d7089; }.privacy-grid button.selected { background: #192f40; border-color: #66c0f4; }.privacy-grid button > svg:first-child { width: 19px; margin-bottom: 16px; }.privacy-grid b { color: #d2dbe1; font: 500 15px Barlow Condensed; }.privacy-grid span { font-size: 9px; line-height: 1.45; margin-top: 4px; }.choice-check { position: absolute; width: 14px; right: 10px; top: 10px; color: #66c0f4; }
.toggle-row { display: flex; align-items: center; position: relative; cursor: pointer; margin-top: 22px; }.toggle-row > span { flex: 1; }.toggle-row b, .toggle-row small { display: block; }.toggle-row b { color: #bfcbd3; font-size: 12px; font-weight: 500; }.toggle-row small { color: #697d8c; margin-top: 4px; }.toggle-row input { opacity: 0; position: absolute; }.toggle-row i { width: 38px; height: 20px; border-radius: 20px; background: #34434e; position: relative; transition: .2s; }.toggle-row i::after { content: ''; position: absolute; width: 14px; height: 14px; left: 3px; top: 3px; border-radius: 50%; background: #85939d; transition: .2s; }.toggle-row input:checked + i { background: #2878a5; }.toggle-row input:checked + i::after { left: 21px; background: #fff; }
.save-bar { display: flex; justify-content: flex-end; gap: 10px; padding-top: 5px; }.save-message { padding: 12px 15px; border-left: 3px solid #75b022; background: #263a2b; color: #b7d99f; font-size: 12px; }.save-message.error { border-color: #d24a43; background: #472627; color: #ffc1b8; }

.store-page { min-height: calc(100vh - 104px); }
.loader { min-height: calc(100vh - 104px); display: grid; place-items: center; align-content: center; gap: 13px; color: #708492; font-size: 11px; }.loader div { width: 28px; height: 28px; border: 2px solid #294556; border-top-color: #66c0f4; border-radius: 50%; animation: spin .8s linear infinite; }@keyframes spin { to { rotate: 360deg; } }
.empty-page { min-height: calc(100vh - 104px); display: grid; place-items: center; align-content: center; gap: 14px; color: #627987; }.empty-page h1 { color: #becbd3; font: 400 28px Barlow Condensed; }
footer { border-top: 1px solid #ffffff0a; background: #0d161e; color: #546572; padding: 29px 0; }.footer, footer .shell { display: flex; align-items: center; gap: 28px; }.footer span, footer .shell > span { color: #84929c; font: 500 15px Barlow Condensed; }.footer nav, footer nav { display: flex; gap: 18px; }.footer a, footer a { color: #596d7a; text-decoration: none; font-size: 10px; }.footer a:hover, footer a:hover { color: #66c0f4; }.footer small, footer small { margin-left: auto; font-size: 9px; }

/* CEF 3.3325 (Steam 2018) understands CSS Grid but predates the `gap`
   shorthand and flex-gap. Keep the old aliases and explicit spacing. */
.utility-inner, .install, .account-menu, .popover-link, .brand, .site-header nav,
.primary, .secondary, .row-action, .signal-row, .signal-row span, .safe-note,
.feature-strip > div, .level, .presence, .game-cover, .own-code, .own-code button,
.user-row-copy, .avatar-setting, .save-bar, footer .shell, footer nav { gap: 0; }
.auth-hero { grid-gap: 90px; }
.feature-strip { grid-gap: 30px; }
.profile-hero { grid-gap: 26px; }
.profile-grid, .profile-main, .profile-aside, .settings-content { grid-gap: 14px; }
.game-row { grid-gap: 18px; }
.comment-form { grid-gap: 10px; }
.comment { grid-gap: 12px; }
.friend-grid { grid-gap: 8px; }
.details-panel > div, .details-panel > button { grid-gap: 7px; }
.settings-layout { grid-gap: 24px; }
.form-cols { grid-gap: 15px; }
.privacy-grid { grid-gap: 9px; }
.loader { grid-gap: 13px; }
.empty-page { grid-gap: 14px; }
.utility-inner > * + * { margin-left: 18px; }
.install-icon { margin-right: 7px; }
.account-menu svg { margin-left: 4px; }
.popover-link svg, .primary svg, .secondary svg, .row-action svg, .safe-note svg { margin-right: 8px; }
.brand-mark { margin-right: 12px; }
.site-header nav a + a { margin-left: 28px; }
.signal-row > span + span { margin-left: 28px; }
.signal-row i, .presence i { margin-right: 8px; }
.feature-strip > div > svg { margin-right: 14px; }
.level span { margin-left: 9px; }
.game-cover > * + *, .user-row-copy > * + * { margin-left: 5px; }
.user-row-copy > * + * { margin-left: 0; margin-top: 5px; }
.own-code > * + * { margin-left: 18px; }
.own-code button svg { margin-right: 7px; }
.avatar-setting .avatar { margin-right: 17px; }
.save-bar button + button { margin-left: 10px; }
footer .shell > * + * { margin-left: 28px; }
footer nav a + a { margin-left: 18px; }

/* The 2018 client ships without Motiva Sans as a web font. Force a stable
   native sans-serif instead of allowing CEF to fall back to Times New Roman. */
body { font-family: "Arial",Helvetica,Verdana,sans-serif !important; }
.identity-block h1 { font-size: 27px; font-weight: 300; font-family:"Motiva Sans",Sans-serif; line-height: 1.15; }
.profile-shell { width: 976px; max-width: calc(100% - 28px); padding-top: 0; }
.profile-page, .community-page, .settings-page, .store-page, .library-page, .loader, .empty-page { min-height: 100vh; }

@media (max-width: 780px) {
  .shell { width: 976px; max-width: calc(100% - 24px); }
  .utility-inner { padding-right: 5px; }.install { display: none; }
  .site-header { height: 62px; }.brand { font-size: 19px; margin-right: 20px; }.brand-mark { width: 29px; height: 29px; }
  .mobile-menu { display: block; }.site-header nav { display: none; position: absolute; inset: 62px 0 auto; padding: 20px; flex-direction: column; background: #171d25; box-shadow: 0 18px 30px #0009; }.site-header nav.nav-open { display: flex; }
  .auth-page { padding-top: 40px; }.auth-hero { grid-template-columns: 1fr; gap: 40px; grid-gap: 40px; }.auth-copy h1 { font-size: 45px; }.auth-card { max-width: 430px; width: 100%; }.feature-strip { grid-template-columns: 1fr; margin-top: 45px; }
  .profile-shell { padding-top: 28px; }.profile-hero { grid-template-columns: 112px 1fr; min-height: 0; }.avatar-xl { width: 112px; height: 112px; font-size: 38px; }.hero-side { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 16px; }.hero-side .presence { margin: 0 auto 0 0; }.hero-side button { width: auto; }.profile-grid { grid-template-columns: 1fr; }.profile-aside { grid-row: 1; grid-template-columns: 1fr 1fr; }.aside-stats { grid-column: 1 / -1; }.friend-grid { grid-template-columns: repeat(6, 48px); }
  .settings-layout { grid-template-columns: 1fr; }.settings-nav { display: none; }.privacy-grid { grid-template-columns: 1fr; }.privacy-grid button { min-height: 90px; }.settings-title { align-items: center; }
}

@media (max-width: 520px) {
  .brand { margin-right: 0; }.brand span:last-child { display: none; }
  .profile-hero { padding: 18px; grid-template-columns: 82px 1fr; gap: 15px; grid-gap: 15px; }.avatar-xl { width: 82px; height: 82px; font-size: 28px; }.identity-block h1 { font-size: 29px; }.identity-block p { margin-top: 15px; }.hero-side { flex-wrap: wrap; }.hero-side button { width: 100%; }.level { font-size: 13px; font-family: "Motiva Sans",Sans-serif }.level span { width: 32px; height: 32px; }.game-row { grid-template-columns: 92px 1fr; gap: 11px; grid-gap: 11px; }.game-cover { width: 92px; }.hours { display: none; }.comment-form { grid-template-columns: 1fr; }.comment-form .avatar { display: none; }.comment-form button { height: 36px; justify-self: end; }.comment { grid-template-columns: 40px 1fr auto; }.comment .avatar { width: 40px; height: 40px; }.profile-aside { grid-template-columns: 1fr; }.friend-grid { grid-template-columns: repeat(5, 48px); }.form-section { padding: 20px 17px; }.form-cols { grid-template-columns: 1fr; }.settings-title .secondary { display: none; }.own-code { flex-wrap: wrap; }.own-code button { margin-left: 0; width: 100%; }.search-box { grid-template-columns: auto 1fr; }.search-box button { grid-column: 1 / -1; margin-left: -15px; }.user-row { align-items: flex-start; }.row-action { padding-inline: 9px; }.footer nav, footer nav { display: none; }.footer small, footer small { margin-left: auto; }.store-hero { grid-template-columns: 1fr; }.store-hero h1 { font-size: 45px; }.store-art { display: none; }
}

/* Local Store — a compact 2018-era storefront with a tactical poster motif. */
.store-page {
  overflow: hidden;
  color: #d6e2e9;
  background:
    radial-gradient(circle at 74% 25%, rgba(28, 133, 180, .22), transparent 31%),
    linear-gradient(125deg, #071018 0%, #0a1b28 54%, #102d3d 100%);
}
.store-masthead { height: 54px; border-bottom: 1px solid rgba(116, 194, 232, .15); background: rgba(5, 13, 20, .76); }
.store-masthead-inner { height: 54px; display: flex; align-items: center; justify-content: space-between; }
.store-local-brand { color: #e9f7ff; font: 600 17px "Arial Narrow",Arial,sans-serif; letter-spacing: .14em; text-decoration: none; }
.store-local-brand span { color: #59c4ef; }
.store-local-brand i { display: inline-block; margin-left: 7px; padding: 3px 5px; color: #07131a; background: #8bd547; font: 700 8px Arial,sans-serif; letter-spacing: .08em; vertical-align: 2px; }
.store-masthead nav { display: flex; align-items: center; }
.store-masthead nav a { position: relative; margin-left: 27px; padding: 19px 0 17px; color: #7893a4; font-size: 11px; text-decoration: none; }
.store-masthead nav a:hover, .store-masthead nav a.active { color: #e8f6fd; }
.store-masthead nav a.active::after { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #56c5f2; box-shadow: 0 0 12px #56c5f2; }
.strike-hero { min-height: 610px; display: grid; grid-template-columns: 47% 53%; align-items: center; padding-top: 34px; padding-bottom: 40px; }
.strike-copy { position: relative; z-index: 2; padding: 32px 0; }
.store-kicker { display: flex; align-items: center; color: #9bd6f0; font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.store-kicker svg { width: 15px; height: 15px; margin-right: 9px; color: #8bd547; }
.strike-copy h1 { margin: 18px 0 20px; color: #f4f8f9; font: 900 72px/.79 "Arial Narrow",Arial,sans-serif; letter-spacing: -.07em; text-shadow: 0 7px 25px rgba(0, 0, 0, .45); }
.strike-copy h1 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px #7acdf1; text-shadow: 0 0 28px rgba(48, 175, 229, .24); }
.strike-copy > p { width: 430px; max-width: 90%; margin: 0; color: #88a0ae; font-size: 13px; line-height: 1.65; }
.strike-tags { margin-top: 20px; }
.strike-tags span { display: inline-block; margin: 0 7px 7px 0; padding: 6px 9px; border: 1px solid rgba(114, 181, 210, .22); color: #7899a9; background: rgba(4, 14, 21, .35); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.store-buybox { width: 430px; max-width: 90%; min-height: 70px; margin-top: 24px; padding: 9px 9px 9px 16px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(117, 189, 221, .2); background: rgba(4, 13, 20, .7); box-shadow: 0 13px 30px rgba(0, 0, 0, .28); }
.store-buybox small, .store-buybox strong { display: block; }
.store-buybox small { margin-bottom: 4px; color: #526c7c; font-size: 8px; letter-spacing: .15em; }
.store-buybox strong { color: #fff; font-size: 16px; font-weight: 400; }
.store-buybox button, .library-play { min-height: 48px; padding: 0 18px; display: flex; align-items: center; border: 0; color: #f4ffe9; background: linear-gradient(90deg, #5c921d, #78b52c); box-shadow: inset 0 1px rgba(255,255,255,.15); cursor: pointer; font-size: 11px; text-decoration: none; }
.store-buybox button:hover:not(:disabled), .library-play:hover { color: #fff; background: linear-gradient(90deg, #6da825, #8bcc36); }
.store-buybox button:disabled { cursor: wait; opacity: .62; }
.store-buybox button.owned { color: #dbeaf1; background: #29485a; }
.store-buybox button svg, .library-play svg { width: 16px; height: 16px; margin-right: 8px; }
.store-error { margin-top: 11px !important; color: #ff9d92 !important; font-size: 11px !important; }
.strike-visual { position: relative; height: 500px; }
.strike-art { position: absolute; top: 15px; right: 0; width: 500px; height: 430px; overflow: hidden; border: 1px solid rgba(104, 190, 229, .28); background: linear-gradient(145deg, #16384b, #09151e 64%); box-shadow: 0 28px 70px rgba(0,0,0,.42), inset 0 0 80px rgba(35,154,204,.11); transform: skewY(-2deg); }
.strike-art.store-game-cover { background: #071018; transform: none; }
.strike-art.store-game-cover:not(.is-compact) { top: 126px; height: 162px; }
.strike-art.store-game-cover .store-game-backdrop { width: 100%; height: 100%; object-fit: cover; display: block; }
.strike-art.store-game-cover .store-game-logo { position: absolute; left: 18px; bottom: 8px; width: 58%; height: auto; display: block; object-fit: contain; filter: drop-shadow(0 2px 5px rgba(0,0,0,.8)); }
.store-game-tabs { display: flex; gap: 8px; padding-top: 22px; overflow-x: auto; }
.store-game-tabs button { min-width: 210px; padding: 12px 16px; color: #9fb4c1; text-align: left; border: 1px solid rgba(104,190,229,.17); background: rgba(8,23,33,.82); cursor: pointer; }
.store-game-tabs button.active { color: #fff; border-color: #66c0f4; background: rgba(31,74,96,.9); }
.store-game-tabs small { display: block; margin-top: 4px; color: #6f8998; font-size: 9px; }
.strike-grid { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .12; background-image: linear-gradient(rgba(126,207,239,.5) 1px, transparent 1px), linear-gradient(90deg, rgba(126,207,239,.5) 1px, transparent 1px); background-size: 38px 38px; }
.strike-scan { position: absolute; top: 17%; right: -8%; width: 75%; height: 1px; background: #87dcff; box-shadow: 0 0 17px #45b5e3; transform: rotate(-31deg); }
.strike-crosshair { position: absolute; top: 104px; right: 92px; width: 190px; height: 190px; border: 1px solid rgba(130, 213, 247, .28); border-radius: 50%; box-shadow: 0 0 0 34px rgba(93,190,228,.025), 0 0 0 68px rgba(93,190,228,.025); }
.strike-crosshair::before, .strike-crosshair::after { content: ''; position: absolute; background: rgba(130, 213, 247, .35); }
.strike-crosshair::before { top: 50%; right: -44px; left: -44px; height: 1px; }
.strike-crosshair::after { top: -44px; bottom: -44px; left: 50%; width: 1px; }
.strike-crosshair i { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px; border: 1px solid #9de4ff; border-radius: 50%; }
.strike-monogram { position: absolute; right: 36px; bottom: -42px; color: rgba(97, 198, 237, .08); font: 900 260px/.8 Arial,sans-serif; letter-spacing: -.13em; }
.strike-map { position: absolute; top: 25px; left: 27px; color: #6a91a4; font: 700 9px/1.6 monospace; letter-spacing: .18em; }
.strike-art > b { position: absolute; bottom: 27px; left: 27px; color: #eefaff; font: 900 39px/.82 "Arial Narrow",Arial,sans-serif; letter-spacing: -.04em; }
.strike-caption { position: absolute; right: 15px; bottom: 0; display: flex; align-items: flex-start; }
.strike-caption span { margin-right: 10px; color: #68c8ef; font: 700 10px monospace; }
.strike-caption p { margin: 0; padding-left: 11px; border-left: 1px solid rgba(104,200,239,.35); color: #668293; font-size: 10px; line-height: 1.5; text-transform: uppercase; letter-spacing: .09em; }
.store-details { border-top: 1px solid rgba(113,185,216,.14); background: rgba(3, 10, 15, .47); }
.store-detail-grid { min-height: 118px; display: grid; grid-template-columns: 160px 160px 1fr; align-items: center; }
.store-detail-grid > div { min-height: 62px; padding: 0 24px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(119,183,211,.13); }
.store-detail-grid > div:first-child { padding-left: 0; }
.store-detail-grid span { color: #dcecf3; font: 300 24px "Arial Narrow",Arial,sans-serif; }
.store-detail-grid small { margin-top: 5px; color: #506b7b; font-size: 8px; letter-spacing: .13em; }
.store-detail-grid > div:last-child { flex-direction: row; align-items: center; border: 0; }
.store-detail-grid svg { width: 21px; margin-right: 14px; color: #6ec7ec; }
.store-detail-grid p { max-width: 430px; margin: 0; color: #76909e; font-size: 11px; line-height: 1.55; }

.library-page { padding: 54px 0 90px; color: #d7e5eb; background: radial-gradient(circle at 68% 0, rgba(38,116,151,.18), transparent 38%), #0b1720; }
.library-shell { width: 900px; }
.library-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 25px; }
.library-heading h1 { margin: 7px 0 0; color: #f1f6f8; font: 300 39px "Arial Narrow",Arial,sans-serif; }
.library-heading button svg { width: 15px; }
.library-game { min-height: 228px; padding: 20px; display: grid; grid-template-columns: 300px 1fr auto; align-items: center; border: 1px solid rgba(107,179,211,.19); background: rgba(13,32,44,.88); box-shadow: 0 18px 48px rgba(0,0,0,.28); }
.strike-art.is-compact { position: relative; top: auto; right: auto; width: 300px; height: 140px; transform: none; box-shadow: inset 0 0 60px rgba(35,154,204,.11); }
.strike-art.store-game-cover.is-compact img { object-fit: cover; }
.strike-art.is-compact .strike-crosshair { top: 35px; right: 36px; width: 105px; height: 105px; }
.strike-art.is-compact .strike-monogram { right: 17px; bottom: -20px; font-size: 120px; }
.strike-art.is-compact > b { bottom: 17px; left: 18px; font-size: 25px; }
.strike-art.is-compact .strike-map { top: 15px; left: 18px; }
.library-game-copy { padding: 0 28px; }
.library-game-copy > span { color: #8bd547; font-size: 8px; letter-spacing: .14em; }
.library-game-copy h2 { margin: 7px 0 7px; color: #f1f8fa; font: 400 27px "Arial Narrow",Arial,sans-serif; }
.library-game-copy p { margin: 0 0 18px; color: #7892a0; font-size: 11px; }
.library-game-copy small { color: #526d7c; font-size: 9px; }
.library-play { min-width: 88px; justify-content: center; }
.library-empty { min-height: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(107,179,211,.15); background: rgba(12,28,39,.65); text-align: center; }
.library-empty > svg { width: 40px; height: 40px; color: #42687c; }
.library-empty h2 { margin: 14px 0 3px; color: #d9e7ed; font: 300 24px "Arial Narrow",Arial,sans-serif; }
.library-empty p { color: #617b89; font-size: 11px; }
.library-empty button { margin-top: 10px; }

@media (max-width: 900px) {
  .strike-hero { grid-template-columns: 1fr; padding-top: 25px; }
  .strike-copy { padding-bottom: 8px; }
  .strike-visual { height: 440px; }
  .strike-art { left: 0; right: auto; width: 100%; }
  .strike-caption { display: none; }
  .store-detail-grid { grid-template-columns: 1fr 1fr; }
  .store-detail-grid > div:last-child { grid-column: 1 / -1; padding: 18px 0; border-top: 1px solid rgba(119,183,211,.13); }
  .library-game { grid-template-columns: 260px 1fr; }
  .strike-art.is-compact { width: 260px; }
  .library-play { grid-column: 2; justify-self: start; margin: -50px 0 0 28px; }
}
@media (max-width: 600px) {
  .store-masthead nav a { margin-left: 14px; font-size: 9px; }
  .store-masthead nav a:nth-child(2) { display: none; }
  .strike-copy h1 { font-size: 55px; }
  .store-buybox { max-width: 100%; }
  .store-buybox { align-items: stretch; flex-direction: column; padding: 13px; }
  .store-buybox button { margin-top: 11px; padding: 0 12px; justify-content: center; }
  .strike-visual { height: 350px; }
  .strike-art { height: 330px; }
  .strike-monogram { font-size: 190px; }
  .strike-crosshair { top: 70px; right: 54px; width: 150px; height: 150px; }
  .store-detail-grid { grid-template-columns: 1fr 1fr; }
  .store-detail-grid > div { padding: 0 10px; }
  .library-heading { align-items: center; }
  .library-game { grid-template-columns: 1fr; }
  .strike-art.is-compact { width: 100%; }
  .library-game-copy { padding: 24px 2px 8px; }
  .library-play { grid-column: 1; margin: 12px 0 0; justify-self: stretch; }
}

/* Browser Community pages from the supplied March 2018 captures. */
.profile-aside {
  padding: 0 12px 22px;
  background: rgba(9, 12, 14, .92);
  box-shadow: 0 0 14px rgba(0,0,0,.45);
}
.community-home {
  min-height: 100vh;
  padding: 20px 0 80px;
  background: #1b2b3b;
}
.community-home-shell, .legacy-shell {
  width: 948px;
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}
.community-intro {
  min-height: 71px;
  display: block;
  padding: 0 0 15px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.community-intro h1 { margin: 0 0 3px; color: #fff; font-size: 28px; font-weight: 300; }
.community-intro p { margin: 0; color: #8f98a0; font-size: 17px; }
.community-directory {
  min-height: 222px;
  display: grid;
  grid-template-columns: minmax(0, 313px) minmax(0, 313px) minmax(0, 316px);
  background: #0b141d;
}
.community-directory > div { padding: 12px 11px; border-right: 5px solid #1b2b3b; }
.community-directory > div:last-child { border-right: 0; }
.community-directory h2, .community-directory h3 { margin: 0 0 17px; color: #d6e6ef; font-size: 12px; font-weight: 400; }
.community-directory p { margin: 0; color: #d6e6ef; font-size: 12px; line-height: 17px; }
.community-directory a { color: #67c1f5; text-decoration: none; }
.community-welcome { min-height: 0; padding: 12px 11px; background: transparent; border: 0; box-shadow: none; }
.community-welcome > div { margin-top: 20px; }
.community-welcome button { min-height: 32px; margin-right: 7px; padding: 0 16px; border: 0; background: linear-gradient(#75a119, #588600); color: #d2efa9; cursor: pointer; }
.popular-hubs > div { height: 45px; display: flex; align-items: center; }
.popular-hubs > div > span { width: 28px; height: 28px; margin-right: 6px; display: flex; align-items: center; justify-content: center; background: #293744; color: #c6d4df; font-size: 10px; }
.popular-hubs p { color: #fff; line-height: 14px; }
.popular-hubs small { display: block; color: #1a9fff; }
.community-finders { display: flex; flex-direction: column; justify-content: space-between; }
.community-finders label { display: block; color: #7a8b99; font-size: 10px; }
.community-finders label + label { padding-top: 35px; border-top: 1px solid #38434c; }
.community-finders label > div, .community-finders form { height: 32px; margin-top: 11px; display: flex; align-items: center; background: #334c67; border: 1px solid #000; }
.community-finders input { min-width: 0; height: 30px; flex: 1; padding: 0 8px; border: 0; background: transparent; color: #fff; font-style: italic; outline: none; }
.community-finders svg { width: 20px; margin-right: 6px; color: #eee; }
.community-finders button { width: 32px; height: 30px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.activity-tabs { height: 58px; display: flex; align-items: flex-end; border-bottom: 5px solid #0c1721; }
.activity-tabs button { height: 36px; padding: 0 11px; border: 0; background: transparent; color: #fff; cursor: pointer; font-size: 12px; }
.activity-tabs button.active { border: 1px solid #67a8d5; border-bottom: 0; background: #101d29; }
.activity-sort { height: 39px; display: flex; justify-content: flex-end; align-items: center; color: #5d6b76; }
.activity-sort span { margin-right: 13px; }
.activity-sort button { min-width: 112px; height: 23px; margin-left: 5px; border: 1px solid #050505; background: linear-gradient(#30343a,#15171a); color: #fff; font-size: 11px; }
.activity-sort button.active { background: linear-gradient(#27769a,#18516c); }
.activity-feed { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
.activity-item { min-height: 225px; padding: 10px; display: grid; grid-template-columns: 170px 1fr; grid-column-gap: 12px; background: #0b131c; border: 1px solid #243846; }
.activity-art { min-height: 180px; display: flex; flex-direction: column; justify-content: flex-end; padding: 12px; background-color: #263847; background-size: cover; color: #fff; box-shadow: inset 0 -80px 60px #000a; }
.activity-art span { color: #67c1f5; font-size: 11px; }
.activity-art b { margin-top: 4px; font-size: 14px; }
.art-0 { background-image: linear-gradient(145deg,#516b7a,#172330); }
.art-1 { background-image: linear-gradient(145deg,#806034,#241c18); }
.art-2 { background-image: linear-gradient(145deg,#28595f,#142527); }
.art-3 { background-image: linear-gradient(145deg,#65445f,#201621); }
.activity-copy a, .activity-copy span { display: block; }
.activity-copy a { color: #67c1f5; text-decoration: none; font-size: 13px; }
.activity-copy span { margin-top: 5px; color: #8796a1; font-size: 11px; line-height: 15px; }
.activity-copy p { margin: 22px 0; color: #b7c2ca; font-size: 12px; line-height: 18px; }
.activity-copy small { color: #78a844; }
.lazy-sentinel { min-height: 105px; display: flex; align-items: center; justify-content: center; color: #6d7880; font-size: 16px; }
.lazy-sentinel i { width: 24px; height: 24px; margin-right: 12px; border: 3px dotted #8c7859; border-radius: 50%; animation: spin .8s linear infinite; }
.community-feed-loading { min-height: 345px; padding-top: 155px; color: #68747d; text-align: center; }
.community-feed-loading > div { display: flex; align-items: center; justify-content: center; font-size: 20px; }
.community-feed-loading i { width: 30px; height: 30px; margin-right: 13px; border: 4px dotted #8c7859; border-radius: 50%; animation: spin .8s linear infinite; }
.community-feed-loading > span { width: 684px; max-width: 72%; height: 31px; margin: 20px auto 0; display: block; border: 2px solid #ddd; background: linear-gradient(90deg,#ccc 0 57%,#020202 57%); }

.legacy-section { min-height: 100vh; background: #1b2b3b; color: #c7d5e0; }
.discussions-page { padding: 22px 0 70px; }
.discussion-intro { display: grid; grid-template-columns: minmax(0, 626px) 295px; grid-column-gap: 27px; }
.discussion-intro h1 { margin: 4px 0 13px; color: #4db6f1; font-size: 24px; font-weight: 300; }
.discussion-intro p { margin: 0 0 12px; color: #8293a0; font-size: 13px; }
.discussion-intro p b { color: #fff; font-weight: 400; }
.discussion-intro form { width: 296px; height: 44px; margin-top: 15px; display: flex; align-items: center; padding: 5px; background: #0875a7; }
.discussion-intro input { min-width: 0; flex: 1; height: 34px; padding: 0 8px; border: 0; background: #17293a; color: #fff; font-style: italic; }
.discussion-intro form svg { width: 27px; padding: 4px; color: #fff; }
.discussion-intro aside { min-height: 190px; padding: 12px; background: #0c151e; }
.discussion-intro aside span { display: block; padding-bottom: 12px; border-bottom: 1px solid #3a454d; color: #667985; font-size: 10px; }
.discussion-intro aside a { display: block; margin: 19px 20px 0; color: #fff; font-size: 12px; }
.discussion-intro aside p { margin: 12px 0 0; color: #7fa1c0; font-size: 11px; }
.legacy-tabs { height: 44px; margin-top: 18px; display: flex; align-items: flex-end; border-bottom: 7px solid #4b91b6; }
.legacy-tabs button { height: 41px; margin-right: 5px; padding: 0 20px; border: 0; background: #0c151e; color: #fff; cursor: pointer; }
.legacy-tabs button.active { background: linear-gradient(#67c7f4,#3988b0); }
.discussion-layout { display: grid; grid-template-columns: minmax(0, 608px) 321px; grid-column-gap: 18px; margin-top: 13px; }
.discussion-layout h2 { margin: 8px 0 20px; color: #4db6f1; font-size: 24px; font-weight: 300; }
.forum-head, .forum-row { display: grid; grid-template-columns: 1fr 160px 120px; align-items: center; }
.forum-head { height: 25px; color: #aab5bc; font-size: 10px; }
.forum-head span:nth-child(2), .forum-head span:nth-child(3), .forum-row span { text-align: right; }
.forum-row { min-height: 69px; padding: 0 15px 0 0; background: #29435d; border-bottom: 1px solid #14283a; }
.forum-row b { color: #fff; font-size: 12px; font-weight: 400; }
.forum-row span { color: #8f9ba3; font-size: 12px; }
.featured-forums { margin-top: 0; padding: 12px 17px; background: #142435; }
.featured-forums h3 { margin: 0 0 7px; color: #aeb9c0; font-size: 10px; font-weight: 400; }
.featured-forums div { min-height: 42px; margin-bottom: 10px; padding: 5px 45px; background: linear-gradient(90deg,#777,#29435d 18%); }
.featured-forums b, .featured-forums span { display: block; }
.featured-forums b { color: #fff; font-size: 12px; }
.featured-forums span { color: #aeb5bb; font-size: 12px; }

.market-page { padding-bottom: 70px; }
.market-hero { height: 185px; padding-top: 51px; background: radial-gradient(circle at 45% 25%,#6c9e37,#3a5d25 65%); }
.market-hero h1 { margin: 0; color: #fff; font-size: 36px; font-weight: 300; }
.market-hero p { margin: 0; color: #a4d378; font-size: 14px; }
.market-body { padding-top: 28px; }
.market-account, .market-tabs { display: flex; background: #0d1822; }
.market-account button { height: 41px; min-width: 203px; border: 0; background: transparent; color: #85a0bb; cursor: pointer; }
.market-account button.active, .market-tabs button.active { background: linear-gradient(#6c9937,#4e7829); color: #fff; }
.market-account button.sell { margin-left: auto; min-width: 115px; color: #fff; }
.market-login { margin: 15px 0 62px; padding: 15px 12px; background: #122236; color: #7fa1c0; font-size: 12px; }
.market-login::first-letter { color: #fff; }
.market-layout { display: grid; grid-template-columns: minmax(0, 639px) 294px; grid-column-gap: 15px; }
.market-tabs button { min-width: 147px; height: 40px; border: 0; background: transparent; color: #85a0bb; cursor: pointer; }
.market-head { height: 39px; margin-top: 20px; display: grid; grid-template-columns: 1fr 82px 92px; align-items: center; padding: 0 7px; background: #142435; color: #b7c2ca; font-size: 10px; }
.market-row { min-height: 76px; margin-top: 10px; display: grid; grid-template-columns: 64px 1fr 90px 75px; align-items: center; padding: 6px; background: #142435; }
.market-icon { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background-color: #333; color: #ddd; font-size: 26px; }
.market-row > div { padding-left: 12px; }
.market-row b, .market-row small { display: block; }
.market-row > div b { color: #89a7c4; font-size: 13px; }
.market-row small { color: #8da0b0; font-size: 10px; }
.market-row > span { text-align: right; color: #8fa4b5; font-size: 12px; }
.market-row > span:last-child b { color: #fff; }
.market-side { padding: 10px 15px; background: #0d1822; }
.market-side p { margin: 0 0 18px; color: #7fa1c0; font-size: 11px; line-height: 16px; }
.market-side p u { color: #fff; }
.market-side label, .market-side h3 { color: #228dc5; font-size: 11px; font-weight: 400; }
.market-side label > div { height: 30px; margin: 10px 0; display: flex; align-items: center; background: #405b78; }
.market-side input { min-width: 0; flex: 1; height: 30px; padding: 0 7px; border: 0; background: transparent; color: #fff; }
.market-side svg { width: 18px; margin-right: 6px; }
.market-side h3 { margin: 20px 0 8px; }
.market-side > button { width: 100%; min-height: 39px; margin-bottom: 7px; border: 1px solid #111; background: #34383d; color: #fff; text-align: left; cursor: pointer; }

.workshop-page { padding: 0 0 80px; }
.workshop-banner { height: 102px; display: flex; align-items: center; padding-left: 13px; background-color: #335679; background-image: linear-gradient(90deg,rgba(75,125,169,.4),rgba(20,46,72,.1)), repeating-linear-gradient(90deg,transparent 0,transparent 12px,rgba(255,255,255,.06) 12px,rgba(255,255,255,.06) 13px); }
.workshop-banner svg { width: 76px; height: 76px; margin-right: 8px; color: #dce9f3; }
.workshop-banner b { color: #fff; font-size: 13px; letter-spacing: .16em; }
.workshop-banner b span { font-size: 29px; letter-spacing: .05em; }
.workshop-page .legacy-tabs { margin-top: 36px; }
.workshop-page > .legacy-shell > h1 { margin: 24px 0 2px; color: #fff; font-size: 30px; font-weight: 300; }
.workshop-lead { margin: 0 0 20px; color: #71818d; font-size: 13px; }
.workshop-browser { background: #23435c; box-shadow: 0 2px 6px #0005; }
.workshop-browser > header { height: 51px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; background: #09131b; }
.workshop-browser header b { color: #fff; font-size: 20px; font-weight: 300; }
.workshop-browser header b span { color: #87929a; }
.workshop-browser form { display: flex; align-items: center; }
.workshop-browser input { width: 235px; border: 0; background: transparent; color: #fff; font-style: italic; }
.workshop-browser form svg { width: 20px; }
.workshop-content { display: grid; grid-template-columns: minmax(0, 750px) 188px; }
.workshop-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 14px; padding: 24px 18px 14px; }
.workshop-grid article { height: 174px; padding: 7px; background: linear-gradient(#193044,#07121b); text-align: center; }
.workshop-art { height: 93px; position: relative; background-color: #425b6b; }
.workshop-art i { position: absolute; top: 0; left: 0; padding: 4px; background: #ef9735; color: #fff; font-size: 9px; font-style: normal; }
.workshop-grid b, .workshop-grid small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workshop-grid b { margin-top: 9px; color: #fff; font-size: 12px; }
.workshop-grid small { margin-top: 5px; color: #c0ccd3; font-size: 10px; }
.workshop-content > aside { padding-top: 18px; }
.workshop-content > aside span { display: block; margin-bottom: 9px; color: #8fa0ad; font-size: 10px; }
.workshop-content > aside button { width: 100%; height: 35px; padding-left: 20px; border: 0; background: transparent; color: #fff; text-align: left; cursor: pointer; }
.workshop-content > aside button.active { background: linear-gradient(90deg,#17628c,transparent); }
.workshop-browser > footer { height: 39px; display: flex; align-items: center; padding: 0 19px; border: 0; background: #1d3a51; color: #899aa7; font-size: 10px; }

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

@media (max-width: 780px) {
  .community-directory { grid-template-columns: 1fr; }
  .community-directory > div { border-right: 0; border-bottom: 5px solid #1b2b3b; }
  .activity-tabs { height: auto; flex-wrap: wrap; align-items: stretch; }
  .activity-feed { grid-template-columns: 1fr; }
  .discussion-intro, .discussion-layout, .market-layout, .workshop-content { grid-template-columns: 1fr; }
  .discussion-intro aside, .featured-forums, .market-side { margin-top: 18px; }
  .workshop-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Steam Community profile layout, measured from the supplied 2018 captures. */
.profile-page {
  min-height: 100vh;
  padding-bottom: 70px;
  background: #0d0f10;
  overflow: visible;
}
.profile-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  background: linear-gradient(rgba(8, 11, 13, .22), rgba(8, 9, 10, .5)), url('/profile-industrial.png') center top / cover no-repeat;
}
.profile-shell {
  width: 976px;
  max-width: calc(100% - 28px);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}
.profile-hero {
  width: 100%;
  min-height: 225px;
  padding: 33px 25px 16px;
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr) 268px;
  grid-column-gap: 18px;
  background-color: #262627;
  background-image: url('/profile-background.jpg');
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 7px #000;
}
.profile-hero .avatar-xl { width: 168px; height: 168px; border: 2px solid #57cbde; box-shadow: 0 0 0 3px #16202b, 0 0 7px #000; }
.identity-block { padding-top: 7px; }
.identity-block h1 { margin: 0 0 6px; font-size: 24px; font-weight: 200; line-height: 29px; color: #fff; text-shadow: none; }
.identity-block p { max-width: 420px; color: #898989; font-size: 13px; line-height: 19px; }
.country-line { margin-top: 0; color: #898989; font-size: 13px; }
.hero-side { padding-top: 5px; align-items: stretch; }
.level { height: 34px; color: #fff; font-size: 24px; font-weight: 200; }
.level span { width: 32px; height: 32px; margin-left: 7px; border-color: #e0524d; font-size: 15px; }
.featured-badge { height: 72px; margin-top: 17px; display: flex; align-items: center; padding: 10px; background: #222; border-radius: 3px; box-shadow: 0 0 2px #000; }
.featured-badge > svg { width: 48px; height: 48px; padding: 8px; margin-right: 10px; color: #8bd4ec; background: #133844; }
.featured-badge b, .featured-badge span { display: block; }
.featured-badge b { color: #fff; font-size: 12px; font-weight: 400; }
.featured-badge span { margin-top: 3px; color: #82909d; font-size: 11px; }
.hero-side > button { width: auto; min-height: 33px; margin-top: 14px; align-self: flex-start; padding: 0 16px; font-size: 12px; }

.profile-grid {
  width: calc(100% - 50px);
  margin: 15px auto 0;
  display: grid;
  grid-template-columns: minmax(0, 636px) 268px;
  grid-column-gap: 22px;
  background-image: url('/profile_content_bg.png');
  align-items: start;
}
.profile-content {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7YAAABUCAIAAAA5/DzbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJGRjg0NkU2NjY4OTExRTJBN0Q5OERBRUU5MkQyMzFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJGRjg0NkU3NjY4OTExRTJBN0Q5OERBRUU5MkQyMzFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkZGODQ2RTQ2Njg5MTFFMkE3RDk4REFFRTkyRDIzMUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkZGODQ2RTU2Njg5MTFFMkE3RDk4REFFRTkyRDIzMUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71XUjMAAAsIklEQVR42uydwY4cSXJE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);
    background-position: center;
    background-repeat: repeat-y;
    padding: 0 12px 64px 12px;
    width: 926px;
    margin: 0 auto;
    font-size: 13px;
}
.profile-main, .profile-aside { display: block; }
.profile-aside { grid-row: auto; }
.profile-main > section + section { margin-top: 12px; }
.profile-aside > section + section { margin-top: 28px; }
.profile-main .panel, .profile-aside .panel { border: 0; box-shadow: none; }
.showcase-card { padding: 0 10px 11px; overflow: hidden; background: rgba(20,20,20,.94); background-image: url("/showcase_background.png"); border-radius: 3px; }
.showcase-title { height: 30px; margin: 0; color: #5491cf; font-family: "Motiva Sans", Sans-serif; font-size: 20px; font-weight: 200; line-height: 30px; }
.achievement-icons { height: 78px; display: flex; align-items: center; padding: 8px; background: rgba(0,0,0,0.3); border-radius: 3px; }
.achievement-icons > span { width: 62px; height: 62px; margin-right: 26px; display: flex; align-items: center; justify-content: center; color: #d9e8ed; border: 3px solid #28e972; border-radius: 8px; background: radial-gradient(circle, #27383d, #090d0e); box-shadow: inset 0 0 8px #36ff78, 0 0 4px #36ff78; }
.achievement-icons svg { width: 35px; height: 35px; }
.achievement-icons .achievement-more { margin-right: 0; margin-left: auto; border: 0; border-radius: 0; box-shadow: none; background: #222; font-size: 13px; }
.showcase-stats { height: 75px; margin-top: 10px; display: flex; align-items: center; background: rgba(0, 0, 0, 0.3); }
.showcase-stats > div { min-width: 160px; padding: 0 10px; }
.showcase-stats b, .showcase-stats span { display: block; }
.showcase-stats b { color: #fff; font-size: 34px; font-weight: 200; line-height: 37px; }
.showcase-stats span { color: #9b9b9b; font-size: 16px; font-weight: 200; }
.badge-icons { height: 89px; display: flex; align-items: center; padding: 7px 9px; }
.badge-icons span { width: 64px; height: 64px; margin-right: 25px; display: flex; align-items: center; justify-content: center; color: #e2edf4; font-size: 24px; background: radial-gradient(circle, #466078, #18222c 62%, #080b0d 63%); border-radius: 50%; text-shadow: 0 1px 3px #000; }
.badge-icons span:nth-child(2) { border-radius: 0; color: #8ee8dc; font-size: 15px; background: #123d3b; }
.badge-icons span:last-child { margin-right: 0; color: #f0a629; }
.badge-stats { height: 76px; margin-top: 0; }
.badge-stats > div { min-width: 170px; }
.panel-heading { min-height: 39px; padding: 0 10px; border: 0; background: #141414; }
.panel-heading h2 { color: #8f98a0; font-size: 20px; font-weight: 200; }
.panel-heading > span { color: #8f98a0; font-size: 18px; font-weight: 200; letter-spacing: 0; text-transform: none; }
.activity-card { background: rgba(20,20,20,.94); border-radius: 3px; overflow: hidden; }
.game-row { padding: 8px 10px; grid-template-columns: 184px 1fr auto; grid-column-gap: 10px; background: #111; }
.game-cover { width: 184px; height: 69px; }
.comments-panel { background: rgba(20,20,20,.94); }
.comments-panel .panel-heading { border-bottom: 1px solid #323232; }
.comment-form { background: #111; }
.comment { border-color: #333; }

.profile-presence b, .profile-presence span { display: block; }
.profile-presence b { color: #c4c4c4; font-size: 20px; font-weight: 200; }
.profile-presence span { margin-top: 2px; color: #c4c4c4; font-size: 13px; }
.profile-presence.online b { color: #57cbde; }
.profile-links div { margin-bottom: 12px; color: #fff; font-size: 14px; }
.profile-links span { margin-right: 7px; }
.profile-links b { color: #c4c4c4; font-size: 24px; font-weight: 200; }
.side-title { height: 31px; color: #fff; font-size: 14px; line-height: 31px; }
.side-title span { margin-left: 5px; color: #c4c4c4; font-size: 24px; font-weight: 200; }
.group-preview, .compact-panel, .details-panel { background: transparent; }
.group-row { display: flex; align-items: center; }
.group-mark { width: 64px; height: 64px; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #dce7ee; font-size: 28px; background: radial-gradient(circle, #596776, #171a1d); }
.group-row b, .group-row small { display: block; }
.group-row b { color: #fff; font-size: 12px; font-weight: 400; }
.group-row small { color: #c4c4c4; font-size: 11px; }
.friend-list > a { min-height: 52px; display: flex; align-items: center; color: #fff; text-decoration: none; }
.friend-list > a + a { margin-top: 7px; }
.friend-list .avatar { margin-right: 9px; }
.friend-list b, .friend-list small { display: block; }
.friend-list b { color: #57cbde; font-size: 12px; font-weight: 400; }
.friend-list small { color: #c4c4c4; font-size: 10px; margin-top: 2px; }
.details-panel { margin-top: 35px; padding: 0; border-top: 1px solid #333 !important; }

/* Steam 2018 Community home. */
.community-home { min-height: 100vh; padding: 34px 0 70px; background: radial-gradient(circle at 50% 0, #29445a, #182b3b 420px, #101820 900px); }
.community-home-shell { width: 950px; max-width: calc(100% - 40px); margin: 0 auto; }
.community-intro { min-height: 126px; display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; background: linear-gradient(100deg, #1d3b53, #142536); border-top: 1px solid #41647c; box-shadow: 0 3px 12px #0007; }
.community-intro > div:first-child > span { color: #67c1f5; font-size: 11px; letter-spacing: .12em; }
.community-intro h1 { margin: 4px 0 7px; color: #fff; font-size: 30px; font-weight: 300; }
.community-intro p { margin: 0; color: #8fa7b8; font-size: 13px; }
.community-online { min-width: 150px; padding-left: 24px; text-align: right; border-left: 1px solid #38546a; }
.community-online b, .community-online span { display: block; }
.community-online b { color: #67c1f5; font-size: 29px; font-weight: 200; }
.community-online span { color: #7d94a5; font-size: 10px; }
.community-tabs { display: flex; height: 42px; padding-left: 12px; background: #101820; border-bottom: 1px solid #355368; }
.community-tabs button { height: 42px; padding: 0 17px; border: 0; background: transparent; color: #8f9faa; cursor: pointer; font-size: 12px; }
.community-tabs button:hover, .community-tabs button.active { color: #fff; background: #21394c; }
.community-tabs button.active { border-bottom: 2px solid #66c0f4; }
.community-layout { display: grid; grid-template-columns: minmax(0, 650px) 278px; grid-column-gap: 22px; margin-top: 22px; }
.community-welcome, .community-block, .community-sidebar section { background: rgba(14, 27, 38, .9); border: 1px solid #294253; box-shadow: 0 3px 10px #0005; }
.community-welcome { min-height: 150px; padding: 22px; }
.community-welcome h2 { margin: 0 0 8px; color: #d6e2e9; font-size: 20px; font-weight: 300; }
.community-welcome p { max-width: 530px; margin: 0 0 20px; color: #7890a0; font-size: 12px; line-height: 18px; }
.community-button { min-height: 34px; padding: 0 14px; border: 0; background: linear-gradient(#31566e, #274557); color: #d7e8f2; cursor: pointer; }
.community-button svg { margin-right: 7px; vertical-align: middle; }
.community-block { margin-top: 14px; }
.community-block-title { height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid #294253; }
.community-block-title h2 { margin: 0; color: #d4dee4; font-size: 18px; font-weight: 300; }
.community-block-title span { color: #688295; }
.community-people .user-row { min-height: 69px; }
.community-people > p { padding: 30px; color: #6f8493; text-align: center; }
.community-sidebar section { padding: 14px; }
.community-sidebar section + section { margin-top: 14px; }
.community-sidebar h3 { margin: 0 0 13px; padding-bottom: 9px; border-bottom: 1px solid #294253; color: #8fa5b3; font-size: 14px; font-weight: 300; }
.community-me { display: flex; align-items: center; text-decoration: none; }
.community-me .avatar { margin-right: 10px; }
.community-me b, .community-me small { display: block; }
.community-me b { color: #67c1f5; font-size: 13px; }
.community-me small { margin-top: 4px; color: #6c8291; font-size: 10px; }
.community-sidebar section > button { width: 100%; min-height: 38px; display: flex; align-items: center; padding: 0 8px; border: 0; border-bottom: 1px solid #22394a; background: transparent; color: #9eafb9; cursor: pointer; text-align: left; }
.community-sidebar section > button:hover { color: #fff; background: #20384a; }
.community-sidebar section > button svg { width: 15px; margin-right: 9px; color: #66c0f4; }

@media (max-width: 780px) {
  .profile-hero { grid-template-columns: 112px minmax(0, 1fr); padding: 24px; }
  .profile-hero .avatar-xl { width: 112px; height: 112px; }
  .hero-side { grid-column: 1 / -1; margin-top: 16px; flex-direction: column; align-items: stretch; }
  .profile-grid { grid-template-columns: 1fr; }
  .profile-aside { margin-top: 22px; }
  .community-layout { grid-template-columns: 1fr; }
  .community-sidebar { margin-top: 18px; }
}

@media (max-width: 520px) {
  .profile-shell { max-width: calc(100% - 16px); }
  .profile-hero { grid-template-columns: 82px minmax(0, 1fr); padding: 18px; }
  .profile-hero .avatar-xl { width: 82px; height: 82px; }
  .featured-badge { display: none; }
  .profile-grid { width: calc(100% - 20px); }
  .achievement-icons > span { width: 48px; height: 48px; margin-right: 8px; }
  .showcase-stats > div { min-width: 0; flex: 1; }
  .showcase-stats b { font-size: 25px; }
  .showcase-stats span { font-size: 11px; }
  .badge-icons span { width: 48px; height: 48px; margin-right: 8px; }
  .community-intro { align-items: flex-start; }
  .community-online { display: none; }
  .community-tabs { height: auto; flex-wrap: wrap; }
}

/* Keep the activity-page rules after the profile compatibility overrides. */
.community-home { min-height: 100vh; padding: 20px 0 80px; background: #1b2b3b; }
.community-home-shell { width: 948px; max-width: calc(100% - 40px); margin-left: auto; margin-right: auto; }
.community-intro { min-height: 71px; display: block; padding: 0 0 15px; background: transparent; border: 0; box-shadow: none; }
.community-intro h1 { margin: 0 0 3px; color: #fff; font-size: 28px; font-weight: 300; }
.community-intro p { margin: 0; color: #8f98a0; font-size: 17px; }
.community-welcome { min-height: 0; padding: 12px 11px; background: transparent; border: 0; box-shadow: none; }
.community-welcome h2 { margin: 0 0 17px; color: #d6e6ef; font-size: 12px; font-weight: 400; }
.community-welcome p { max-width: none; margin: 0; color: #d6e6ef; font-size: 12px; line-height: 17px; }

/* Steam Community web chrome copied from the supplied March 2018 pages. */
.steam-global-header {
  position: relative;
  z-index: 50;
  min-width: 940px;
  height: 104px;
  padding: 0 16px;
  background: #171a21;
  color: #b8b6b4;
  font-size: 14px;
}
.steam-header-content {
  position: relative;
  width: 940px;
  height: 104px;
  margin: 0 auto;
}
.steam-wordmark {
  position: absolute;
  left: 0;
  top: 30px;
  width: 176px;
  height: 44px;
}
.steam-wordmark { display: flex; align-items: center; color: #f3f3f3; text-decoration: none; }
.steam-logo-symbol {
  position: relative;
  width: 42px;
  height: 42px;
  margin-right: 7px;
  display: block;
  border: 3px solid #f3f3f3;
  border-radius: 50%;
}
.steam-logo-symbol::before,
.steam-logo-symbol::after {
  content: '';
  position: absolute;
  z-index: 2;
  width: 11px;
  height: 11px;
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  background: #171a21;
}
.steam-logo-symbol::before { left: -5px; bottom: 3px; }
.steam-logo-symbol::after { right: 1px; top: 1px; }
.steam-logo-symbol i {
  position: absolute;
  left: 5px;
  top: 20px;
  width: 27px;
  height: 5px;
  border-radius: 4px;
  background: #f3f3f3;
  transform: rotate(-32deg);
  transform-origin: center;
}
.steam-logo-symbol b {
  position: absolute;
  left: -1px;
  bottom: 6px;
  width: 15px;
  height: 5px;
  border-radius: 4px;
  background: #f3f3f3;
  transform: rotate(24deg);
}
.steam-logo-text {
  color: #f3f3f3;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 27px;
  font-weight: 300;
  line-height: 44px;
  letter-spacing: .5px;
}
.steam-supernav {
  position: absolute;
  left: 200px;
  top: 0;
  height: 104px;
  display: flex;
  align-items: flex-start;
}
.steam-supernav > a,
.steam-supernav > .community-supernav > a {
  display: block;
  padding: 45px 7px 7px;
  color: #b8b6b4;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}
.steam-supernav > a:hover,
.steam-supernav > .community-supernav > a:hover { color: #fff; }
.community-supernav { position: relative; display: block; }
.community-submenu {
  position: absolute;
  z-index: 60;
  left: 0;
  top: 64px;
  width: 132px;
  padding: 5px 15px 8px;
  visibility: hidden;
  opacity: 0;
  background: #171a21;
  box-shadow: 3px 3px 5px -3px #000;
  transition: opacity .12s;
}
.community-supernav:hover .community-submenu,
.community-supernav:focus-within .community-submenu { visibility: visible; opacity: 1; }
.community-submenu a {
  display: block;
  padding: 6px 0;
  color: #b8b6b4;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
}
.community-submenu a:hover { color: #4897cf; }
.profile-supernav { position: relative; min-width: 0; }
.profile-supernav > button { display: block; max-width: 185px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 45px 7px 7px; border: 0; background: transparent; color: #e5e5e5; font: inherit; font-size: 14px; line-height: 16px; text-transform: uppercase; cursor: pointer; }
.profile-supernav > button:hover, .profile-supernav.is-open > button { color: #fff; }
.profile-supernav button:focus-visible, .profile-submenu a:focus-visible { outline: 2px solid #66c0f4; outline-offset: -2px; }
.profile-submenu { position: absolute; z-index: 65; top: 63px; left: 0; min-width: 155px; padding: 5px 0; background: #3d4450; box-shadow: 3px 4px 8px #0008; }
.profile-submenu[hidden] { display: none; }
.profile-submenu a { display: block; padding: 7px 14px; color: #dcdedf; font-size: 13px; line-height: 16px; text-decoration: none; white-space: nowrap; }
.profile-submenu a:hover, .profile-submenu a:focus { background: #495463; color: #fff; }
.personal-page { min-height: 520px; }
.personal-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 25px; }
.personal-heading h1 { margin: 5px 0 0; }
.personal-heading a { color: #66c0f4; text-decoration: none; }
.personal-empty, .phone-status { padding: 30px; }
.phone-status { max-width: 650px; border-top: 2px solid #66c0f4; }
.phone-status > svg { color: #66c0f4; }
.phone-status p { max-width: 560px; color: #a7b4bf; line-height: 1.7; margin-bottom: 24px; }
@media (max-width: 700px) {
  .profile-supernav > button { max-width: 100%; padding: 10px 7px; }
  .profile-submenu { position: static; box-shadow: none; margin: 0 7px 8px; }
  .profile-submenu a { min-height: 40px; padding: 12px 14px; }
}
.steam-global-actions {
  position: absolute;
  z-index: 70;
  right: 0;
  top: 6px;
  height: 24px;
  display: flex;
  align-items: center;
  color: #b8b6b4;
  font-size: 11px;
  line-height: 21px;
}
.steam-install {
  height: 21px;
  margin-right: 7px;
  padding: 0 8px 0 6px;
  background: #75a119;
  color: #e5e4dc;
  line-height: 21px;
  text-decoration: none;
}
.steam-install span { margin-right: 6px; color: #d7e5c6; font-size: 14px; }
.steam-install:hover { color: #fff; background: #8ab324; }
.steam-global-actions .account-menu,
.steam-login-link,
.steam-language {
  height: 21px;
  padding: 0 4px;
  border: 0;
  background: none;
  color: #b8b6b4;
  font-size: 11px;
  line-height: 21px;
  text-decoration: none;
  cursor: pointer;
}
.steam-global-actions .account-menu:hover,
.steam-login-link:hover,
.steam-language:hover { color: #fff; }
.steam-global-actions .account-menu svg,
.steam-language svg { display: inline-block; vertical-align: -1px; margin-left: 2px; }
.steam-action-separator { margin: 0 2px; color: #6b6a68; }
.steam-global-actions .account-popover { top: 23px; right: 0; line-height: normal; }
.language-popover {
  position: absolute;
  z-index: 35;
  top: 23px;
  right: 0;
  min-width: 138px;
  padding: 5px 0;
  background: #171d25;
  border: 1px solid #000;
  box-shadow: 0 8px 18px #000a;
}
.language-popover button {
  display: block;
  width: 100%;
  padding: 7px 12px;
  border: 0;
  background: transparent;
  color: #d6d7d8;
  text-align: left;
  font: 12px Arial, sans-serif;
  cursor: pointer;
}
.language-popover button:hover,
.language-popover button.active { background: #2a475e; color: #fff; }

.steam-site-footer {
  position: relative;
  z-index: 30;
  width: auto;
  margin: 0;
  padding: 32px 16px;
  border: 0;
  background: rgba(0, 0, 0, .4);
  color: #8f98a0;
  font-size: 12px;
  text-align: left;
}
.steam-footer-content {
  position: relative;
  width: 958px;
  min-height: 61px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
}
.valve-wordmark {
  position: absolute;
  left: 16px;
  top: 4px;
  width: 96px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #737b81;
  color: #8f969b !important;
  font-family: Arial Black, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 22px;
  letter-spacing: 2px;
}
.steam-footer-text {
  display: block;
  padding: 2px 0 0 123px;
  color: #8f98a0;
  font-size: 12px;
  line-height: 14px;
}
.steam-site-footer a { color: #c6d4df; font-size: 12px; text-decoration: none; }
.steam-site-footer a:hover { color: #fff; }
.steam-valve-links { display: block; margin-top: 15px; }
.steam-valve-links span { margin: 0 7px; color: #8f98a0; font-size: 12px; }

@media (max-width: 780px) {
  .steam-global-header { min-width: 0; height: 62px; padding: 0 12px; }
  .steam-header-content { width: 100%; height: 62px; }
  .steam-wordmark { top: 9px; width: 144px; height: 36px; overflow: hidden; }
  .steam-logo-symbol { width: 35px; height: 35px; transform: scale(.82); transform-origin: left center; }
  .steam-logo-text { margin-left: -3px; font-size: 23px; }
  .steam-global-actions { display: none; }
  .steam-header-content .mobile-menu { display: block; position: absolute; right: 0; top: 17px; }
  .steam-supernav { display: none; left: 0; right: 0; top: 62px; height: auto; padding: 12px; background: #171a21; box-shadow: 0 12px 24px #000a; }
  .steam-supernav.nav-open { display: block; }
  .steam-supernav > a, .steam-supernav > .community-supernav > a { padding: 10px 7px; }
  .community-submenu { display: none; }
  .steam-site-footer { padding: 25px 12px; }
  .steam-footer-content { width: 100%; max-width: none; }
  .valve-wordmark { position: relative; left: 0; top: 0; margin-bottom: 14px; }
  .steam-footer-text { padding-left: 0; }
}
/* =========================================================
   Steam Community profile 2016 — FINAL scoped layout
   Paste/import AFTER styles.css.
   ========================================================= */

.profile_page.steam2016-profile {
  position: relative;
  z-index: 1;
  min-width: 950px;
  min-height: 100vh;
  padding: 0 0 80px;
  overflow: visible;
  color: #c7d5e0;
  font: 13px Arial, Helvetica, Verdana, sans-serif;
  background-color: #262627;
  background-image: url('/profile_default_bg.jpg');
  background-position: center top;
  background-repeat: repeat-x;
  background-size: auto;
  background-attachment: scroll;
}

.profile_page.steam2016-profile.has_profile_background {
  background-color: #000;
  background-repeat: repeat-x;
}

.profile_page.steam2016-profile * { box-sizing: border-box; }
.profile_page.steam2016-profile a { color: #ebebeb; text-decoration: none; }
.profile_page.steam2016-profile a:hover { color: #66c0f4; }
.profile_page.steam2016-profile .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.steam2016-profile-backdrop {
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}

/* ---------- exact 2016 header ---------- */
.profile_page.steam2016-profile .profile_header_bg {
  position: relative;
  width: 1018px;
  max-width: 1018px;
  min-height: 240px;
  margin: 0 auto;
  padding: 0 0 16px;
  background: url('/profile_header_bg.png') center top / 1018px 240px no-repeat;
}

.profile_page.steam2016-profile .profile_header_bg_texture {
  position: relative;
  width: 976px;
  min-height: 224px;
  margin: 0 auto;
  background: url('/profile_header_texture.jpg') center top / 976px 224px no-repeat;
}

.profile_page.steam2016-profile .profile_header {
  position: relative;
  width: 926px;
  height: 224px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.profile_page.steam2016-profile .profile_header_content {
  position: relative;
  height: 224px;
  padding-top: 32px;
  color: #898989;
  font-size: 13px;
}

.profile_page.steam2016-profile .profile_header_centered_persona {
  position: absolute;
  left: 186px;
  top: 32px;
  width: 456px;
  z-index: 3;
  white-space: nowrap;
}

.profile_page.steam2016-profile .persona_name {
  color: #fff;
  font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 40px;
}

.profile_page.steam2016-profile .persona_name_text_content { position: relative; height: 40px; overflow: visible; }
.profile_page.steam2016-profile .namehistory_link {
  max-width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: inherit;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.profile_page.steam2016-profile .actual_persona_name { display: inline-block; max-width: 430px; overflow: hidden; color: #fff; text-overflow: ellipsis; vertical-align: top; }
.profile_page.steam2016-profile .namehistory_arrow { display: inline-block; width: 0; height: 0; margin: 0 0 3px 5px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #e1e1e1; vertical-align: middle; }
.profile_page.steam2016-profile #NamePopup {
  position: absolute;
  z-index: 200;
  top: 35px;
  left: 0;
  width: 270px;
  padding: 10px 12px;
  border: 1px solid #000;
  background: #2d2d2d;
  box-shadow: 0 0 12px #000;
  color: #d6d7d8;
  font: 13px Arial, Helvetica, Verdana, sans-serif;
  line-height: normal;
  white-space: normal;
}
.profile_page.steam2016-profile .namehistory_title { margin-bottom: 7px; color: #8f98a0; }
.profile_page.steam2016-profile .namehistory_list div { overflow: hidden; color: #fff; line-height: 19px; text-overflow: ellipsis; white-space: nowrap; }
.profile_page.steam2016-profile .namehistory_empty { color: #8f98a0; line-height: 19px; }
.profile_page.steam2016-profile .namehistory_clear { width: 100%; margin: 8px 0 0; padding: 7px 0 0; border: 0; border-top: 1px solid #454545; background: transparent; color: #67c1f5; font: 12px Arial, sans-serif; text-align: left; cursor: pointer; }
.profile_page.steam2016-profile .namehistory_clear:hover { color: #fff; }

.profile_page.steam2016-profile .header_real_name {
  min-height: 24px;
  color: #898989;
  font-size: 13px;
  line-height: 24px;
}

.profile_page.steam2016-profile .header_real_name bdi { color: #898989; }
.profile_page.steam2016-profile .steam2016-location {  align-items: center; }
.profile_page.steam2016-profile .profile_flag { width: 16px; height: 11px; margin: 0 5px 0 0; object-fit: fill; vertical-align: middle; }
.profile_page.steam2016-profile .steam2016-flag-fallback { width: 14px; height: 14px; color: #7f98a8; }

.profile_page.steam2016-profile .playerAvatar {
  position: relative;
  width: 34px;
  height: 34px;
  padding: 1px;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.profile_page.steam2016-profile .playerAvatar.offline { background: linear-gradient(to bottom,#6a6a6a 5%,#555 95%); }
.profile_page.steam2016-profile .playerAvatar.online { background: linear-gradient(to bottom,#53a4c4 5%,#458097 95%); }
.profile_page.steam2016-profile .playerAvatar.in-game { background: linear-gradient(to bottom,#8fb93b 5%,#6e8c31 95%); }

.profile_page.steam2016-profile .profile_header_size {
  position: absolute;
  left: 0;
  top: 32px;
  width: 166px !important;
  height: 166px !important;
  padding: 4px !important;
}

.profile_page.steam2016-profile .profile_header_size .playerAvatarAutoSizeInner,
.profile_page.steam2016-profile .profile_header_size .avatar,
.profile_page.steam2016-profile .profile_header_size .avatar-xl {
  width: 158px !important;
  height: 158px !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.profile_page.steam2016-profile .profile_header_size .avatar > img,
.profile_page.steam2016-profile .profile_header_size .avatar-xl > img {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.profile_page.steam2016-profile .profile_header_size .avatar::before { display: none !important; }

.profile_page.steam2016-profile .profile_header_badgeinfo {
  position: absolute;
  right: 0;
  top: 32px;
  width: 268px;
  padding: 0;
  background: transparent;
}
.profile_page.steam2016-profile .profile_header_badgeinfo_badge_area { width: 268px; }
.profile_page.steam2016-profile .persona_level { height: 40px; display: flex; align-items: center; gap: 0; }
.profile_page.steam2016-profile .persona_level > .friendPlayerLevel { margin-left: 8px; }

.profile_page.steam2016-profile .friendPlayerLevel {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 28px;
  border: 2px solid #fff;
  border-radius: 18px;
  text-align: center;
  font-size: 16px;
}
.profile_page.steam2016-profile .friendPlayerLevel .friendPlayerLevelNum { color: #c7d5e0; }
.profile_page.steam2016-profile .friendPlayerLevel.lvl_20 { border-color: #d95b43; }
.profile_page.steam2016-profile .friendPlayerLevel.lvl_30 { border-color: #fecc23; }
.profile_page.steam2016-profile .friendPlayerLevel.lvl_40 { border-color: #467a3c; }
.profile_page.steam2016-profile .friendPlayerLevel.lvl_50 { border-color: #4e8ddb; }
.profile_page.steam2016-profile .friendPlayerLevel.lvl_60 { border-color: #7652c9; }
.profile_page.steam2016-profile .friendPlayerLevel.lvl_80 { border-color: #542437; }

.profile_page.steam2016-profile .profile_header_badge {
  width: 268px;
  min-height: 70px;
  margin-top: 8px;
  padding: 8px 10px;
  background: rgba(0,0,0,.45);
  border-radius: 3px;
}
.profile_page.steam2016-profile .favorite_badge { min-height: 54px; display: flex; align-items: center; }
.profile_page.steam2016-profile .favorite_badge_icon { width: 54px; height: 54px; flex: 0 0 54px; margin-right: 10px; }
.profile_page.steam2016-profile .steam2016-featured-badge-icon { display: grid; place-items: center; background: #133844; color: #8bd4ec; }
.profile_page.steam2016-profile .steam2016-featured-badge-icon svg { width: 32px; height: 32px; }
.profile_page.steam2016-profile .favorite_badge_description { min-width: 0; }
.profile_page.steam2016-profile .favorite_badge_description .name { color: #fff; font-size: 12px; }
.profile_page.steam2016-profile .favorite_badge_description .xp { margin-top: 3px; color: #82909d; font-size: 11px; }
.profile_page.steam2016-profile .profile_header_actions { margin-top: 11px; }

.profile_page.steam2016-profile .steam2016-button {
  min-height: 30px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 1px solid #111820;
  border-radius: 2px;
  background: linear-gradient(#445666,#293847);
  color: #d6d7d8;
  font: 12px Arial, sans-serif;
  cursor: pointer;
}
.profile_page.steam2016-profile .steam2016-button > svg { margin-right: 6px; }
.profile_page.steam2016-profile .steam2016-button:hover:not(:disabled) { color: #fff; background: linear-gradient(#52677a,#35495b); }
.profile_page.steam2016-profile .steam2016-button:disabled { opacity: .45; cursor: default; }

.profile_page.steam2016-profile .profile_header_summary {
  position: absolute;
  left: 184px;
  top: 32px;
  width: 456px;
  height: 170px;
  padding: 0;
  overflow: hidden;
}
.profile_page.steam2016-profile .persona_name_spacer { height: 40px; visibility: hidden; }
.profile_page.steam2016-profile .header_real_name_spacer { height: 52px; }
.profile_page.steam2016-profile .profile_summary {
  width: 100%;
  height: 76px;
  max-height: 76px;
  margin-bottom: 8px;
  padding-top: 0;
  color: #898989;
  font-size: 13px;
  line-height: 18px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow: hidden;
}

/* ---------- exact content geometry ---------- */
.profile_page.steam2016-profile .profile_content {
  position: relative;
  width: 950px !important;
  min-height: 520px;
  margin: -14px auto 0 !important;
  padding: 14px 12px 64px !important;
  background: url('/profile_content_bg.png') center top / 950px 84px repeat-y !important;
  font-size: 13px;
  overflow: hidden !important;
  box-shadow:
    -10px 12px 14px -8px rgba(0,0,0,.78),
    10px 12px 14px -8px rgba(0,0,0,.78) !important;
}
.profile_page.steam2016-profile .profile_content::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(0,0,0,.28);
  pointer-events: none;
}
.profile_page.steam2016-profile .profile_content_inner {
  position: relative;
  z-index: 2;
  width: 926px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.profile_page.steam2016-profile .profile_content_inner::after { content: ''; display: block; clear: both; }

.profile_page.steam2016-profile .profile_rightcol {
  float: right !important;
  width: 268px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.profile_page.steam2016-profile .profile_leftcol {
  float: left !important;
  width: 636px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* ---------- right column ---------- */
.profile_page.steam2016-profile .profile_in_game { margin: 0 0 32px; padding: 0; background: transparent; }
.profile_page.steam2016-profile .profile_in_game_header { color: #898989; font-family: "Motiva Sans",Arial,sans-serif; font-size: 20px; font-weight: 200; }
.profile_page.steam2016-profile .profile_in_game.online .profile_in_game_header { color: #57cbde; }
.profile_page.steam2016-profile .profile_in_game.in-game .profile_in_game_header,
.profile_page.steam2016-profile .profile_in_game.in-game .profile_in_game_name { color: #90ba3c; }
.profile_page.steam2016-profile .profile_in_game_name { margin-bottom: 8px; color: #898989; font-size: 15px; line-height: 18px; }
.profile_page.steam2016-profile .steam2016-join-game { display: inline-block; min-height: 22px; padding: 0 10px; border-radius: 2px; background: linear-gradient(to bottom,#799905 5%,#536904 95%); color: #d2efa9; font-size: 12px; line-height: 22px; text-decoration: none; box-shadow: 0 0 2px #000; }
.profile_page.steam2016-profile .steam2016-join-game:hover { background: linear-gradient(to bottom,#a4d007 5%,#6b8705 95%); color: #fff; }

.profile_page.steam2016-profile .profile_count_link { display: block; min-height: 29px; margin-bottom: 4px; color: #fff; font-size: 14px; line-height: 29px; cursor: pointer; }
.profile_page.steam2016-profile .count_link_label { color: #fff; }
.profile_page.steam2016-profile .profile_count_link_total { margin-left: 4px; color: #898989; font-family: "Motiva Sans",Arial,sans-serif; font-size: 24px; font-weight: 200; }
.profile_page.steam2016-profile .profile_count_link:hover .count_link_label,
.profile_page.steam2016-profile .profile_count_link:hover .profile_count_link_total { color: #66c0f4; }
.profile_page.steam2016-profile .profile_badges,
.profile_page.steam2016-profile .profile_item_links,
.profile_page.steam2016-profile .profile_group_links,
.profile_page.steam2016-profile .profile_friend_links { margin: 0 0 40px; }

.profile_page.steam2016-profile .profile_count_link_preview { overflow: visible; }
.profile_page.steam2016-profile .profile_badges_badge { float: left; width: 54px; height: 54px; margin-right: 16px; }
.profile_page.steam2016-profile .profile_badges_badge.last { margin-right: 0; }
.profile_page.steam2016-profile .steam2016-mini-badge { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle,#466078,#18222c 62%,#080b0d 63%); box-shadow: 0 0 0 2px #080b0d; color: #dce7ee; }
.profile_page.steam2016-profile .steam2016-mini-badge svg { width: 28px; height: 28px; }

.profile_page.steam2016-profile .profile_group { position: relative; height: 36px; padding: 1px 0 0 42px; overflow: hidden; word-wrap: break-word; }
.profile_page.steam2016-profile .profile_group.profile_primary_group { height: 64px; margin: 12px 0; padding: 10px 0 0 80px; display: block; }
.profile_page.steam2016-profile .profile_group_avatar { position: absolute; left: 0; top: 0; width: 32px; height: 32px; box-shadow: 2px 2px 3px #0c0c0c; }
.profile_page.steam2016-profile .profile_primary_group .profile_group_avatar { width: 64px; height: 64px; }
.profile_page.steam2016-profile .steam2016-group-avatar { display: grid; place-items: center; background: radial-gradient(circle,#596776,#171a1d); color: #dce7ee; font-size: 28px; }
.profile_page.steam2016-profile .profile_group_membercount { margin-top: 3px; color: #c4c4c4; font-size: 11px; }

.profile_page.steam2016-profile .friendBlock { position: relative; height: 44px; padding: 4px 0 4px 4px; margin-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; line-height: 13px; background: transparent; }
.profile_page.steam2016-profile .friendBlock.in-game { height: 48px; line-height: 12px; }
.profile_page.steam2016-profile .friendBlock:hover { background: #3a3a3a; }
.profile_page.steam2016-profile .friendBlockLinkOverlay { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
.profile_page.steam2016-profile .friendBlock .playerAvatar { float: left; margin-right: 7px; }
.profile_page.steam2016-profile .friendBlock .friendPlayerLevel { float: right; width: 28px; height: 28px; margin: 4px 4px 0 0; line-height: 24px; font-size: 14px; }
.profile_page.steam2016-profile .friendBlockContent,
.profile_page.steam2016-profile .friendSmallText { overflow: hidden; color: #c4c4c4; white-space: nowrap; text-overflow: ellipsis; }
.profile_page.steam2016-profile .friendBlock.online .friendBlockContent,
.profile_page.steam2016-profile .friendBlock.online .friendSmallText { color: #57cbde; }
.profile_page.steam2016-profile .friendBlock.in-game .friendBlockContent,
.profile_page.steam2016-profile .friendBlock.in-game .friendSmallText { color: #90ba3c; }
.profile_page.steam2016-profile .friendBlock .avatar,
.profile_page.steam2016-profile .friendBlock .avatar-md,
.profile_page.steam2016-profile .commentthread_comment_avatar .avatar,
.profile_page.steam2016-profile .steam2016-comment-form-avatar .avatar { width: 32px !important; height: 32px !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; }
.profile_page.steam2016-profile .friendBlock .avatar > img,
.profile_page.steam2016-profile .commentthread_comment_avatar .avatar > img,
.profile_page.steam2016-profile .steam2016-comment-form-avatar .avatar > img { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.profile_page.steam2016-profile .steam2016-empty-friends { color: #7f8790; font-size: 11px; }

/* ---------- showcases ---------- */
.profile_page.steam2016-profile .profile_customization_area { width: 636px !important; margin: 0; padding: 0; display: block !important; }
.profile_page.steam2016-profile .profile_customization {
  width: 636px !important;
  margin: 0 0 12px !important;
  padding: 0 10px 11px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 3px;
  background: #141414 url('/showcase_background.png') top left / 639px 230px no-repeat !important;
  box-shadow: none !important;
}
.profile_page.steam2016-profile .profile_customization_header { height: 30px; margin: 0; color: #5491cf; font-family: "Motiva Sans",Arial,sans-serif; font-size: 20px; font-weight: 200; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.profile_page.steam2016-profile .showcase_content_bg { margin: 0 0 9px; padding: 8px; overflow: hidden; border-radius: 3px; background: rgba(0,0,0,.3); }
.profile_page.steam2016-profile .showcase_content_bg:last-child { margin-bottom: 0; }
.profile_page.steam2016-profile .showcase_achievement { float: left; width: 64px; height: 64px; margin-left: 25px; line-height: 64px; }
.profile_page.steam2016-profile .showcase_achievement.first,
.profile_page.steam2016-profile .showcase_achievement:first-child { margin-left: 0; }
.profile_page.steam2016-profile .steam2016-achievement-icon { width: 64px; height: 64px; display: grid; place-items: center; border: 3px solid #28e972; border-radius: 8px; background: radial-gradient(circle,#27383d,#090d0e); box-shadow: inset 0 0 8px #36ff78,0 0 4px #36ff78; color: #d9e8ed; }
.profile_page.steam2016-profile .steam2016-achievement-icon svg { width: 35px; height: 35px; }
.profile_page.steam2016-profile .showcase_achievement.plus_more { width: 62px; height: 62px; line-height: 62px; border: 1px solid #212121; background: #222223; color: #fff; text-align: center; box-shadow: 1px 1px 1px #353535; }

.profile_page.steam2016-profile .showcase_stats_row { white-space: nowrap; }
.profile_page.steam2016-profile .showcase_stats_row .showcase_stat { display: inline-block; margin-left: 42px; font-size: 34px; }
.profile_page.steam2016-profile .showcase_stats_row .showcase_stat:first-child { margin-left: 0; }
.profile_page.steam2016-profile .showcase_stat .value { color: #fff; font-family: "Motiva Sans",Arial,sans-serif; font-size: 1em; font-weight: 200; line-height: 37px; }
.profile_page.steam2016-profile .showcase_stat .label { color: #9b9b9b; font-size: .5em; }

.profile_page.steam2016-profile .showcase_badges_icons { min-height: 89px; margin-bottom: 9px; padding: 4px 0; overflow: hidden; }
.profile_page.steam2016-profile .showcase_badges_icons .showcase_badge { float: left; position: relative; width: 80px; height: 80px; margin-left: 26px; }
.profile_page.steam2016-profile .showcase_badges_icons .showcase_badge:first-child { margin-left: 0; }
.profile_page.steam2016-profile .steam2016-showcase-badge { display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle,#466078,#18222c 62%,#080b0d 63%); color: #e2edf4; font-size: 24px; text-shadow: 0 1px 3px #000; }
.profile_page.steam2016-profile .steam2016-showcase-badge:nth-child(2) { border-radius: 0; background: #123d3b; color: #8ee8dc; font-size: 15px; }
.profile_page.steam2016-profile .steam2016-showcase-badge:last-of-type { color: #f0a629; }

/* ---------- recent activity ---------- */
.profile_page.steam2016-profile .profile_recentgame_header,
.profile_page.steam2016-profile .profile_leftcol_header { min-height: 39px; margin: 0 0 8px; padding: 6px 10px; border: 0; border-radius: 3px; background: #141414; line-height: 26px; }
.profile_page.steam2016-profile .profile_leftcol_header h2 { float: left; margin: 0; color: #8f98a0; font-family: "Motiva Sans",Arial,sans-serif; font-size: 20px; font-weight: 200; line-height: 26px; }
.profile_page.steam2016-profile .recentgame_recentplaytime { float: right; }
.profile_page.steam2016-profile .recentgame_recentplaytime h2 { float: none; color: #8f98a0; font-size: 18px; }
.profile_page.steam2016-profile .recent_games { display: block !important; }
.profile_page.steam2016-profile .recent_game { width: 100%; margin: 0 0 21px; padding: 0; display: block !important; border: 0; border-radius: 5px; background: #141414; box-shadow: none; }
.profile_page.steam2016-profile .recent_game_content { padding: 8px 10px; }
.profile_page.steam2016-profile .recent_game .game_info { position: relative; height: 69px; }
.profile_page.steam2016-profile .recent_game .game_info_cap { float: left; width: 184px; max-width: 33%; height: 69px; margin-right: 8px; }
.profile_page.steam2016-profile .steam2016-game-cap { display: grid; place-items: center; color: #fff; font-family: Georgia,serif; text-shadow: 0 2px 3px #000; }
.profile_page.steam2016-profile .steam2016-game-cap img { width: 100%; height: 100%; display: block; object-fit: cover; }
.profile_page.steam2016-profile .steam2016-game-cap-half-life { background: linear-gradient(135deg,#b37818,#6c430d); }
.profile_page.steam2016-profile .steam2016-game-cap-half-life span { font-size: 40px; }
.profile_page.steam2016-profile .steam2016-game-cap-cs { background: linear-gradient(135deg,#58788d,#112636); }
.profile_page.steam2016-profile .steam2016-game-cap-cs span { font: 700 31px Arial,sans-serif; }
.profile_page.steam2016-profile .recent_game .game_info_details { position: absolute; right: 0; bottom: 0; color: #666; font-size: 10px; line-height: 15px; text-align: right; }
.profile_page.steam2016-profile .recent_game .game_name { padding-top: 10px; color: #fff; font-size: 14px; }
.profile_page.steam2016-profile .recent_game .game_info_stats { margin-top: 9px; padding: 9px 11px 10px; border-top: 1px solid #4d4d4d; border-radius: 3px; background: #282828; color: #8f98a0; font-size: 11px; }
.profile_page.steam2016-profile .recent_game .game_info_stats span + span { margin-left: 16px; }
.profile_page.steam2016-profile .steam2016-recent-links { margin: -9px 0 0; color: #666; font-size: 11px; text-align: right; }
.profile_page.steam2016-profile .steam2016-recent-links span { color: #c7d5e0; }

/* ---------- comments ---------- */
.profile_page.steam2016-profile .profile_comment_area { margin-top: 84px; }
.profile_page.steam2016-profile .profile_comment_area .commentthread_header { min-height: 38px; margin: 0 0 1px; padding: 6px 10px; border: 0; border-radius: 3px; background: #141414; line-height: 26px; }
.profile_page.steam2016-profile .profile_comment_area .commentthread_count { padding-left: 0; background: none; color: #c7d5e0; font-family: "Motiva Sans",Arial,sans-serif; font-size: 20px; font-weight: 200; }
.profile_page.steam2016-profile .steam2016-comment-form { min-height: 58px; margin-top: 8px; padding: 8px; display: grid; grid-template-columns: 34px 1fr auto; grid-column-gap: 8px; background: rgba(0,0,0,.35); }
.profile_page.steam2016-profile .steam2016-comment-form-avatar { margin-top: 1px; }
.profile_page.steam2016-profile .commentthread_textarea { width: 100%; height: 42px; min-height: 42px; padding: 9px 10px; resize: vertical; border: 1px solid #333; background: #222; color: #c7d5e0; outline: none; font: 12px Arial,sans-serif; }
.profile_page.steam2016-profile .commentthread_textarea:focus { border-color: #4f6f85; }
.profile_page.steam2016-profile .steam2016-post-button { height: 42px; }
.profile_page.steam2016-profile .commentthread_comment_container { margin-top: 19px; border-bottom: 1px solid #000; }
.profile_page.steam2016-profile .commentthread_comment { position: relative; min-height: 40px; padding: 0 0 19px 58px; overflow: hidden; }
.profile_page.steam2016-profile .commentthread_comment_avatar { position: absolute; left: 5px; top: 0; }
.profile_page.steam2016-profile .commentthread_comment_author { margin-bottom: 2px; line-height: 16px; }
.profile_page.steam2016-profile .commentthread_comment_author a { color: #66c0f4; font-size: 14px; }
.profile_page.steam2016-profile .commentthread_comment_timestamp { margin-left: 6px; color: #535354; font-size: 11px; }
.profile_page.steam2016-profile .commentthread_comment_text { max-height: 400px; overflow-y: auto; color: #acb2b8; font-size: 13px; line-height: 18px; word-wrap: break-word; }
.profile_page.steam2016-profile .steam2016-comment-delete { margin-left: 6px; padding: 1px 4px; border: 0; background: transparent; color: #59636b; cursor: pointer; vertical-align: middle; }
.profile_page.steam2016-profile .steam2016-comment-delete:hover { color: #e16e68; }
.profile_page.steam2016-profile .commentthread_footer { padding-top: 6px; border-top: 1px solid #303030; }
.profile_page.steam2016-profile .steam2016-empty-comments { padding: 28px 8px; color: #69737b; text-align: center; }
.profile_page.steam2016-profile .steam2016-showcase-empty { min-height: 64px; display: flex; align-items: center; color: #69737b; font-size: 12px; }
.profile_page.steam2016-profile .steam2016-empty-activity { min-height: 92px; margin-bottom: 21px; display: flex; align-items: center; gap: 0; padding: 20px; border-radius: 4px; background: #141414; color: #727c84; }
.profile_page.steam2016-profile .steam2016-empty-activity svg { width: 28px; height: 28px; color: #4f6574; }
.profile_page.steam2016-profile .steam2016-featured-badge-icon span { font-size: 30px; color: #d9e8ed; }
.profile_page.steam2016-profile .steam2016-favorite-showcase { min-height: 106px; }
.profile_page.steam2016-profile .steam2016-favorite-card { min-height: 64px; display: flex; align-items: center; gap: 0; padding: 10px; background: rgba(0,0,0,.3); }
.profile_page.steam2016-profile .steam2016-favorite-card strong,
.profile_page.steam2016-profile .steam2016-favorite-card span { display: block; }
.profile_page.steam2016-profile .steam2016-favorite-card strong { margin-bottom: 5px; color: #fff; font-size: 15px; font-weight: 400; }
.profile_page.steam2016-profile .steam2016-favorite-card span { color: #8f98a0; font-size: 11px; }
.profile_page.steam2016-profile .steam2016-favorite-game-cap,
.profile_page.steam2016-profile .steam2016-group-monogram { width: 123px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; background: linear-gradient(135deg,#53768e,#142b3a); color: #fff; font-size: 24px; font-weight: 700; }
.profile_page.steam2016-profile .steam2016-group-monogram { width: 48px; background: radial-gradient(circle,#596776,#171a1d); }
.profile_page.steam2016-profile .steam2016-empty-activity svg,
.profile_page.steam2016-profile .steam2016-favorite-game-cap,
.profile_page.steam2016-profile .steam2016-group-monogram { margin-right: 13px; }
.profile_page.steam2016-profile .steam2016-comment-pagination { display: flex; justify-content: flex-end; gap: 0; padding: 9px 0; }
.profile_page.steam2016-profile .steam2016-comment-pagination button + button { margin-left: 3px; }
.profile_page.steam2016-profile .steam2016-comment-pagination button { min-width: 28px; height: 26px; padding: 0 8px; border: 1px solid #252d33; background: #1c252c; color: #8f98a0; cursor: pointer; }
.profile_page.steam2016-profile .steam2016-comment-pagination button:hover:not(:disabled),
.profile_page.steam2016-profile .steam2016-comment-pagination button.active { border-color: #4b6d83; background: #31566d; color: #fff; }
.profile_page.steam2016-profile .steam2016-comment-pagination button:disabled { opacity: .35; cursor: default; }
.steam-showcase-settings .field small { min-height: 14px; margin-top: 5px; color: #8f98a0; }

.profile_page.steam2016-profile .steam2016-private-card { min-height: 310px; display: grid; place-items: center; align-content: center; text-align: center; background: rgba(20,20,20,.9); }
.profile_page.steam2016-profile .steam2016-private-card svg { width: 40px; height: 40px; color: #607687; }
.profile_page.steam2016-profile .steam2016-private-card h2 { margin: 14px 0 4px; color: #d3dce2; font-size: 23px; font-weight: 300; }
.profile_page.steam2016-profile .steam2016-private-card p { color: #788690; }

/* This profile deliberately keeps the fixed 2016 desktop width. */
@media (max-width: 950px) {
  .profile_page.steam2016-profile { min-width: 950px; }
}

/* Steam Community groups, based on the supplied January 2018 group page. */
.steam-groups-page,
.steam-group-page { min-height: calc(100vh - 104px); background: #262627; color: #d6d7d8; font-family: Arial,sans-serif; }
.steam-groups-shell,
.steam-group-shell { width: 940px; max-width: calc(100% - 32px); margin: 0 auto; }
.steam-groups-page { padding: 38px 0 80px; }
.steam-groups-title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #33485c; }
.steam-groups-title span { color: #67c1f5; font-size: 11px; letter-spacing: .08em; }
.steam-groups-title h1 { margin: 4px 0 6px; color: #fff; font-size: 32px; font-weight: 300; }
.steam-groups-title p { margin: 0; color: #8f98a0; }
.steam-group-primary { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0 !important; background: #75a119 !important; color: #d2efa9 !important; cursor: pointer; }
.steam-group-primary:hover { background: #8bbd22 !important; color: #fff !important; }
.steam-groups-title .steam-group-primary { min-height: 36px; padding: 0 16px; }
.steam-group-create,
.steam-group-admin-form { margin-bottom: 28px; padding: 20px; background: #16202d; box-shadow: 0 0 8px #0008; }
.steam-group-create h2,
.steam-group-admin-form h2 { margin: 0 0 18px; color: #fff; font-size: 20px; font-weight: 300; }
.steam-group-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.steam-group-create .field,
.steam-group-admin-form .field { margin-bottom: 14px; }
.steam-group-create input,
.steam-group-create textarea,
.steam-group-create select,
.steam-group-admin-form input,
.steam-group-admin-form textarea,
.steam-group-admin-form select { border: 1px solid #0e141b; background: #0f1822; color: #fff; }
.steam-group-form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
.steam-group-form-actions button { min-height: 34px; padding: 0 14px; border: 1px solid #465565; background: #26394c; color: #d6d7d8; cursor: pointer; }
.steam-group-danger { margin-right: auto; border-color: #6f2b2b !important; background: #4c2020 !important; color: #f0b5b5 !important; }
.steam-group-notice { margin-bottom: 24px; padding: 14px 16px; border-left: 3px solid #67c1f5; background: #16202d; color: #8f98a0; }
.steam-group-directory-section { margin-top: 30px; }
.steam-group-directory-section > h2 { margin: 0 0 10px; color: #66c0f4; font-size: 14px; font-weight: 400; }
.steam-group-directory-section > p { padding: 20px; background: #16202d; color: #70808e; }
.steam-group-directory-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.steam-group-directory-card { min-height: 88px; padding: 12px; display: flex; align-items: center; border: 1px solid #22384b; background: #16202d; color: inherit; text-align: left; cursor: pointer; }
.steam-group-directory-card:hover { border-color: #4f7896; background: #1d3042; }
.steam-group-avatar { width: 62px; height: 62px; display: grid; place-items: center; flex: 0 0 auto; margin-right: 13px; border: 2px solid #4d687d; background: #0d151e; color: #dce7ee; font-size: 22px; }
.steam-group-card-copy { min-width: 0; flex: 1; }
.steam-group-card-copy strong,
.steam-group-card-copy small,
.steam-group-card-copy em { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.steam-group-card-copy strong { color: #fff; font-size: 17px; font-weight: 400; }
.steam-group-card-copy small { margin: 3px 0 7px; color: #67c1f5; }
.steam-group-card-copy em { color: #8f98a0; font-size: 11px; font-style: normal; }
.steam-group-card-count { min-width: 72px; color: #677784; font-size: 10px; text-align: right; text-transform: uppercase; }
.steam-group-card-count b { display: block; color: #c7d5e0; font-size: 23px; font-weight: 300; }
.steam-group-card-count i { display: block; margin-top: 7px; color: #a4d007; font-style: normal; }

.steam-group-hero { min-height: 178px; padding: 24px 0; background: #243548; }
.steam-group-hero .steam-group-shell { min-height: 130px; display: flex; align-items: center; }
.steam-group-large-avatar { width: 126px; height: 126px; display: grid; place-items: center; flex: 0 0 auto; border: 4px solid #6f7982; background: #101820; color: #e3eaef; font-size: 36px; }
.steam-group-identity { min-width: 0; flex: 1; padding: 0 22px; }
.steam-group-identity > span { color: #a8b4bf; font-size: 11px; letter-spacing: .08em; }
.steam-group-identity h1 { margin: 4px 0 2px; overflow: hidden; color: #fff; font-size: 34px; font-weight: 300; white-space: nowrap; text-overflow: ellipsis; }
.steam-group-identity b { color: #8f98a0; font-size: 13px; font-weight: 400; }
.steam-group-identity p { margin: 14px 0 0; color: #c7d5e0; font-size: 12px; }
.steam-group-actions { max-width: 210px; display: flex; flex-direction: column; align-items: stretch; gap: 7px; }
.steam-group-actions button { min-height: 34px; padding: 0 14px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #546a7d; background: #2d455a; color: #d6d7d8; cursor: pointer; }
.steam-group-tabs { height: 44px; background: #101923; box-shadow: 0 2px 5px #0008; }
.steam-group-tabs .steam-group-shell { height: 44px; display: flex; }
.steam-group-tabs a { padding: 0 17px; border-right: 1px solid #263442; color: #d6d7d8; font-size: 12px; line-height: 44px; text-decoration: none; }
.steam-group-tabs a:first-child { border-left: 1px solid #263442; background: #26394c; color: #fff; }
.steam-group-tabs a:hover { background: #26394c; color: #fff; }
.steam-group-layout { padding: 26px 0 70px; display: grid; grid-template-columns: minmax(0, 650px) 260px; gap: 30px; }
.steam-group-section { margin-bottom: 28px; }
.steam-group-section > h2,
.steam-group-section-title h2 { margin: 0; color: #66c0f4; font-size: 14px; font-weight: 400; }
.steam-group-section > h3 { margin: 11px 0 6px; color: #fff; font-size: 22px; font-weight: 300; }
.steam-group-description { margin: 0; padding: 17px; background: #16202d; color: #c7d5e0; line-height: 1.55; white-space: pre-wrap; }
.steam-group-section-title { min-height: 31px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #33485c; }
.steam-group-section-title span { color: #8f98a0; font-size: 12px; }
.steam-group-empty { padding: 22px 14px; background: #16202d; color: #657786; text-align: center; }
.steam-group-announcement-form { margin-top: 10px; padding: 12px; display: grid; grid-template-columns: 1fr auto; gap: 7px; background: #16202d; }
.steam-group-announcement-form input,
.steam-group-announcement-form textarea { padding: 9px; border: 1px solid #0b1117; background: #0f1822; color: #fff; outline: none; }
.steam-group-announcement-form textarea { min-height: 72px; grid-column: 1 / -1; resize: vertical; }
.steam-group-announcement-form button { min-height: 33px; padding: 0 14px; }
.steam-group-announcement { position: relative; margin-top: 10px; padding: 17px; background: #16202d; }
.steam-group-announcement h3 { margin: 0 0 3px; color: #fff; font-size: 19px; font-weight: 300; }
.steam-group-announcement time { color: #667685; font-size: 10px; }
.steam-group-announcement p { margin: 13px 0; color: #acb2b8; line-height: 1.55; white-space: pre-wrap; }
.steam-group-announcement > span { color: #66c0f4; font-size: 11px; }
.steam-group-comment-form { margin-top: 10px; padding: 10px; display: grid; grid-template-columns: 36px 1fr auto; gap: 8px; background: #16202d; }
.steam-group-comment-form .avatar { width: 34px; height: 34px; }
.steam-group-comment-form textarea { min-height: 42px; padding: 9px; border: 1px solid #0b1117; background: #0f1822; color: #fff; resize: vertical; }
.steam-group-comment-form button { min-height: 42px; padding: 0 13px; }
.steam-group-comment { position: relative; min-height: 58px; padding: 12px 34px 12px 56px; border-bottom: 1px solid #263442; background: #16202d; }
.steam-group-comment > a { position: absolute; left: 10px; top: 12px; }
.steam-group-comment .avatar { width: 36px; height: 36px; }
.steam-group-comment > div > a { color: #66c0f4; text-decoration: none; }
.steam-group-comment time { margin-left: 7px; color: #5f6d78; font-size: 10px; }
.steam-group-comment p { margin: 4px 0 0; color: #acb2b8; line-height: 1.4; }
.steam-group-comment > button { position: absolute; right: 8px; top: 10px; border: 0; background: transparent; color: #687985; cursor: pointer; }
.steam-group-comment > button:hover { color: #e16e68; }
.steam-group-comments .steam2016-comment-pagination { display: flex; justify-content: flex-end; gap: 3px; padding: 9px 0; }
.steam-group-comments .steam2016-comment-pagination button { min-width: 28px; height: 26px; border: 1px solid #304455; background: #1c2a37; color: #8f98a0; cursor: pointer; }
.steam-group-comments .steam2016-comment-pagination button.active { background: #31566d; color: #fff; }
.steam-group-sidebar > h3,
.steam-group-invite h3 { margin: 24px 0 8px; color: #66c0f4; font-size: 12px; font-weight: 400; }
.steam-group-stats { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid #33485c; }
.steam-group-stats div { min-width: 0; padding: 0 5px 13px; border-right: 1px solid #33485c; text-align: center; }
.steam-group-stats div:last-child { border: 0; }
.steam-group-stats b,
.steam-group-stats span { display: block; }
.steam-group-stats b { color: #fff; font-size: 23px; font-weight: 300; }
.steam-group-stats span { color: #70808e; font-size: 8px; }
.steam-group-invite select { width: 100%; padding: 8px; border: 1px solid #0b1117; background: #0f1822; color: #c7d5e0; }
.steam-group-member { position: relative; min-height: 49px; padding: 6px 54px 6px 47px; border-bottom: 1px solid #263442; }
.steam-group-member > a { position: absolute; left: 4px; top: 7px; }
.steam-group-member .avatar { width: 36px; height: 36px; }
.steam-group-member > span > a,
.steam-group-member > span > small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.steam-group-member > span > a { padding-top: 4px; color: #66c0f4; text-decoration: none; }
.steam-group-member > span > small { margin-top: 2px; color: #687985; font-size: 10px; }
.steam-group-member-tools { position: absolute; right: 3px; top: 12px; display: flex; gap: 3px; }
.steam-group-member-tools button { width: 22px; height: 22px; padding: 0; display: grid; place-items: center; border: 1px solid #34495b; background: #203344; color: #8f98a0; cursor: pointer; }
.steam-group-meta { margin: 28px 0 0; padding-top: 14px; border-top: 1px solid #33485c; }
.steam-group-meta dt { margin-top: 10px; color: #687985; font-size: 10px; text-transform: uppercase; }
.steam-group-meta dd { margin: 2px 0 0; color: #c7d5e0; }
.steam-group-meta code { padding: 2px 5px; background: #0d151e; color: #a4d007; font-family: Consolas, monospace; }

@media (max-width: 760px) {
  .steam-group-directory-grid,
  .steam-group-form-grid,
  .steam-group-layout { grid-template-columns: 1fr; }
  .steam-groups-title { align-items: flex-start; flex-direction: column; gap: 16px; }
  .steam-group-hero .steam-group-shell { align-items: flex-start; flex-wrap: wrap; }
  .steam-group-large-avatar { width: 82px; height: 82px; font-size: 25px; }
  .steam-group-identity { padding: 0 0 0 14px; }
  .steam-group-identity h1 { font-size: 25px; }
  .steam-group-actions { width: 100%; max-width: none; margin-top: 14px; flex-direction: row; }
  .steam-group-actions button { flex: 1; }
  .steam-group-tabs { height: auto; overflow-x: auto; }
  .steam-group-tabs .steam-group-shell { width: max-content; max-width: none; }
  .steam-group-layout { gap: 10px; }
  .steam-group-sidebar { grid-row: 1; }
}

/* Legacy Strike drill — a playable CEF-safe fallback when runtime 730 is not installed. */
.strike-game-page {
  min-height: 100vh;
  overflow: hidden;
  color: #dcebf1;
  background: #050c11;
  font-family: "Arial Narrow", Arial, sans-serif;
}
.strike-game-bar {
  height: 66px;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid rgba(96, 194, 232, .2);
  background: #07131b;
  box-shadow: 0 9px 30px rgba(0, 0, 0, .38);
}
.strike-game-bar > button {
  justify-self: start;
  padding: 9px 13px;
  border: 1px solid #294451;
  color: #88a8b7;
  background: #0c1c25;
  cursor: pointer;
  font-size: 9px;
  letter-spacing: .12em;
}
.strike-game-bar > button:hover { color: #fff; border-color: #4c8198; }
.strike-game-bar > button span { margin-right: 8px; color: #6dcaed; }
.strike-game-bar > div { text-align: center; }
.strike-game-bar small,
.strike-game-bar strong { display: block; }
.strike-game-bar small { color: #65c7eb; font-size: 9px; letter-spacing: .24em; }
.strike-game-bar strong { margin-top: 4px; color: #e8f3f6; font-size: 14px; font-weight: 400; letter-spacing: .08em; }
.strike-game-status { justify-self: end; color: #5b7480; font: 700 9px Consolas, monospace; letter-spacing: .1em; }
.strike-game-status.running { color: #9edc52; text-shadow: 0 0 12px rgba(139, 213, 71, .45); }
.strike-game-hud {
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 74px;
  border-bottom: 1px solid rgba(102, 190, 224, .13);
  background: rgba(7, 20, 28, .88);
}
.strike-game-hud > div { min-width: 100px; text-align: center; }
.strike-game-hud small,
.strike-game-hud b { display: block; }
.strike-game-hud small { margin-bottom: 6px; color: #4e707f; font-size: 8px; letter-spacing: .2em; }
.strike-game-hud b { color: #dff6ff; font: 400 24px Consolas, monospace; letter-spacing: .05em; }
.strike-game-hud b.danger { color: #ff705f; text-shadow: 0 0 14px rgba(255, 70, 53, .45); }
.strike-game-arena {
  position: relative;
  height: calc(100vh - 152px);
  min-height: 390px;
  overflow: hidden;
  cursor: crosshair;
  background:
    radial-gradient(circle at 50% 52%, rgba(32, 139, 177, .15), transparent 34%),
    linear-gradient(132deg, #071019, #0b202c 55%, #07141d);
}
.strike-game-grid {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  opacity: .16;
  background-image:
    linear-gradient(rgba(107, 202, 237, .48) 1px, transparent 1px),
    linear-gradient(90deg, rgba(107, 202, 237, .48) 1px, transparent 1px);
  background-size: 54px 54px;
}
.strike-game-grid::after {
  content: '';
  position: absolute;
  width: 520px;
  height: 520px;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(108, 207, 241, .35);
  border-radius: 50%;
  box-shadow: inset 0 0 0 130px rgba(91, 189, 225, .018), inset 0 0 0 260px rgba(91, 189, 225, .02);
  transform: translate(-50%, -50%);
}
.strike-game-sweep {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42%;
  height: 1px;
  background: linear-gradient(90deg, rgba(101, 210, 244, .8), transparent);
  box-shadow: 0 0 12px rgba(101, 210, 244, .55);
  transform-origin: left center;
  animation: strike-sweep 4.5s linear infinite;
}
@keyframes strike-sweep { to { transform: rotate(360deg); } }
.strike-game-coordinate { position: absolute; color: rgba(117, 196, 226, .42); font: 9px Consolas, monospace; letter-spacing: .15em; }
.strike-game-coordinate.north { left: 20px; top: 18px; }
.strike-game-coordinate.east { right: 20px; top: 18px; }
.strike-target {
  position: absolute;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 1px solid #ff7a67;
  border-radius: 50%;
  background: rgba(103, 24, 20, .28);
  box-shadow: 0 0 0 10px rgba(255, 85, 64, .08), 0 0 28px rgba(255, 74, 54, .28);
  transform: translate(-50%, -50%);
  cursor: crosshair;
  animation: strike-target-in .16s ease-out;
}
.strike-target::before,
.strike-target::after { content: ''; position: absolute; background: #ff8c79; }
.strike-target::before { width: 1px; height: 84px; left: 31px; top: -11px; }
.strike-target::after { width: 84px; height: 1px; left: -11px; top: 31px; }
.strike-target i { position: absolute; width: 12px; height: 12px; left: 25px; top: 25px; border: 2px solid #ffd0c8; border-radius: 50%; }
.strike-target span { position: absolute; width: 4px; height: 4px; left: 29px; top: 29px; border-radius: 50%; background: #fff; box-shadow: 0 0 9px #fff; }
@keyframes strike-target-in { from { opacity: 0; transform: translate(-50%, -50%) scale(.55); } }
.strike-game-briefing {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 430px;
  max-width: calc(100% - 36px);
  padding: 38px;
  border: 1px solid rgba(106, 195, 229, .24);
  background: rgba(5, 15, 22, .91);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .58), inset 3px 0 #64c9ef;
  transform: translate(-50%, -50%);
  text-align: center;
}
.strike-game-briefing > span { color: #72ccef; font-size: 8px; letter-spacing: .24em; }
.strike-game-briefing h1 { margin: 12px 0 10px; color: #f0f7f9; font-size: 35px; font-weight: 700; letter-spacing: -.035em; }
.strike-game-briefing p { margin: 0; color: #76909c; font: 12px Arial, sans-serif; line-height: 1.55; }
.strike-game-briefing button {
  min-height: 44px;
  margin-top: 24px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  border: 0;
  color: #efffe0;
  background: linear-gradient(90deg, #5c921d, #7bb82e);
  cursor: pointer;
  font-size: 10px;
  letter-spacing: .08em;
}
.strike-game-briefing button:hover { background: linear-gradient(90deg, #6ca824, #8bcb38); }
.strike-game-briefing button svg { width: 15px; margin-right: 8px; }
.strike-game-footer {
  position: absolute;
  right: 20px;
  bottom: 16px;
  left: 20px;
  display: flex;
  justify-content: space-between;
  color: rgba(101, 156, 178, .53);
  font: 8px Consolas, monospace;
  letter-spacing: .1em;
}
@media (max-width: 600px) {
  .strike-game-bar { padding: 0 12px; grid-template-columns: 1fr 1fr; }
  .strike-game-bar > div { text-align: right; }
  .strike-game-status { display: none; }
  .strike-game-hud { gap: 12px; }
  .strike-game-hud > div { min-width: 82px; }
  .strike-game-grid::after { width: 330px; height: 330px; }
  .strike-game-briefing { padding: 28px 20px; }
  .strike-game-briefing h1 { font-size: 28px; }
  .strike-game-footer span:last-child { display: none; }
}