.character-panel{margin-top:20px;padding:20px;border:1px solid #2a5975;background:#05111e}.character-panel[hidden],.character-card[hidden]{display:none}.character-name{display:grid;gap:7px;max-width:420px;margin:0 auto 20px;color:#bdd6e2}.character-name input{min-height:44px;padding:10px;border:1px solid #37647a;background:#020912;color:#eefcff;font:inherit}.archetype-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.archetype-option{position:relative;display:block;padding:18px;border:1px solid #37647a;background:#071625;cursor:pointer}.archetype-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 35%,transparent)}.archetype-option input{position:absolute;opacity:0}.archetype-option strong{display:block;margin-bottom:8px;color:var(--accent);font-size:1.2rem}.archetype-option small{display:block;margin:8px 0;color:#8fb8ca}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:.85rem}.character-panel button{width:100%}.character-card{padding:20px;border:1px solid #50f4ef;background:#071f2c}.character-card h3{color:#50f4ef}@media(max-width:760px){.archetype-list{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}