@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #111009;--bg-surface: #1c1a13;--bg-surface-2: #252116;--bg-topbar: #0c0b08;--bg-sidebar: #161410;--color-accent: #c9a84c;--color-accent-dim: rgba(201, 168, 76, .12);--color-accent-border: rgba(201, 168, 76, .3);--color-accent-hover: #dfbc6a;--color-text: #cec9b8;--color-text-muted: #7a766a;--color-border: #2a271e;--sidebar-left-width: 240px;--sidebar-right-width: 280px;--topbar-height: 56px;--footer-height: 48px;--transition: .3s ease}html,body{height:100%;width:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--color-text);font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:17px;line-height:1.7}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input{font-family:inherit;font-size:inherit}h1,h2,h3,h4{font-family:Cinzel,Times New Roman,serif;font-weight:600;line-height:1.2}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:vt-fade-out .18s ease-in}::view-transition-new(root){animation:vt-fade-in .3s ease-out}}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}.cc-section__title{font-family:Cinzel,serif;font-size:1.1rem;color:var(--color-accent);margin-bottom:.4rem}.cc-section__subtitle{color:var(--color-text-muted);font-size:.88rem;margin-bottom:1.5rem}.cc-section__head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.cc-section__head-row .cc-section__subtitle{margin-bottom:1.5rem}.cc-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.cc-field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.cc-row{display:flex;gap:1.25rem;flex-wrap:wrap}.cc-row>.cc-field{flex:1;min-width:160px}.cc-input{background:var(--bg-primary);border:1px solid var(--color-border);border-radius:3px;padding:.55rem .75rem;color:var(--color-text);font-size:.95rem;transition:border-color var(--transition)}.cc-input:focus{outline:none;border-color:var(--color-accent)}.cc-input::placeholder{color:var(--color-text-muted)}.cc-hint{color:var(--color-text-muted);font-size:.82rem;font-style:italic}.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.cc-card{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:4px;padding:1rem 1.1rem;text-align:left;cursor:pointer;transition:border-color var(--transition),background var(--transition);display:flex;flex-direction:column;gap:.6rem}.cc-card:hover{border-color:var(--color-accent-border)}.cc-card--selected{border-color:var(--color-accent);background:var(--color-accent-dim)}.cc-card__portrait{width:calc(100% + 2.2rem);height:140px;object-fit:cover;border-radius:3px;margin:-1rem -1.1rem 0}.cc-card__portrait--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-surface-2);color:var(--color-text-muted);opacity:.5}.cc-card__name{font-family:Cinzel,serif;font-size:1rem;color:var(--color-text)}.cc-card__desc{font-size:.82rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cc-card__chips{display:flex;flex-wrap:wrap;gap:.35rem}.cc-bonus-group__heading{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.3rem}.cc-bonus-group+.cc-bonus-group{margin-top:.3rem}.cc-bonus-list{display:flex;flex-direction:column;gap:.5rem}.cc-bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .7rem}.cc-bonus-badge{position:relative;display:block;width:100%;box-sizing:border-box;text-align:center;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;padding:.5rem .9rem;border-radius:4px;border:1px solid var(--color-border);color:var(--color-text-muted);background:#ffffff05;transition:all var(--transition)}.cc-bonus-badge--talent{font-size:.76rem;font-weight:500;padding:.42rem .7rem}.cc-bonus-badge__clip{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.cc-bonus-badge__label{position:relative;z-index:1}.cc-bonus-badge--tier1{color:#8fd694;border-color:#8fd694b3}.cc-bonus-badge--tier2{color:#6fb8e6;border-color:#6fb8e6b3;background:#6fb8e61a;box-shadow:0 0 11px #6fb8e699,0 0 3px #6fb8e6a6 inset}.cc-bonus-badge--tier3{color:#c99bf0;border-color:#c99bf0a6;background:#c99bf01a;box-shadow:0 0 12px #c99bf099,0 0 3px #c99bf0a6 inset}.cc-bonus-badge--tier3 .cc-bonus-badge__clip:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.65) 50%,transparent 60%);transform:translate(-100%);animation:cc-sparkle-sweep 5s linear infinite}.cc-bonus-badge--tier4{color:#ffd873;border-color:#ffd873bf;background:#ffd8731a;animation:cc-legendary-pulse 2.2s ease-in-out infinite}.cc-bonus-badge--tier4 .cc-bonus-badge__clip:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.65) 50%,transparent 60%);transform:translate(-100%);animation:cc-sparkle-sweep 5s linear infinite}.cc-bonus-badge--tier5,.cc-bonus-badge--tier6{color:#ff8a76;border-color:#ff8a76cc;background:#ff8a761f;animation:cc-epic-pulse 2.2s ease-in-out infinite}.cc-bonus-badge--tier5 .cc-bonus-badge__clip:after,.cc-bonus-badge--tier6 .cc-bonus-badge__clip:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);transform:translate(-100%);animation:cc-sparkle-sweep 5s linear infinite}.cc-bonus-badge--tier5 .cc-ember,.cc-bonus-badge--tier6 .cc-ember{display:block}.cc-bonus-badge--special{color:#ffd873;border-color:#ffd873bf;background:#ffd8731f;box-shadow:0 0 10px #ffd8738c,0 0 3px #ffd873b3 inset}.cc-bonus-badge--flame{animation:cc-epic-pulse 2.2s ease-in-out infinite,cc-flame-flicker 1.6s ease-in-out infinite}@keyframes cc-flame-flicker{0%{box-shadow:0 0 10px 1px #ff5a28bf,0 0 18px 3px #ff961e66,0 0 4px #ff8a76d9 inset}25%{box-shadow:0 0 14px 2px #ffc83cd9,0 0 22px 4px #ff641473,0 0 5px #ff8a76e6 inset}50%{box-shadow:0 0 8px 1px #ff3c14b3,0 0 16px 3px #ffaa2880,0 0 4px #ff8a76d9 inset}75%{box-shadow:0 0 16px 2px #ffd250e6,0 0 24px 5px #ff5a1466,0 0 6px #ff8a76f2 inset}to{box-shadow:0 0 10px 1px #ff5a28bf,0 0 18px 3px #ff961e66,0 0 4px #ff8a76d9 inset}}.cc-ember{display:none;position:absolute;bottom:6%;left:50%;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#fff6e0 0%,#ff8a52 45%,transparent 75%);box-shadow:0 0 4px #ff8a52e6;opacity:0;pointer-events:none;animation:cc-ember-rise 1.2s ease-out infinite}@keyframes cc-ember-rise{0%{transform:translate(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translate(var(--ember-drift, 4px),-20px) scale(.15);opacity:0}}@keyframes cc-legendary-pulse{0%,to{box-shadow:0 0 6px #ffd87380}50%{box-shadow:0 0 16px #ffd873f2,0 0 4px #ffd873cc inset}}@keyframes cc-epic-pulse{0%,to{box-shadow:0 0 6px #ff8a768c}50%{box-shadow:0 0 18px #ff8a76,0 0 5px #ff8a76d9 inset}}@keyframes cc-sparkle-sweep{0%{transform:translate(-100%)}30%{transform:translate(100%)}to{transform:translate(100%)}}.cc-chip{font-size:.68rem;letter-spacing:.03em;color:var(--color-accent);border:1px solid var(--color-accent-border);padding:.15rem .5rem;border-radius:2px;white-space:nowrap}button.cc-chip{cursor:pointer;background:transparent;transition:all var(--transition)}button.cc-chip:hover{color:var(--color-accent-hover);border-color:var(--color-accent)}button.cc-chip.cc-chip--active{color:var(--bg-primary);background:var(--color-accent);border-color:var(--color-accent)}.flag-badge{display:inline-flex;align-items:center;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border:1px solid var(--color-border);padding:.12rem .45rem;border-radius:2px;white-space:nowrap}button.flag-badge{cursor:pointer;background:transparent;transition:all var(--transition)}button.flag-badge:hover{color:var(--color-text);border-color:var(--color-text-muted)}button.flag-badge.flag-badge--active{color:var(--bg-primary);background:var(--color-accent);border-color:var(--color-accent)}.cc-subrasse-picker{padding-top:.4rem;border-top:1px dashed var(--color-border)}.cc-chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.cc-subrasse-picker__desc{font-size:.78rem;color:var(--color-text-muted);font-style:italic;margin-top:.4rem}.cc-card__sonderfaehigkeiten{display:flex;flex-direction:column;gap:.4rem;padding-top:.4rem;border-top:1px dashed var(--color-border)}.cc-sf-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cc-chip--sf{color:var(--color-accent-hover);border-color:var(--color-accent)}.cc-sf-edit{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border:1px solid var(--color-border);padding:.1rem .45rem;border-radius:2px;transition:all var(--transition)}.cc-sf-edit:hover{color:var(--color-text);border-color:var(--color-text-muted)}.cc-stepper{display:flex;align-items:center;gap:.6rem}.cc-stepper__btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--color-border);color:var(--color-text);font-size:.9rem;line-height:1;transition:all var(--transition)}.cc-stepper__btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.cc-stepper__btn:disabled{opacity:.3;cursor:not-allowed}.cc-stepper__value{min-width:2ch;text-align:center;font-family:Cinzel,serif;color:var(--color-text)}.cc-toggle{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}.cc-toggle input{position:absolute;opacity:0;width:0;height:0}.cc-toggle__box{width:18px;height:18px;border-radius:3px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:transparent;transition:all var(--transition)}input:checked~.cc-toggle__box{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}input:disabled~.cc-toggle__box{opacity:.5}.cc-skill-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--color-border);min-height:2.5rem}.cc-skill-row:last-child{border-bottom:none}.cc-skill-row__name{color:var(--color-text);font-size:.92rem;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-skill-row__meta{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.cc-skill-row__cost{font-size:.72rem;color:var(--color-text-muted);min-width:5.5ch;text-align:right}.cc-skill-row__next{font-size:.68rem;color:var(--color-text-muted);opacity:.7;min-width:9ch;text-align:right;white-space:nowrap}.cc-skill-row__floor{font-size:.66rem;color:var(--color-accent);opacity:.75}.cc-category{margin-bottom:.75rem;border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.cc-category__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--bg-surface);color:var(--color-text);font-family:Cinzel,serif;font-size:.88rem}.cc-category__system{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.cc-category__body{padding:.2rem 1rem .4rem}.cc-category-pair{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-items:start}.cc-category-pair--single{grid-template-columns:1fr}.cc-category-pair__col{min-width:0}.cc-btn{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.05em;padding:.55rem 1.4rem;border-radius:3px;border:1px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition)}.cc-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.cc-btn:disabled{opacity:.35;cursor:not-allowed}.cc-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--bg-primary)}.cc-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.cc-error{color:#e05c5c;font-size:.85rem;margin-bottom:1rem}.sheet-title{font-family:Cinzel,serif;font-size:1.6rem;color:var(--color-accent);letter-spacing:.04em}.sheet-subline{display:flex;flex-wrap:wrap;gap:.3rem .9rem;color:var(--color-text-muted);font-size:.88rem;margin:.4rem 0 1.75rem}.sheet-subline span+span:before{content:"\b7";margin-right:.9rem;color:var(--color-border)}.sheet-section{margin-bottom:2rem}.sheet-hint{color:var(--color-text-muted);font-size:.85rem;font-style:italic;margin-bottom:1.25rem}.cc-submit{margin-top:1rem}.cc-budget-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;background:var(--bg-surface);border:1px solid var(--color-accent-border);border-radius:4px;margin-bottom:1.5rem}.cc-budget-bar__info{display:flex;align-items:baseline;gap:.6rem}.cc-budget-bar__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.cc-budget-bar__value{font-family:Cinzel,serif;font-size:1.1rem;color:var(--color-accent)}.cc-budget-bar--over .cc-budget-bar__value{color:#e05c5c}