/* Panel derecho */
    .right-panel{
      display:grid;
      grid-template-rows:50px minmax(0,1fr);
      background:#050505;
      min-height:0;
      overflow:hidden;
      position:relative;
    }
    .folder-tabs{
      grid-row:1;
      height:50px;
      display:grid;
      grid-template-columns:42px minmax(0,1fr) 42px;
      align-items:center;
      gap:8px;
      padding:7px 9px;
      border-bottom:1px solid rgba(58,9,13,.55);
      background:#0c0c0c;
      min-height:0;
      overflow:hidden;
    }
    .folder-arrow{width:38px;height:36px;min-height:36px;font-size:1.5rem;padding:0;color:#c8beb4;position:relative;z-index:20;pointer-events:auto;}
    .folder-current{height:36px;display:grid;place-items:center;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.82rem;background:#060606;border:1px solid #2a2a2a;border-radius:4px;text-shadow:0 1px 2px #000;}
    .folder-content{
      grid-row:2;
      display:none;
      min-height:0;
      height:auto;
      padding:9px;
      overflow:hidden;
      color:var(--text);
      background:#050505;
    }
    .folder-content.active{display:grid;}
    #panelDados.folder-content.active{grid-template-rows:minmax(0,1fr) auto auto;gap:3px;padding:6px 9px 7px;}
    .dice-panel{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 36px;gap:0;overflow:visible;}
    .dice-row{min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:0 4px;padding:0;align-items:stretch;overflow:visible;}
    .die-button{width:100%;height:100%;min-height:0;padding:0;display:grid;place-items:center;border:0;outline:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;position:relative;z-index:1;}
    .die-button:hover{filter:brightness(1.18);border:0;z-index:2;}
    .die-img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block;transform:scale(1.12);filter:drop-shadow(0 8px 7px rgba(0,0,0,.82));pointer-events:none;}
    .dice-result,.combat-fields{height:36px;min-height:36px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #242424;border-radius:4px;overflow:hidden;background:#0c0c0c;color:#aaa29a;}
    .combat-fields{border-top:0;border-radius:0 0 4px 4px;}
    .dice-result{border-radius:4px 4px 0 0;}
    .dice-result>div,.combat-fields>label{display:grid;place-items:center;text-align:center;padding:3px 5px;border-right:1px solid #242424;font-size:.72rem;line-height:1.05;}
    .dice-result>div:last-child,.combat-fields>label:last-child{border-right:0;}
    .dice-result strong{display:block;color:#fff;font-size:1.15rem;line-height:1;}
    .dice-result input,.combat-fields input{width:82px;height:24px;text-align:center;}
    .combat-fields span{display:block;color:#aaa29a;}
    .action-grid{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:38px 38px;gap:6px 6px;align-content:start;padding-top:0;margin-top:0;}
    .action-grid button{height:38px;min-height:38px;padding:5px 7px;font-size:.74rem;text-transform:uppercase;letter-spacing:.055em;color:#c8beb4;background:linear-gradient(180deg,#111,#050505);}
    .action-grid .red,.action-grid .gold{background:linear-gradient(180deg,#160607,#070202);border-color:#3a090d;}
    .action-grid .blue,.action-grid .green,.action-grid .gray{background:linear-gradient(180deg,#101010,#050505);border-color:#2a2a2a;}
    #panelRegistro.active{grid-template-rows:36px minmax(0,1fr) 34px;gap:8px;}

    /* PANEL TIRADAS: lanzador circular integrado */
    #panelTiradas.folder-content.active{
      display:grid;
      grid-template-rows:minmax(0,1fr);
      gap:0;
      padding:5px;
      min-height:0;
      overflow:hidden;
    }
    .tiradas-launcher-panel{
      position:relative;
      min-width:0;
      min-height:0;
      width:100%;
      height:100%;
      border:1px solid #242424;
      outline:1px solid rgba(58,9,13,.55);
      border-radius:4px;
      background:
        radial-gradient(circle at 50% 45%, rgba(111,17,25,.06), transparent 52%),
        linear-gradient(180deg,#050505 0%,#000 100%);
      box-shadow:inset 0 0 28px rgba(0,0,0,.86);
      overflow:hidden;
      display:grid;
      place-items:center;
      padding:0;
    }
    /* Imagen de fondo dados.png centrada y ajustada */
    .tiradas-launcher-panel::before{
      content:"";
      position:absolute;
      inset:0;
      background:url("../dados.png") center center / contain no-repeat;
      pointer-events:none;
      z-index:0;
      opacity:0.45;
    }
    .tiradas-floating-unit{
      position:relative;
      width:100%;
      height:100%;
      min-width:0;
      min-height:0;
      display:grid;
      place-items:start center;
      padding-top:0px;
      margin-top:-20px;
      overflow:visible;
      background:transparent;
      border:0;
      outline:0;
      box-shadow:none;
      touch-action:none;
    }
    .tiradas-board-wrap{
      width:100%;
      height:100%;
      min-width:0;
      min-height:0;
      display:grid;
      place-items:center;
      overflow:hidden;
      filter:drop-shadow(0 14px 20px rgba(0,0,0,.72));
      user-select:none;
    }
    #tiradasDiceCanvas{
      display:block;
      width:min(109%, 485px);
      height:min(109%, 485px);
      max-width:none;
      max-height:none;
      aspect-ratio:1/1;
      transform:scale(1.01);
      transform-origin:center center;
    }
    /* Controles superiores: número + flechas, sobre el hexágono de piedra superior */
    .tiradas-top-controls{
      position:absolute;
      top:5%;
      left:49%;
      z-index:8;
      transform:translateX(-50%);
      display:flex;
      align-items:center;
      gap:0px;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    .tiradas-arrow-btn{
      width:20px;
      height:26px;
      padding:0;
      border:0;
      background:transparent;
      color:#c8514a;
      font-size:1rem;
      font-weight:900;
      line-height:1;
      cursor:pointer;
      text-shadow:0 1px 3px #000;
      outline:none;
      box-shadow:none;
      -webkit-appearance:none;
    }
    .tiradas-arrow-btn:hover,
    .tiradas-arrow-btn:focus,
    .tiradas-arrow-btn:active{
      background:transparent;
      outline:none;
      box-shadow:none;
      color:#e06060;
    }
    .tiradas-control-input{
      width:30px;
      height:26px;
      min-height:26px;
      padding:0;
      text-align:center;
      color:#c8514a;
      background:transparent;
      border:0;
      border-radius:0;
      font-size:1rem;
      font-weight:900;
      text-shadow:0 1px 3px #000;
      -moz-appearance:textfield;
      outline:none;
      box-shadow:none;
    }
    .tiradas-control-input::-webkit-outer-spin-button,
    .tiradas-control-input::-webkit-inner-spin-button{-webkit-appearance:none;}
    .tiradas-control-input:focus{outline:none;box-shadow:none;background:transparent;}
    /* Botón LANZAR completamente invisible */
    .tiradas-roll-button{
      position:absolute;
      bottom:6%;
      left:50%;
      transform:translateX(-50%);
      width:22%;
      height:7%;
      min-height:0;
      padding:0;
      border:0;
      background:transparent;
      color:transparent;
      font-size:0;
      cursor:pointer;
      z-index:9;
      border-radius:4px;
      outline:none;
      box-shadow:none;
      -webkit-appearance:none;
    }
    .tiradas-roll-button:hover,
    .tiradas-roll-button:focus,
    .tiradas-roll-button:active{
      background:transparent;
      outline:none;
      box-shadow:none;
      border:0;
    }
    .tiradas-result-text{
      display:none;
    }

    /* Resultado del sistema de dados sin caja: solo texto */
    .dice-result-clean{
      height:28px;
      min-height:28px;
      display:flex;
      align-items:center;
      justify-content:center;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      overflow:visible;
      color:#c8beb4;
      text-align:center;
    }
    .dice-result-clean>div{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      padding:0;
      border:0;
      font-size:.66rem;
      line-height:1;
      letter-spacing:.07em;
      text-transform:lowercase;
      text-shadow:0 1px 2px #000;
      background:transparent;
    }
    .dice-result-clean strong{
      display:block;
      margin-top:1px;
      color:#fff;
      font-size:1rem;
      line-height:1;
    }

    /* Tiradas flotantes: mantener 3 segundos para extraer/devolver solo el círculo y sus controles */
    .tiradas-floating-placeholder{
      width:100%;
      height:100%;
      min-height:0;
      background:transparent;
      border:0;
      outline:0;
      box-shadow:none;
    }
    body>.tiradas-floating-unit.tiradas-floating{
      position:fixed;
      left:50%;
      top:50%;
      width:min(76vmin,645px);
      height:min(76vmin,645px);
      z-index:100000;
      transform:translate(-50%,-50%);
      cursor:grab;
      background:transparent;
      border:0;
      outline:0;
      box-shadow:none;
      overflow:visible;
      touch-action:none;
    }
    body>.tiradas-floating-unit.tiradas-floating.dragging{
      cursor:grabbing;
    }
    body>.tiradas-floating-unit.tiradas-floating .tiradas-board-wrap{
      width:100%;
      height:100%;
      filter:drop-shadow(0 22px 32px rgba(0,0,0,.82));
    }
    body>.tiradas-floating-unit.tiradas-floating #tiradasDiceCanvas{
      width:min(112%,650px);
      height:min(112%,650px);
      max-width:none;
      max-height:none;
      transform:scale(1.04);
    }
    body>.tiradas-floating-unit.tiradas-floating .tiradas-top-controls{
      top:18px;
      transform:translateX(-50%) scale(1.03);
      transform-origin:center top;
    }

    .registro-tools{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid rgba(58,9,13,.45);padding-bottom:4px;}
    .log{min-height:0;overflow:auto;padding:8px;border:1px solid #242424;border-radius:4px;background:#0c0c0c;color:#c8beb4;font-size:.8rem;line-height:1.35;scrollbar-width:none;}
    .log::-webkit-scrollbar{display:none;}
    .log p{margin:0 0 6px;}
    .registro-chat-row{display:grid;grid-template-columns:1fr 78px;gap:6px;}
    .registro-chat-row input{padding:0 8px;}