/* Daño */
    .forja-damage-panel{
      display:grid;
      grid-template-rows:22px 18px minmax(0,1fr);
      align-self:stretch;
      justify-self:stretch;
      min-width:0;
      min-height:0;
      width:100%;
      height:100%;
      padding:6px;
      border:1px solid #3a090d;
      outline:1px solid rgba(111,17,25,.38);
      border-radius:7px;
      background:#050505;
      background-image:none;
      box-shadow:inset 0 0 0 1px rgba(0,0,0,.75), inset 0 0 22px rgba(0,0,0,.65);
      overflow:hidden;
      z-index:2;
    }
    .forja-damage-title{z-index:6;display:grid;place-items:center;color:#c8beb4;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 2px #000;}
    .forja-damage-player{z-index:6;display:grid;place-items:center;color:#8f8680;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(111,17,25,.34);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .forja-damage-tracker{
      position:relative;
      z-index:6;
      width:100%;
      height:100%;
      min-width:0;
      min-height:0;
      align-self:stretch;
      justify-self:stretch;
      overflow:hidden;
      background:#000;
    }
    .forja-damage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-drag:none;}
    .forja-damage-slot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);padding:0;margin:0;border:0;outline:0;min-height:0;background:transparent;box-shadow:none;z-index:7;}
    .forja-damage-skull{position:absolute;left:50%;top:50%;width:64%;height:64%;object-fit:contain;transform:translate(-50%,-50%) scale(.82);opacity:0;transition:opacity 120ms ease,transform 120ms ease;pointer-events:none;filter:drop-shadow(0 4px 7px rgba(0,0,0,.85));}
    .forja-damage-slot.active .forja-damage-skull{opacity:1;transform:translate(-50%,-50%) scale(1);}

    /* Barra sobrenatural */
    .forja-wod-bar-panel{
      display:block;
      align-self:end;
      justify-self:stretch;
      min-width:0;
      min-height:0;
      width:100%;
      height:240px;
      max-height:240px;
      padding:14px 10px;
      border:1px solid #3a090d;
      outline:1px solid rgba(111,17,25,.38);
      border-radius:7px;
      background:#050505;
      background-image:none;
      box-shadow:inset 0 0 0 1px rgba(0,0,0,.75), inset 0 0 20px rgba(0,0,0,.65);
      overflow:hidden;
    }
    .forja-wod-bar-wrap{position:relative;z-index:6;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr) 28px;column-gap:18px;color:#f2eee8;}
    .forja-wod-bar-wrap.mage-centered{grid-template-columns:minmax(0,1fr);column-gap:0;}
    .forja-wod-bar-wrap.mage-centered .forja-wod-bar-box{grid-column:1;justify-self:center;width:min(100%, 880px);}
    .forja-wod-bar-wrap.mage-centered .forja-wod-bar-foot{grid-column:1;}
    .forja-wod-bar-wrap.mage-centered .forja-wod-class-art{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;margin-right:0;pointer-events:none;z-index:8;}
    .forja-wod-bar-head{display:none;}
    .forja-wod-bar-box{grid-column:1;grid-row:1;position:relative;width:calc(100% - 8px);height:186px;min-height:186px;align-self:end;justify-self:stretch;overflow:visible;z-index:7;transform:translateY(18px);}
    .forja-wod-bar-base{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:#000;clip-path:inset(19.5% 6.7% 19.5% 6.7%);}
    .forja-wod-bar-fill-mask{--reveal:60%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:visible;clip-path:inset(19.5% 6.7% 19.5% 6.7%);}
    .forja-wod-bar-fill-mask.secondary{z-index:2;}
    .forja-wod-bar-wrap.mage-centered .forja-wod-bar-fill-mask img{object-fit:fill;}
    .forja-wod-bar-fill-mask::after{content:"";position:absolute;top:0;right:0;height:100%;width:calc(100% - var(--reveal));background:#000;transition:width .25s ease;}
    .forja-wod-bar-fill-mask.reverse::after{right:auto;left:0;}
    .forja-wod-bar-fill-mask.conflict-left::after,.forja-wod-bar-fill-mask.conflict-right::after{display:none;}
    .forja-wod-bar-fill-mask.conflict-left{clip-path:inset(19.5% calc(100% - var(--reveal)) 19.5% 6.7%);}
    .forja-wod-bar-fill-mask.conflict-right{clip-path:inset(19.5% 6.7% 19.5% calc(100% - var(--reveal)));}
    .forja-wod-bar-fill-mask.is-hidden{display:none;}
    .forja-wod-bar-fill-mask img,.forja-wod-bar-frame,.forja-wod-bar-class2{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none;}
    .forja-wod-bar-fill-mask img{z-index:0;}.forja-wod-bar-frame{z-index:3;}.forja-wod-bar-class2{z-index:4;}
    .forja-wod-class-art{grid-column:2;grid-row:1/3;width:330px;height:230px;min-width:330px;min-height:230px;align-self:center;justify-self:end;margin-right:4px;display:block;z-index:7;object-fit:contain;background:transparent;pointer-events:none;-webkit-user-drag:none;}
    .forja-wod-bar-foot{grid-column:1;grid-row:2;display:flex;align-items:flex-start;justify-content:center;color:#9f948b;text-align:center;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(6px);}

    /* Bestiario */
    .bestiary-panel{
      display:grid;
      grid-template-rows:42px minmax(0,1fr);
      align-self:stretch;
      justify-self:stretch;
      min-width:0;
      min-height:0;
      width:100%;
      height:100%;
      background:#050505;
      background-image:linear-gradient(180deg,#050505 0%,#000 100%);
      overflow:hidden;
    }
    .bestiary-strip{z-index:6;display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid rgba(58,9,13,.55);background:#0c0c0c;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;}
    .bestiary-strip::-webkit-scrollbar{display:none;}
    .bestiary-strip.dragging{cursor:grabbing;user-select:none;}
    .bestiary-title{height:30px;display:flex;align-items:center;padding:0 12px;border:1px solid #2a2a2a;border-radius:999px;background:#060606;color:#c8beb4;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
    .enemy-thumb{width:32px;height:32px;min-width:32px;padding:0;border-radius:3px;overflow:hidden;border-color:#2a2a2a;background:#020202;}
    .enemy-thumb.active{border-color:#9d1d27;}
    .enemy-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
    .encounter-card{position:relative;z-index:6;min-height:0;display:grid;place-items:center;background:#050505;overflow:hidden;padding:0;}
    .enemy-full-sheet{width:100%;height:100%;object-fit:contain;object-position:center;background:#060606;display:block;}
    .enemy-full-fallback{display:grid;place-items:center;text-align:center;padding:18px;color:#8f8680;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;}
    .bestiary-empty-bg{width:100%;height:100%;object-fit:fill;display:block;background:#030303;}

    /* Barra inferior */
    .bottom-test-bar{display:grid;grid-template-columns:300px 300px minmax(180px,1fr) 48px 300px;align-items:center;gap:12px;padding:6px 14px;color:#aaa29a;z-index:1;}
    .bottom-test-btn,.bottom-test-save{height:30px;min-height:30px;display:flex;align-items:center;justify-content:center;padding:4px 14px;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;}
    .bottom-test-mid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;}
    .bottom-test-save{justify-self:center;width:240px;color:#908983;text-transform:none;letter-spacing:.035em;background:radial-gradient(circle at 7% 50%,rgba(135,20,28,.42) 0 5px,transparent 6px),linear-gradient(180deg,#0c0c0c,#030303);}
    .bottom-audio-toggle{justify-self:center;width:38px;height:30px;min-height:30px;padding:0;display:grid;place-items:center;border:1px solid #242424;outline:1px solid rgba(58,9,13,.55);border-radius:3px;background:linear-gradient(180deg,#111,#040404);color:#c8beb4;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.8), inset 0 0 14px rgba(0,0,0,.65);}
    .bottom-audio-toggle:hover{border-color:#7a1119;color:#fff;filter:brightness(1.08);}
    .bottom-audio-toggle .audio-svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
    .bottom-audio-toggle .audio-off{display:none;color:#9d1d27;}
    .bottom-audio-toggle.is-muted{color:#9d1d27;border-color:#3a090d;background:linear-gradient(180deg,#0b0b0b,#020202);}
    .bottom-audio-toggle.is-muted .audio-on{display:none;}
    .bottom-audio-toggle.is-muted .audio-off{display:block;}
    .bottom-test-end,.bottom-test-exit{min-width:260px;}
    .bottom-test-end{justify-self:end;color:#c8beb4;background:linear-gradient(180deg,rgba(151,30,38,.28),rgba(75,10,15,.28)),linear-gradient(180deg,#180607,#090202);border-color:#4c0b11;}
    .bottom-test-exit{justify-self:start;}

    .party-inventory-button{
      width:100%;height:38px;min-height:38px;padding:5px 10px;color:#f2eee8;
      background:linear-gradient(180deg,rgba(151,30,38,.28),rgba(75,10,15,.22)),linear-gradient(180deg,#111,#050505);
      border-color:#4c0b11;letter-spacing:.075em;font-size:1rem;display:grid;place-items:center;
    }