/* ==========================================================================
   MODULE HILO — CSS
   ========================================================================== */

   .hilo-container { animation: fade-in 0.3s ease; }

   /* --- Scoreboard colonnes --- */
   .hilo-score-card {
       background: var(--bg-secondary);
       border-radius: var(--radius);
       overflow: hidden;
       box-shadow: var(--shadow);
       margin-bottom: 1.25rem;
   }
   
   .hilo-score-header {
       display: flex;
       background: var(--bg-tertiary);
   }
   
   .hilo-col-header {
       flex: 1;
       padding: 0.75rem 0.5rem;
       text-align: center;
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 0.2rem;
       border-bottom: 3px solid transparent;
       min-width: 0;
   }
   
   .hilo-col-emoji  { font-size: 1.2rem; }
   .hilo-col-name   {
       font-size: 0.78rem;
       font-weight: 800;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       max-width: 100%;
       padding: 0 4px;
   }
   .hilo-col-total  {
       font-size: 1.3rem;
       font-weight: 900;
       color: var(--text-primary);
       transition: color 0.3s;
   }
   .hilo-col-total.near-limit  { color: var(--warning); }
   .hilo-col-total.over-limit  { color: var(--danger); }
   
   /* Corps du tableau — lignes de manche */
   .hilo-score-body  { padding: 0.25rem 0; }
   
   .hilo-no-rounds {
       text-align: center;
       padding: 1.25rem;
       color: var(--text-secondary);
       font-size: 0.9rem;
   }
   
   .hilo-round-row {
       display: flex;
       border-bottom: 1px solid var(--bg-tertiary);
   }
   .hilo-round-row:last-child { border-bottom: none; }
   
   .hilo-round-cell {
       flex: 1;
       text-align: center;
       padding: 0.45rem 0.25rem;
       font-size: 0.92rem;
       font-weight: 600;
       position: relative;
   }
   
   .hilo-round-cell.doubled {
       color: var(--warning);
       font-weight: 900;
   }
   
   .hilo-doubled-badge {
       font-size: 0.58rem;
       font-weight: 900;
       background: var(--warning);
       color: white;
       padding: 0.1rem 0.3rem;
       border-radius: 4px;
       margin-left: 2px;
       vertical-align: middle;
   }
   
   /* --- Sélecteur score limite --- */
   .hilo-limit-selector {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 0.75rem;
       background: var(--bg-secondary);
       border-radius: var(--radius-sm);
       padding: 0.65rem 1rem;
       margin: 0.5rem 0 0;
   }
   
   .hilo-limit-label {
       font-size: 0.82rem;
       font-weight: 700;
       color: var(--text-secondary);
       white-space: nowrap;
   }
   
   .hilo-limit-btn {
       background: var(--bg-tertiary);
       border: none;
       border-radius: 6px;
       width: 32px;
       height: 32px;
       font-size: 1.1rem;
       font-weight: 900;
       color: var(--text-primary);
       cursor: pointer;
       transition: var(--transition);
       display: flex;
       align-items: center;
       justify-content: center;
       font-family: var(--font);
   }
   .hilo-limit-btn:hover { background: var(--accent-light); color: var(--accent); }
   
   .hilo-limit-value {
       font-size: 1.4rem;
       font-weight: 900;
       color: var(--accent);
       min-width: 52px;
       text-align: center;
   }
   
   /* --- Hint doublement --- */
   .hilo-hint-box {
       background: var(--bg-tertiary);
       border-radius: var(--radius-sm);
       padding: 0.6rem 0.75rem;
       font-size: 0.82rem;
       color: var(--text-secondary);
       margin: 0.5rem 0;
       line-height: 1.4;
   }