/* Softer tactical layer — roundness and depth without changing hierarchy. */
:root {
  --radius: 14px;
  --radius-sm: 10px;
  --soft-radius-compact: 8px;
  --soft-radius-control: 11px;
  --soft-radius-card: 16px;
  --soft-radius-overlay: 22px;
  --soft-border: color-mix(in srgb, var(--pl-border, #35353a) 82%, transparent);
  --soft-shadow: 0 16px 38px -28px rgba(0, 0, 0, 0.7);
}

/* Core working surfaces. The list is explicit so pitch markings, charts and
   kit art keep the geometry they need. */
.panel,
.score-card,
.simple-card,
.simple-full-panel,
.landing-card,
.mc-final-card,
.auth-card,
.faa-card,
.fixture-card,
.transfer-card,
.chip-card,
.gw-card,
.settings-section,
.settings-card,
.account-panel,
.league-panel,
.results-panel,
.scout-card,
.loading-card,
.cookie-card,
.modal,
.modal-overlay .modal {
  border-radius: var(--soft-radius-card) !important;
  border-color: var(--soft-border) !important;
}

.panel,
.score-card,
.simple-card,
.landing-card,
.mc-final-card,
.fixture-card,
.transfer-card,
.chip-card,
.gw-card,
.scout-card {
  box-shadow: var(--soft-shadow) !important;
}

button:not(.theme-toggle):not(.page-help-trigger):not(.amc-key):not(.fg-glass),
input,
select,
textarea,
.btn,
.mode-btn,
.nav-item,
.mobile-nav-item,
.tab-btn,
.segmented-btn,
.chip,
.filter-chip,
.league-tab,
.settings-row,
.kit-option {
  border-radius: var(--soft-radius-control) !important;
}

/* A small lift makes the new curvature feel deliberate instead of inflated. */
@media (hover: hover) and (pointer: fine) {
  .panel:hover,
  .score-card:hover,
  .simple-card:hover,
  .landing-card:hover,
  .fixture-card:hover,
  .transfer-card:hover,
  .scout-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 42px -28px rgba(0, 0, 0, 0.78) !important;
  }
}

/* Shadcn/Vaul-inspired mobile drawer: one anchored sheet, softened corners,
   and stable actions while the content scrolls. */
.tactical-more-sheet,
.mobile-more-drawer,
.more-drawer,
.drawer-panel {
  background: color-mix(in srgb, var(--tac-plane, #111113) 94%, transparent) !important;
  border-radius: var(--soft-radius-overlay) var(--soft-radius-overlay) 0 0 !important;
  box-shadow: 0 -18px 54px -30px rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.tactical-more-overlay {
  background: rgba(4, 4, 5, 0.68);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Preserve the glassy dock, but reduce the hard full-width slab feeling. */
.main-tabs,
.mobile-bottom-nav,
.mobile-dock {
  background: color-mix(in srgb, var(--pl-bg, #0a0a0b) 84%, transparent) !important;
  border-radius: 22px 22px 0 0 !important;
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

.page-help-panel {
  border-radius: var(--soft-radius-overlay) 0 0 var(--soft-radius-overlay) !important;
  box-shadow: -20px 0 54px -36px rgba(0, 0, 0, 0.85) !important;
}

@media (max-width: 720px) {
  :root { --soft-radius-card: 14px; }
  .page-help-panel { border-radius: 22px 0 0 22px !important; }
}

@media (max-width: 900px) {
  body.chat-active-mode .chatfpl-layout {
    position: absolute;
    inset: 0;
  }
}

/* The Supercomputer is a full workspace, not a narrow document column. On
   wide monitors let the conversation breathe while retaining a readable
   maximum and the existing 24px side gutters. */
@media (min-width: 901px) {
  body.chat-active-mode .chatfpl-layout {
    position: absolute;
    inset: 0;
  }

  body.chat-active-mode .chatfpl-messages .chat-msg,
  body.chat-active-mode .chatfpl-input-zone {
    width: 100%;
    max-width: min(1240px, calc(100% - 48px));
  }

  body.chat-active-mode .chatfpl-input-zone {
    box-sizing: border-box;
  }
}

@media (prefers-reduced-motion: reduce) {
  .panel,
  .score-card,
  .simple-card,
  .landing-card,
  .fixture-card,
  .transfer-card,
  .scout-card { transition: none !important; }
}