/* V9_11 CIERRE FINAL EMPRESARIAL · Coffee Rush STA */
    .game-completion-panel {
      margin: 0 0 18px;
      padding: 18px;
      border: 1px solid rgba(24, 69, 124, .18);
      border-radius: 18px;
      background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(247, 250, 255, .94)),
        radial-gradient(circle at top right, rgba(251, 205, 0, .14), transparent 34%);
      box-shadow: 0 18px 38px rgba(20, 47, 84, .12);
      color: #17365f;
    }

    .game-completion-panel[hidden] {
      display: none !important;
    }

    .results.game-completed {
      border-color: rgba(24, 69, 124, .22);
      background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 251, 255, .92));
    }

    .game-completion-grid {
      display: grid;
      gap: 14px;
    }

    .game-completion-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr);
      gap: 16px;
      align-items: stretch;
    }

    .game-completion-head,
    .game-completion-score,
    .game-completion-profit,
    .game-completion-card,
    .game-completion-balance {
      border: 1px solid rgba(24, 69, 124, .16);
      border-radius: 16px;
      background: rgba(255, 255, 255, .86);
      box-shadow: 0 10px 24px rgba(20, 47, 84, .08);
    }

    .game-completion-head {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      padding: 18px;
    }

    .game-completion-icon {
      display: inline-flex;
      flex: 0 0 auto;
      width: 46px;
      height: 46px;
      align-items: center;
      justify-content: center;
      border-radius: 14px;
      background: rgba(24, 69, 124, .08);
      color: var(--sta-blue);
    }

    .game-completion-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 6px;
      color: #52657f;
      font-size: .72rem;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .game-completion-head h3,
    .game-completion-score h4,
    .game-completion-section-title {
      margin: 0;
      color: var(--sta-blue);
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: 0;
      text-shadow: none;
    }

    .game-completion-head h3 {
      font-size: clamp(1.45rem, 2.2vw, 2.15rem);
      line-height: 1.05;
    }

    .game-completion-head p,
    .game-completion-card p,
    .game-completion-balance p {
      margin: 6px 0 0;
      color: #52657f;
      line-height: 1.45;
    }

    .game-completion-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .game-completion-meta span {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 5px 10px;
      border: 1px solid rgba(24, 69, 124, .15);
      border-radius: 999px;
      background: #f7faff;
      color: #24466f;
      font-size: .82rem;
      font-weight: 700;
    }

    .game-completion-score {
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      padding: 16px;
    }

    .game-completion-score-ring {
      width: 112px;
      height: 112px;
      overflow: visible;
    }

    .game-completion-score-track,
    .game-completion-score-value {
      fill: none;
      stroke-width: 12;
    }

    .game-completion-score-track {
      stroke: rgba(24, 69, 124, .11);
    }

    .game-completion-score-value {
      stroke: var(--sta-blue);
      stroke-linecap: round;
    }

    .game-completion-score-number {
      color: var(--sta-blue);
      font-size: 2rem;
      line-height: 1;
      font-weight: 900;
    }

    .game-completion-score-number span {
      display: block;
      margin-top: 4px;
      color: #62728a;
      font-size: .88rem;
      font-weight: 800;
      line-height: 1.2;
      overflow-wrap: anywhere;
      text-transform: lowercase;
      white-space: normal;
    }

    .game-completion-profit {
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr);
      gap: 14px;
      align-items: center;
      padding: 16px;
      border-left: 4px solid var(--sta-blue);
    }

    .game-completion-profit.positive {
      border-left-color: #2f855a;
      background: linear-gradient(135deg, #ffffff, #f1fbf5);
    }

    .game-completion-profit.balanced {
      border-left-color: #b7791f;
      background: linear-gradient(135deg, #ffffff, #fff9e8);
    }

    .game-completion-profit.risk {
      border-left-color: #c05621;
      background: linear-gradient(135deg, #ffffff, #fff5f1);
    }

    .game-completion-profit strong {
      display: block;
      margin-top: 2px;
      color: var(--sta-blue);
      font-size: clamp(1.5rem, 2.4vw, 2.2rem);
      line-height: 1;
    }

    .game-completion-profit.positive strong { color: #2f855a; }
    .game-completion-profit.risk strong { color: #b42318; }

    .game-completion-kpis {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .game-completion-kpi,
    .game-completion-mini {
      min-width: 0;
      padding: 13px;
      border: 1px solid rgba(24, 69, 124, .14);
      border-radius: 14px;
      background: rgba(255, 255, 255, .82);
    }

    .game-completion-kpi {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
    }

    .game-completion-kpi .cr-icon,
    .game-completion-profit .cr-icon {
      color: var(--sta-blue);
    }

    .game-completion-kpi span,
    .game-completion-mini span {
      display: block;
      color: #5d6e83;
      font-size: .78rem;
      font-weight: 800;
      line-height: 1.25;
      overflow-wrap: anywhere;
      white-space: normal;
    }

    .game-completion-kpi strong,
    .game-completion-mini strong {
      display: block;
      margin-top: 3px;
      color: #17365f;
      font-size: 1.12rem;
      line-height: 1.1;
      overflow-wrap: anywhere;
      white-space: normal;
    }

    .game-completion-kpi strong,
    .game-completion-kpi em {
      grid-column: 2;
    }

    .game-completion-kpi em,
    .game-completion-mini em {
      display: block;
      margin-top: 4px;
      color: #6f7f92;
      font-size: .76rem;
      font-style: normal;
      line-height: 1.25;
    }

    .game-completion-section-title {
      display: flex;
      gap: 8px;
      align-items: center;
      margin: 2px 0 8px;
      font-size: .95rem;
      font-weight: 900;
    }

    .game-completion-moments {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .game-completion-card {
      padding: 14px;
    }

    .game-completion-card strong {
      display: block;
      color: #17365f;
      font-size: 1.08rem;
      line-height: 1.15;
    }

    .game-completion-balance {
      padding: 14px;
    }

    .game-completion-balance-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .game-completion-actions {
      display: flex;
      justify-content: flex-end;
      margin-top: 14px;
    }

    .game-completion-actions .primary {
      min-height: 44px;
      border-radius: 999px;
      background: var(--sta-blue);
      color: #fff;
      box-shadow: 0 10px 24px rgba(24, 69, 124, .18);
    }

    @media (max-width: 980px) {
      .game-completion-hero {
        grid-template-columns: 1fr;
      }

      .game-completion-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .game-completion-balance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 560px) {
      .results.game-completed .game-completion-panel {
        box-sizing: border-box;
        width: 100%;
        max-width: calc(100vw - 52px);
      }

      .results.game-completed .game-completion-grid,
      .results.game-completed .game-completion-hero,
      .results.game-completed .game-completion-kpis,
      .results.game-completed .game-completion-moments,
      .results.game-completed .game-completion-balance-grid {
        min-width: 0;
      }

      .game-completion-panel {
        padding: 14px;
        border-radius: 14px;
      }

      .game-completion-head,
      .game-completion-score,
      .game-completion-profit,
      .game-completion-card {
        grid-template-columns: 1fr;
      }

      .game-completion-head {
        display: block;
      }

      .game-completion-icon {
        margin-bottom: 10px;
      }

      .game-completion-score-ring {
        width: 96px;
        height: 96px;
      }

      .game-completion-kpis,
      .game-completion-moments,
      .game-completion-balance-grid {
        grid-template-columns: 1fr;
      }

      .game-completion-actions .primary {
        width: 100%;
      }
    }

    @media print {
      .game-completion-panel {
        break-inside: avoid;
        background: #fff !important;
        color: #111 !important;
        box-shadow: none !important;
      }

      .game-completion-head,
      .game-completion-score,
      .game-completion-profit,
      .game-completion-card,
      .game-completion-balance,
      .game-completion-kpi,
      .game-completion-mini {
        break-inside: avoid;
        background: #fff !important;
        box-shadow: none !important;
        color: #111 !important;
      }

      .game-completion-actions {
        display: none !important;
      }
    }

    /* V9_12 CONSOLIDACION TECNICA CSS · Coffee Rush STA */