/* Fantaballa 0-0-0 — responsive layer condiviso
   Caricato dopo gli stili delle singole pagine: interviene solo su tablet/mobile. */

:root {
  --mobile-safe-top: env(safe-area-inset-top, 0px);
  --mobile-safe-right: env(safe-area-inset-right, 0px);
  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --mobile-safe-left: env(safe-area-inset-left, 0px);
}

html {
  max-width: 100%;
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  max-width: 100%;
  overflow-x: clip;
  overflow-wrap: anywhere;
}

img, svg, video, canvas {
  max-width: 100%;
}

button, input, select, textarea {
  max-width: 100%;
}

button,
[role="button"],
.btn,
.back-btn,
.refresh-btn,
.expand-btn,
.intro-btn,
.wc-page-back,
.wc-page-link {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid #77d8ff;
  outline-offset: 3px;
}

.mobile-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 760px) {
  body.has-mobile-modal {
    overflow: hidden;
    overscroll-behavior: none;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea {
    font-size: 16px !important;
  }

  .page,
  .app {
    padding-bottom: calc(26px + var(--mobile-safe-bottom));
  }

  .topbar,
  .wc-page-header {
    top: calc(6px + var(--mobile-safe-top));
  }

  .btn,
  button.btn,
  a.btn,
  .back-btn,
  .refresh-btn,
  .expand-btn,
  .intro-btn,
  .wc-page-back,
  .wc-page-link,
  .formation-btn,
  .candidate,
  .choice,
  .macro-mode-card-action,
  .home-classifica-btn,
  .home-actions > a,
  .home-actions > button,
  .clear-btn,
  .load-more-btn {
    min-height: 44px;
  }

  .btn.compact,
  button.btn.compact,
  a.btn.compact {
    min-height: 44px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .modal-backdrop,
  .robust-modal-backdrop,
  .wc-match-overlay,
  .placement-overlay,
  .pack-reveal,
  .intro-overlay,
  .season-event-overlay {
    padding-top: calc(8px + var(--mobile-safe-top)) !important;
    padding-right: calc(8px + var(--mobile-safe-right)) !important;
    padding-bottom: calc(8px + var(--mobile-safe-bottom)) !important;
    padding-left: calc(8px + var(--mobile-safe-left)) !important;
    overscroll-behavior: contain;
  }

  .modal,
  .robust-modal,
  .wc-match-modal,
  .placement-modal,
  .intro-modal,
  .season-event-dialog {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - var(--mobile-safe-top) - var(--mobile-safe-bottom) - 16px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .modal-actions,
  .live-match-controls,
  .final-actions,
  .small-actions {
    gap: 8px;
  }

  .modal-actions > .btn,
  .live-match-controls > .btn,
  .final-actions > .btn,
  .small-actions > .btn {
    min-width: 0;
  }

  .toast {
    left: calc(8px + var(--mobile-safe-left)) !important;
    right: calc(8px + var(--mobile-safe-right)) !important;
    bottom: calc(10px + var(--mobile-safe-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    text-align: center;
  }
}

/* HOME */
@media (max-width: 680px) {
  .page-home .app {
    width: 100% !important;
    padding-left: max(8px, var(--mobile-safe-left)) !important;
    padding-right: max(8px, var(--mobile-safe-right)) !important;
  }

  .page-home .macro-mode-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .page-home .macro-mode-card {
    min-height: 178px;
    background-position: center !important;
  }

  .page-home .macro-mode-card-action {
    width: 100%;
    justify-content: center;
  }

  .page-home .masthead.game-title .game-socials {
    bottom: 8px !important;
    max-width: calc(100% - 16px) !important;
    padding: 4px !important;
  }

  .page-home .masthead.game-title .game-social-link {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px !important;
  }

  .page-home .home-updates-head {
    align-items: center;
  }

  .page-home .home-update-arrow,
  .page-home .home-subscribers-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .page-home .home-update-dots,
  .page-home .home-subscribers-dots {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    justify-content: flex-start !important;
    padding: 4px 1px;
    scrollbar-width: none;
  }

  .page-home .home-update-dots::-webkit-scrollbar,
  .page-home .home-subscribers-dots::-webkit-scrollbar {
    display: none;
  }

  .page-home .home-update-dot {
    position: relative;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .page-home .home-update-dot::after {
    content: "";
    position: absolute;
    inset: 15px 7px;
    border-radius: 999px;
    background: #c8bfd4;
  }

  .page-home .home-update-dot.active::after {
    background: linear-gradient(90deg,#ef7b37,#7443a8);
  }

  .page-home .home-actions {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .page-home .home-actions > * {
    min-width: 0;
    white-space: normal;
    line-height: 1.15;
  }

  .page-home .home-new-players-head,
  .page-home .home-subscribers-controls {
    align-items: center;
    gap: 8px;
  }

  .page-home .site-footer,
  .page-home .site-footer nav {
    gap: 6px 12px;
  }

  .page-home .site-footer a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
  }
}

@media (max-width: 390px) {
  .page-home .home-actions {
    grid-template-columns: 1fr !important;
  }

  .page-home .home-news-copy p {
    font-size: 12px;
  }
}

/* INTRODUZIONE HOME/WORLD CUP */
@media (max-width: 680px) {
  .page-home .intro-overlay,
  .page-worldcup .intro-overlay {
    place-items: end center !important;
  }

  .page-home .intro-modal,
  .page-worldcup .intro-modal {
    margin: 0;
    border-radius: 24px 24px 12px 12px !important;
    padding: 14px !important;
  }

  .page-home .intro-topline,
  .page-worldcup .intro-topline {
    position: sticky;
    top: 0;
    z-index: 4;
  }

  .page-home .intro-close,
  .page-worldcup .intro-close {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    min-height: 44px;
  }

  .page-home .intro-title,
  .page-worldcup .intro-title {
    font-size: clamp(27px, 9vw, 39px) !important;
    overflow-wrap: anywhere;
  }

  .page-home .intro-content-card,
  .page-worldcup .intro-content-card {
    padding: 12px !important;
  }

  .page-home .intro-mini-grid,
  .page-home .intro-bonus-grid,
  .page-worldcup .intro-mini-grid,
  .page-worldcup .intro-bonus-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .page-home .intro-actions,
  .page-worldcup .intro-actions {
    position: sticky;
    bottom: 0;
    z-index: 4;
    grid-template-columns: 1fr 1fr !important;
    padding-top: 8px;
    padding-bottom: max(4px, var(--mobile-safe-bottom));
    background: inherit;
  }
}

/* WORLD CUP */
@media (max-width: 760px) {
  .page-worldcup .wc-page-header {
    width: calc(100% - 16px) !important;
    margin: calc(6px + var(--mobile-safe-top)) auto 8px !important;
    padding: 8px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  .page-worldcup .wc-page-brand {
    grid-column: 1 / -1;
    justify-content: center;
    min-width: 0;
  }

  .page-worldcup .wc-page-back,
  .page-worldcup .wc-page-link {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
  }

  .page-worldcup .app {
    width: 100% !important;
    padding-left: max(8px, var(--mobile-safe-left)) !important;
    padding-right: max(8px, var(--mobile-safe-right)) !important;
  }

  .page-worldcup .wc-flow-head {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  .page-worldcup .wc-flow-head::-webkit-scrollbar { display:none; }
  .page-worldcup .wc-flow-step { flex: 0 0 auto; min-width: 112px; }

  .page-worldcup .mode-grid,
  .page-worldcup .formation-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .page-worldcup .wc-panel-actions,
  .page-worldcup .formation-actions,
  .page-worldcup .wc-setup-actions,
  .page-worldcup .tournament-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .page-worldcup .wc-panel-actions > *,
  .page-worldcup .formation-actions > *,
  .page-worldcup .wc-setup-actions > *,
  .page-worldcup .tournament-actions > * {
    width: 100%;
  }

  .page-worldcup .pitch-wrap,
  .page-worldcup .pitch-shell {
    max-width: 100%;
    overflow: hidden;
  }

  .page-worldcup .pitch-svg {
    width: 100%;
    height: auto;
  }

  .page-worldcup .players-wrap,
  .page-worldcup .player-list {
    max-width: 100%;
  }

  .page-worldcup .player-row {
    min-height: 48px;
  }

  .page-worldcup .pack-stage,
  .page-worldcup .pack-scene {
    max-width: 100%;
  }

  .page-worldcup .wc-match-overlay,
  .page-worldcup .placement-overlay,
  .page-worldcup .pack-reveal {
    place-items: end center !important;
  }

  .page-worldcup .wc-match-modal,
  .page-worldcup .placement-modal {
    border-radius: 24px 24px 10px 10px !important;
  }

  .page-worldcup .wc-match-close {
    width: 44px !important;
    height: 44px !important;
  }
}

@media (max-width: 390px) {
  .page-worldcup .mode-grid,
  .page-worldcup .formation-grid {
    grid-template-columns: 1fr !important;
  }
}

/* CAMPIONATO E REAL */
@media (max-width: 760px) {
  .page-season .modal-backdrop,
  .page-season-real .modal-backdrop,
  .page-season .robust-modal-backdrop,
  .page-season-real .robust-modal-backdrop {
    place-items: end center !important;
  }

  .page-season .modal,
  .page-season-real .modal,
  .page-season .robust-modal,
  .page-season-real .robust-modal {
    border-radius: 24px 24px 10px 10px !important;
    padding: 15px !important;
  }

  .page-season .result-continue-top,
  .page-season-real .result-continue-top,
  .page-season #closeResult,
  .page-season-real #closeResult,
  .page-season #continueLeaguePlayoffs,
  .page-season-real #continueLeaguePlayoffs {
    width: 100%;
    min-height: 48px;
  }

  .page-season .live-scoreboard,
  .page-season-real .live-scoreboard {
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
    gap: 6px !important;
  }

  .page-season .live-team,
  .page-season-real .live-team {
    min-width: 0;
  }

  .page-season .live-team b,
  .page-season-real .live-team b {
    max-width: 100%;
    font-size: 11px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .page-season .live-score,
  .page-season-real .live-score {
    font-size: clamp(27px, 9vw, 40px) !important;
  }

  .page-season .live-match-controls,
  .page-season-real .live-match-controls {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .page-season .season-event-dialog,
  .page-season-real .season-event-dialog {
    max-height: calc(100dvh - var(--mobile-safe-top) - var(--mobile-safe-bottom) - 16px) !important;
  }

  .page-season .season-event-minimize,
  .page-season-real .season-event-minimize {
    min-width: 44px;
    min-height: 44px !important;
  }

  .page-season .season-event-dock,
  .page-season-real .season-event-dock {
    right: calc(8px + var(--mobile-safe-right)) !important;
    bottom: calc(8px + var(--mobile-safe-bottom)) !important;
    width: calc(100vw - var(--mobile-safe-left) - var(--mobile-safe-right) - 16px) !important;
  }

  .page-season .season-event-dock-button,
  .page-season-real .season-event-dock-button {
    min-height: 52px;
  }

  .page-season .match-result .score,
  .page-season-real .match-result .score {
    overflow-wrap: anywhere;
  }

  .page-season .match-highlights,
  .page-season-real .match-highlights,
  .page-season .live-commentary,
  .page-season-real .live-commentary {
    max-height: min(42dvh, 370px) !important;
    overscroll-behavior: contain;
  }
}

@media (max-width: 390px) {
  .page-season .live-match-controls,
  .page-season-real .live-match-controls {
    grid-template-columns: 1fr !important;
  }
}

/* CLASSIFICHE */
@media (max-width: 680px) {
  .page-leaderboard .leaderboard,
  .page-leaderboard .mode-board,
  .page-leaderboard .scorers-board,
  .page-leaderboard .board-head,
  .page-leaderboard .board-title-wrap,
  .page-leaderboard .table-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .page-leaderboard h1,
  .page-leaderboard h2 {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .page-leaderboard .leaderboard-head,
  .page-leaderboard .board-head {
    min-width: 0;
  }

  .page-leaderboard .updated {
    max-width: 100%;
  }

  .page-leaderboard .table-wrap tbody tr,
  .page-leaderboard .table-wrap tbody td {
    max-width: 100%;
  }

  .page-leaderboard .team-cell,
  .page-leaderboard .player-cell {
    min-width: 0 !important;
  }

  .page-leaderboard .sort-btn {
    min-height: 44px;
  }
}

/* DATABASE GIOCATORI */
@media (max-width: 720px) {
  .page-players .page {
    width: 100%;
    padding-left: max(8px, var(--mobile-safe-left));
    padding-right: max(8px, var(--mobile-safe-right));
  }

  .page-players .hero,
  .page-players .panel {
    border-radius: 22px;
  }

  .page-players .dataset-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  .page-players .dataset-tabs::-webkit-scrollbar { display:none; }
  .page-players .dataset-tabs > * { flex: 0 0 auto; min-height:44px; }

  .page-players .filters,
  .page-players .toolbar {
    gap: 9px;
  }

  .page-players .field input,
  .page-players .field select,
  .page-players .search-wrap input {
    min-height: 48px;
  }

  .page-players .clear-btn {
    width: 100%;
  }

  .page-players .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  .page-players .pagination button,
  .page-players .pagination a {
    min-width: 44px;
    min-height: 44px;
  }
}

/* ACHIEVEMENT, GUIDE E PRIVACY */
@media (max-width: 560px) {
  .page-achievements .topbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  .page-achievements .back {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .page-achievements .brand {
    justify-content: space-between;
    width: 100%;
  }

  .page-achievements .category-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .page-achievements .category-head span {
    justify-self: start;
  }

  .page-achievements .footer a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 6px;
  }

  .page-guide .page,
  .page-privacy .page {
    width: 100%;
    padding-left: max(10px, var(--mobile-safe-left));
    padding-right: max(10px, var(--mobile-safe-right));
  }

  .page-guide .hero,
  .page-guide .card,
  .page-privacy .card {
    padding: 16px !important;
    border-radius: 20px;
  }

  .page-guide .mode,
  .page-privacy .btn {
    min-width: 0;
  }

  .page-privacy .actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* PAGINE TECNICHE */
@media (max-width: 760px) {
  .page-admin .shell,
  .page-database-check .shell,
  .page-event-check .shell,
  .page-tests .page {
    width: 100% !important;
    padding-left: max(8px, var(--mobile-safe-left));
    padding-right: max(8px, var(--mobile-safe-right));
  }

  .page-admin .tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  .page-admin .tabs::-webkit-scrollbar { display:none; }
  .page-admin .tabs > .tab { flex:0 0 auto; min-height:44px; }

  .page-admin .table-wrap,
  .page-admin .table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .page-admin table {
    min-width: 620px;
  }

  .page-database-check .btn,
  .page-event-check .btn,
  .page-tests .btn,
  .page-tests .filter {
    min-height: 44px !important;
  }

  .page-tests .filters {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}

/* Rifiniture touch target e larghezze — prevalgono sugli stili storici. */
@media (max-width: 760px) {
  .page-home .app,
  .page-worldcup .app {
    width: calc(100% - 16px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-home .intro-btn,
  .page-worldcup .intro-btn,
  .page-home .intro-close,
  .page-worldcup .intro-close,
  .page-home .home-update-arrow,
  .page-worldcup .home-update-arrow,
  .page-home .home-subscribers-arrow,
  .page-worldcup .home-subscribers-arrow,
  .page-worldcup .wc-page-back,
  .page-worldcup .wc-page-link,
  .page-worldcup .mode-btn,
  .page-season .btn.compact,
  .page-season-real .btn.compact {
    min-height: 44px !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .page-home .home-update-arrow,
  .page-worldcup .home-update-arrow,
  .page-home .home-subscribers-arrow,
  .page-worldcup .home-subscribers-arrow {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
  }

  .page-home .intro-progress-dots,
  .page-worldcup .intro-progress-dots,
  .page-home .home-subscribers-dots,
  .page-worldcup .home-subscribers-dots,
  .page-worldcup .home-update-dots {
    display: flex !important;
    max-width: 100%;
    overflow-x: auto;
    justify-content: flex-start !important;
    scrollbar-width: none;
  }

  .page-home .intro-progress-dots::-webkit-scrollbar,
  .page-worldcup .intro-progress-dots::-webkit-scrollbar,
  .page-home .home-subscribers-dots::-webkit-scrollbar,
  .page-worldcup .home-subscribers-dots::-webkit-scrollbar,
  .page-worldcup .home-update-dots::-webkit-scrollbar { display:none; }

  .page-home .intro-dot,
  .page-worldcup .intro-dot,
  .page-home .home-subscribers-dot,
  .page-worldcup .home-subscribers-dot,
  .page-worldcup .home-update-dot {
    position: relative !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .page-home .intro-dot::after,
  .page-worldcup .intro-dot::after,
  .page-home .home-subscribers-dot::after,
  .page-worldcup .home-subscribers-dot::after,
  .page-worldcup .home-update-dot::after {
    content: "";
    position: absolute;
    inset: 15px 8px;
    border-radius: 999px;
    background: #c8bfd4;
  }

  .page-home .intro-dot.active::after,
  .page-worldcup .intro-dot.active::after,
  .page-home .home-subscribers-dot.active::after,
  .page-worldcup .home-subscribers-dot.active::after,
  .page-worldcup .home-update-dot.active::after {
    background: linear-gradient(90deg,#ef7b37,#7443a8);
  }
}


/* Percorso stagionale: contenuto compatto, aperto solo su richiesta. */
.season-journey{display:grid;gap:12px;min-width:0}
.journey-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.journey-overview>div{min-width:0;padding:11px;border:1px solid rgba(16,36,58,.12);border-radius:14px;background:rgba(16,36,58,.055)}
.journey-overview span{display:block;margin-bottom:4px;color:#6d6252;font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.journey-overview b{display:block;color:#10243a;font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.journey-form{display:flex!important;gap:4px;align-items:center;min-height:22px}
.journey-form i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:9px;font-style:normal;font-weight:1000}
.journey-form i.win{background:#16855f}.journey-form i.draw{background:#9a7a2e}.journey-form i.loss{background:#b84848}
.journey-last{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid rgba(16,36,58,.13);border-left:4px solid #8b98a6;border-radius:15px;background:#fff}
.journey-last.win{border-left-color:#16855f}.journey-last.draw{border-left-color:#b18b32}.journey-last.loss{border-left-color:#c95151}
.journey-last>div{min-width:0}.journey-last span{display:block;color:#6d6252;font-size:9px;font-weight:1000;letter-spacing:.07em;text-transform:uppercase}.journey-last b{display:block;margin-top:3px;color:#10243a;font-size:14px;overflow-wrap:anywhere}.journey-last small{display:block;margin-top:4px;color:#6c655b;font-size:10px;font-weight:800;line-height:1.35}.journey-last>strong{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#10243a;color:#fff;font-size:9px;text-transform:uppercase}
.journey-details{border:1px solid rgba(16,36,58,.13);border-radius:15px;background:rgba(255,255,255,.64);overflow:hidden}
.journey-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;cursor:pointer;list-style:none;color:#10243a;font-size:12px;font-weight:1000}.journey-details>summary::-webkit-details-marker{display:none}.journey-details>summary::after{content:'⌄';font-size:15px;transition:transform .15s ease}.journey-details[open]>summary::after{transform:rotate(180deg)}.journey-details>summary em{margin-left:auto;padding:3px 7px;border-radius:999px;background:#10243a;color:#fff;font-size:9px;font-style:normal}
.journey-list{display:grid;gap:7px;max-height:420px;padding:0 10px 10px;overflow:auto}
.journey-row,.journey-event-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid rgba(16,36,58,.1);border-left:3px solid #8b98a6;border-radius:12px;background:#fff}.journey-row.win,.journey-event-row.positive{border-left-color:#16855f}.journey-row.draw,.journey-event-row.neutral{border-left-color:#b18b32}.journey-row.loss,.journey-event-row.negative{border-left-color:#c95151}.journey-event-row{grid-template-columns:34px minmax(0,1fr)}
.journey-day{display:grid;place-items:center;min-height:34px;border-radius:10px;background:#10243a;color:#fff}.journey-day small{font-size:7px;color:#f2d356;font-weight:1000}.journey-day b{font-size:12px;line-height:1}
.journey-row-main{min-width:0}.journey-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.journey-row-head b{min-width:0;color:#10243a;font-size:11px;overflow-wrap:anywhere}.journey-row-main small{display:block;margin-top:3px;color:#71695e;font-size:9px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.journey-score{flex:0 0 auto;color:#10243a;font-size:13px;font-weight:1000}.journey-outcome,.journey-event-kind{flex:0 0 auto;padding:4px 6px;border-radius:999px;background:#eee7d6;color:#10243a;font-size:8px;font-weight:1000;text-transform:uppercase}.journey-choice{display:block;margin-top:3px;color:#826a19;font-size:10px;font-weight:1000;overflow-wrap:anywhere}
.journey-empty{margin:0;padding:13px;color:#71695e;font-size:10px;font-weight:850;text-align:center}.journey-empty-main{border:1px dashed rgba(16,36,58,.18);border-radius:14px}
.season-report-card>.journey-details{position:relative;z-index:1;margin-top:14px;background:rgba(5,15,31,.32);border-color:rgba(255,255,255,.18)}
.season-report-card>.journey-details>summary{color:#fff}.season-report-card>.journey-details>summary em{background:#f7d85d;color:#10243a}.season-report-card>.journey-details .journey-list{padding-top:2px}.season-report-card>.journey-details .journey-row{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.season-report-card>.journey-details .journey-row-head b,.season-report-card>.journey-details .journey-score{color:#fff}.season-report-card>.journey-details .journey-row-main small{color:#d9e8f3}.season-report-card>.journey-details .journey-outcome{background:rgba(247,216,93,.14);color:#f7d85d}
@media(max-width:620px){.journey-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-last{align-items:flex-start}.journey-row{grid-template-columns:32px minmax(0,1fr)}.journey-row .journey-outcome{grid-column:2;justify-self:start}.journey-row-head{align-items:flex-start}.journey-list{max-height:360px}}