/* Painel do sobrevivente: identidade, conteúdo por abas e ações permanentes. */
#interface {overflow:clip;}
body {--survivor-dock-height:194.4px;}
.has-active-board:not(.stats-collapsed) .table-panel {max-height:max(80px,calc(100dvh - var(--session-height,48px) - var(--survivor-dock-height) - 100px));}
.survivor-stats-container {position:absolute;display:flex;align-items:stretch;z-index:1100;left:12px;right:auto;bottom:76px;width:calc(50vw - 18px);max-width:none;height:194.4px;padding:0;overflow:visible;gap:8px;pointer-events:none;}
.survivor-stats-container .survivor-board {position:relative;}
.stats-collapsed .survivor-stats-container {display:none;}
.board-readonly .action,.board-readonly .life {cursor:default;}
.action-counter {font:600 10px system-ui;color:#f2efdf;white-space:nowrap;}
.action[data-pending] {opacity:.5;pointer-events:none;}
.survivor-stats-container .survivor-board {--owner-color:#e6c46e;display:grid;grid-template-columns:112px minmax(0,1fr) 110px;grid-template-rows:minmax(0,1fr) 44px;gap:0;width:100%;min-width:0;flex:1;height:100%;padding:0;border:1px solid #626457;border-top:3px solid var(--owner-color);border-radius:9px;background:linear-gradient(140deg,#282c29,#181d1b 55%,#222824);box-shadow:0 10px 30px #0009;outline:none;pointer-events:auto;color:#edece1;}
.survivor-stats-container .survivor-board:not(.character-active) {display:none;}
.survivor-board::before {content:'';position:absolute;left:0;right:0;top:0;height:3px;background:repeating-linear-gradient(125deg,#e0bc53 0 7px,#292c25 7px 14px);opacity:.65;pointer-events:none;}
.survivor-board :is(button,input,select) {font-family:system-ui,sans-serif;}
.survivor-board :is(button,[role="button"],input,select):focus-visible {outline:2px solid #f5da7b;outline-offset:3px;}
.survivor-identity {padding:10px 10px 6px;border-right:1px solid #51574a;display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:linear-gradient(145deg,#343b31aa,#111a1455);border-radius:7px 0 0 7px;min-width:0;}
.survivor-board .identity-kicker {color:#b8bcaa;font:700 8px/1.3 system-ui;letter-spacing:1px;}
.identity-details {display:flex;align-items:center;gap:5px;min-width:0;width:100%;}
.survivor-board .profile {position:relative;flex-shrink:0;width:32px;height:32px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:cover;border:2px solid var(--owner-color);box-shadow:0 0 0 4px #111a;}
.survivor-board .name {font:800 14px/1.1 system-ui;position:static;color:#f4f1df;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.survivor-zone {font:700 9px/1.3 system-ui;letter-spacing:1px;color:#e7cf83;background:#1119;border:1px solid #575d48;padding:3px 6px;border-radius:3px;}
.survivor-owner {font:600 8px/1.3 system-ui;color:#b9c2b0;overflow-wrap:anywhere;}
.survivor-main {padding:8px 10px 6px;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;}
.survivor-tabs {grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;}
.survivor-tabs button {display:flex;align-items:center;justify-content:center;width:28px;height:32px;background:#b99735;border:1px solid #e6c76a;border-radius:4px;padding:4px;color:#1c2417;cursor:pointer;}
.survivor-tabs button {background:#f5d360;border-color:#fff0ab;}
.survivor-tabs svg {width:21px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.survivor-content {grid-column:1;grid-row:1;min-height:0;min-width:0;container-type:inline-size;}
.survivor-board .survivor-content > :is(.set-2,.set-3) {position:relative;inset:auto;width:100%;height:100%;min-width:0;gap:12px;display:none;}
.survivor-board .survivor-content > .show {display:flex;}
.survivor-board h3 {font:700 10px/1.2 system-ui;color:#aeb8a2;letter-spacing:1.3px;margin:0;}
.survivor-board .set-2 {align-items:flex-start;gap:12px!important;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;}
.equipment-group {display:flex;flex-direction:column;height:100%;flex-shrink:0;}
.equipment-group + .equipment-group {border-left:1px solid #4b5244;padding-left:12px;}
.equipment-slots {display:flex;gap:5px;height:100%;}
.survivor-board .set-2 {scrollbar-width:thin;}
.survivor-board .set-2::-webkit-scrollbar {height:6px;}
.survivor-board .set-2 .slot {position:relative;display:flex;align-items:center;justify-content:center;width:auto;height:100%;aspect-ratio:303/434;border:1px solid #717666;border-radius:4px;flex-shrink:0;background:#111916 url('../img/bag_icon.svg') no-repeat center;background-size:80% auto;overflow:visible;cursor:pointer;}
.survivor-board .set-2 :is(#slot1,#slot2) {border-color:#aa9b63;}
.survivor-board .set-2 #slot1 {background-image:url('../img/right_hand_icon.svg');}
.survivor-board .set-2 #slot2 {background-image:url('../img/left_hand_icon.svg');}
.survivor-board .slot.cardSelect {border:3px solid #edc74e;}
.survivor-board .set-2 .slot > img {width:100%;height:100%;object-fit:contain;border-radius:3px;}
.survivor-board .cardMenu {position:absolute;display:flex;flex-direction:column;z-index:6;inset:4px 4px auto auto;gap:5px;}
.survivor-board .cardMenu button {display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;color:white;width:auto;height:27px;min-width:0;padding:3px 6px;font:11px system-ui;background:#19231bef;border:1px solid #c7c9b5;}
.survivor-board .stats {position:static;inset:auto;width:100%;height:auto;display:block;}
.survivor-board .lifes {position:static;width:auto;height:auto;display:flex;gap:4px;}
.survivor-board .lifes .life {display:flex;align-items:center;justify-content:center;cursor:pointer;width:23px;height:22px;min-width:23px;border-radius:4px;border:1px solid #d8867c;background:#933f37;color:#fff1e4;font:700 13px system-ui;}
.survivor-board .lifes .life-lost {background:#292e2a;color:#777f70;border-color:#525a4b;text-decoration:line-through;}
.survivor-board .ap-bar {position:static;inset:auto;width:100%;height:22px;gap:12px;justify-content:flex-start;}
/* A imagem determina a altura, preservando sua proporção original. */
.adrenaline-track {position:relative;flex:1;min-width:0;max-width:560px;}
.adrenaline-track > img {display:block;width:100%;height:auto;pointer-events:none;}
.survivor-board .adrenaline-track input {appearance:none;position:absolute;inset:0;margin:0;width:100%;height:100%;min-width:0;background:transparent;cursor:pointer;}
.survivor-board .adrenaline-track input::-webkit-slider-runnable-track {height:100%;background:transparent;}
.survivor-board .adrenaline-track input::-webkit-slider-thumb {appearance:none;width:12px;height:10px;margin-top:-10px;border:0;border-radius:0;background:#000;clip-path:polygon(0 0,100% 0,50% 100%);}
.survivor-board .adrenaline-track input::-moz-range-track {height:100%;background:transparent;}
.survivor-board .adrenaline-track input::-moz-range-thumb {width:12px;height:10px;border:0;border-radius:0;background:#000;clip-path:polygon(0 0,100% 0,50% 100%);transform:translateY(-100%);}
.survivor-board .ap-bar label {font:800 21px/1 system-ui;min-width:28px;text-align:right;}
.danger-scale {display:flex;justify-content:space-between;gap:6px;font:700 8px/1 system-ui;letter-spacing:.3px;}
.danger-scale span:nth-child(1) {color:#6bb9ed;}.danger-scale span:nth-child(2) {color:#f3d063;}.danger-scale span:nth-child(3) {color:#e7a15a;}.danger-scale span:nth-child(4) {color:#ed8175;}
.survivor-board .set-3 {display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px!important;}
.survivor-board .set-3:not(.show) {display:none!important;}
.survivor-board .set-3 .skill {position:relative;display:flex;align-items:center;gap:6px;width:auto;height:auto;padding:17px 8px 6px;border:1px solid #555e4d;border-radius:4px;background:#121b16;opacity:.48;color:#e1e9d7;overflow:visible;min-width:0;}
.survivor-board .skill::before {content:attr(data-level);position:absolute;top:5px;left:9px;font:700 8px system-ui;letter-spacing:1px;color:#bbc7ae;}
.survivor-board .set-3 .skill-unlocked {opacity:1;border-color:#9aab7c;background:#34422b66;}
.survivor-board .set-3 .skill img {width:13px;height:20px;flex-shrink:0;}
.survivor-board .set-3 .skill :is(p,select) {font:600 10px/1.3 system-ui;white-space:normal;color:inherit;min-width:0;}
.survivor-board .set-3 .skill select {appearance:auto;background:#1b271c;border:0;padding:2px;width:100%;}
.survivor-actions {box-sizing:border-box;min-width:0;min-height:0;border-left:1px solid #53594a;padding:6px;display:flex;flex-direction:column;gap:6px;background:#111a1455;border-radius:0 7px 7px 0;}
.actions-heading {display:flex;align-items:center;gap:4px;color:#f4d568;}
.actions-icon {display:flex;flex:0 0 16px;}
.actions-icon svg {width:16px;height:24px;}
.survivor-actions .actions {display:flex;align-items:center;gap:3px;min-height:24px;}
.survivor-actions .action {box-sizing:border-box;width:12px;height:12px;flex:0 0 12px;border-radius:3px;background:#f0c54d;border:1px solid #ffe393;cursor:pointer;transition:background-color .15s;}
.survivor-actions .action-used {background:transparent;border-color:#8a7950;}
.survivor-actions .action:focus-visible,.survivor-actions button:focus-visible {outline:2px solid #fff;outline-offset:2px;}
.action-buttons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-content:start;}
.survivor-actions .action-buttons button {box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:28px;padding:3px;border:1px solid #a58e49;border-radius:6px;background:#3b472d;color:#f2dfa4;cursor:pointer;}
.action-buttons button svg {width:21px;height:21px;pointer-events:none;}
.survivor-actions .action-buttons button[aria-pressed="true"] {background:#e5c255;color:#192115;border-color:#ffe8a5;box-shadow:0 0 10px #e5c25533;}
.survivor-actions:has(.board-search) {gap:6px;overflow:visible;}
.survivor-actions small {display:none;}
.has-active-board:not(.stats-collapsed) .table-session #action-move {display:none;}
.add-status-board {position:relative;top:0;align-self:end;width:44px;height:44px;flex:0 0 44px;border:3px solid #10170e;border-radius:7px;background:#e2bc49 url('../img/add_board_icon.svg') no-repeat center;background-size:60%;cursor:pointer;pointer-events:auto;}
.add-board {display:none;position:fixed;left:12px;bottom:220px;width:max-content;max-width:calc(100vw - 24px);max-height:35dvh;overflow:auto;flex-wrap:wrap;gap:6px;padding:10px;border-radius:8px;background:#172119;z-index:1500;}
.add-board.show {display:flex;}
.add-board button {width:40px;height:40px;padding:5px;border:0;border-radius:50%;cursor:pointer;}
/* Vida e adrenalina permanecem visíveis em qualquer aba. */
.panel-adrenaline {grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:4px 10px;border-top:1px solid #53594a;background:#111a1480;border-radius:0 0 7px 7px;min-width:0;}
.panel-adrenaline h3 {font-size:8px;letter-spacing:.7px;}
.panel-adrenaline .ap-bar {display:flex;align-items:center;flex:1;min-width:0;}
.panel-adrenaline .ap-bar label {font-size:16px;}
.panel-adrenaline .danger-scale {display:none;}
.survivor-identity h3 {font-size:8px;letter-spacing:.6px;}
.survivor-identity .lifes {gap:4px;}
@media(max-width:1000px) and (min-width:701px){
 .survivor-stats-container .survivor-board {grid-template-columns:96px minmax(0,1fr) 110px;}
 .survivor-identity {padding-inline:7px;}.survivor-board .profile{width:32px;height:32px;}.survivor-board .name{font-size:14px;}.survivor-main{padding-inline:7px;}
}
@media(max-width:700px){
 body {--survivor-dock-height:315px;}
 .survivor-stats-container {left:8px;right:8px;bottom:72px;width:auto;height:315px;}
 .survivor-stats-container .survivor-board {grid-template-columns:minmax(0,1fr);grid-template-rows:90px minmax(0,1fr) 76px 44px;}
 .survivor-identity {display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr 1fr 24px;padding:8px 12px;gap:2px 12px;border-right:0;border-bottom:1px solid #51574a;}
 .identity-kicker,.survivor-identity h3 {display:none;}.identity-details{grid-row:1/3;}.survivor-board .profile{width:36px;height:36px;}.survivor-board .name{font-size:19px;}.survivor-zone{font-size:9px;justify-self:end;}.survivor-owner{justify-self:end;}.survivor-identity .stats{grid-row:3;grid-column:1/-1;}
 .survivor-main{padding:7px 12px;gap:5px;}
 .survivor-actions{border-left:0;border-top:1px solid #53594a;padding:5px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;}
 .survivor-actions:has(.board-search){gap:10px;}
 .actions-heading{flex-shrink:0;}
 .action-buttons{display:grid;grid-template-columns:repeat(4,32px);justify-content:end;gap:4px;}
 .survivor-actions .action-buttons button{width:32px;height:30px;}
 .survivor-board .set-3 .skill :is(p,select){font-size:9px;}
}
@media(max-height:550px) and (min-width:701px){body{--survivor-dock-height:180px;}.survivor-stats-container{height:180px;}}

.survivor-board .set-2 .slot > img {cursor:zoom-in;user-select:none;-webkit-user-drag:none;touch-action:pan-y;}
