:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10151e;color:#e4eaf3}body{margin:0}header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:2px solid #53e5d0;flex-wrap:wrap}header strong{color:#53e5d0;letter-spacing:.2em}header span{flex:1;color:#a2afc4;font-size:.8rem}a{color:#53e5d0}main{max-width:800px;margin:auto;padding:20px}section{margin:24px 0}button,input,select{font:inherit;padding:12px;border:1px solid #52647c;border-radius:4px;background:#1c2738;color:inherit}button{cursor:pointer;min-height:44px}button:hover,button[aria-current=page]{border-color:#53e5d0}button:disabled{opacity:.5;cursor:default}label{display:grid;gap:8px;margin:16px 0}#list{display:grid;gap:12px;margin:20px 0}#list button{text-align:left;padding:18px}#list span{display:block;font-size:.85rem;color:#a2afc4;margin-top:6px}#stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}#stats div{padding:16px;background:#1c2738}#character-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}#health{font-size:1.5rem;color:#53e5d0}#downed,#injuries{color:#ffcc75}#skills{columns:2}#status,#character-count,#class-message{color:#a2afc4}#status:empty{display:none}[hidden]{display:none!important}@media(max-width:420px){#skills{columns:1}main{padding:12px}header{padding:12px}header span{display:none}}

.character-row{display:flex;gap:8px;align-items:stretch}.character-row>button:first-child{flex:1}.character-row .delete-character{flex:0 0 48px;text-align:center;font-size:1.5rem;color:#ff9a9a}

#delete-overlay{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}#delete-dialog{background:#172030;border:1px solid #52647c;border-radius:8px;max-width:440px;padding:24px;margin:0}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}#delete-confirm{border-color:#ff9a9a;color:#ff9a9a}#delete-error{color:#ff9a9a}

#combat-offers{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9}#combat-offers section{background:#172030;padding:24px;border:1px solid #53e5d0;border-radius:8px;max-width:440px}#combat-offers button,#combat-content button,#combat-buttons button{margin:6px}