/* Home only: quieter chrome, proportional portraits, stable audio loadout. */
.home-screen {
  --home-edge: #bfc0ac2b;
  gap: 34px 48px;
  padding-block: 46px 26px;
}
.home-screen::before {
  inset: 46px 0 auto;
  height: 240px;
  opacity: 0.055;
}
.home-screen .home-copy h1 {
  font-size: clamp(46px, 4.7vw, 64px);
  line-height: 1.16;
  margin-block: 25px 23px;
}
.home-screen .tagline { line-height: 1.65; letter-spacing: 0; }
.home-screen .home-actions { gap: 9px; margin-top: 29px; }
.home-screen .home-actions .button { min-height: 56px; }
.home-screen .home-actions .primary {
  border-color: #f4d477;
  box-shadow: inset 0 1px #fff5d25c, 0 3px 0 #614b23;
}
.home-screen .home-actions .secondary { background: #222520; border-color: var(--home-edge); }
.home-screen .home-visual {
  background: #20231f;
  border-color: var(--home-edge);
  box-shadow: 0 10px 26px #0004;
}
.home-screen .visual-topline {
  background: #1b1f1c;
  color: #b9bfb7;
  padding: 13px 16px;
  letter-spacing: 0.6px;
}
.home-screen .squad-scene { height: 340px; }
.home-screen .scene-haze {
  background: linear-gradient(0deg, #20231f 0, #20231f19 58%), linear-gradient(90deg, #27271c3b, transparent);
}
.home-screen .hero-agent { width: 86%; height: 346px; right: -2%; bottom: -22px; }
.home-screen .scene-type { opacity: 0.52; }
.home-screen .scene-tag {
  left: 14px;
  bottom: 16px;
  max-width: calc(100% - 28px);
  background: #242821f5;
  border-color: #d0b56a88;
  transform: rotate(-2deg);
}
.home-screen .squad-roster { background: #20251f; border-color: var(--home-edge); }
.home-screen .squad-roster > div { padding: 7px 5px 12px; }
.home-screen .squad-roster img { height: 84px; }
.home-screen .squad-roster img.profile-portrait { width: 64px; height: 64px; margin: 10px 0; border-color: #b8bca980; }
.home-screen .squad-roster b { font-size: 12px; line-height: 1.5; white-space: normal; }
.home-screen .squad-roster small { color: #abb5a6; font-size: 12px; margin-top: 4px; }
.home-screen .squad-roster > .roster-player { background: #dabd5320; box-shadow: inset 0 -2px var(--yellow); }
.home-screen .squad-roster .roster-player small { color: #ebc96b; }
.home-screen .music-kit {
  grid-template-columns: 96px minmax(0, 1fr) minmax(290px, 350px);
  gap: 12px 20px;
  padding: 0 20px 14px;
  border-color: var(--home-edge);
  background: linear-gradient(115deg, #2b3029, #20241f 70%);
}
.home-screen .audio-loadout-header { margin-bottom: 0; padding-block: 10px; background: #181c18b3; border-color: var(--home-edge); }
.home-screen .audio-loadout-header > span { font-size: 15px; letter-spacing: 1px; }
.home-screen .audio-art-frame { width: 100%; height: 88px; aspect-ratio: auto; }
.home-screen .audio-art-frame img { width: 100%; height: 100%; object-fit: contain; }
.home-screen .music-kit-info { min-width: 0; min-height: 70px; display: flex; flex-direction: column; justify-content: center; }
.home-screen .music-kit h2 { font-size: 22px; line-height: 1.4; margin: 0 0 6px; white-space: nowrap; }
.home-screen .music-artist { margin: 0; line-height: 1.5; }
.home-screen .audio-loadout-header .music-kit-status { font-size: 12px; line-height: 18px; min-height: 18px; margin: 0; letter-spacing: 0; color: #ebc96b; font-weight: 400; }
.home-screen .music-kit-controls {
  display: grid;
  grid-template-rows: 46px;
  min-width: 0;
}
.home-screen .music-kit-choice { margin: 0; gap: 8px; align-content: start; }
.home-screen .music-kit button { min-height: 46px; border-color: #9fa68f40; background: #141a1580; }
.home-screen .music-kit-choice button[aria-pressed="true"] { color: #f8d76d; border-color: #e5be50; background: #dab44220; }
.home-screen .module-strip { padding-top: 2px; color: #aeb3a7; }

@media (min-width: 761px) and (max-width: 1000px) {
  .home-screen { gap: 30px 24px; }
  .home-screen .music-kit { grid-template-columns: 78px minmax(0, 1fr) 290px; gap: 12px; padding-inline: 16px; }
  .home-screen .audio-loadout-header { margin-inline: -16px; }
  .home-screen .music-kit h2 { font-size: 20px; }
  .home-screen .music-artist { font-size: 13px; }
  .home-screen .squad-scene { height: 284px; }
  .home-screen .hero-agent { height: 300px; width: 96%; }
}
@media (max-width: 1000px) {
  .home-screen .squad-roster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-screen .squad-roster > div {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 7px;
    padding: 7px 9px;
    min-height: 59px;
    text-align: left;
    align-items: center;
  }
  .home-screen .squad-roster img,
  .home-screen .squad-roster img.profile-portrait { width: 43px; height: 44px; margin: 0; object-fit: contain; }
  .home-screen .squad-roster img.profile-portrait { height: 40px; width: 40px; object-fit: cover; }
  .home-screen .squad-roster span { margin: 0; }
  .home-screen .squad-roster small { font-size: 11px; margin-top: 2px; }
  .home-screen .squad-roster > .roster-player { grid-column: 1 / -1; grid-template-columns: 43px auto; justify-content: start; padding: 7px 9px; }
  .home-screen .squad-roster .roster-player img.profile-portrait { width: 40px; height: 40px; }
}
@media (max-width: 760px) {
  .home-screen { padding-block: 23px 20px; gap: 16px; }
  .home-screen::before { inset: 20px 0 auto; height: 260px; }
  .home-screen .home-copy h1 { font-size: clamp(40px, 10.8vw, 50px); line-height: 1.12; margin: 0; letter-spacing: -1.5px; }
  .home-screen .home-copy .tagline { font-size: 15px; margin: 0; }
  .home-screen .home-copy .status-label { font-size: 10px; letter-spacing: 0.5px; }
  .home-screen .home-copy .brief-line { margin: -2px 0 0; font-size: 13px; gap: 12px; }
  .home-screen .home-actions { order: 4; margin: 3px 0 2px; grid-template-columns: minmax(0, 1fr) 105px; gap: 8px; }
  .home-screen .home-actions .button { min-height: 54px; }
  .home-screen .home-visual { order: 5; }
  .home-screen .visual-topline { padding: 11px 12px; font-size: 10px; }
  .home-screen .squad-scene { height: clamp(208px, 60vw, 260px); }
  .home-screen .hero-agent { width: 87%; height: 112%; bottom: -10%; right: -2%; }
  .home-screen .scene-tag { left: 10px; bottom: 12px; padding: 8px 10px; }
  .home-screen .scene-tag .agent-name { font-size: 12px; }
  .home-screen .scene-tag b { font-size: 12px; }
  .home-screen .mini-bomb { transform: rotate(-7deg) scale(0.32); opacity: 0.6; }
  .home-screen .music-kit { grid-template-columns: 76px minmax(0, 1fr); gap: 10px 12px; padding: 0 12px 12px; }
  .home-screen .audio-loadout-header { margin-inline: -12px; padding: 9px 12px; }
  .home-screen .music-kit-art { align-self: center; }
  .home-screen .audio-art-frame { height: 76px; }
  .home-screen .music-kit-info { min-height: 80px; }
  .home-screen .music-kit h2 { font-size: 19px; line-height: 1.35; margin: 0 0 5px; }
  .home-screen .music-artist { font-size: 12px; line-height: 1.5; }
  .home-screen .music-kit-controls { grid-column: 1 / -1; }
  .home-screen .music-kit-choice button { font-size: 13px; padding-inline: 4px; }
  .home-screen .module-strip { display: grid; gap: 9px; margin: 2px 0 0; }
  .home-screen .module-strip > div { font-size: 12px; gap: 7px 14px; }
  .home-screen .module-strip > b { display: none; }
}
@media (max-width: 359px) {
  .home-screen .squad-roster > div { grid-template-columns: 34px minmax(0, 1fr); gap: 5px; padding-inline: 6px; }
  .home-screen .squad-roster img,
  .home-screen .squad-roster img.profile-portrait { width: 34px; height: 39px; }
  .home-screen .squad-roster img.profile-portrait { height: 34px; }
  .home-screen .squad-roster b { font-size: 12px; }
  .home-screen .squad-roster > .roster-player { grid-template-columns: 40px auto; padding-inline: 8px; }
  .home-screen .music-kit { grid-template-columns: 62px minmax(0, 1fr); gap: 10px; }
  .home-screen .music-kit h2 { font-size: 17px; }
}