body.arena-unified .platform-banner.platform-banner{display:block!important;width:100%!important;margin:18px auto 0!important;border:1px solid #1a4966!important}
body.arena-unified .platform-banner img{height:auto!important;max-height:340px;object-fit:cover}
body.arena-unified .site-shell .main-nav .nav-row-primary{gap:10px!important}
body.arena-unified .site-shell .main-nav a{position:relative!important;padding:13px 17px!important;border:1px solid transparent!important;border-radius:6px!important;box-shadow:none!important;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease!important}
body.arena-unified .site-shell .main-nav a:hover,body.arena-unified .site-shell .main-nav a:focus-visible{color:#fff!important;background:#0d3049!important;border-color:#1d668b!important;transform:translateY(-2px)}
body.arena-unified .site-shell .main-nav a.active{color:#dff8ff!important;background:#0b3852!important;border-color:#16bcec!important;box-shadow:inset 0 -3px #16bcec!important}
body.arena-unified .button{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}
body.arena-unified .button:hover{filter:brightness(1.14);transform:translateY(-2px);box-shadow:0 5px 20px #00baff22!important}
body.arena-unified .button:active{transform:translateY(1px)}
body.arena-unified :focus-visible{outline:2px solid #62ddff;outline-offset:4px}
body.arena-unified .auth-page{display:flex;justify-content:center;padding:48px 16px 64px;min-height:0;background:transparent!important}
body.arena-unified .auth-panel{display:block!important;width:min(100%,440px)!important;margin:0!important;padding:32px!important;border:1px solid #1a4966!important;border-radius:10px;background:#071725!important;box-shadow:0 16px 48px #0004!important}
body.arena-unified .auth-intro{padding:0!important;background:none!important;border:0!important}
body.arena-unified .auth-intro h1{font:700 32px Inter,sans-serif!important;letter-spacing:-.04em;color:#e7f3ff}
body.arena-unified .auth-form{padding:24px 0 0!important;gap:20px;background:none!important;border:0!important}
body.arena-unified .auth-form label{display:grid;gap:8px;color:#abc6d8;font-size:12px}
body.arena-unified .auth-form input{width:100%;background:#03101c!important;color:#e7f3ff!important;border:1px solid #28516a!important;border-radius:5px!important;padding:14px!important}
body.arena-unified .auth-form .button{background:#16bcec!important;color:#02121e!important;border:0!important;border-radius:5px!important;padding:15px!important}
body.arena-unified #users{max-width:1040px;margin-inline:auto}
body.arena-unified .admin-user-list{display:block!important}
body.arena-unified .admin-user-card{padding:0!important;border:0!important;border-bottom:1px solid #193d53!important;background:transparent!important;margin:0!important}
body.arena-unified .admin-user-summary{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 10px;cursor:pointer;list-style:none}
body.arena-unified .admin-user-summary:hover{background:#0c263a}
body.arena-unified .admin-user-summary::after{content:'+';color:#16bcec;font-size:18px}
body.arena-unified .admin-user-card[open]>.admin-user-summary::after{content:'−'}
body.arena-unified .admin-user-summary>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}
body.arena-unified .admin-user-summary strong{font-size:13px}
body.arena-unified .admin-user-summary span{font-size:10px}
body.arena-unified .admin-user-badges{gap:7px!important}
body.arena-unified .admin-user-badges .status-tag{padding:4px 7px!important}
body.arena-unified .admin-user-actions{padding:12px 10px;border-top:1px solid #193d53}
body.arena-unified .player-directory{display:block;max-width:960px;margin-inline:auto}
body.arena-unified .player-card{display:flex!important;min-height:48px!important;padding:8px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #193d53!important;background:transparent!important;border-radius:0!important}
body.arena-unified .player-card>.avatar{width:32px!important;height:32px!important;font-size:14px!important}
body.arena-unified .player-card>div{display:flex!important;align-items:center;gap:18px;flex:1}
body.arena-unified .player-card h2{font-size:14px!important;margin:0!important}
body.arena-unified .player-card p,body.arena-unified .player-card .player-identity{display:none}
body.arena-unified .player-card-rating{margin:0 0 0 auto!important;display:flex!important;align-items:center;gap:8px}
@media(max-width:950px){body.arena-unified .site-shell .main-nav .nav-row-primary{gap:3px!important}body.arena-unified .site-shell .main-nav a{padding:12px 6px!important}body.arena-unified .platform-domain{font-size:9px!important;padding:5px!important;left:8px!important;bottom:8px!important}body.arena-unified .admin-user-summary>div:first-child{display:block}body.arena-unified .admin-user-badges{flex-wrap:wrap}body.arena-unified .admin-user-summary{min-height:48px}body.arena-unified .steam-mini-status{display:none}}
@media(prefers-reduced-motion:reduce){body.arena-unified .button,body.arena-unified .site-shell .main-nav a{transition:none!important;transform:none!important}}
.home-hero-topfive{gap:36px;align-items:center}
.home-topfive{min-width:0;width:100%}
.home-topfive .rating-row:last-child{border-bottom:0}
.home-topfive .rating-row b{overflow-wrap:anywhere}
.pool-status-list{margin-top:20px}
.pool-status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #193d53}
.pool-status-row>div{display:grid;gap:6px;min-width:0}
.pool-status-row strong{font-size:13px;overflow-wrap:anywhere}
.pool-status-row small{font-size:11px;color:#91aebe}
.pool-state{font-size:10px;font-weight:700;letter-spacing:.05em;border:1px solid #28516a;border-radius:4px;padding:6px 8px;white-space:nowrap}
.pool-state.free{color:#65ddc3;background:#0a2b2c}
.pool-state.busy{color:#ffc46a;background:#2c2415}
.pool-state.check{color:#b0c6d8;background:#152333}
.pool-links{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0 0;font-size:12px}
body.arena-unified .auth-form .checkbox-label{display:flex!important;align-items:center;gap:12px;text-transform:none!important}
body.arena-unified .auth-form .checkbox-label input[type=checkbox]{width:18px!important;height:18px!important;flex:0 0 18px;padding:0!important;accent-color:#16bcec}
body.arena-unified .auth-form .checkbox-label span{font-size:13px;text-transform:none!important;line-height:1.5}
.pool-setup{margin-top:24px}
.pool-setup li{margin:24px 0;color:#c5dbea;line-height:1.7}
.pool-setup li p{margin:7px 0;color:#91aebe;overflow-wrap:anywhere}
@media(max-width:950px){.home-hero-topfive{gap:28px}.pool-status-row{gap:8px}.pool-state{font-size:9px;padding:5px}.home-topfive{margin-top:8px}}

body.arena-unified .platform-banner.platform-banner { margin-top: 10px !important; }
body.arena-unified .platform-banner.platform-banner img { max-height: clamp(88px, 15vw, 185px); object-position: center 44%; }
body.arena-unified .site-shell .site-header { min-height: 0 !important; padding: 8px 0 !important; gap: 10px !important; }
body.arena-unified .site-shell .main-nav .nav-row-primary { gap: 4px !important; }
body.arena-unified .site-shell .main-nav a { padding: 7px 10px !important; font-size: 11px !important; }
body.arena-unified .site-shell .header-actions .button { padding: 7px 10px !important; font-size: 10px !important; }
body.arena-unified .site-shell main.simple-page { padding-top: 22px !important; }
body.arena-unified .simple-page h1 { font-size: clamp(25px, 3.5vw, 46px) !important; margin-block: 4px 10px; }
body.arena-unified .simple-page h2 { font-size: clamp(16px, 1.8vw, 21px) !important; margin-block: 0 8px; }
body.arena-unified .simple-page .simple-kicker { font-size: 10px !important; margin-block: 0 5px; }
body.arena-unified .simple-page .simple-hero { padding: 0 0 16px !important; gap: 16px; }
body.arena-unified .simple-page .simple-panel { padding: 14px !important; }
body.arena-unified .simple-page .simple-panel-head { gap: 10px; }
body.arena-unified .simple-page .simple-lead { font-size: 14px; margin-block: 6px 12px; }
body.arena-unified .simple-page .rating-row { padding: 7px 0; gap: 10px; }
body.arena-unified .simple-page .simple-steps { margin: 10px 0; }
body.arena-unified .simple-page .simple-steps li { margin: 8px 0; gap: 10px; font-size: 13px; }
body.arena-unified .simple-page .home-columns { gap: 14px; }
body.arena-unified .simple-page .mode-card { padding: 18px; }
body.arena-unified .simple-page .mode-card.has-map-art { isolation: isolate; }
.mode-card .mode-card-art, .mode-card.has-map-art::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.mode-card .mode-card-art { object-fit: cover; object-position: center; z-index: -2; }
.mode-card.has-map-art::before {
  content: '';
  z-index: -1;
  background: linear-gradient(90deg, #071725 0%, #071725e8 29%, #07172539 78%), linear-gradient(0deg, #071725a6, transparent 52%);
}
body.arena-unified .simple-page .mode-card h2 { margin-top: 12px; }
body.arena-unified .simple-page .mode-number { font-size: clamp(44px, 6vw, 68px); }
body.arena-unified .simple-page .mode-card p { margin-bottom: 12px; }
body.arena-unified .pool-status-list, body.arena-unified .pool-links { margin-top: 10px; }
body.arena-unified .pool-status-row { padding: 8px 0; }
body.arena-unified .site-shell .site-footer { margin-top: 30px !important; padding: 16px 0 !important; }
@media (max-width: 950px) {
  body.arena-unified .site-shell { padding-inline: 12px !important; }
  body.arena-unified .site-shell .main-nav .nav-row-primary { gap: 2px !important; }
  body.arena-unified .site-shell .main-nav a { padding: 8px 4px !important; font-size: 10px !important; }
  body.arena-unified .site-shell main.simple-page { padding-top: 14px !important; }
  body.arena-unified .simple-page .home-topfive { margin-top: 0; }
}

/* Compact layouts beyond the front page. */
body.arena-unified main.inner-page:not(.simple-page),
body.arena-unified main.auth-page,
body.arena-unified main.form-page {
  padding: clamp(14px, 2.4vw, 30px);
  min-height: 0;
  font-size: 14px;
}
body.arena-unified main .page-heading { margin-bottom: 18px; }
body.arena-unified main :is(.page-heading, .contact-hero, .auth-intro, .form-shell, .rating-leaderboard-heading, .player-profile) h1 {
  font-size: clamp(26px, 3.8vw, 46px) !important;
  line-height: 1.08;
  margin-block: 5px 10px;
}
body.arena-unified main :is(.page-heading, .auth-intro) > p:last-child { font-size: 14px; line-height: 1.5; }
body.arena-unified main .section-heading { padding-bottom: 8px; margin-block: 16px 10px; }
body.arena-unified main .section-heading h2 { font-size: clamp(19px, 2.4vw, 28px); }
body.arena-unified main :is(.admin-panel, .legal-copy, .player-profile, .match-scoreboard, .arena-rating-header) { padding: clamp(12px, 1.8vw, 21px); }
body.arena-unified main :is(.admin-panel, .arena-rating-panel) { margin-top: 12px; }
body.arena-unified main .legal-copy h2 { font-size: 21px; margin-top: 16px; }
body.arena-unified main .legal-copy p { line-height: 1.6; }
body.arena-unified main .player-profile { gap: 14px; }
body.arena-unified main .rating-leaderboard-heading { padding: 8px 0; gap: 12px; }
body.arena-unified main .rating-leaderboard-heading > div:last-child strong { font-size: 30px; }
body.arena-unified main .rating-podium-card { min-height: 0; padding: 10px; }
body.arena-unified main .rating-podium-card .avatar { width: 36px; height: 36px; margin-bottom: 7px; }
body.arena-unified main .rating-podium-card h3 { font-size: 16px; margin: 4px 0; }
body.arena-unified main .rating-podium-card > div > strong { font-size: 27px; }
body.arena-unified main .rating-podium-card dl { margin-top: 8px; }
body.arena-unified main .rating-podium-card dl div { padding-top: 5px; }
body.arena-unified main .arena-rating-row { min-height: 48px; }
body.arena-unified main .leaderboard-player .avatar { width: 28px; height: 28px; }
body.arena-unified main .arena-rating-history-row { min-height: 48px; }
body.arena-unified main .server-list article { min-height: 0; padding-block: 10px; gap: 12px; }
body.arena-unified main .server-list h2 { font-size: 17px; }
body.arena-unified main .server-list :is(small, p) { font-size: 12px; }
body.arena-unified main .auth-panel { padding: 18px !important; }
body.arena-unified main .auth-form { padding-top: 12px !important; gap: 12px; }
body.arena-unified main .auth-form :is(input:not([type=checkbox]):not([type=radio]), .button) { padding: 9px 11px !important; }
body.arena-unified main .match-row { padding: 9px 10px; gap: 12px; }
body.arena-unified main .chat-rules { margin: 10px 0; padding: 8px 11px; }
body.arena-unified main .chat-log { height: clamp(240px, 48vh, 430px); }
body.arena-unified main .chat-conversation > :is(header, form) { padding: 9px 12px; }
body.arena-unified main .chat-online { padding: 10px; }
body.arena-unified main .chat-online li { padding-block: 4px; }
@media (max-width: 700px) {
  body.arena-unified main.inner-page:not(.simple-page),
  body.arena-unified main.auth-page,
  body.arena-unified main.form-page { width: 100%; padding: 12px; }
}

.rating-chart { margin: 0; padding: 12px clamp(12px, 2vw, 21px); border-bottom: 1px solid var(--line); background: #091520; }
.rating-chart figcaption, .rating-chart-endpoints { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.rating-chart figcaption strong { font-size: 15px; }
.rating-chart figcaption span, .rating-chart-endpoints { color: #a9bdcf; font-size: 12px; }
.rating-chart svg { display: block; width: 100%; height: clamp(84px, 10vw, 120px); margin: 4px 0; }
.rating-chart-grid { fill: none; stroke: #22354a; }
.rating-chart-fill { fill: #a65aff; fill-opacity: .14; }
.rating-chart-line { fill: none; stroke: #b16bff; stroke-width: 2; stroke-linejoin: round; }
.rating-chart-point { fill: #d2a3ff; }
.rating-chart-point:hover { fill: #fff; r: 5px; }
.rating-chart-endpoints strong { color: #e9d8ff; }

body.arena-unified .site-shell { max-width: 1120px !important; padding-inline: clamp(12px, 2.5vw, 26px) !important; }
body.arena-unified .arena-home .home-hero-topfive { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); align-items: stretch; gap: 12px; }
.home-intro { position: relative; isolation: isolate; overflow: hidden; border: 1px solid #24475d; border-radius: 9px; background: #071725; }
.home-battlefield, .home-intro::after { position: absolute; inset: 0; pointer-events: none; }
.home-battlefield {
  z-index: -2;
  background: url('/assets/images/maps/de_ancient.jpg') center 51% / cover;
}
.home-intro::after {
  z-index: -1;
  content: '';
  background: linear-gradient(90deg, #061421f5 8%, #061421b5 50%, #06142124), linear-gradient(0deg, #061421, transparent 60%);
}
.home-intro-copy { padding: clamp(14px, 2.5vw, 25px); }
.home-intro .simple-kicker img { vertical-align: middle; margin-right: 4px; }
.home-intro h1 { color: #f4f9ff; }
.home-intro .simple-lead { color: #c9e0ef; }
.home-format-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 320px; }
.home-format {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 8px 10px;
  border: 1px solid #3d6278;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(90deg, #081725f5, #0817259c), var(--format-map) center / cover;
  transition: border-color .2s ease, transform .2s ease;
}
.home-format-duo { --format-map: url('/assets/images/maps/de_nuke.jpg'); }
.home-format-team { --format-map: url('/assets/images/maps/de_ancient.jpg'); }
.home-format strong { font-size: 18px; }
.home-format span { color: #d3ecfc; font-size: 12px; }
.home-format:hover, .home-format:focus-visible { border-color: #65cafa; transform: translateY(-2px); }
.mode-card[id] { scroll-margin-top: 16px; }
.mode-card:target { border-color: #65cafa; }
body.arena-unified .arena-home .home-columns { align-items: start; }
body.arena-unified .arena-home .simple-panel { padding: 12px !important; }

@media (max-width: 700px) {
  body.arena-unified .arena-home .home-hero-topfive { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .home-battlefield { animation: none; }
  .home-format { transition: none; }
  .home-format:hover, .home-format:focus-visible { transform: none; }
}

.join-countdown { display: inline-grid; gap: 2px; margin-top: 8px; padding: 6px 11px; border: 1px solid #38627c; border-radius: 6px; background: #0d263a; }
.join-countdown span { color: #c6e6fa; font-size: 11px; }
.join-countdown strong { font-size: 25px; line-height: 1; font-variant-numeric: tabular-nums; color: #81d9ff; }

.play-queue-meter {
  display: block;
  width: min(100%, 260px);
  height: 5px;
  margin: -4px 0 12px;
  border-radius: 6px;
  overflow: hidden;
  fill: #49d6ff;
}
.play-queue-track { fill: #3a5164; }
.mode-card:is(:hover, :focus-within) .mode-card-art { filter: brightness(1.22) saturate(1.12); }
@media (prefers-reduced-motion: no-preference) {
  .home-battlefield { animation: home-map-reveal 1.8s ease-out both; }
  .mode-card .mode-card-art { transition: transform .32s ease, filter .32s ease; }
  .mode-card:is(:hover, :focus-within) .mode-card-art { transform: scale(1.035); }
  @keyframes home-map-reveal { from { transform: scale(1); } to { transform: scale(1.045); } }
}

.arena-home .home-sponsors {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 12px 14px;
  margin-bottom: 14px;
  border: 1px solid #203e50;
  border-radius: 8px;
  background: #091825;
}
.arena-home .home-sponsors h2 {
  margin: 0;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #abc1d0;
}
.home-sponsors ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.home-sponsors a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 6px;
  border: 1px solid #2a485b;
  border-radius: 6px;
  color: #e1eef6;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.home-sponsors a:hover, .home-sponsors a:focus-visible { background: #153247; }
.home-sponsor-logo {
  display: grid;
  place-items: center;
  flex: 0 0 112px;
  padding: 4px;
  border-radius: 4px;
  background: #f4fbff;
}
.home-sponsor-logo img { display: block; width: 100%; height: 40px; object-fit: contain; }
.home-sponsors ul, .home-sponsors li { max-width: 100%; min-width: 0; }

body.arena-unified .arena-leaderboard-table { overflow-x: auto; }
body.arena-unified .arena-leaderboard-table :is(.leaderboard-head, .arena-rating-row) {
  grid-template-columns: 44px minmax(125px, 1fr) repeat(5, minmax(56px, .32fr));
  gap: 8px;
  min-width: 525px;
}
body.arena-unified .arena-leaderboard-table :is(.leaderboard-head, .arena-rating-row) > :nth-child(n+3) {
  display: block;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Both top lists reserve the same five rows, including the empty state. */
body.arena-unified .arena-home .home-topfive {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.home-topfive [data-top-five-panel] {
  grid-area: 1 / 1;
  min-width: 0;
  min-height: 306px;
}
.home-topfive [data-top-five-panel][hidden] {
  display: block;
  visibility: hidden;
  pointer-events: none;
}
.home-topfive .simple-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  height: 48px;
  margin-bottom: 8px;
}
.home-topfive .simple-panel-head h2 { margin: 0; font-size: 14px; line-height: 20px; }
.home-topfive .simple-panel-head > a { white-space: nowrap; font-size: 10px; }
body.arena-unified .simple-page .home-topfive .rating-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 64px;
  box-sizing: border-box;
  height: 50px;
  align-items: center;
}
.home-topfive .rating-row b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home-topfive .rating-row strong { text-align: right; }