/* ConectaMundo RPG — painel de classes, mochila e pontos de vida numéricos. */
.hearts-stat{min-width:118px;gap:4px}
.hearts-stat strong{font-size:18px;color:#ffdfdd;white-space:nowrap;letter-spacing:.2px}
.health-meter{height:8px;width:90%;border-radius:20px;overflow:hidden;background:#562d48;border:1px solid #b16973}
.health-meter span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff6e78,#ffba82);border-radius:20px;transition:width .22s}
.small-stat strong{font-size:17px}
.intro-modal{width:min(560px,100%)}
.class-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:6px}
.class-option{border:2px solid #487d88;background:linear-gradient(145deg,#1b5267,#10415a);color:#effff5;border-radius:15px;text-align:left;padding:11px;display:flex;flex-direction:column;gap:4px;position:relative;transition:transform .15s,border-color .15s,background .15s}
.class-option:hover{transform:translateY(-2px);border-color:#85d6ca}
.class-option.selected{border-color:#ffe58f;background:linear-gradient(145deg,#366b78,#195766);box-shadow:inset 0 0 0 1px #f3ecb366,0 0 16px #ffe58b26}
.class-option .class-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900}
.class-option .class-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff20;font-size:21px}
.class-option .class-description{font-size:11px;line-height:1.35;color:#c7e9e6}
.class-option .class-numbers{display:block;font-size:10px;color:#ffe7af;font-weight:900;line-height:1.5;margin-top:3px}
.inventory-trigger{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:100%;min-height:65px;margin:4px 0 12px;border-radius:14px;border:1px solid #b7f0bd;color:#153f42;background:linear-gradient(120deg,#a2f1ac,#6ddfd3);font-size:14px;font-weight:900;box-shadow:inset 0 -5px 0 #12858033,0 7px 15px #00192344}
.inventory-trigger small{font-size:10px;color:#255d5d}
.inventory-trigger:hover{filter:brightness(1.07)}
.inventory-modal{width:min(850px,100%);padding:26px 28px 22px}
.inventory-modal h2{font-size:27px;margin:7px 0}
.inventory-modal>p{color:#cce9e7;font-size:12px;line-height:1.5;max-width:700px}
.inventory-modal h3{font-size:17px;color:#e3ffe8;margin:20px 0 10px}
.inventory-stats{display:flex;gap:7px;flex-wrap:wrap;padding:9px;border-radius:12px;border:1px solid #417d7e;background:#113b4c;margin:15px 0 18px}
.inventory-stats span{padding:6px 9px;border-radius:9px;background:#215c6c;font-size:11px;color:#f5fee6;font-weight:900;white-space:nowrap}
.equipment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.slot-card{min-width:0;min-height:113px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;border-radius:13px;border:1px dashed #5a8d96;background:#0d3546;padding:9px 5px}
.slot-card.filled{border:1px solid #b8e7c2;background:linear-gradient(155deg,#225c66,#184956)}
.slot-card .slot-icon{font-size:25px;line-height:1}
.slot-card strong{font-size:11px;color:#e8fff2;line-height:1.25;overflow-wrap:anywhere}
.slot-card small{font-size:9px;color:#a3d6d1;line-height:1.2}
.slot-card span.slot-bonus{color:#ffe1a4;font-size:9px;font-weight:900;line-height:1.25}
.slot-card button{background:#2e7980;border:1px solid #79a9b0;color:white;border-radius:8px;font-size:10px;padding:5px 8px;margin-top:2px}
.loot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:70px}
.loot-card{display:flex;align-items:center;gap:9px;min-width:0;background:linear-gradient(145deg,#1d4f61,#174051);border:1px solid #51818c;padding:10px;border-radius:13px}
.loot-card.worn{border-color:#acebb2;background:linear-gradient(145deg,#245d5a,#174d54)}
.loot-card .item-icon{font-size:28px;display:grid;place-items:center;flex:none;width:43px;height:43px;background:#ffffff1a;border-radius:10px}
.loot-card .item-info{flex:1;min-width:0}
.loot-card strong{display:block;font-size:12px;line-height:1.35;color:#f3ffe9}
.loot-card small{display:block;font-size:10px;color:#b6dadd;line-height:1.4}
.loot-card .rarity{color:#ffe8a2;font-weight:bold}
.loot-card button{border-radius:9px;border:1px solid #abe5bb;background:#66dbb6;padding:7px 9px;font-size:10px;font-weight:900;color:#164852;white-space:nowrap}
.loot-card button:disabled{opacity:.66;cursor:default;background:#3b7e75;color:#e4fff1}
.bag-empty{padding:20px;border:1px dashed #6b9ca0;border-radius:12px;text-align:center;color:#c2dbda;font-size:12px;grid-column:1/-1}
.inventory-modal .primary-btn{margin-top:20px}
.death-icon{font-size:76px;display:block;margin-bottom:8px;filter:drop-shadow(0 3px 20px #df8e98)}
.death-stats{border:1px solid #ae7481;background:#532e4857;color:#ffe3e2;padding:13px;border-radius:14px;margin:18px 0;font-size:14px}
.loot-announcement{display:inline-block;font-weight:900;color:#ffe8a0;margin:7px 0 0}
@media(max-width:1090px) and (min-width:701px){.side-panel .inventory-trigger{grid-column:2;grid-row:3;align-self:start}.side-panel .reset-btn{grid-row:5}.side-panel .rules-card{grid-row:4;grid-column:2}.side-panel .chapter-list{grid-row:3/6}}
@media(max-width:700px){.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-modal{padding:19px 14px}.inventory-modal h2{font-size:24px}.loot-grid{grid-template-columns:1fr}.intro-modal{max-width:98vw}.class-option{padding:9px}.class-option .class-numbers{font-size:9px}.class-option .class-description{font-size:10px}.hearts-stat strong{font-size:17px}}
@media(max-width:380px){.class-choices{grid-template-columns:1fr}}