@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg: #1c1710;--surface: #2a2218;--surface2: #3d3225;--parchment: #d4c5a0;--parchment-dark: #b8a67a;--ink: #2c1810;--ink-light: #4a3828;--accent: #8b2020;--accent2: #6b4c1e;--gold: #c4963a;--gold-dim: #8a6b2a;--text: #e8dcc8;--text-dim: #a09080;--success: #4a7a3a;--warning: #b87a1e;--danger: #8b2020;--border: #4a3a28;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Crimson Text,Georgia,serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;font-size:16px}h1,h2,h3{font-family:Cinzel,serif;color:var(--gold)}h1{font-size:1.8em;letter-spacing:2px}h2{font-size:1.3em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border);letter-spacing:1px}h3{font-size:1.1em;margin-bottom:8px;color:var(--gold-dim)}a{color:var(--gold);text-decoration:none}a:hover{color:var(--parchment)}.container{max-width:900px;margin:0 auto;padding:20px}.navbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-family:Cinzel,serif;font-size:1.3em;font-weight:700;color:var(--gold);letter-spacing:2px}.navbar-right{display:flex;align-items:center;gap:12px;font-size:.9em;color:var(--text-dim)}.nav{display:flex;gap:4px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.nav button{padding:10px 20px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:var(--radius-md);font-size:.9em;font-family:Cinzel,serif;transition:all .2s}.nav button:hover{border-color:var(--gold-dim);color:var(--text)}.nav button.active{background:var(--surface2);border-color:var(--gold-dim);color:var(--gold)}.sub-nav{display:flex;gap:2px;margin-bottom:16px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:2px}.sub-nav button{padding:8px 16px;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:.85em;font-family:Cinzel,serif;transition:all .2s}.sub-nav button:hover{color:var(--gold);border-color:var(--border)}.sub-nav button.active{background:var(--surface);border-color:var(--border);color:var(--gold);border-bottom:2px solid var(--gold)}button{padding:8px 16px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9em;font-family:Cinzel,serif;transition:all .2s}.btn-primary{background:var(--accent);color:var(--parchment)}.btn-primary:hover{background:#a02828}.btn-secondary{background:var(--accent2);color:var(--parchment);border:1px solid var(--gold-dim)}.btn-secondary:hover{background:#7a5a24}.btn-danger{background:var(--danger);color:var(--parchment)}.btn-danger:hover{background:#a02828}.btn-success{background:var(--success);color:var(--parchment)}.btn-success:hover{background:#5a8a4a}.btn-small{padding:4px 10px;font-size:.8em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(196,150,58,.04) 0%,transparent 60%);pointer-events:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--radius-md);font-size:.9em;width:100%;font-family:Crimson Text,Georgia,serif}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold-dim)}label{display:block;margin-bottom:4px;color:var(--text-dim);font-size:.85em;font-style:italic}.form-row{margin-bottom:12px}.form-row-inline{display:flex;gap:8px;align-items:flex-end;margin-bottom:12px}.form-row-inline>div{flex:1}table{width:100%;border-collapse:collapse;margin-top:8px}th,td{padding:8px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--gold-dim);font-size:.85em;font-family:Cinzel,serif;letter-spacing:.5px}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--surface2);padding:3px 10px;border-radius:var(--radius-sm);font-size:.8em;margin:2px;color:var(--parchment-dark);border:1px solid var(--border)}.tag .remove{cursor:pointer;margin-left:4px;color:var(--danger)}.tag .remove:hover{color:#c04040}.stat-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.stat-label{width:80px;font-size:.9em;color:var(--parchment-dark);font-family:Cinzel,serif}.stat-bar{flex:1;height:22px;background:var(--bg);border-radius:var(--radius-sm);position:relative;overflow:hidden;border:1px solid var(--border)}.stat-fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--gold));border-radius:var(--radius-sm);transition:width .3s}.stat-value{width:30px;text-align:center;font-weight:700;color:var(--gold);font-family:Cinzel,serif}.stat-controls button{width:28px;height:28px;padding:0;font-size:1.1em}.sheet-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.sheet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet-stat{text-align:center;padding:8px;background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border)}.sheet-stat .value{font-size:1.5em;font-weight:700;color:var(--gold);font-family:Cinzel,serif}.sheet-stat .label{font-size:.75em;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.combat-info{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.combat-badge{padding:8px 14px;background:var(--surface2);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border)}.combat-badge .value{font-size:1.2em;font-weight:700;color:var(--gold);font-family:Cinzel,serif}.combat-badge .label{font-size:.7em;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.skill-level{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:.75em;font-weight:600;font-family:Cinzel,serif;border:1px solid;min-width:52px;text-align:center}.sl-0{background:#1a1a14;color:#706050;border-color:#3a3020}.sl-1{background:#1a2a1a;color:#6aaa6a;border-color:#2a4a2a}.sl-2{background:#1a2030;color:#6a9acc;border-color:#2a3a5a}.sl-3{background:#2a1a30;color:#9a6acc;border-color:#3a2a5a}.sl-4{background:#301a1a;color:#cc6a6a;border-color:#5a2a2a}.sl-5{background:#302a1a;color:#ccaa6a;border-color:#5a4a2a}.sl-6{background:#3a1a1a;color:#e06040;border-color:#6a2a1a}.sl-7{background:#2a1020;color:var(--gold);border-color:var(--gold-dim)}.equip-slot{padding:12px;background:var(--bg);border-radius:var(--radius-md);border:1px dashed var(--border);margin-bottom:8px}.equip-slot.filled{border-style:solid;border-color:var(--gold-dim);background:linear-gradient(135deg,var(--surface) 0%,var(--surface2) 100%)}.scar-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.use-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;margin:4px 0}.use-name{font-weight:600;color:var(--gold);font-family:Cinzel,serif}.use-details{font-size:.8em;color:var(--text-dim)}.progress{height:12px;background:var(--bg);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--gold));border-radius:var(--radius-sm);transition:width .3s}.login-box{max-width:360px;margin:80px auto;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.login-box h2{margin-bottom:20px;border:none}.user-table{width:100%}.user-table th{text-align:left}@media(max-width:600px){.sheet-stats{grid-template-columns:repeat(2,1fr)}.combat-info{gap:6px}.combat-badge{padding:6px 10px}.nav button{padding:8px 12px;font-size:.85em}.sub-nav button{padding:6px 10px;font-size:.75em}.stat-label{width:60px;font-size:.8em}.card-grid{grid-template-columns:1fr}.form-row-inline{flex-direction:column;align-items:stretch}.form-row-inline>div{width:100%!important;min-width:0!important;flex:none!important}.container{padding:12px}.navbar{padding:10px 12px}.navbar-brand{font-size:1.1em}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .2s ease}.modal{background:var(--surface);border:1px solid var(--gold-dim);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #00000080}.modal h3{font-family:Cinzel,serif;color:var(--gold);margin-bottom:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.drag-handle{cursor:grab;color:var(--text-dim);font-size:1.4em;padding:0 8px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.sortable-item.dragging{opacity:.4;border:1px dashed var(--gold-dim)!important}.sortable-item.drag-over{border-top:3px solid var(--gold)!important}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--gold-dim);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;position:relative;vertical-align:middle;margin-right:6px;transition:all .15s}input[type=checkbox]:checked{background:var(--gold-dim);border-color:var(--gold)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-1px;left:2px;font-size:14px;color:var(--bg);font-weight:700}input[type=checkbox]:hover{border-color:var(--gold)}