:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e2a4a;--bg-hover: #253a5e;--bg-input: #0d1b3e;--text-primary: #e8e8e8;--text-secondary: #a0a8c0;--text-muted: #6b7280;--text-accent: #64b5f6;--text-link: #7cb3f0;--text-link-hover: #a0d0ff;--border-color: #2a3a5e;--border-light: #1e2d4d;--color-common: #4a5568;--color-uncommon: #d97706;--color-rare: #2563eb;--color-unique: #7c3aed;--color-trait: #4a5e80;--color-trait-text: #d4dce8;--color-accent: #e53e3e;--color-accent-light: #fc8181;--sidebar-width: 260px;--content-max-width: 1000px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}h1,h2,h3,h4{font-weight:600;line-height:1.3}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem 2.5rem;max-width:calc(var(--content-max-width) + 5rem)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-secondary)}.loading-screen.error{color:var(--color-accent)}.loading-screen code{background:var(--bg-secondary);padding:.2rem .5rem;border-radius:4px;font-family:var(--font-mono)}.loading-screen pre{background:var(--bg-secondary);padding:.5rem 1rem;border-radius:6px;font-family:var(--font-mono);font-size:.9rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--text-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:1rem 0;z-index:100}.sidebar-logo{display:block;padding:.5rem 1.2rem 1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.sidebar-logo h1{font-size:1.3rem;color:var(--color-accent-light)}.sidebar-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:.8rem 1.2rem .3rem}.sidebar ul{list-style:none}.sidebar li a{display:block;padding:.35rem 1.2rem .35rem 1.8rem;color:var(--text-secondary);font-size:.9rem;transition:all .15s ease;border-left:3px solid transparent}.sidebar li a:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar li a.active{background:var(--bg-tertiary);color:var(--text-accent);border-left-color:var(--text-accent)}.home-page{max-width:900px}.home-header{margin-bottom:2.5rem}.home-header h1{font-size:2rem;color:var(--color-accent-light)}.home-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:.3rem}.home-section{margin-bottom:2rem}.home-section h2{font-size:1.1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-color)}.home-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem}.home-card{display:flex;flex-direction:column;padding:1rem 1.2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);transition:all .2s ease}.home-card:hover{background:var(--bg-hover);border-color:var(--text-accent);transform:translateY(-1px)}.home-card h3{font-size:1rem;margin-bottom:.3rem}.home-card-count{font-size:.8rem;color:var(--text-muted)}.search-bar{position:relative;margin-bottom:1rem}.search-input{width:100%;padding:.7rem 4rem .7rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--text-accent)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:.2rem .5rem}.search-shortcut{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.1rem .4rem;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.filter-panel{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:.3rem}.filter-item label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-item select{padding:.4rem .6rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);min-width:120px}.range-filter{display:flex;align-items:center;gap:.4rem}.range-input{width:60px;padding:.4rem .5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans)}.range-filter span{color:var(--text-muted)}.filter-clear{padding:.4rem .8rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.filter-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.entity-list-page h1{font-size:1.6rem;margin-bottom:1rem}.entity-list-info{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.entity-list table{width:100%;border-collapse:collapse}.entity-list th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.5rem .7rem;border-bottom:2px solid var(--border-color);white-space:nowrap}.entity-list td{padding:.5rem .7rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.entity-list tbody tr:hover{background:var(--bg-hover)}.entity-name-link{display:flex;flex-direction:column}.entity-name{font-weight:500}.entity-name-en{font-size:.78rem;color:var(--text-muted);font-style:italic}.col-num{text-align:center;font-family:var(--font-mono);font-size:.85rem}.col-action{text-align:center}.col-traits{display:flex;flex-wrap:wrap;gap:.2rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.pagination button{padding:.4rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .15s}.pagination button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-accent)}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{font-size:.85rem;color:var(--text-secondary)}.trait-badge{display:inline-block;padding:.1rem .45rem;background:var(--color-trait);color:var(--color-trait-text);border-radius:3px;font-size:.72rem;font-weight:500;text-transform:capitalize;white-space:nowrap;line-height:1.5}.trait-rarity{font-weight:600}.rarity-uncommon{background:var(--color-uncommon);color:#fff}.rarity-rare{background:var(--color-rare);color:#fff}.rarity-unique{background:var(--color-unique);color:#fff}.trait-more{font-size:.72rem;color:var(--text-muted)}.action-icon{font-size:1rem;color:var(--text-accent)}.entity-detail-page{max-width:var(--content-max-width)}.back-link{display:inline-block;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted)}.back-link:hover{color:var(--text-accent)}.entity-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.entity-title-row{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.entity-title-row h1{font-size:1.8rem}.entity-name-original{font-size:.95rem;color:var(--text-muted);font-style:italic}.entity-level{padding:.2rem .6rem;background:var(--bg-tertiary);border-radius:4px;font-size:.85rem;font-weight:600;color:var(--text-accent)}.entity-meta{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.6rem}.entity-action{margin-top:.5rem}.entity-stats{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.2rem;margin-bottom:1.5rem}.stat-row{display:flex;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--border-light)}.stat-row:last-child{border-bottom:none}.stat-row strong{min-width:140px;color:var(--text-secondary);font-size:.85rem;flex-shrink:0}.stat-row span{font-size:.9rem}.capitalize{text-transform:capitalize}.creature-adjustment-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.8rem;padding:.5rem .7rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px}.creature-adjustment-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:.2rem}.creature-adjustment-btn{background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #2d2d30);color:inherit;padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-size:.85rem}.creature-adjustment-btn:hover{background:var(--bg-hover, #333336)}.creature-adjustment-btn.active{color:#fff}.creature-adjustment-btn.active.elite{background:#b45309;border-color:#b45309}.creature-adjustment-btn.active.weak{background:#475569;border-color:#475569}.creature-adjustment-btn.active:not(.elite):not(.weak){background:var(--color-accent, #7a5cff);border-color:var(--color-accent, #7a5cff)}.creature-adjustment-hint{flex-basis:100%;font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem;margin-bottom:1rem}.stat-box{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:var(--bg-primary);border-radius:6px}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-value{font-size:1.1rem;font-weight:600;font-family:var(--font-mono);color:var(--text-accent)}.ability-mods{grid-template-columns:repeat(6,1fr)}.creature-items{margin-top:1rem}.creature-items h3{font-size:1rem;margin-bottom:.5rem;color:var(--text-secondary)}.creature-item{padding:.6rem 0;border-bottom:1px solid var(--border-light)}.creature-item:last-child{border-bottom:none}.creature-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.creature-item-type{font-size:.75rem;color:var(--text-muted)}.attack-bonus{font-weight:600;color:var(--accent)}.attack-traits{font-size:.8rem;color:var(--text-muted);font-style:italic}.attack-damage{font-size:.9rem;margin-bottom:.25rem}.creature-spellcasting{padding:.6rem 0;border-bottom:1px solid var(--border-light)}.creature-spellcasting:last-child{border-bottom:none}.spell-dc,.spell-attack{font-size:.85rem;color:var(--text-secondary)}.spell-level-row{display:flex;gap:.5rem;padding:.15rem 0;font-size:.9rem}.spell-level-label{min-width:8em;color:var(--text-secondary)}.entity-description{font-size:.95rem;line-height:1.7}.entity-description p{margin-bottom:.8rem}.entity-description ul,.entity-description ol{margin:.5rem 0 .8rem 1.5rem}.entity-description li{margin-bottom:.3rem}.entity-description h2{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-accent)}.entity-description h3{font-size:1.05rem;margin-top:1.2rem;margin-bottom:.4rem}.entity-description table{width:100%;border-collapse:collapse;margin:.8rem 0}.entity-description th,.entity-description td{padding:.4rem .6rem;border:1px solid var(--border-color);text-align:left;font-size:.85rem}.entity-description th{background:var(--bg-tertiary);color:var(--text-secondary)}.entity-description strong{color:var(--text-primary)}.entity-description hr{border:none;border-top:1px solid var(--border-color);margin:1rem 0}.entity-link{color:var(--text-link);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer}.entity-link:hover{color:var(--text-link-hover);text-decoration-style:solid}.entity-embed{font-weight:500;border-left:2px solid var(--text-accent);padding-left:.3rem}.check-ref{font-style:italic;color:var(--text-secondary)}.damage-ref{font-family:var(--font-mono);font-size:.9em;color:var(--color-accent-light)}.entity-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.publication{font-size:.8rem;color:var(--text-muted);font-style:italic}.heightening{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.heightening h3{font-size:1rem;margin-bottom:.5rem;color:var(--text-secondary)}.tooltip-popup{max-width:320px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.8rem 1rem;box-shadow:0 8px 24px #0006;pointer-events:none;animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.tooltip-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.tooltip-level{font-size:.75rem;color:var(--text-accent);font-weight:600}.tooltip-name{font-weight:600;font-size:1rem;margin-bottom:.3rem}.tooltip-traits{display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:.4rem}.tooltip-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.error-page{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary)}@media(max-width:768px){.sidebar{position:fixed;transform:translate(-100%);transition:transform .3s ease;z-index:200}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:1rem}.entity-list table{font-size:.85rem}.stat-grid,.ability-mods{grid-template-columns:repeat(3,1fr)}.filter-panel{flex-direction:column}.home-cards{grid-template-columns:repeat(2,1fr)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--bg-tertiary);color:var(--text-primary)}.char-creation-page{max-width:var(--content-max-width)}.char-creation-page>h1{font-size:1.8rem;margin-bottom:1.2rem;color:var(--color-accent-light)}.cc-steps{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.cc-step-btn{display:flex;align-items:center;gap:.3rem;padding:.35rem .7rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.cc-step-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.cc-step-btn.active{background:var(--bg-tertiary);color:var(--text-accent);border-color:var(--text-accent)}.cc-step-btn.done{color:var(--text-accent);opacity:.8}.cc-step-num{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--bg-primary);font-size:.7rem;font-weight:600}.cc-step-btn.active .cc-step-num,.cc-step-btn.done .cc-step-num{background:var(--text-accent);color:var(--bg-primary)}.cc-attr-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1rem;position:sticky;top:0;z-index:10;background:var(--bg-primary);padding:.5rem 0}.cc-attr-box{display:flex;flex-direction:column;align-items:center;padding:.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px}.cc-attr-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.cc-attr-value{font-size:1.2rem;font-weight:700;font-family:var(--font-mono);color:var(--text-secondary)}.cc-attr-value.positive{color:var(--text-accent)}.cc-attr-value.negative{color:var(--color-accent)}.cc-content{min-height:400px}.cc-step-content h2{font-size:1.3rem;margin-bottom:.6rem;color:var(--text-accent)}.cc-step-content h3{font-size:1.1rem;margin-top:1.2rem;margin-bottom:.5rem}.cc-step-content h4{font-size:.95rem;margin-bottom:.4rem;color:var(--text-secondary)}.cc-intro{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.cc-warn{color:var(--text-muted);font-style:italic}.cc-input{width:100%;max-width:400px;padding:.6rem .8rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);outline:none;transition:border-color .2s}.cc-input:focus{border-color:var(--text-accent)}.cc-input::placeholder{color:var(--text-muted)}.cc-search{max-width:100%;margin-bottom:.8rem}.cc-field{margin-bottom:1rem}.cc-field label{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.cc-field-inline{display:flex;align-items:center;gap:.5rem;margin:.4rem 0}.cc-field-inline label{font-size:.8rem;color:var(--text-secondary);min-width:100px}.cc-field-inline select{padding:.35rem .5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);min-width:150px}.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-bottom:1rem;max-height:320px;overflow-y:auto;padding:.2rem}.cc-grid-small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:250px}.cc-card{display:flex;flex-direction:column;gap:.3rem;padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s;text-align:left;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem}.cc-card:hover{background:var(--bg-hover);border-color:var(--text-accent)}.cc-card.selected{background:var(--bg-tertiary);border-color:var(--text-accent);box-shadow:0 0 0 1px var(--text-accent)}.cc-card-sm{padding:.4rem .6rem;font-size:.8rem}.cc-card-header{display:flex;flex-direction:column}.cc-card-en{font-size:.72rem;color:var(--text-muted);font-style:italic}.cc-card-stats{display:flex;gap:.5rem;font-size:.72rem;color:var(--text-muted)}.cc-card-rarity{margin-top:.2rem}.cc-card-tag{font-size:.7rem;color:var(--text-muted);font-style:italic}.cc-more{font-size:.8rem;color:var(--text-muted);font-style:italic;padding:.3rem}.cc-selection-detail{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.2rem;margin-top:1rem}.cc-selection-detail h3{margin-top:0;font-size:1.2rem;color:var(--text-accent)}.cc-detail-stats{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:.8rem;font-size:.85rem}.cc-detail-stats strong{color:var(--text-secondary)}.cc-boost-section{margin:.8rem 0;padding:.6rem;background:var(--bg-primary);border-radius:6px}.cc-boost-fixed{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0}.cc-boost-tag{display:inline-block;padding:.15rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.8rem;color:var(--text-accent);font-weight:500}.cc-boost-tag.flaw{background:#e53e3e26;color:var(--color-accent)}.cc-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;margin-bottom:.5rem}.cc-checkbox input{accent-color:var(--text-accent)}.cc-boost-picks{display:flex;flex-wrap:wrap;gap:.8rem}.cc-attr-summary{margin:1rem 0}.cc-boost-table{width:100%;border-collapse:collapse;font-size:.85rem}.cc-boost-table th,.cc-boost-table td{padding:.4rem .6rem;border:1px solid var(--border-color);text-align:center}.cc-boost-table th{background:var(--bg-tertiary);color:var(--text-accent);font-size:.8rem}.cc-boost-table td:first-child{text-align:left;font-size:.8rem;color:var(--text-secondary);min-width:100px}.cc-boost-table td.boost{color:var(--text-accent);font-weight:600}.cc-boost-table td.flaw{color:var(--color-accent);font-weight:600}.cc-boost-total td{background:var(--bg-card)}.cc-boost-btn{width:2rem;height:2rem;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-muted);cursor:pointer;font-weight:600;font-family:var(--font-mono);transition:all .15s}.cc-boost-btn:hover:not(:disabled){border-color:var(--text-accent);color:var(--text-accent)}.cc-boost-btn.active{background:var(--bg-tertiary);color:var(--text-accent);border-color:var(--text-accent)}.cc-boost-btn:disabled{opacity:.3;cursor:default}.cc-feat-section{margin-bottom:1.5rem}.cc-feat-list{display:flex;flex-direction:column;gap:.2rem}.cc-feat-item{display:flex;flex-wrap:wrap;align-items:center;padding:.4rem .6rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;transition:all .15s}.cc-feat-item.selected{border-color:var(--text-accent);background:var(--bg-tertiary)}.cc-feat-select{flex:1;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-family:var(--font-sans);font-size:.85rem;padding:.2rem 0}.cc-feat-action{font-size:.75rem;color:var(--text-muted)}.cc-feat-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:.4rem 0 .6rem;font-size:.8rem;color:var(--text-muted)}.cc-feat-filter{display:inline-flex;align-items:center;gap:.3rem}.cc-feat-filter select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:.15rem .3rem;font-family:var(--font-sans);font-size:.8rem}.cc-feat-skill-tag{display:inline-block;margin-right:.4rem;padding:.05rem .4rem;background:var(--bg-tertiary);color:var(--text-accent);border-radius:3px;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.cc-feat-item.ineligible{opacity:.55}.cc-feat-item.ineligible .cc-feat-skill-tag{color:var(--text-muted)}.cc-feat-info{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.2rem .4rem}.cc-feat-desc{width:100%;padding:.5rem;margin-top:.3rem;font-size:.85rem;border-top:1px solid var(--border-light)}.cc-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.3rem}.cc-skill-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .15s;text-transform:capitalize;font-family:var(--font-sans)}.cc-skill-btn:hover:not(:disabled){background:var(--bg-hover)}.cc-skill-btn.auto{background:var(--bg-tertiary);color:var(--text-accent);cursor:default}.cc-skill-btn.selected{border-color:var(--text-accent);background:var(--bg-tertiary);color:var(--text-accent)}.cc-skill-btn:disabled:not(.auto){opacity:.4;cursor:default}.cc-budget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.9rem}.cc-budget-bar{height:6px;background:var(--bg-primary);border-radius:3px;margin-top:.5rem;overflow:hidden}.cc-budget-fill{height:100%;background:var(--text-accent);border-radius:3px;transition:width .3s}.cc-cart{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.6rem .8rem;margin-bottom:1rem}.cc-cart h4{font-size:.85rem;margin-bottom:.4rem;color:var(--text-secondary)}.cc-cart-item{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;font-size:.8rem;border-bottom:1px solid var(--border-light)}.cc-cart-item:last-child{border-bottom:none}.cc-cart-price{margin-left:auto;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.cc-cart-remove{background:none;border:1px solid var(--border-color);border-radius:3px;color:var(--color-accent);cursor:pointer;font-size:.9rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.cc-eq-tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.8rem}.cc-eq-tab{padding:.3rem .7rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.cc-eq-tab:hover{background:var(--bg-hover)}.cc-eq-tab.active{background:var(--bg-tertiary);color:var(--text-accent);border-color:var(--text-accent)}.cc-eq-list{display:flex;flex-direction:column;gap:.2rem;max-height:350px;overflow-y:auto}.cc-eq-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;font-size:.8rem}.cc-eq-item.too-expensive{opacity:.4}.cc-eq-info{flex:1;min-width:0}.cc-eq-name-row{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.cc-eq-name{flex:1;min-width:0}.cc-eq-price{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);white-space:nowrap;margin-left:auto}.cc-eq-bulk{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.cc-eq-stats{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.15rem}.cc-eq-stat{display:inline-block;padding:.05rem .3rem;border-radius:3px;font-size:.68rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);white-space:nowrap}.cc-eq-damage{background:#3d1a1a;color:#e87d7d;border-color:#6d2a2a;font-weight:600}.cc-eq-ac{background:#1a2b3d;color:#7db8e8;border-color:#2a4a6d;font-weight:600}.cc-eq-add{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-accent);cursor:pointer;font-size:.9rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:600}.cc-eq-add:disabled{opacity:.3;cursor:default}.cc-nav{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.cc-nav-btn{padding:.5rem 1.2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.cc-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-accent)}.cc-nav-btn:disabled{opacity:.3;cursor:default}.cc-nav-next{background:var(--bg-tertiary);color:var(--text-accent)}.cc-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.2rem}.cc-summary-header{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:2px solid var(--border-color)}.cc-summary-header h3{font-size:1.4rem;margin:0}.cc-summary-subtitle{font-size:.9rem;color:var(--text-secondary)}.cc-summary-section{margin:1rem 0}.cc-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.cc-summary-stat{display:flex;justify-content:space-between;padding:.3rem .5rem;border-bottom:1px solid var(--border-light);font-size:.85rem}.cc-summary-stat strong{color:var(--text-secondary)}.cc-card-effects{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.3rem}.cc-effect-mini{display:inline-block;padding:.1rem .35rem;border-radius:3px;font-size:.65rem;line-height:1.3;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.cc-effect-mini.cc-effect-sense{background:#1a2b3d;color:#7db8e8;border-color:#2a4a6d}.cc-effect-mini.cc-effect-skill{background:#1a3d2b;color:#7de8a8;border-color:#2a6d4a}.cc-effect-mini.cc-effect-speed{background:#3d3d1a;color:#e8e87d;border-color:#6d6d2a}.cc-effect-mini.cc-effect-resistance{background:#2b1a3d;color:#b87de8;border-color:#4a2a6d}.cc-effect-mini.cc-effect-grantitem{background:#3d2b1a;color:#e8b87d;border-color:#6d4a2a}.cc-effect-mini.cc-effect-strike{background:#3d1a1a;color:#e87d7d;border-color:#6d2a2a}.cc-effect-mini.cc-effect-proficiency{background:#1a3d3d;color:#7de8e8;border-color:#2a6d6d}.cc-effects-list{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0}.cc-effect-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:4px;font-size:.78rem;line-height:1.3;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.cc-effect-icon{font-size:.85rem}.cc-effect-badge.cc-effect-sense{background:#1a2b3d;color:#7db8e8;border-color:#2a4a6d}.cc-effect-badge.cc-effect-skill{background:#1a3d2b;color:#7de8a8;border-color:#2a6d4a}.cc-effect-badge.cc-effect-speed{background:#3d3d1a;color:#e8e87d;border-color:#6d6d2a}.cc-effect-badge.cc-effect-resistance{background:#2b1a3d;color:#b87de8;border-color:#4a2a6d}.cc-effect-badge.cc-effect-flatmod{background:#1a2a3d;color:#8db0d8;border-color:#2a4a6d}.cc-effect-badge.cc-effect-grantitem{background:#3d2b1a;color:#e8b87d;border-color:#6d4a2a}.cc-effect-badge.cc-effect-strike{background:#3d1a1a;color:#e87d7d;border-color:#6d2a2a}.cc-effect-badge.cc-effect-size{background:#2d2d1a;color:#d8d87d;border-color:#5d5d2a}.cc-effect-badge.cc-effect-traits,.cc-effect-badge.cc-effect-proficiency{background:#1a3d3d;color:#7de8e8;border-color:#2a6d6d}.cc-heritage-effects{margin-bottom:.8rem;padding:.6rem .8rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.cc-heritage-effects h4{font-size:.85rem;margin-bottom:.3rem;color:var(--text-accent)}.cc-feat-effects{display:flex;flex-wrap:wrap;gap:.2rem;width:100%;margin-top:.2rem}.cc-effect-source{font-size:.75rem;color:var(--text-muted);font-style:italic}.cc-speed-extra{font-size:.8rem;color:var(--text-secondary)}.cc-spell-list{display:flex;flex-direction:column;gap:.2rem}.cc-spell-item{display:flex;flex-wrap:wrap;align-items:center;padding:.4rem .6rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;transition:all .15s}.cc-spell-item.selected{border-color:var(--text-accent);background:var(--bg-tertiary)}.cc-spell-item.granted{opacity:.6;border-color:var(--text-muted)}.cc-spell-select{flex:1;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-family:var(--font-sans);font-size:.85rem;padding:.2rem 0;display:flex;align-items:center;gap:.4rem}.cc-spell-check{font-size:.8rem;min-width:1rem}.cc-spell-actions{font-size:.75rem;color:var(--text-muted)}.cc-spell-traits{display:flex;gap:.2rem;flex-wrap:wrap;width:100%;padding-left:1.4rem;margin-top:.15rem}.cc-spell-traits .trait-badge{font-size:.65rem;padding:.05rem .3rem}.cc-spell-granted{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem}.cc-spell-label{font-size:.75rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.cc-steps{gap:.2rem}.cc-step-label{display:none}.cc-attr-bar{grid-template-columns:repeat(3,1fr)}.cc-grid{grid-template-columns:repeat(2,1fr)}.cc-summary-grid{grid-template-columns:1fr}.cc-boost-table{font-size:.75rem}}.char-list-page{max-width:900px;margin:0 auto;padding:1rem}.char-list-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.char-list-actions{display:flex;gap:.5rem}.char-list-items{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.char-list-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary, #1e1e20);border:1px solid var(--border, #2d2d30);border-radius:6px;padding:.8rem 1rem}.char-list-open{background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;flex:1;font-size:1rem;text-align:left}.char-list-open strong{font-size:1.05rem}.char-list-sub{font-size:.85rem;color:var(--text-muted, #9a9a9f)}.char-list-row-actions{display:flex;gap:.4rem}.char-list-row-actions button{background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #2d2d30);color:inherit;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.85rem}.char-list-row-actions button:hover{background:var(--bg-hover, #333336)}.char-list-del:hover{background:#402020!important;border-color:#6d2d2d!important}.char-list-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted, #9a9a9f)}.char-page{max-width:1200px;margin:0 auto;padding:1rem}.char-page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.char-page-mode{display:flex;gap:.3rem}.char-mode-btn{background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #2d2d30);color:inherit;padding:.4rem .9rem;border-radius:4px;cursor:pointer;font-size:.95rem}.char-mode-btn.active{background:var(--color-accent, #7a5cff);color:#fff;border-color:var(--color-accent, #7a5cff)}.char-page-actions button{background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #2d2d30);color:inherit;padding:.4rem .8rem;border-radius:4px;cursor:pointer}.cc-builder{display:flex;flex-direction:column;gap:1rem}.cc-builder-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.7rem 1rem;background:var(--bg-secondary, #1e1e20);border-radius:6px;border:1px solid var(--border, #2d2d30);position:sticky;top:0;z-index:5}.cc-level-control{display:flex;align-items:center;gap:.6rem}.cc-level-input{width:60px;padding:.3rem .5rem;font-size:1rem;background:var(--bg-primary, #18181b);border:1px solid var(--border, #2d2d30);color:inherit;border-radius:4px;text-align:center}.cc-builder-main{display:grid;grid-template-columns:240px 1fr;gap:1rem}.cc-builder-content{min-width:0}.cc-timeline{background:var(--bg-secondary, #1e1e20);border:1px solid var(--border, #2d2d30);border-radius:6px;padding:.7rem;position:sticky;top:90px;max-height:calc(100vh - 120px);overflow-y:auto}.cc-timeline-title{margin:0 0 .6rem;font-size:.95rem;color:var(--text-muted, #9a9a9f)}.cc-timeline-list{display:flex;flex-direction:column;gap:.15rem}.cc-timeline-item{display:grid;grid-template-columns:30px 22px 1fr;align-items:center;gap:.3rem;padding:.35rem .5rem;cursor:pointer;border-radius:4px;background:transparent;border:1px solid transparent;color:inherit;font-size:.85rem;text-align:left}.cc-timeline-item:hover{background:var(--bg-hover, #27272a)}.cc-timeline-item.active{background:var(--color-accent, #7a5cff);color:#fff}.cc-timeline-item.future{opacity:.5}.cc-timeline-num{font-weight:700;font-variant-numeric:tabular-nums}.cc-timeline-marker{text-align:center;color:var(--color-accent, #7a5cff)}.cc-timeline-item.active .cc-timeline-marker{color:#fff}.cc-timeline-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted, #9a9a9f);font-size:.78rem}.cc-timeline-item.active .cc-timeline-preview{color:#ffffffd9}.cc-level-n{padding:0 0 2rem}.cc-level-n-header h2{margin:0 0 .3rem}.cc-auto-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:.3rem;background:var(--bg-secondary, #1e1e20);border:1px solid var(--border, #2d2d30);border-radius:4px;padding:.6rem .8rem}.cc-boost-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.cc-boost-progress{font-size:.85rem;color:var(--text-muted, #9a9a9f);margin-top:.3rem}.sheet{display:flex;flex-direction:column;gap:1rem}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;flex-wrap:wrap;background:var(--bg-secondary, #1e1e20);border-radius:6px;border:1px solid var(--border, #2d2d30)}.sheet-identity h2{margin:0 0 .2rem}.sheet-identity p{margin:0;color:var(--text-muted, #9a9a9f);font-size:.95rem}.sheet-level-input{width:50px;padding:.15rem .3rem;font-size:.95rem;background:var(--bg-primary, #18181b);border:1px solid var(--border, #2d2d30);color:inherit;border-radius:3px;text-align:center}.sheet-hero{display:flex;align-items:center;gap:.4rem}.sheet-hero .cc-input{width:50px;text-align:center}.sheet-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.sheet-grid>section,.sheet-grid>div{background:var(--bg-secondary, #1e1e20);border:1px solid var(--border, #2d2d30);border-radius:6px;padding:.8rem 1rem}.sheet-grid h3{margin:0 0 .6rem;font-size:1rem}.sheet-stat-row{display:flex;gap:.5rem;flex-wrap:wrap}.sheet-stat-box{flex:1 1 80px;min-width:80px;text-align:center;background:var(--bg-primary, #18181b);padding:.5rem .4rem;border:1px solid var(--border, #2d2d30);border-radius:4px;display:flex;flex-direction:column;gap:.1rem}.sheet-stat-label{font-size:.75rem;color:var(--text-muted, #9a9a9f);text-transform:uppercase}.sheet-stat-value{font-size:1.4rem;font-weight:700}.sheet-stat-detail{font-size:.7rem;color:var(--text-muted, #9a9a9f)}.sheet-hp-bar{position:relative;height:28px;background:#1a1a1e;border-radius:4px;overflow:hidden;margin-bottom:.6rem}.sheet-hp-fill{height:100%;background:linear-gradient(90deg,#a22,#d55);transition:width .2s}.sheet-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;text-shadow:0 0 4px #000}.sheet-hp-temp{color:#aed;margin-left:.3rem}.sheet-hp-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.6rem}.sheet-hp-group{display:flex;flex-direction:column;gap:.2rem}.sheet-hp-group label{font-size:.75rem;color:var(--text-muted, #9a9a9f)}.sheet-hp-group .cc-input{width:100%;text-align:center}.sheet-hp-quick{display:flex;gap:.3rem;flex-wrap:wrap}.sheet-hp-quick button{flex:1 1 45px;min-width:45px;background:var(--bg-primary, #18181b);border:1px solid var(--border, #2d2d30);color:inherit;padding:.3rem .4rem;border-radius:3px;cursor:pointer}.sheet-hp-quick button:hover{background:var(--bg-hover, #27272a)}.sheet-hp-quick .sheet-hp-full{background:#2a4d2a;border-color:#4d8d4d}.sheet-hp-breakdown{margin:.6rem 0 0;font-size:.78rem;color:var(--text-muted, #9a9a9f);text-align:center}.sheet-conditions-active{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.sheet-condition-chip{display:flex;align-items:center;gap:.25rem;background:#3d2020;border:1px solid #6d4040;padding:.2rem .4rem .2rem .6rem;border-radius:12px;font-size:.85rem}.sheet-condition-ctrl{display:flex;gap:.1rem}.sheet-condition-ctrl button,.sheet-condition-rm{background:#ffffff1a;border:none;color:inherit;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.sheet-condition-rm:hover{background:#d55}.sheet-conditions-search{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.sheet-condition-add{background:var(--bg-primary, #18181b);border:1px solid var(--border, #2d2d30);color:inherit;padding:.2rem .5rem;border-radius:3px;cursor:pointer;font-size:.85rem}.sheet-condition-add:hover{background:var(--bg-hover, #27272a)}.sheet-focus{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.sheet-focus .cc-input{width:50px;text-align:center}.sheet-cantrips{margin-bottom:.6rem}.sheet-spell-ranks{display:flex;flex-direction:column;gap:.6rem}.sheet-spell-rank{display:flex;flex-direction:column;gap:.2rem}.sheet-spell-rank-head{display:flex;align-items:center;gap:.6rem}.sheet-spell-rank-label{min-width:90px;font-size:.9rem;color:var(--text-muted, #9a9a9f)}.sheet-spell-slots{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.sheet-spell-slot{width:22px;height:22px;border-radius:50%;background:var(--bg-primary, #18181b);border:1px solid var(--border, #2d2d30);color:inherit;cursor:pointer;padding:0}.sheet-spell-slot.used{background:var(--color-accent, #7a5cff);color:#fff}.sheet-spell-count{margin-left:.4rem;font-size:.8rem;color:var(--text-muted, #9a9a9f)}.sheet-spell-list{list-style:none;padding:.2rem 0 0 100px;margin:0;display:flex;flex-direction:column;gap:.1rem;font-size:.85rem}.sheet-spell-list li{color:var(--text, #e4e4e7)}.sheet-spell-list li.granted{color:#bde0fe}.sheet-spell-tag{color:var(--text-muted, #9a9a9f);font-size:.78rem}.sheet-focus-spells{margin-top:.6rem}.sheet-spell-stats{margin-bottom:.6rem}.sheet-spell-name{background:none;border:none;color:inherit;cursor:pointer;padding:.1rem 0;font-size:inherit;text-align:left;display:inline-flex;align-items:center;gap:.35rem}.sheet-spell-name:hover{color:var(--color-accent, #7a5cff)}.sheet-spell-list li.granted .sheet-spell-name{color:#bde0fe}.sheet-spell-list li.granted .sheet-spell-name:hover{color:var(--color-accent, #7a5cff)}.sheet-spell-detail{margin:.3rem 0 .5rem;padding:.5rem .7rem;background:var(--bg-primary, #18181b);border:1px solid var(--border, #2d2d30);border-radius:6px;font-size:.85rem}.sheet-spell-statline{margin:.3rem 0;color:var(--text-muted, #9a9a9f)}.sheet-spell-statline strong{color:var(--text, #e4e4e7)}.sheet-prepared-list{padding-left:100px;gap:.25rem}.sheet-prepared-slot{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sheet-prepared-slot.used .sheet-prepared-select{opacity:.55;text-decoration:line-through}.sheet-prepared-select{flex:1;min-width:180px;max-width:320px;font-size:.85rem}.sheet-prepared-slot .sheet-spell-detail{flex-basis:100%}.sheet-skill-table{width:100%;font-size:.85rem;border-collapse:collapse}.sheet-skill-table th{text-align:left;padding:.3rem;color:var(--text-muted, #9a9a9f);font-weight:400}.sheet-skill-table td{padding:.25rem .3rem;border-top:1px solid var(--border, #2d2d30)}.sheet-skill-untrained{opacity:.5}.sheet-skill-detail{font-size:.78rem;color:var(--text-muted, #9a9a9f)}.sheet-lores{margin-top:.6rem;font-size:.85rem;color:var(--text-muted, #9a9a9f)}.sheet-load{padding:.4rem .6rem;border-radius:4px;margin-bottom:.5rem;font-size:.9rem}.sheet-load-normal{background:#1e2e1e;border:1px solid #3d5d3d}.sheet-load-encumbered{background:#3d3020;border:1px solid #6d5d2d}.sheet-load-overloaded{background:#3d2020;border:1px solid #6d2d2d}.sheet-currency{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.6rem}.sheet-currency-group{display:flex;flex-direction:column;gap:.2rem}.sheet-currency-group label{font-size:.75rem;color:var(--text-muted, #9a9a9f);text-align:center}.sheet-currency-group .cc-input{width:100%;text-align:center}.sheet-inventory-search{display:flex;flex-direction:column;gap:.2rem;margin:.4rem 0}.sheet-inventory-add{background:var(--bg-primary, #18181b);border:1px solid var(--border, #2d2d30);color:inherit;padding:.3rem .5rem;border-radius:3px;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center}.sheet-inventory-add:hover{background:var(--bg-hover, #27272a)}.sheet-inventory-price{font-size:.8rem;color:var(--text-muted, #9a9a9f)}.sheet-inventory-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.3rem}.sheet-inventory-item{display:grid;grid-template-columns:1fr auto auto auto auto;gap:.5rem;align-items:center;padding:.3rem .5rem;background:var(--bg-primary, #18181b);border:1px solid var(--border, #2d2d30);border-radius:4px;font-size:.85rem}.sheet-inventory-toggle{display:flex;align-items:center;gap:.2rem;font-size:.8rem;white-space:nowrap}.sheet-inventory-qty{display:flex;gap:.15rem}.sheet-inventory-qty button{width:24px;height:24px;border-radius:3px;background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #2d2d30);color:inherit;cursor:pointer;padding:0}.sheet-inventory-rm:hover{background:#d55!important}.sheet-inventory-bulk{font-size:.75rem;color:var(--text-muted, #9a9a9f)}.sheet-notes-area{width:100%;resize:vertical;font-family:inherit;min-height:100px}@media(max-width:900px){.cc-builder-main{grid-template-columns:1fr}.cc-timeline{position:static;max-height:240px}.sheet-grid{grid-template-columns:1fr}}.sheet-attacks{background:var(--bg-card);border-radius:8px;padding:1rem}.sheet-attacks h3{margin:0 0 .5rem;color:var(--text-accent)}.sheet-attack-table{width:100%;border-collapse:collapse;font-size:.85rem}.sheet-attack-table th{text-align:left;padding:.35rem .4rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:600}.sheet-attack-table td{padding:.4rem;border-bottom:1px solid var(--border-light);vertical-align:top}.sheet-attack-rank{text-align:center;font-weight:700;color:var(--text-accent)}.sheet-attack-bonus{text-align:center;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.sheet-attack-damage{font-family:var(--font-mono);font-size:.85rem}.sheet-attack-range{color:var(--text-muted);font-size:.85em}.sheet-attack-traits{font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.sheet-attack-effects{font-size:.78rem;color:var(--text-secondary)}.sheet-rune-edit-btn{background:var(--bg-tertiary);color:var(--text-link);border:1px solid var(--border-color);padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-size:.78rem}.sheet-rune-edit-btn:hover{background:var(--bg-hover)}.rune-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c18bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rune-editor{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;width:100%;max-width:760px;max-height:85vh;overflow:auto;padding:1.25rem}.rune-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.rune-editor-header h3{margin:0;color:var(--text-accent)}.rune-editor-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer}.rune-editor-close:hover{color:var(--color-accent)}.rune-editor-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.rune-editor-tab{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:4px;cursor:pointer}.rune-editor-tab.active{background:var(--bg-hover);color:var(--text-link);border-color:var(--text-link)}.rune-group{margin-bottom:1rem}.rune-group>label{display:block;margin-bottom:.35rem;color:var(--text-secondary);font-weight:600}.rune-rank-row{display:flex;gap:.5rem}.rune-rank-btn{flex:1;padding:.5rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.rune-rank-btn.active{background:var(--text-accent);color:var(--bg-primary);border-color:var(--text-accent)}.rune-current{margin-bottom:.5rem}.rune-current ul{list-style:none;padding:0;margin:.3rem 0}.rune-current li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.rune-remove{background:transparent;border:none;color:var(--color-accent);font-size:1.1rem;cursor:pointer}.rune-info{font-size:.8rem;color:var(--text-muted)}.rune-list{display:flex;flex-direction:column;gap:.5rem;max-height:50vh;overflow-y:auto}.rune-list-item{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border-light)}.rune-list-info{flex:1}.rune-list-level{color:var(--text-muted);font-size:.78rem;margin-left:.5rem}.rune-list-price{color:var(--text-link);font-size:.78rem;margin-left:.5rem}.rune-list-desc{color:var(--text-secondary);font-size:.78rem;margin:.25rem 0 0}.rune-add-btn{background:var(--text-accent);color:var(--bg-primary);border:none;border-radius:4px;padding:.4rem .8rem;cursor:pointer;font-weight:700;min-width:36px}.rune-add-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.sheet-abilities{background:var(--bg-card);border-radius:8px;padding:1rem}.sheet-abilities h3{margin:0 0 .5rem;color:var(--text-accent)}.sheet-ab-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.sheet-ab-tab{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.25rem .6rem;border-radius:4px;cursor:pointer;font-size:.78rem}.sheet-ab-tab.active{background:var(--bg-hover);color:var(--text-link);border-color:var(--text-link)}.sheet-ab-list{list-style:none;padding:0;margin:0}.sheet-ab-item{border:1px solid var(--border-light);border-radius:4px;margin-bottom:.35rem;background:var(--bg-tertiary)}.sheet-ab-header{width:100%;display:flex;align-items:center;gap:.5rem;background:transparent;color:inherit;border:none;padding:.5rem .75rem;cursor:pointer;text-align:left}.sheet-ab-header:hover{background:var(--bg-hover)}.sheet-ab-name{flex:1}.sheet-ab-action{color:var(--text-accent);font-size:.78rem;margin-left:.25rem}.sheet-ab-source{color:var(--text-muted);font-size:.78rem}.sheet-ab-level{background:var(--bg-card);color:var(--text-link);padding:.1rem .4rem;border-radius:3px;font-size:.72rem}.sheet-ab-toggle{color:var(--text-muted)}.sheet-ab-body{padding:.5rem .75rem .75rem;border-top:1px solid var(--border-light)}.sheet-ab-traits{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:.4rem}.sheet-ab-effects{padding-left:1.2rem;margin:.25rem 0}.sheet-ab-effects li{color:var(--text-secondary);font-size:.85rem}.trait-badge-sm{font-size:.7rem;padding:.1rem .4rem;background:var(--color-trait);color:var(--color-trait-text);border-radius:3px}