/* 
    Created on : Nov 11, 2025, 8:52:00 PM
    Author     : gergo
*/


  .answers-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    padding: 10px;
    background: #111;
    display: flex;
    gap: 8px;             /* távolság a téglalapok között */
    box-sizing: border-box;
    z-index: 9999;
  }

  /* Téglalapok (azonos méret, rugalmasan osztoznak a szélességen) */
  .answers-bar .answer {
    flex: 1 1 0;
    height: 36px;
    border-radius: 6px;
    transition: background-color 180ms ease, transform 120ms ease;
    outline: 1px solid rgba(255,255,255,.08);
  }

  /* Állapotok */
  .answer.unsolved { background: #6c757d; }  /* szürke */
  .answer.failed   { background: #dc3545; }  /* piros */
  .answer.success  { background: #28a745; }  /* zöld  */

  /* Apró vizuális visszajelzés friss váltásnál */
  .answer.just-updated { transform: scale(1.05); }
  .answer.just-updated { animation: settle 220ms ease forwards; }
  @keyframes settle { to { transform: scale(1); } }

  /* Demó gombok (nem kötelezők) */
  .demo-controls {
    position: fixed;
    bottom: 64px;
    left: 10px;
    display: flex;
    gap: 8px;
  }