/* Barra superior */
    .top-test-bar{
      z-index:200;
      display:grid;
      grid-template-columns:350px minmax(0,1fr) 360px;
      align-items:center;
      gap:10px;
      padding:6px 12px;
      overflow:visible;
      background:
        linear-gradient(180deg,rgba(255,255,255,.045),transparent 46%),
        url("../asset/ui/barra superior.png") center/100% 100% no-repeat,
        linear-gradient(180deg,#101010 0%,#050505 100%);
    }
    .top-test-left{display:flex;align-items:center;gap:12px;min-width:0;height:100%;}
    .top-test-compass{
      width:48px;height:48px;display:grid;place-items:center;
      border:1px solid rgba(111,17,25,.55); background:#070707; color:#c8beb4;
      font-size:1.45rem; box-shadow:inset 0 0 18px rgba(0,0,0,.8);
    }
    .top-test-title{display:grid;line-height:1.05;min-width:0;}
    .top-test-title strong{color:#fff;text-transform:uppercase;letter-spacing:.07em;font-size:1.05rem;white-space:nowrap;}
    .top-test-title span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.62rem;white-space:nowrap;}
    .top-test-center{display:grid;place-items:center;}
    .top-test-close{
      width:42px;height:42px;min-height:42px;border-radius:50%;
      color:#c8beb4;background:linear-gradient(180deg,#160607 0%,#070202 100%);border-color:#3a090d;
      font-size:1.25rem;line-height:1;
    }
    .top-test-right{justify-self:end;display:grid;align-items:center;min-width:0;}
    .top-admin-profile{
      height:58px;display:grid;grid-template-columns:50px minmax(0,235px);align-items:center;gap:10px;
      padding:0 10px;background:rgba(0,0,0,.25);border:1px solid #242424;outline:1px solid rgba(58,9,13,.64);
      border-radius:4px;
    }
    .top-admin-avatar{
      width:48px;height:48px;min-height:48px;align-self:center;justify-self:center;
      overflow:hidden;border-radius:50%;border:1px solid #3a090d;position:relative;background:#020202;
      box-shadow:inset 0 0 18px rgba(0,0,0,.9);
    }
    .top-admin-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
    .top-admin-avatar .director-avatar-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#f2eee8;font-size:.62rem;font-weight:900;letter-spacing:.08em;background:#060606;text-transform:uppercase;}
    .top-admin-avatar-edit{
      position:absolute;right:0;bottom:0;z-index:2;width:17px;height:17px;min-height:17px;padding:0;
      display:grid;place-items:center;border-radius:50%;border:1px solid rgba(111,17,25,.85);
      background:linear-gradient(180deg,#160607,#040202);color:#e8ddd4;font-size:.58rem;line-height:1;
      box-shadow:0 0 0 1px rgba(0,0,0,.85),0 2px 5px rgba(0,0,0,.45);
    }
    .top-admin-avatar-edit:hover{border-color:#9d1d27;filter:brightness(1.16);}
    .top-admin-namebox{display:grid;gap:4px;min-width:0;}
    .top-admin-role{font-size:.58rem;text-transform:uppercase;letter-spacing:.10em;color:#8f8680;}
    .top-admin-name-input{width:100%;height:28px;padding:3px 6px;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#060606;}

    /* Layout central */
    .app{
      width:100%;height:100%;min-width:0;min-height:0;
      display:grid;
      grid-template-columns:350px minmax(560px,1fr) 500px;
      grid-template-rows:minmax(0,56%) minmax(0,44%);
      gap:7px;
      background:#000;
      overflow:hidden;
      position:relative;
      z-index:1;
    }
    .left-panel{grid-column:1;grid-row:1;}
    .center-empty-panel{grid-column:2;grid-row:1 / 3;}
    .right-panel{grid-column:3;grid-row:1;}
    .forja-damage-panel{grid-column:1;grid-row:2;align-self:stretch;justify-self:stretch;height:100%;}
    .forja-wod-bar-panel{grid-column:2;grid-row:2;align-self:end;justify-self:stretch;height:var(--wod-panel-height);max-height:var(--wod-panel-height);}
    .bestiary-panel{grid-column:3;grid-row:2;align-self:stretch;justify-self:stretch;height:100%;}

    .is-hidden{display:none !important;}
    .empty-lower-panel{
      min-width:0;
      min-height:0;
      width:100%;
      height:100%;
      padding:0;
      border:1px solid #3a090d;
      outline:1px solid rgba(111,17,25,.38);
      border-radius:7px;
      background:
        radial-gradient(circle at 50% 38%, rgba(111,17,25,.07), transparent 45%),
        linear-gradient(180deg,#050505 0%,#000 100%);
      box-shadow:inset 0 0 0 1px rgba(0,0,0,.75), inset 0 0 24px rgba(0,0,0,.72);
      overflow:hidden;
    }
    .forja-damage-empty-panel{grid-column:1;grid-row:2;align-self:stretch;justify-self:stretch;}
    .forja-wod-empty-panel{grid-column:2;grid-row:2;align-self:end;justify-self:stretch;height:var(--wod-panel-height);max-height:var(--wod-panel-height);}