*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a0a;--color-surface:#131316;--color-surface-raised:#1c1c20;--color-border:#2a2a30;--color-border-subtle:#1e1e24;--color-border-focus:#e05555;--color-text:#ece8e0;--color-text-muted:#9a968e;--color-text-disabled:#6a665e;--color-accent:#c22;--color-accent-fg:#e05555;--color-accent-hover:#d33;--color-accent-text:#fff;--color-accent-glow:#e055550f;--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;--font-display:Georgia, "Palatino Linotype", "Book Antiqua", serif;--radius-sm:3px;--radius:6px;--radius-lg:10px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--transition:.18s ease;--transition-slow:.35s ease;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 8px #00000080, 0 1px 2px #0000004d;--shadow-lg:0 4px 16px #0009, 0 2px 4px #0006;--shadow-inset:inset 0 1px 3px #0006;--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}[data-theme=cyberpunk]{--color-border-focus:#00d4ff;--color-accent:#007a99;--color-accent-fg:#00d4ff;--color-accent-hover:#0bd}[data-theme=cyberpunk] .tab-btn--active{background:#00d4ff1a!important}[data-theme=cyberpunk] .tag--active{background:#001a22}[data-theme=asoiaf]{--color-border-focus:#c4a832;--color-accent:#8a7523;--color-accent-fg:#c4a832;--color-accent-hover:#d4b842}[data-theme=asoiaf] .tab-btn--active{background:#c4a8321a!important}[data-theme=sav]{--color-border-focus:#00bcd4;--color-accent:#00838f;--color-accent-fg:#00bcd4;--color-accent-hover:#26c6da}[data-theme=sav] .tab-btn--active{background:#00bcd41a!important}@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);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");background-attachment:fixed;min-width:320px;min-height:100vh;font-size:1rem;line-height:1.65;overflow-x:hidden}.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:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);z-index:10;position:relative;box-shadow:0 1px 4px #0000004d}header[role=banner]:after{content:"";background:linear-gradient(90deg, transparent 10%, var(--color-accent-fg) 50%, transparent 90%);opacity:.15;height:1px;position:absolute;bottom:0;left:0;right:0}.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{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);font-size:1.15rem;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-disabled);font-size:.78rem;font-family:var(--font-ui);margin-top:var(--space-2xl)}.header-title-row{justify-content:space-between;align-items:center;width:100%;display:flex}.hamburger-btn{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:none}.hamburger-icon{background:var(--color-text);width:20px;height:2px;transition:background var(--transition);display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";background:var(--color-text);width:20px;height:2px;transition:transform var(--transition);position:absolute;left:0}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.hamburger-icon--open{background:0 0}.hamburger-icon--open:before{top:0;transform:rotate(45deg)}.hamburger-icon--open:after{top:0;transform:rotate(-45deg)}nav[aria-label=Primary\ navigation],.nav-menu{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.nav-utils{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}nav button{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:all var(--transition);background:0 0;border:1px solid #0000;font-size:.85rem}nav button:hover{color:var(--color-text);background:#ffffff0a}nav button[aria-current=page]{color:var(--color-accent-fg);background:var(--color-accent-glow)}h2{font-family:var(--font-display);letter-spacing:.05em;color:var(--color-text);margin-bottom:var(--space-lg);text-shadow:0 1px 3px #0006;font-size:1.5rem;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{justify-content:center;align-items:center;gap:var(--space-xs);padding:.5rem var(--space-lg);border-radius:var(--radius);font-family:var(--font-ui);cursor:pointer;transition:all var(--transition);white-space:nowrap;letter-spacing:.02em;border:1px solid #0000;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff1a}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff1a}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d,inset 0 1px 2px #0003}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-secondary:hover{color:var(--color-text);background:#ffffff08;border-color:#3a3a42}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn-danger:hover{background:#ff444414;box-shadow:0 0 8px #ff44441a}.btn-outline-accent{border-color:var(--accent);color:var(--accent)}.btn-outline-accent:hover{background:#ffffff08}.btn-sm{min-height:30px;padding:.3rem .65rem;font-size:.78rem}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(.3)}label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:3px;font-size:.72rem;font-weight:600;display:block}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=date],select,textarea{background:var(--color-surface-raised);width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-ui);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);appearance:none;box-shadow:var(--shadow-inset);padding:.6rem .75rem;font-size:.88rem;line-height:1.4;display:block}input[type=text]:hover,input[type=number]:hover,input[type=email]:hover,input[type=password]:hover,input[type=search]:hover,input[type=date]:hover,select:hover,textarea:hover{background:#1f1f24;border-color:#3a3a42}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=date]:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #e055551f, var(--shadow-inset);background:#1a1a1f;outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-disabled);font-size:.84rem;font-style:italic}select option{background:var(--color-surface-raised);color:var(--color-text)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239a968e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:1.8rem}textarea{resize:vertical;min-height:90px;line-height:1.55}input[type=checkbox]{appearance:none;border:1.5px solid var(--color-border);background:var(--color-surface-raised);cursor:pointer;width:17px;height:17px;transition:all var(--transition);border-radius:3px;flex-shrink:0;position:relative}input[type=checkbox]:hover{border-color:var(--color-text-muted);background:#222228}input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4.5px;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}input[type=radio]{appearance:none;border:1.5px solid var(--color-border);background:var(--color-surface-raised);cursor:pointer;width:17px;height:17px;transition:all var(--transition);border-radius:50%;flex-shrink:0;position:relative}input[type=radio]:hover{border-color:var(--color-text-muted);background:#222228}input[type=radio]:checked{border-color:var(--color-accent)}input[type=radio]:checked:after{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:3.5px;left:3.5px}input[type=radio]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.field{flex-direction:column;gap:3px;display:flex}.field:not(.field-row>.field){margin-bottom:var(--space-md)}.field:last-child{margin-bottom:0}.field-row{gap:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;display:grid}.field-row:last-child,.field-row>.field{margin-bottom:0}fieldset{margin:0 0 var(--space-xl) 0;border:none;padding:0}fieldset:last-child{margin-bottom:0}fieldset+fieldset{padding-top:var(--space-md);border-top:1px solid var(--color-border-subtle,#ffffff0a)}legend{font-family:var(--font-ui);letter-spacing:.12em;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:.7rem;font-weight:700;position:relative}legend:after{content:"";background:var(--color-accent-fg);opacity:.5;width:40px;height:2px;position:absolute;bottom:-1px;left:0}.tab-list{margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:2px;padding-bottom:0;display:flex}.tab-list .btn{padding:.6rem var(--space-md);letter-spacing:.04em;color:var(--color-text-muted);transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:0;font-size:.78rem;position:relative}.tab-list .btn:hover{color:var(--color-text);background:#ffffff08}.tab-carousel,.tab-carousel-btn{display:none}.tab-btn--active{color:var(--color-accent-fg)!important;background:0 0!important;border:none!important}.tab-btn--active:after{content:"";bottom:-1px;left:var(--space-sm);right:var(--space-sm);background:var(--color-accent-fg);border-radius:1px 1px 0 0;height:2px;position:absolute}.form-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.form-header h2{font-family:var(--font-display);margin-bottom:0}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md);position:relative}.form-section:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0a 30% 70%,#0000);height:1px;position:absolute;top:0;left:1px;right:1px}.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{flex-direction:column;gap:3px;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;padding:.45rem .5rem;font-size:.85rem}.rating-grid{gap:var(--space-md) var(--space-xl);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.ability-row{flex-direction:column;gap:2px;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:.2rem var(--space-xs);width:100%;transition:border-color var(--transition), color var(--transition);box-shadow:none;background:0 0;font-size:.75rem}.spec-input::placeholder{color:var(--color-text-disabled);font-style:italic}.spec-input:hover{border-color:var(--color-text-muted)}.spec-input:focus{border-color:var(--color-border-focus);color:var(--color-text);box-shadow:none;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--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), box-shadow var(--transition), transform var(--transition);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex;position:relative}.character-card:hover{box-shadow:var(--shadow-md);border-color:#3a3a42;transform:translateY(-1px)}.character-card:before{content:"";background:var(--color-accent-fg);opacity:0;width:3px;transition:opacity var(--transition);border-radius:0 2px 2px 0;position:absolute;top:12px;bottom:12px;left:0}.character-card:hover:before{opacity:.5}.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-radius:var(--radius);margin-bottom:var(--space-md);background:#ff44440f;border:1px solid #ff44444d;font-size:.85rem;box-shadow:0 0 12px #ff44440d}.status-loading{color:var(--color-text-muted);font-family:var(--font-ui);padding:var(--space-xl);text-align:center;font-size:.85rem}.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:#ddaa000f;border:1px solid #ddaa004d;flex-direction:column;font-size:.82rem;list-style:none;display:flex}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-xl);color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:#ffffff03}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.shrink-0{flex-shrink:0}.d-block{display:block}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.ml-sm{margin-left:var(--space-sm)}.mr-sm{margin-right:var(--space-sm)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.text-xs{font-size:.72rem}.text-sm{font-size:.78rem}.text-base{font-size:.85rem}.text-md{font-size:.9rem}.text-lg{font-size:1rem}.text-xl{font-size:1.1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-italic{font-style:italic}.uppercase{text-transform:uppercase;letter-spacing:.06em}.lh-tight{line-height:1.2}.lh-snug{line-height:1.4}.lh-normal{line-height:1.6}.text-muted{color:var(--color-text-muted)}.text-disabled{color:var(--color-text-disabled)}.text-accent{color:var(--color-accent-fg)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.border{border:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.bg-surface{background:var(--color-surface)}.bg-raised{background:var(--color-surface-raised)}.bg-accent-subtle{background:var(--color-accent-glow)}.grid{display:grid}.grid-2{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.grid-auto{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.cursor-pointer{cursor:pointer}.opacity-30{opacity:.3}.inline-label{align-items:center;gap:4px;font-size:.85rem;display:flex}.tag-remove{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1rem}.tag-remove:hover{color:var(--color-danger)}.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:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:3px;padding:2px 8px;font-size:.72rem;font-weight:700;line-height:1.4}.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--l5r-5e{color:#2e8b57;background:#2e8b5726;border-color:#2e8b574d}.splat-badge--dnd{color:#d55;background:#dd555526}.splat-badge--blades,.splat-badge--blades-crew{color:#8a9bae;background:#8a9bae26}.splat-badge--sav{color:#00bcd4;background:#00bcd426}.splat-badge--uestrpg{color:#7a99b5;background:#7a99b526}.splat-badge--cyberpunk,.splat-badge--cyberpunk-antagonist{color:#00d4ff;background:#00d4ff26}.splat-badge--asoiaf,.splat-badge--asoiaf-antagonist{color:#c4a832;background:#c4a83226}.splat-badge--seventh-sea-ship{color:#d4af37;background:#d4af3726}.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-grid--desktop{display:grid}.system-carousel{display:none}.system-carousel-btn{border:1px solid var(--color-border);background:var(--color-surface-raised);width:44px;min-width:44px;height:44px;color:var(--color-text);cursor:pointer;transition:background var(--transition), border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.system-carousel-btn:hover{border-color:var(--color-accent-fg);background:#e055551a}.system-carousel-btn:disabled{opacity:.3;cursor:not-allowed}.system-carousel-track{flex:1;min-width:0}.system-carousel-track .system-card{width:100%}.system-carousel-dots{justify-content:center;gap:var(--space-xs);padding-top:var(--space-sm);grid-column:1/-1;display:flex}.system-carousel-dot{border:1px solid var(--color-text-muted);cursor:pointer;width:10px;height:10px;transition:background var(--transition), border-color var(--transition);background:0 0;border-radius:50%;padding:0}.system-carousel-dot--active{background:var(--color-accent-fg);border-color:var(--color-accent-fg)}.system-carousel-dot:hover{border-color:var(--color-accent-fg)}.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;padding:.5rem var(--space-lg);border-radius:var(--radius);transition:background var(--transition), color var(--transition);border:2px solid;font-size:.82rem;font-weight:600;display:inline-block}.system-card:hover .system-card-cta{color:var(--color-bg);background:currentColor}.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--sav{border-color:#00bcd44d}.system-card--sav:hover{border-color:#00bcd4}.system-card--sav h4,.system-card--sav .system-card-cta{color:#00bcd4}.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}.system-card--cyberpunk{border-color:#00d4ff4d}.system-card--cyberpunk:hover{border-color:#00d4ff}.system-card--cyberpunk h4,.system-card--cyberpunk .system-card-cta{color:#00d4ff}.system-card--asoiaf{border-color:#c4a8324d}.system-card--asoiaf:hover{border-color:#c4a832}.system-card--asoiaf h4,.system-card--asoiaf .system-card-cta{color:#c4a832}.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-card--step{padding-left:3.5rem;position:relative}.step-number{left:var(--space-md);top:var(--space-md);background:var(--color-accent);color:#fff;width:28px;height:28px;font-family:var(--font-ui);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute}.homepage-grid--tutorial{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.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);color:var(--color-text)}.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){*,:before,:after{min-width:0!important;max-width:100%!important}input[type=checkbox],input[type=radio],.splat-badge,.step-number,svg,svg *{max-width:none!important}main{padding:var(--space-md) var(--space-sm)}header[role=banner]{padding:var(--space-sm)}.header-inner{align-items:flex-start;gap:var(--space-sm);flex-direction:column}[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*=minmax\(100px],[style*=minmax\(80px],[style*=minmax\(120px]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}.field-row{flex-direction:column}[style*="display: flex"][style*=gap]{flex-wrap:wrap!important}.form-header,.character-list-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.character-card{flex-direction:column;align-items:stretch}.character-card-actions{flex-wrap:wrap;width:100%}.character-card-actions .btn{flex:1}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1;justify-content:center}.rating-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}.splat-grid{grid-template-columns:1fr!important}fieldset,.form-section{overflow:hidden visible}[style*="grid-template-columns: '1fr"]{grid-template-columns:1fr!important}.hamburger-btn{display:flex}.nav-menu{border-top:1px solid var(--color-border);width:100%;padding-top:var(--space-sm);margin-top:var(--space-sm);flex-direction:column;gap:0;display:none!important}.nav-menu--open{display:flex!important}.nav-menu a,.nav-menu>a{width:100%}.nav-menu button,.nav-menu>a>button{text-align:left;width:100%;padding:.7rem var(--space-md);border:none;border-bottom:1px solid var(--color-border);border-radius:0;font-size:.95rem}.nav-menu button:hover,.nav-menu>a>button:hover{background:#ffffff0d}.nav-utils{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);justify-content:flex-start;width:100%;margin-left:0}.tab-list{border-bottom:none;flex-wrap:wrap;gap:0;padding-bottom:0;position:relative}.tab-list .btn,.tab-list [role=tab]{white-space:nowrap;text-align:left;width:100%;padding:.65rem var(--space-md);border:none;border-bottom:1px solid var(--color-border);border-radius:0;font-size:.85rem;display:none}.tab-list .tab-btn--active,.tab-list [aria-selected=true]{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:center;justify-content:center;align-items:center;display:flex!important}.tab-list .tab-btn--active:after,.tab-list [aria-selected=true]:after{content:"▼";margin-left:var(--space-sm);opacity:.6;font-size:.6rem}.tab-list.tab-list--expanded .btn,.tab-list.tab-list--expanded [role=tab]{display:flex!important}.tab-list.tab-list--expanded{z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;position:relative}.tab-list.tab-list--expanded .tab-btn--active:after,.tab-list.tab-list--expanded [aria-selected=true]:after{content:"▲"}.tab-list.tab-list--expanded .btn:hover,.tab-list.tab-list--expanded [role=tab]:hover{background:#ffffff0d}.tab-carousel{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);display:flex!important}.tab-carousel-btn{border:1px solid var(--color-border);background:var(--color-surface-raised);width:40px;min-width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:background var(--transition), border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.tab-carousel-btn:hover{border-color:var(--color-accent-fg);background:#e055551a}.tab-carousel-btn:disabled{opacity:.3;cursor:not-allowed}.tab-carousel .tab-list{flex:1;margin-bottom:0}.form-actions{z-index:40;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-sm);margin:0 calc(-1 * var(--space-sm));width:calc(100% + 2 * var(--space-sm));position:sticky;bottom:0;box-shadow:0 -2px 8px #0000004d}.modal-content{width:95vw;max-height:90vh;padding:var(--space-sm)}.homepage-grid,.homepage-grid--tutorial{grid-template-columns:1fr!important}.system-grid--desktop{display:none!important}.system-carousel{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:44px 1fr 44px;display:grid!important}input[type=text],input[type=number],input[type=email],input[type=search],select,textarea{font-size:16px}}.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-harm-track{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.blades-harm-row{border-bottom:1px solid var(--color-border);align-items:stretch;display:flex}.blades-harm-row:last-child{border-bottom:none}.blades-harm-level{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-raised);border-right:1px solid var(--color-border);flex-shrink:0;min-width:140px;display:flex}.blades-harm-num{font-family:var(--font-display);text-align:center;min-width:20px;font-size:1.3rem;font-weight:700;line-height:1}.blades-harm-row--fatal .blades-harm-num{color:#e74c3c}.blades-harm-row--severe .blades-harm-num{color:#e67e22}.blades-harm-row--lesser .blades-harm-num{color:#f1c40f}.blades-harm-label{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem;font-weight:600;line-height:1.2}.blades-harm-slots{flex:1;gap:0;display:flex}.blades-harm-input{color:var(--color-text);border:none;border-left:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);box-shadow:none;transition:background var(--transition);background:0 0;border-radius:0;flex:1;font-size:.88rem;font-style:italic}.blades-harm-input:first-child{border-left:none}.blades-harm-input:hover{background:#ffffff05}.blades-harm-input:focus{box-shadow:inset 0 0 0 1px var(--color-border-focus);background:#ffffff0a;outline:none}.blades-harm-input::placeholder{color:var(--color-text-disabled);font-size:.8rem;font-style:italic}.blades-harm-input:not(:placeholder-shown){font-style:normal;font-weight:500}.blades-harm-row--fatal .blades-harm-input:not(:placeholder-shown){color:#e74c3c;background:#e74c3c0d}.blades-harm-row--severe .blades-harm-input:not(:placeholder-shown){color:#e67e22;background:#e67e220a}@media (width<=640px){.blades-harm-level{min-width:50px;padding:var(--space-xs) var(--space-sm)}.blades-harm-label{display:none}.blades-harm-input{padding:var(--space-xs) var(--space-sm);font-size:.82rem}}.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}.l5r-wound-bar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;width:100%;height:10px;overflow:hidden}.l5r-wound-bar__fill{border-radius:2px;height:100%;transition:width .3s}.l5r-wound-bar__fill--healthy{background:#8c8}.l5r-wound-bar__fill--light{background:#e9b44c}.l5r-wound-bar__fill--medium{background:#e97730}.l5r-wound-bar__fill--severe{background:#e55}.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{header,footer,nav,.tab-list,.form-actions,.view-actions,.btn,.modal-overlay,.splat-badge,.status-loading,.status-error,.muted-hint,.skip-link,.tag-remove,.catalog-search-wrap,.catalog-list,.priority-selector,.dice-roller,.user-menu,.lang-toggle,.kofi-btn,[role=tablist]{display:none!important}[role=tabpanel],[hidden],[role=tabpanel][hidden]{display:block!important}body.exporting-pdf [data-export-exclude],body.exporting-pdf [data-export-exclude][hidden]{display:none!important}body,main,section,.form-section,fieldset{color:#000!important;background:#fff!important;border-color:#ccc!important}body{font-size:11pt!important}h2{color:#000!important;font-size:16pt!important}h3{color:#000!important;font-size:13pt!important}legend{color:#000!important;font-size:12pt!important;font-weight:700!important}label{color:#333!important}p{color:#000!important}fieldset{page-break-inside:avoid;margin-bottom:8pt}.form-section{page-break-inside:avoid;margin-bottom:10pt;border:1px solid #ccc!important}.dot-rating select,.rating-field select{background:0 0!important;border:none!important}select,input[type=text],input[type=number],textarea{color:#000!important;box-shadow:none!important;background:0 0!important;border:none!important;padding-left:0!important}.form-header{border:none!important;margin-bottom:12pt!important;padding:0!important}.form-header h2{margin:0!important}.character-list{display:block!important}.character-card{page-break-inside:avoid;background:#fff!important;border:1px solid #ccc!important;margin-bottom:8pt!important}.character-card-actions{display:none!important}main{max-width:none!important;padding:0!important}.form-section{box-shadow:none!important}.tag-info-panel{display:none!important}.blades-dot,.blades-pip,.blades-stress-box{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-color:#333!important}.blades-dot--filled{background:#333!important;border-color:#333!important}.blades-pip--filled{background:#666!important;border-color:#666!important}.blades-stress-box--filled{color:#fff!important;background:#999!important;border-color:#999!important}a{color:#000!important;text-decoration:none!important}}