*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-raised:#1e1e1e;--color-border:#2e2e2e;--color-border-focus:#e05555;--color-text:#f0ece6;--color-text-muted:#b0b0b0;--color-text-disabled:#8a8a8a;--color-accent:#c22;--color-accent-fg:#e05555;--color-accent-hover:#d33;--color-accent-text:#fff;--color-danger:#f44;--color-danger-hover:#f66;--color-warning:#da0;--font-body:Georgia, "Times New Roman", serif;--font-ui:system-ui, -apple-system, sans-serif;--radius-sm:3px;--radius:5px;--radius-lg:8px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--transition:.15s ease;--color-splat-vampire:#e05555;--color-splat-werewolf:#9aab5a;--color-splat-mage:#9a7cd4;--color-splat-kote:#c4a32e;--color-splat-ghoul:#c44;--color-splat-familiar:#b35070;--color-splat-totem:#7aaa4a;--color-splat-kinfolk:#8a6ab4;--color-splat-7thsea:#3498db;--color-splat-l5r:#c29138}[data-theme="7thsea"]{--color-border-focus:#5dade2;--color-accent:#2180c0;--color-accent-fg:#5dade2;--color-accent-hover:#3498db}[data-theme=l5r]{--color-border-focus:#d4a84a;--color-accent:#a07a20;--color-accent-fg:#d4a84a;--color-accent-hover:#e0b85a}[data-theme=dnd]{--color-border-focus:#d55;--color-accent:#a03030;--color-accent-fg:#d55;--color-accent-hover:#e66}[data-theme=blades]{--color-border-focus:#8a9bae;--color-accent:#5a6d80;--color-accent-fg:#8a9bae;--color-accent-hover:#9aabbc}[data-theme=uestrpg]{--color-border-focus:#7a99b5;--color-accent:#4a6a85;--color-accent-fg:#7a99b5;--color-accent-hover:#8aa9c5}[data-theme=uestrpg] .tab-btn--active{background:#7a99b51a!important}[data-theme=uestrpg] .tag--active{background:#101a24}@media (forced-colors:active){:root{--color-accent:Highlight;--color-accent-fg:Highlight;--color-border-focus:Highlight;--color-text:ButtonText;--color-bg:Canvas;--color-surface:Canvas}}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);min-height:100vh;font-size:1rem;line-height:1.65}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-200%;left:var(--space-md);background:var(--color-accent);color:var(--color-accent-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-family:var(--font-ui);z-index:9999;transition:top var(--transition);font-size:.9rem;font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-md)}:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px}:focus:not(:focus-visible){outline:none}header[role=banner]{background:var(--color-surface);border-bottom:2px solid var(--color-border);padding:var(--space-md) var(--space-xl)}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;max-width:1000px;margin:0 auto;display:flex}header h1{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);font-size:1.2rem;font-weight:400}main{max-width:1000px;padding:var(--space-xl) var(--space-xl) var(--space-2xl);margin:0 auto}main:focus:not(:focus-visible){outline:none}footer[role=contentinfo]{border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);text-align:center;color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-ui);margin-top:var(--space-2xl)}nav[aria-label=Primary\ navigation]{gap:var(--space-sm);flex-wrap:wrap;display:flex}nav button{border:1px solid var(--color-border);color:var(--color-text-muted);padding:.35rem var(--space-md);border-radius:var(--radius);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;transition:border-color var(--transition), color var(--transition), background var(--transition);background:0 0;font-size:.875rem}nav button:hover{border-color:var(--color-accent-fg);color:var(--color-text);background:#e0555514}nav button[aria-current=page]{border-color:var(--color-accent-fg);color:var(--color-text);background:#e055551f}h2{letter-spacing:.04em;color:var(--color-text);margin-bottom:var(--space-lg);font-size:1.4rem;font-weight:400}h3{letter-spacing:.03em;color:var(--color-text);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);font-size:1.1rem;font-weight:400}p{color:var(--color-text);margin-bottom:var(--space-sm)}.btn{align-items:center;gap:var(--space-xs);padding:.5rem var(--space-lg);border-radius:var(--radius);font-family:var(--font-ui);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);white-space:nowrap;border:1px solid #0000;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-text-muted);background:var(--color-surface-raised)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn-danger:hover{background:#ff44441a}.btn-sm{min-height:32px;padding:.35rem .7rem;font-size:.8rem}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}label{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600;display:block}input[type=text],input[type=number],input[type=email],input[type=search],select,textarea{background:var(--color-surface-raised);width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.55rem var(--space-sm);font-family:var(--font-ui);transition:border-color var(--transition), box-shadow var(--transition);appearance:none;font-size:.9rem;display:block}input[type=text]:hover,input[type=number]:hover,input[type=email]:hover,input[type=search]:hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=search]:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #e0555540}input::placeholder,textarea::placeholder{color:var(--color-text-disabled)}select option{background:var(--color-surface-raised);color:var(--color-text)}textarea{resize:vertical;min-height:90px;line-height:1.5}.field{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.field:last-child{margin-bottom:0}.field-row{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;display:grid}.field-row:last-child{margin-bottom:0}fieldset{margin:0 0 var(--space-xl) 0;border:none;padding:0}fieldset:last-child{margin-bottom:0}legend{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-fg);width:100%;padding-bottom:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:700}.tab-list{gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.tab-btn--active{border-color:var(--color-accent-fg)!important;color:var(--color-accent-fg)!important;background:#e055551a!important}.form-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.form-header h2{margin-bottom:0}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-xl);margin-bottom:var(--space-lg)}.form-actions{gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-end;display:flex}.rating-field{gap:var(--space-xs);flex-direction:column;display:flex}.rating-field label{text-transform:none;letter-spacing:0;color:var(--color-text);font-size:.85rem;font-weight:500}.rating-field select{width:80px}.rating-grid{gap:var(--space-lg) var(--space-xl);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.ability-row{gap:var(--space-xs);flex-direction:column;display:flex}.spec-input{font-family:var(--font-ui);color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:.25rem var(--space-xs);width:100%;transition:border-color var(--transition), color var(--transition);background:0 0;font-size:.75rem}.spec-input::placeholder{color:var(--color-text-disabled)}.spec-input:hover{border-color:var(--color-text-muted)}.spec-input:focus{border-color:var(--color-border-focus);color:var(--color-text);outline:none}.custom-abilities{gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.custom-ability-row{align-items:flex-end;gap:var(--space-md);display:flex}.custom-ability-name{flex:1}.tag-list{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.tag{align-items:center;gap:var(--space-xs);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:.25rem var(--space-sm);font-family:var(--font-ui);color:var(--color-text);font-size:.82rem;display:inline-flex}.tag-remove{color:var(--color-text-muted);cursor:pointer;padding:0 0 0 var(--space-xs);transition:color var(--transition);background:0 0;border:none;align-items:center;font-size:1rem;line-height:1;display:flex}.tag-remove:hover{color:var(--color-danger)}.tag--clickable{cursor:pointer;transition:border-color var(--transition), background var(--transition)}.tag--clickable:hover{border-color:var(--color-accent-fg)}.tag--clickable:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:2px}.tag--clickable.tag--active{border-color:var(--color-accent-fg);background:#ffffff0d}.disc-bg-layout{gap:var(--space-xl);align-items:flex-start;display:flex}.disc-bg-layout>.form-section{flex:1;min-width:0}.tag-info-panel{width:260px;top:var(--space-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex-shrink:0;display:flex;position:sticky}.tag-info-panel-name{font-family:var(--font-body);color:var(--color-accent-fg);margin:0;font-size:1.1rem;font-weight:700}.tag-info-panel-desc{color:var(--color-text-muted);font-size:.82rem;font-style:italic;line-height:1.5}.tag-info-levels{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tag-info-level{color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.8rem;line-height:1.45}.tag-info-level--active{border-left:2px solid var(--color-accent-fg);color:var(--color-text);padding-left:calc(var(--space-sm) - 2px);background:#2a0a0a;font-weight:600}.tag-info-panel-close{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-self:flex-end;padding:0;font-size:.78rem}.tag-info-panel-close:hover{color:var(--color-text)}.catalog-search-wrap{margin-bottom:var(--space-sm);position:relative}.catalog-search-wrap input[type=search]{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);transition:border-color var(--transition);padding-right:2.5rem;font-size:.9rem}.catalog-search-wrap input[type=search]:focus{border-color:var(--color-border-focus);outline:none}.catalog-search-count{right:var(--space-sm);font-family:var(--font-ui);color:var(--color-text-disabled);pointer-events:none;font-size:.78rem;position:absolute;top:50%;transform:translateY(-50%)}.catalog-list{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:320px;margin-top:0;list-style:none;overflow-y:auto}.catalog-empty{padding:var(--space-md);font-family:var(--font-ui);color:var(--color-text-muted);text-align:center;font-size:.83rem}.catalog-item{border-bottom:1px solid var(--color-border)}.catalog-item:last-child{border-bottom:none}.catalog-item-btn{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;transition:background var(--transition);color:var(--color-text);background:0 0;border:none;min-height:48px;display:flex}.catalog-item-btn:hover:not(:disabled){background:var(--color-surface-raised)}.catalog-item-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.catalog-item--added .catalog-item-btn{opacity:.55;cursor:default}.catalog-item-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.catalog-item-name{font-family:var(--font-ui);color:var(--color-text);font-size:.85rem;font-weight:600}.catalog-item-desc{font-family:var(--font-ui);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.45;display:-webkit-box;overflow:hidden}.catalog-item-meta{justify-content:space-between;align-items:flex-end;gap:var(--space-xs);flex-direction:column;flex-shrink:0;padding-top:2px;display:flex}.catalog-item-cost{font-family:var(--font-ui);color:var(--color-accent-fg);border-radius:var(--radius-sm);white-space:nowrap;background:#e055551f;border:1px solid #e055554d;padding:1px 6px;font-size:.78rem;font-weight:700}.catalog-item-add{color:var(--color-text-muted);transition:color var(--transition);font-size:1.2rem;font-weight:300;line-height:1}.catalog-item-btn:hover:not(:disabled) .catalog-item-add{color:var(--color-accent-fg)}.catalog-item-check{color:var(--color-text-disabled);font-size:.85rem}.character-list{gap:var(--space-md);flex-direction:column;display:flex}.character-list-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.character-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-lg);transition:border-color var(--transition);flex-wrap:wrap;display:flex}.character-card:hover{border-color:var(--color-text-muted)}.character-card-info h3{margin-bottom:var(--space-xs);border:none;padding:0;font-size:1.1rem}.character-card-meta{font-family:var(--font-ui);color:var(--color-text-muted);gap:var(--space-md);flex-wrap:wrap;font-size:.8rem;display:flex}.character-card-actions{gap:var(--space-sm);flex-shrink:0;display:flex}.status-error{color:var(--color-danger);font-family:var(--font-ui);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-danger);border-radius:var(--radius);margin-bottom:var(--space-md);background:#ff444414;font-size:.875rem}.status-loading{color:var(--color-text-muted);font-family:var(--font-ui);padding:var(--space-xl);text-align:center;font-size:.875rem}.status-warning{border-radius:var(--radius);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-family:var(--font-ui);color:var(--color-warning);gap:var(--space-xs);background:#ddaa0014;border:1px solid #da06;flex-direction:column;font-size:.82rem;list-style:none;display:flex}.archetype-field{position:relative}.archetype-combobox{align-items:center;display:flex;position:relative}.archetype-combobox input{padding-right:1.8rem}.archetype-clear{right:var(--space-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:flex;position:absolute}.archetype-clear:hover{color:var(--color-danger)}.archetype-dropdown{z-index:100;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);max-height:280px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.archetype-option{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background var(--transition);flex-direction:column;gap:2px;display:flex}.archetype-option:last-child{border-bottom:none}.archetype-option:hover,.archetype-option--selected,.archetype-option--highlight{background:#ffffff0f}.archetype-option-name{font-family:var(--font-ui);color:var(--color-text);font-size:.875rem;font-weight:600}.archetype-option--selected .archetype-option-name{color:var(--color-accent-fg)}.archetype-option-desc{font-family:var(--font-ui);color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.archetype-no-results{padding:var(--space-md);font-family:var(--font-ui);color:var(--color-text-muted);text-align:center;font-size:.85rem}.archetype-desc{margin-top:var(--space-xs);font-family:var(--font-ui);color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-left:2px solid var(--color-border);margin-bottom:0;font-size:.78rem;font-style:italic;line-height:1.45}.muted-hint{color:var(--color-text-muted);font-family:var(--font-ui);padding:var(--space-md) 0;font-size:.875rem}.muted-hint--sm{margin-bottom:var(--space-md);padding:0;font-size:.75rem}.muted-hint--xs{padding:0;font-size:.78rem}.muted{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.readonly-input{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);padding:.55rem var(--space-sm);font-family:var(--font-ui);cursor:default;width:80px;font-size:.9rem;display:inline-block}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);font-family:var(--font-ui);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.role-toggle{border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:var(--space-sm);gap:0;display:flex;overflow:hidden}.role-toggle-btn{padding:var(--space-sm) var(--space-md);background:var(--color-surface-raised);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;transition:background var(--transition), color var(--transition);border:none;flex:1;font-size:.875rem;font-weight:600}.role-toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.role-toggle-btn:hover{background:var(--color-surface);color:var(--color-text)}.role-toggle-btn--active{background:var(--color-accent);color:var(--color-accent-text)}.role-toggle-btn--active:hover{background:var(--color-accent-hover);color:var(--color-accent-text)}.role-hint{font-family:var(--font-ui);color:var(--color-text-muted);margin-bottom:0;font-size:.78rem;font-style:italic;line-height:1.45}.splat-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid;padding:1px 6px;font-size:.78rem;font-weight:700}.splat-badge--vampire{color:var(--color-splat-vampire);background:#e055551a;border-color:#e055554d}.splat-badge--werewolf{color:var(--color-splat-werewolf);background:#9aab5a1a;border-color:#9aab5a4d}.splat-badge--mage{color:var(--color-splat-mage);background:#9a7cd41a;border-color:#9a7cd44d}.splat-badge--seventh-sea{color:var(--color-splat-7thsea);background:#1a527626}.splat-badge--l5r{color:var(--color-splat-l5r);background:#c2913826}.splat-badge--dnd{color:#d55;background:#dd555526}.splat-badge--blades,.splat-badge--blades-crew{color:#8a9bae;background:#8a9bae26}.splat-badge--uestrpg{color:#7a99b5;background:#7a99b526}.splat-badge--hunter{color:#c8b432;background:#c8b43226}.splat-badge--wraith{color:#9696aa;background:#9696aa26}.splat-badge--changeling{color:#64b464;background:#64b46426}.splat-badge--demon{color:#b4501e;background:#b4501e26}.splat-badge--bsd{color:#648c3c;background:#648c3c26}.splat-badge--vampire-revised{color:var(--color-splat-ghoul);background:#cc44441a;border-color:#cc44444d}.splat-badge--kote{color:var(--color-splat-kote);background:#c4a32e1a;border-color:#c4a32e4d}.homepage{max-width:800px;margin:0 auto}.homepage-hero{text-align:center;padding:var(--space-xl) 0}.homepage-hero h2{margin-bottom:var(--space-sm);color:var(--color-text);font-size:2rem}.homepage-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto var(--space-lg);font-size:1.05rem;line-height:1.6}.homepage-cta{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.homepage-auth-cta{text-align:center;padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-xl);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius)}.homepage-auth-cta h3{margin-bottom:var(--space-lg);font-size:1.15rem}.btn-lg{padding:var(--space-sm) var(--space-xl);font-size:1.05rem}.system-grid{gap:var(--space-xl);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.system-card{padding:var(--space-xl);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-surface);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.system-card:hover{transform:translateY(-2px)}.system-card h4{margin-bottom:var(--space-sm);font-size:1.4rem}.system-card p{color:var(--color-text-muted);flex:1;font-size:.88rem;line-height:1.5}.system-card-cta{margin-top:var(--space-md);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.system-card--wod{border-color:#e055554d}.system-card--wod:hover{border-color:var(--color-accent-fg)}.system-card--wod h4,.system-card--wod .system-card-cta{color:var(--color-accent-fg)}.system-card--7thsea{border-color:#3498db4d}.system-card--7thsea:hover{border-color:#3498db}.system-card--7thsea h4,.system-card--7thsea .system-card-cta{color:#3498db}.system-card--l5r{border-color:#c291384d}.system-card--l5r:hover{border-color:#c29138}.system-card--l5r h4,.system-card--l5r .system-card-cta{color:#c29138}.system-card--dnd{border-color:#dd55554d}.system-card--dnd:hover{border-color:#d55}.system-card--dnd h4,.system-card--dnd .system-card-cta{color:#d55}.system-card--blades{border-color:#8a9bae4d}.system-card--blades:hover{border-color:#8a9bae}.system-card--blades h4,.system-card--blades .system-card-cta{color:#8a9bae}.system-card--uestrpg{border-color:#7a99b54d}.system-card--uestrpg:hover{border-color:#7a99b5}.system-card--uestrpg h4,.system-card--uestrpg .system-card-cta{color:#7a99b5}.homepage-systems{margin-top:var(--space-xl)}.homepage-systems h3{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:1rem}.homepage-features,.homepage-splats,.homepage-sitemap{margin-bottom:var(--space-xl)}.homepage-features h3,.homepage-splats h3,.homepage-sitemap h3{margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);font-size:1.15rem}.homepage-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.homepage-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md)}.homepage-card h4{margin:0 0 var(--space-xs);font-size:.95rem}.homepage-card p{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.5}.homepage-list{margin:var(--space-xs) 0 0;padding:0;list-style:none}.homepage-list li{color:var(--color-text-muted);padding:2px 0;font-size:.82rem}.homepage-list a{color:var(--color-accent);text-decoration:none}.homepage-list a:hover{text-decoration:underline}.homepage-footer{text-align:center;padding:var(--space-lg) 0;color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:.75rem}.form-view-mode input,.form-view-mode select,.form-view-mode textarea{pointer-events:none;opacity:.85;background:var(--color-surface)}.form-view-mode .btn-secondary,.form-view-mode .btn-primary,.form-view-mode .btn-danger,.form-view-mode .tag-remove,.form-view-mode .form-actions{display:none}.form-view-mode .view-actions{display:flex}.view-actions{gap:var(--space-sm);padding:var(--space-md) 0;justify-content:flex-end;display:none}.form-view-mode .tab-list .btn-secondary{display:inline-flex}.splat-badge--victorian-vampire{color:var(--color-splat-familiar);background:#b350701a;border-color:#b350704d}.splat-badge--wyld-west-werewolf{color:var(--color-splat-kote);background:#c4a32e1a;border-color:#c4a32e4d}.splat-badge--victorian-mage{color:var(--color-splat-kinfolk);background:#8a6ab41a;border-color:#8a6ab44d}.splat-badge--changing-breeds{color:var(--color-splat-totem);background:#7aaa4a1a;border-color:#7aaa4a4d}.splat-badge--hunter{color:#c4841d;background:#c4841d1a;border-color:#c4841d4d}.splat-badge--wraith{color:#5a7a8a;background:#5a7a8a1a;border-color:#5a7a8a4d}.splat-badge--changeling{color:#64b464;background:#64b4641a;border-color:#64b4644d}.splat-badge--demon{color:#b4501e;background:#b4501e1a;border-color:#b4501e4d}.splat-badge--bsd{color:#648c3c;background:#648c3c1a;border-color:#648c3c4d}.splat-badge--mortal{color:#a0a0a0;background:#a0a0a026}.splat-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.splat-card{gap:var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;text-align:left;font-family:var(--font-ui);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex}.splat-card:hover{border-color:var(--splat-color,var(--color-accent));transform:translateY(-2px);box-shadow:0 8px 24px #0006}.splat-card:focus-visible{outline:3px solid var(--splat-color,var(--color-accent-fg));outline-offset:3px}.splat-card-header{flex-direction:column;gap:2px;display:flex}.splat-card-name{font-family:var(--font-body);color:var(--splat-color,var(--color-accent-fg));letter-spacing:.02em;border:none;margin:0;padding:0;font-size:1.4rem;font-weight:700}.splat-card-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.78rem;font-weight:600}.splat-card-desc{color:var(--color-text-muted);flex:1;margin:0;font-size:.85rem;line-height:1.55}.splat-card-cta{color:var(--splat-color,var(--color-accent-fg));letter-spacing:.03em;transition:color var(--transition);font-size:.82rem;font-weight:600}.splat-card:hover .splat-card-cta{color:var(--color-text)}a{color:var(--color-accent-fg);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-text);text-decoration:underline}@media (width<=1024px){.form-section{padding:var(--space-sm)}.field-row{flex-wrap:wrap}.disc-bg-layout{grid-template-columns:1fr}.dice-pool-table{font-size:.75rem}.dice-pool-desc{display:none}.tab-list{flex-wrap:wrap;gap:.25rem}}@media (width<=640px){main,header[role=banner]{padding:var(--space-md)}.header-inner{flex-direction:column;align-items:flex-start}.form-section{padding:var(--space-lg) var(--space-md)}.rating-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.character-card{padding:var(--space-md);flex-direction:column;align-items:flex-start}.character-card-actions{justify-content:flex-end;width:100%}.form-actions{justify-content:stretch}.form-actions .btn{flex:1;justify-content:center}}.health-track{border-collapse:collapse;width:100%;max-width:500px;font-size:.85rem}.health-track th,.health-track td{padding:.5rem}.health-track th{text-align:left}.health-track th:not(:first-child),.health-track td:not(:first-child){text-align:center}.health-track thead tr{border-bottom:2px solid var(--color-border)}.health-track tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer}.priority-hint{color:var(--color-text-muted);font-size:.75rem}.form-stat-mods{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.78rem}.form-stat-note{color:#c4a35a;margin-left:.5rem;font-style:italic}.attr-mod{white-space:nowrap;font-size:.75rem;font-weight:600}.attr-mod--buff{color:#6fbf6f}.attr-mod--nerf{color:#f06060}.combo-grid{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.combo-grid .field--full{grid-column:1/-1}.combo-grid .field--narrow{max-width:120px}.detail-sm,.detail-xs{font-size:.78rem}.inv-table{border-collapse:collapse;width:100%;font-family:var(--font-ui);margin-bottom:var(--space-md);font-size:.83rem}.inv-table th{text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;font-weight:600}.inv-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.inv-table tr:last-child td{border-bottom:none}.inv-table tr:hover td{background:var(--color-surface-raised)}.inv-notes{color:var(--color-text-muted);max-width:200px;font-style:italic}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.kofi-btn{color:#fff;background:#ff5e5b;border-radius:6px;margin-top:.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-block}.kofi-btn:hover{background:#e04442;transform:scale(1.04)}.modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface,#1e1e1e);border:1px solid var(--color-border,#555);border-radius:8px;width:100%;max-width:480px;padding:1.5rem;box-shadow:0 8px 32px #0009}.modal-content h3{text-align:center;margin-bottom:1.25rem;font-size:1.1rem}.modal-options{flex-direction:column;gap:.75rem;display:flex}.modal-option-btn{background:var(--color-bg,#121212);border:1px solid var(--color-border,#555);cursor:pointer;color:var(--color-text,#eee);border-radius:6px;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;transition:border-color .15s,background .15s;display:flex}.modal-option-btn:hover{border-color:var(--color-accent-fg,#e05555);background:#e055550f}.modal-option-icon{font-size:1.5rem}.modal-option-label{font-size:.95rem;font-weight:700}.modal-option-desc{color:var(--color-text-muted,#999);text-align:center;font-size:.78rem}.modal-option-divider{text-align:center;color:var(--color-text-muted,#999);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.modal-option-chronicle{background:var(--color-bg,#121212);border:1px solid var(--color-border,#555);color:var(--color-text,#eee);border-radius:6px;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;display:flex}.modal-chronicle-select{gap:.5rem;width:100%;margin-top:.5rem;display:flex}.modal-chronicle-select select{flex:1}.modal-close{color:var(--color-text-muted,#999);cursor:pointer;background:0 0;border:none;margin:1rem auto 0;font-size:.82rem;display:block}.modal-close:hover{color:var(--color-text,#eee)}.priority-selector{margin-bottom:var(--space-md);flex-wrap:wrap;gap:.5rem;display:flex}.priority-btn{border:1px solid var(--color-border,#555);background:var(--color-bg,#121212);color:var(--color-text-muted,#999);cursor:pointer;border-radius:4px;padding:.3rem .7rem;font-size:.78rem;transition:all .15s}.priority-btn:hover{border-color:var(--color-accent-fg,#e05555)}.priority-btn--active{border-color:var(--color-accent-fg,#e05555);color:var(--color-text,#eee);background:#e0555526;font-weight:600}.priority-btn:disabled{opacity:.35;cursor:not-allowed}.points-remaining{margin-bottom:var(--space-sm);border-radius:3px;padding:.2rem .5rem;font-size:.78rem;font-weight:600;display:inline-block}.points-remaining--ok{color:#6fbf6f;background:#6fbf6f1a}.points-remaining--over{color:#f06060;background:#f060601a}.points-remaining--done{color:var(--color-text-muted,#999);background:#9999991a}.user-menu{position:relative}.user-menu-trigger{border:1px solid var(--color-border,#555);color:var(--color-text,#eee);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.82rem;display:flex}.user-menu-trigger:hover{background:var(--color-surface-hover,#ffffff14)}.user-menu-arrow{opacity:.7;font-size:.6rem}.user-menu-dropdown{background:var(--color-surface,#1e1e1e);border:1px solid var(--color-border,#555);z-index:1000;border-radius:4px;min-width:140px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0006}.user-menu-dropdown button{text-align:left;width:100%;color:var(--color-text,#eee);cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;font-size:.82rem;display:block}.user-menu-dropdown button:hover{background:var(--color-surface-hover,#ffffff14)}.lang-toggle{background:var(--color-accent,#b22);color:#fff;cursor:pointer;text-transform:none;letter-spacing:0;white-space:nowrap;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.82rem;font-weight:700;transition:background .15s}.lang-toggle:hover{background:var(--color-accent-hover,#d33);filter:brightness(1.15)}[data-theme="7thsea"] .tab-btn--active{background:#3498db1a!important}[data-theme="7thsea"] .tag--active{background:#1a1a2e}[data-theme=l5r] .tab-btn--active{background:#c291381a!important}[data-theme=l5r] .tag--active{background:#1a1a10}[data-theme=dnd] .tab-btn--active{background:#dd55551a!important}[data-theme=dnd] .tag--active{background:#1a1010}[data-theme=blades] .tab-btn--active{background:#8a9bae1a!important}[data-theme=blades] .tag--active{background:#141a20}.blades-actions-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.blades-action-column{gap:var(--space-xs);flex-direction:column;display:flex}.blades-action-column h4{margin:0 0 var(--space-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-fg);font-size:.9rem}.blades-action-row{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:2px 0;display:flex}.blades-action-label{min-width:70px;font-size:.85rem;font-weight:600}.blades-xp-row{align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;display:flex}.blades-dots{align-items:center;gap:4px;display:inline-flex}.blades-dot{cursor:pointer;background:0 0;border:2.5px solid #999;border-radius:50%;width:22px;height:22px;transition:background .15s,border-color .15s,box-shadow .15s}.blades-dot:hover{border-color:#ccc;box-shadow:0 0 0 2px #8a9bae4d}.blades-dot:focus-visible{outline-offset:2px;outline:2px solid #fff}.blades-dot--filled{background:#abc;border-color:#abc}.blades-dot--filled:hover{background:#bcd;border-color:#bcd}.blades-pip{cursor:pointer;background:0 0;border:2.5px solid #999;border-radius:2px;width:16px;height:16px;transition:background .15s,border-color .15s,box-shadow .15s}.blades-pip:hover{border-color:#ccc;box-shadow:0 0 0 2px #8a9bae4d}.blades-pip:focus-visible{outline-offset:2px;outline:2px solid #fff}.blades-pip--filled{background:#8a9bae;border-color:#8a9bae}.blades-pip--filled:hover{background:#9aabbc;border-color:#9aabbc}.blades-stress-track{margin-bottom:var(--space-sm);align-items:center;gap:5px;display:flex}.blades-stress-box{cursor:pointer;color:#888;border:2.5px solid #999;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.blades-stress-box:hover{border-color:#ccc;box-shadow:0 0 0 2px #cc33334d}.blades-stress-box:focus-visible{outline-offset:2px;outline:2px solid #fff}.blades-stress-box--filled{color:#fff;background:#c33;border-color:#c33}.blades-stress-box--filled:hover{background:#d44;border-color:#d44}@media (forced-colors:active){.blades-dot,.blades-pip,.blades-stress-box{forced-color-adjust:none}.blades-dot--filled,.blades-pip--filled{background:highlight;border-color:highlight}.blades-stress-box--filled{color:highlighttext;background:highlight;border-color:highlight}}.dice-pool-table{border-collapse:collapse;width:100%;font-size:.82rem}.dice-pool-table th,.dice-pool-table td{vertical-align:top;padding:.4rem .5rem}.dice-pool-table thead tr{border-bottom:2px solid var(--color-border)}.dice-pool-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-size:.75rem}.dice-pool-table tbody tr{border-bottom:1px solid var(--color-border)}.dice-pool-table tbody tr:hover{background:var(--color-hover,#ffffff08)}.dice-pool-name{white-space:nowrap;font-weight:600}.dice-pool-components{color:var(--color-text-muted);font-size:.78rem}.dice-pool-stat{color:var(--color-text)}.dice-pool-val{color:var(--color-accent-fg);font-weight:600}.dice-pool-total{text-align:center;font-size:.9rem}.dice-pool-diff,.dice-pool-damage{text-align:center;color:var(--color-text-muted);font-size:.78rem}.dice-pool-desc{color:var(--color-text-muted);min-width:180px;font-size:.75rem}.dice-pool-special{color:var(--color-text-muted)}.dice-pool-row--zero td{opacity:.45}.rules-ref-summary{cursor:pointer;color:var(--color-accent-fg);padding:.3rem 0;font-size:.95rem;font-weight:600}.rules-ref-content{padding:.5rem 0}.rules-ref-entry{margin-bottom:.6rem}.rules-ref-term{color:var(--color-text);margin-bottom:.15rem;font-size:.85rem;font-weight:600}.rules-ref-desc{color:var(--color-text-muted);border-left:2px solid var(--color-border);margin:0;padding-left:.5rem;font-size:.82rem;line-height:1.55}.dice-roller{padding:var(--space-md)}.dice-roller h3{margin-bottom:var(--space-md);font-size:1.05rem}.dice-roller-controls{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.dice-roller-controls .field{min-width:80px}.dice-roller-controls label{margin-bottom:.2rem;font-size:.82rem;font-weight:600;display:block}.dice-roller-controls input[type=number]{width:70px}.dice-roller-options{gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.dice-roller-options label{cursor:pointer;align-items:center;gap:.3rem;font-size:.82rem;display:flex}.dice-roller-label{flex-direction:column;gap:.2rem;font-size:.82rem;font-weight:600;display:flex}.dice-roller-input{width:70px}.dice-roller-checkbox{cursor:pointer;align-items:center;gap:.3rem;font-size:.82rem;display:flex}.dice-roller-roll-btn,.dice-roller-button{padding:var(--space-sm) var(--space-xl);letter-spacing:.05em;text-transform:uppercase;background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.dice-roller-roll-btn:hover,.dice-roller-button:hover{background:var(--color-accent-hover)}.dice-roller-roll-btn:active,.dice-roller-button:active{transform:scale(.96)}.dice-roller-result{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space-lg)}.dice-roller-dice{margin-bottom:var(--space-md);flex-wrap:wrap;gap:.4rem;display:flex}.dice-roller-die{border-radius:var(--radius);border:2px solid var(--color-border);background:var(--color-bg);width:36px;height:36px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.dice-roller-die--success{color:#fff;background:#1a5c2a;border-color:#2a8c3a}.dice-roller-die--ten{color:#fff;background:#7a6a00;border-color:#b89e00}.dice-roller-die--one{color:#fff;background:#8b1a1a;border-color:#c62828}.dice-roller-die--kept{color:#fff;background:#1a3a6a;border-color:#2a5aaa}.dice-roller-die--unkept{opacity:.4}.dice-roller-die--unused,.dice-roller-die--dimmed,.dice-roller-die--fail{opacity:.35}.dice-roller-die--ten-specialty{color:#fff;background:#8a6d00;border-color:#d4a800;box-shadow:0 0 6px #d4a80066}.dice-roller-die--rolling{animation:.3s ease-out dice-roll}@keyframes dice-roll{0%{opacity:.3;transform:scale(.5)rotate(-180deg)}60%{transform:scale(1.15)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.dice-roller-total{margin-top:var(--space-sm);font-size:1.3rem;font-weight:700}.dice-roller-total--botch{color:#c62828}.dice-roller-total--failure{color:var(--color-text-muted)}.dice-roller-total--success{color:#2a8c3a}.dice-roller-sets{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.dice-roller-set{background:var(--color-bg);border-radius:var(--radius);border:2px solid #2a8c3a;align-items:center;gap:.25rem;padding:.3rem .5rem;display:flex}.dice-roller-set--double{border-color:#b89e00}.dice-roller-explode{color:var(--color-text-muted);font-size:.7rem}.dice-roller-notation{margin-bottom:var(--space-sm);color:var(--color-accent-fg);font-size:1.1rem;font-weight:700}.dice-roller-history{margin-top:var(--space-lg)}.dice-roller-history h4{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.dice-roller-history-list{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.dice-roller-history-item{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:var(--space-sm);padding:.35rem 0;font-size:.8rem;display:flex}.dice-roller-history-item:last-child{border-bottom:none}.dice-roller-history-desc{color:var(--color-text-muted)}.dice-roller-history-result{white-space:nowrap;font-weight:600}.dice-roller-history-result--success{color:#2a8c3a}.dice-roller-history-result--failure{color:var(--color-text-muted)}.dice-roller-history-result--botch{color:#c62828}.dice-roller-outcome{margin-top:var(--space-sm);font-size:1.3rem;font-weight:700}.dice-roller-outcome--success{color:#2a8c3a}.dice-roller-outcome--failure{color:var(--color-text-muted)}.dice-roller-outcome--botch{color:#c62828}.dice-roller-title{margin-bottom:var(--space-md)}.dice-roller-clear{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.2rem .5rem;font-size:.78rem}.dice-roller-clear:hover{color:var(--color-text);border-color:var(--color-text-muted)}.dice-roller-history-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.dice-roller-history-time{color:var(--color-text-muted);min-width:70px;font-size:.75rem}.dice-roller-history-detail{flex:1}.dice-roller-all-dice{margin:var(--space-sm) 0;flex-wrap:wrap;gap:.4rem;display:flex}.dice-roller-set--unused{border-color:var(--color-border);opacity:.5}.dice-roller-set__label{margin-right:.3rem;font-size:.75rem;font-weight:600}.dice-roller-set__dice{gap:.2rem;display:flex}.dice-roller-set__sum{color:var(--color-text-muted);margin-left:.3rem;font-size:.8rem;font-weight:600}.dice-roller-bonus{color:var(--color-text-muted);font-size:.85rem}.dice-roller-history__entry{gap:var(--space-sm);border-bottom:1px solid var(--color-border);padding:.35rem 0;font-size:.8rem;display:flex}.dice-roller-history__entry:last-child{border-bottom:none}.dice-roller-history__meta{min-width:80px;font-weight:600}.dice-roller-history__dice{color:var(--color-text-muted);flex:1}.dice-roller-history__raises{white-space:nowrap;font-weight:600}.error-boundary{text-align:center;max-width:500px;margin:4rem auto;padding:2rem}.error-boundary h2{margin-bottom:1rem;font-size:1.5rem}.error-boundary p{color:var(--color-text-muted);margin-bottom:1.5rem}@media print{.tab-list,.form-actions,.view-actions,.form-header button,.btn,.tag-remove,.catalog-search-wrap,.catalog-list,.priority-selector,nav,footer,.skip-link{display:none!important}body{color:#000;background:#fff;font-size:10pt}.form-section,fieldset{break-inside:avoid;border-color:#ccc}[hidden]{display:block!important}.form-view-mode input,.form-view-mode select,.form-view-mode textarea{background:0 0;border:none}}