.character-sheet-modal{width:95vw;max-width:1200px}.character-sheet-container{flex-direction:column;gap:1.5rem;display:flex}.character-sheet-tabs{border-bottom:2px solid #fff3;gap:.5rem;padding-bottom:.5rem;display:flex}.tab-button{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px 8px 0 0;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.tab-button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.tab-button.active{color:#fff;background:linear-gradient(135deg,#2f4a72,#0e2c40);border-color:#2f4a72cc;box-shadow:0 4px 15px #2f4a7266}.character-sheet-body{min-height:500px;padding:1rem 0}.character-sheet-content{grid-template-columns:400px 1fr;gap:2rem;display:grid}.character-image-section{flex-direction:column;align-items:center;display:flex}.character-sheet-image{object-fit:cover;border:2px solid #ffffff4d;border-radius:12px;width:100%;height:auto;max-height:500px;box-shadow:0 8px 32px #0000004d}.character-info-section{flex-direction:column;gap:1.5rem;display:flex}.stats-section{background:linear-gradient(135deg,#2f4a724d,#0e2c404d);border:1px solid #2f4a7280;border-radius:12px;padding:1.5rem}.stats-section h3{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:1rem;font-size:1.3rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.stat-value{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.8rem;font-weight:700}.basic-info-section{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:1.5rem}.basic-info-section h3{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:1rem;font-size:1.3rem}.info-grid{flex-direction:column;gap:.75rem;display:flex}.info-row{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.info-label{color:#ffffffb3;font-size:.9rem;font-weight:600}.info-value{color:#fff;font-size:.95rem;font-weight:500}.status-badge{border-radius:12px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.status-badge.active{color:#4ecdc4;background:linear-gradient(135deg,#2f4a7280,#0e2c4080);border:1px solid #2f4a72cc}.status-badge.inactive{color:#fff9;background:#ffffff1a;border:1px solid #fff3}.npc-badge{color:#fbbf24;background:#fbbf244d;border:1px solid #fbbf2480;border-radius:12px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.race-description{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.race-description h4{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:.75rem;font-size:1.1rem}.race-description p{color:#fffc;font-size:.95rem;line-height:1.6}.skills-tab-content{padding:1rem}.skills-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.skills-header h3{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.5rem}.skill-points-display{color:#fffc;background:linear-gradient(135deg,#2f4a724d,#0e2c404d);border:1px solid #2f4a7280;border-radius:8px;padding:.75rem 1.25rem;font-size:1rem}.skill-points-display strong{color:#d4b67a;margin-left:.5rem;font-size:1.2rem}.skills-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;display:grid}.skill-card{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:1.25rem;transition:all .3s}.skill-card:hover{border-color:#2f4a7299;transform:translateY(-3px);box-shadow:0 8px 24px #0003}.skill-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.skill-header h4{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.1rem;font-weight:600}.skill-badges{flex-wrap:wrap;gap:.5rem;display:flex}.skill-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.skill-badge.type{color:#a855f7;background:#a855f74d;border:1px solid #a855f780}.skill-badge.branch{color:#3b82f6;background:#3b82f64d;border:1px solid #3b82f680}.skill-badge.passive{color:#22c55e;background:#22c55e4d;border:1px solid #22c55e80}.skill-description{color:#fffc;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.skill-meta{color:#fff9;border-top:1px solid #ffffff1a;gap:1rem;padding-top:.75rem;font-size:.85rem;display:flex}.skill-cost,.skill-rank,.skill-target{font-weight:500}.empty-skills{text-align:center;color:#fff9;padding:3rem;font-size:1rem}.tab-content-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.tab-content-placeholder h3{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:1rem;font-size:1.8rem}.tab-content-placeholder p{color:#ffffffb3;font-size:1.1rem}@media (max-width:900px){.character-sheet-content{grid-template-columns:1fr}.character-image-section{max-width:400px;margin:0 auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.skills-list{grid-template-columns:1fr}}@media (max-width:600px){.character-sheet-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-button{white-space:nowrap;padding:.6rem 1rem;font-size:.85rem}.stats-grid{grid-template-columns:1fr}.skills-header{flex-direction:column;align-items:flex-start;gap:1rem}}