@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:wght@400;500;600&family=IM+Fell+English:ital@0;1&display=swap";:root{--font-display:"Cinzel", "IM Fell English", "Georgia", serif;--font-body:"Cormorant Garamond", "Georgia", serif;--bg-0:#1b0f0a;--bg-1:#221611;--bg-2:#2b1d16;--bg-3:#3a271e;--ink-0:#f3e7d6;--ink-1:#d9c9b0;--ink-2:#b49c86;--accent:#c77d4f;--danger:#e0735f;--line-1:#ffe0c41f}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink-0);font-family:var(--font-body);letter-spacing:.01em;background:radial-gradient(circle at top,#3c1e1599,#0000 55%),linear-gradient(120deg,#120905,#1d120d 45%,#140b07);margin:0;font-weight:500}body:before{content:"";opacity:.8;pointer-events:none;z-index:-1;background-image:linear-gradient(120deg,#ffffff0a 0%,#fff0 60%),radial-gradient(circle at 10% 20%,#ff78500f,#0000 40%),radial-gradient(circle at 90% 80%,#5a281e33,#0000 50%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}#root{min-height:100vh}:root,:host{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-regular:normal 400 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-light:normal 300 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-thin:normal 100 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-regular:normal 400 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-light:normal 300 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-thin:normal 100 1em/1 "Font Awesome 6 Sharp Duotone"}svg.svg-inline--fa:not(:root),svg.svg-inline--fa:not(:host){box-sizing:content-box;overflow:visible}.svg-inline--fa{display:var(--fa-display,inline-block);vertical-align:-.125em;height:1em;overflow:visible}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{margin:auto;position:absolute;inset:0}.fa-layers-counter,.fa-layers-text{text-align:center;display:inline-block;position:absolute}.fa-layers{text-align:center;vertical-align:-.125em;width:1em;height:1em;display:inline-block;position:relative}.fa-layers svg.svg-inline--fa{transform-origin:50%}.fa-layers-text{transform-origin:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:100% 0;overflow:hidden}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:100% 100%;top:auto}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:0 100%;top:auto;right:auto}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:100% 0}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:0 0}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{vertical-align:.225em;font-size:.625em;line-height:.1em}.fa-xs{vertical-align:.125em;font-size:.75em;line-height:.08333em}.fa-sm{vertical-align:.05357em;font-size:.875em;line-height:.07143em}.fa-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.fa-xl{vertical-align:-.125em;font-size:1.5em;line-height:.04167em}.fa-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.fa-fw{text-align:center;width:1.25em}.fa-ul{margin-left:var(--fa-li-margin,2.5em);padding-left:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width,2em));text-align:center;width:var(--fa-li-width,2em);line-height:inherit;position:absolute}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28, .84, .42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4, 0, .6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-iteration-count:1;animation-delay:-1ms}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1)translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1, 1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{vertical-align:middle;width:2.5em;height:2em;display:inline-block;position:relative}.fa-stack-1x,.fa-stack-2x{z-index:var(--fa-stack-z-index,auto);margin:auto;position:absolute;inset:0}.svg-inline--fa.fa-stack-1x{width:1.25em;height:1em}.svg-inline--fa.fa-stack-2x{width:2.5em;height:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.sr-only,.fa-sr-only,.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.app{min-height:100vh;color:var(--ink-0);grid-template-columns:280px 1fr;display:grid}.app.sidebar-collapsed{grid-template-columns:64px 1fr}.sidebar{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border-right:1px solid var(--line-1);flex-direction:column;gap:2rem;padding:1.25rem .75rem;display:flex}.sidebar.collapsed{align-items:flex-start;gap:1rem;padding:1.25rem .75rem}.brand{text-align:left;margin-top:-.75rem}.sidebar-section{flex-direction:column;gap:1rem;display:flex}.sidebar-controls{align-items:center;gap:.75rem;display:flex}.sidebar-controls.top,.sidebar.collapsed .sidebar-controls{justify-content:flex-start}.button-icon{align-items:center;margin-right:.5rem;display:inline-flex}.cabal-list{flex-direction:column;gap:.75rem;margin:-.5rem;padding:.5rem;display:flex}.cabal-item{cursor:pointer;border:1px solid var(--line-1);background:var(--bg-1);width:100%;color:inherit;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.85rem .9rem;transition:border .2s,transform .2s,background .2s;animation:.4s both listIn;display:flex}.cabal-item:hover{border-color:var(--accent);background:var(--bg-2);transform:translateY(-2px)}.cabal-item.active{border-color:var(--accent);background:var(--bg-0);box-shadow:0 0 0 1px #a8634d66}.cabal-item.MuiButtonBase-root{border-radius:12px;justify-content:flex-start}.cabal-item.MuiButtonBase-root:hover{background:var(--bg-2)}.cabal-tag{letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--line-1);width:fit-content;color:var(--ink-2);background:#ffffff0a;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.65rem;display:inline-flex}.main{flex-direction:column;gap:1.5rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.main.full-width{grid-column:1/-1}.panel{background:var(--bg-1);border:1px solid var(--line-1);border-radius:18px;padding:1.5rem;animation:.6s both fadeRise;box-shadow:0 18px 40px #09050359}.header-panel{justify-content:space-between;align-items:center;gap:2rem;display:flex}.header-left{flex-direction:column;gap:.5rem;display:flex}.cabal-title-row{align-items:center;gap:.8rem;display:flex}.mode-badge{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:#c77d4f2e;border:1px solid #c77d4f99;border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.header-right{align-items:center;gap:1.5rem;display:flex}.summary{gap:1rem;display:flex}.summary-stat{background:var(--bg-2);border:1px solid var(--line-1);border-radius:12px;min-width:120px;padding:.75rem 1rem}.menu{position:relative}.content-grid{align-items:start;gap:1.5rem;display:grid}.edit-grid{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr)}.view-grid{grid-template-columns:minmax(300px,1fr) minmax(360px,1.4fr)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{color:var(--ink-1);flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.field .MuiInputBase-root{background:var(--bg-2);border:1px solid var(--line-1);color:inherit;border-radius:10px}.field .MuiOutlinedInput-notchedOutline{border:none}.field .MuiInputBase-input{padding:.6rem .7rem;font-size:.95rem}.field.wide{grid-column:1/-1}.philosophy-card{background:var(--bg-2);border:1px solid var(--line-1);border-radius:12px;margin-top:1.25rem;padding:1rem}.abilities-card{margin-bottom:1.25rem}.philosophy-abilities{gap:.35rem;display:grid}.philosophy-ability{border-bottom:1px solid #ffffff0f;gap:.35rem;padding-bottom:.65rem;display:grid}.philosophy-ability:last-child{border-bottom:none;padding-bottom:0}.roster-list{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;display:grid}.app.sidebar-collapsed .roster-list{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-detail-list{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.roster-item,.roster-detail-card{background:var(--bg-2);border:1px solid var(--line-1);border-radius:12px;align-items:center;gap:1rem;padding:.75rem .9rem;animation:.45s both listIn;display:grid}.roster-item.pinned,.roster-detail-card.pinned{background:linear-gradient(135deg,#2b1d16e6,#1c120ee6);border-style:dashed}.roster-item,.roster-detail-card{grid-template-columns:1fr}.roster-detail-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.roster-name{align-items:center;gap:.5rem;display:flex}.roster-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.combat-view{gap:1.5rem;display:grid}.combat-header{justify-content:space-between;align-items:center;gap:2rem;display:flex}.combat-header-left{flex-direction:column;gap:.35rem;display:flex}.combat-header-right{align-items:center;gap:1.5rem;display:flex}.combat-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.combat-cabal-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;margin-bottom:1.5rem;display:grid}.combat-cabal-card{border:1px solid var(--line-1);background:#180f0cb3;border-radius:12px;align-content:start;gap:.4rem;padding:.9rem;display:grid}.combat-group{border:1px solid var(--line-1);background:var(--bg-2);border-radius:12px;gap:.75rem;padding:1rem;display:grid}.combat-group+.combat-group{margin-top:1rem}.combat-abilities{gap:.5rem;display:grid}.combat-units{gap:.6rem;display:grid}.combat-right{flex-direction:column;display:flex}.combat-unit-row{background:#140c0ab3;border:1px solid #ffe0c41a;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.combat-unit-name{align-items:center;gap:.5rem;display:inline-flex}.combat-unit-life{align-items:center;gap:.5rem;display:flex}.combat-unit-value{text-align:center;min-width:60px}.initiative-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.initiative-slots{gap:.6rem;margin-top:.8rem;display:grid}.initiative-slot-button{text-transform:none;cursor:pointer;background:#140c0ab3;border:1px solid #ffe0c433;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .75rem;display:flex}.initiative-slot-button:focus-visible{outline-offset:2px;outline:2px solid #c77d4f99}.initiative-slot-button.spent{border-color:#a8634d66}.initiative-slot-button.discarded{color:var(--ink-2);border-style:dashed}.initiative-footer{margin-top:auto;padding-top:1rem}.ability-list{gap:.6rem;display:grid}.overview-panel,.roster-panel{align-self:start}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.catalog-toolbar{margin-bottom:1rem}.catalog-toolbar .MuiInputBase-root{background:var(--bg-2);border:1px solid var(--line-1);border-radius:10px}.catalog-toolbar .MuiOutlinedInput-notchedOutline{border:none}.catalog-toolbar .MuiInputBase-input{padding:.7rem .9rem}.catalog-list{gap:1rem;display:grid}.catalog-card{border:1px solid var(--line-1);background:linear-gradient(145deg,#221713fa,#140c0ae6);border-radius:14px;gap:.6rem;padding:1rem;animation:.5s both listIn;display:grid}.catalog-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.catalog-abilities{gap:.5rem;display:grid}@keyframes fadeRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes listIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.app{grid-template-columns:220px 1fr}.app.sidebar-collapsed{grid-template-columns:64px 1fr}.edit-grid,.view-grid,.combat-grid,.combat-cabal-grid{grid-template-columns:1fr}}@media (width<=900px){.app,.app.sidebar-collapsed{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line-1)}.header-panel{flex-direction:column;align-items:flex-start}.header-right{justify-content:space-between;width:100%}}