.character-card{background-color:transparent;height:400px;perspective:1000px;text-decoration:none;display:block;color:inherit}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.character-card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid var(--color-secondary, #000);background:#fff;display:flex;flex-direction:column;border-radius:8px;overflow:hidden}.card-front{color:#000}.card-back{background-color:var(--color-secondary, #000);color:#fff;transform:rotateY(180deg);padding:var(--spacing-lg, 1.5rem);justify-content:center;align-items:center}.char-image{width:100%;height:85%;object-fit:cover;border-bottom:3px solid var(--color-secondary, #000)}.placeholder-image{width:100%;height:85%;display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--color-secondary, #000)}.classified-container{background-color:#f0e6d2;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px;position:relative;overflow:hidden}.classified-content{display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px dashed #8b0000;padding:1rem;transform:rotate(-5deg);opacity:.8;pointer-events:none}.classified-stamp{font-size:2rem;font-weight:900;color:#8b0000;font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase;border:3px solid #8b0000;padding:.2rem 1rem;margin-bottom:.5rem;background-color:#8b00001a}.classified-sub{font-size:.8rem;font-weight:700;color:#8b0000;font-family:Courier New,monospace;letter-spacing:1px}.char-name{font-family:var(--font-heading, sans-serif);font-size:var(--text-xl, 1.25rem);font-weight:800;margin:auto;padding:.5rem;text-transform:uppercase;letter-spacing:.02em}.card-back h3{font-size:var(--text-2xl, 1.5rem);font-weight:800;margin-bottom:var(--spacing-md, 1rem);color:var(--color-primary, #fff)}.char-desc{font-size:var(--text-sm, .875rem);line-height:1.6;margin-bottom:var(--spacing-md, 1rem);flex-grow:1}.char-source{font-size:var(--text-xs, .75rem);color:#ffffffb3;font-style:italic;margin-top:auto}.card-front:before{content:"CONFIDENCIAL";position:absolute;top:10px;left:-30px;background:var(--color-primary, red);color:#fff;font-size:.6rem;padding:2px 30px;transform:rotate(-45deg);z-index:10;font-weight:700;letter-spacing:1px}.card-back:after{content:"TOP SECRET";position:absolute;bottom:10px;right:10px;border:2px solid var(--color-primary, white);color:var(--color-primary, white);font-size:1rem;padding:.2rem .5rem;transform:rotate(-10deg);opacity:.5;font-weight:700;font-family:var(--font-display, sans-serif)}.rpg-badge{position:absolute;top:15px;right:15px;background-color:var(--color-accent, #2c5f8d);color:#fff;border:2px solid var(--color-secondary, #1a1a1a);font-family:var(--font-heading, monospace);font-size:.7rem;font-weight:700;padding:.2rem .5rem;transform:rotate(5deg);z-index:10;box-shadow:2px 2px 0 var(--color-secondary, #1a1a1a);text-transform:uppercase;letter-spacing:1px}