@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: rgba(255, 224, 196, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(60,30,21,.6),transparent 55%),linear-gradient(120deg,#120905,#1d120d 45%,#140b07);color:var(--ink-0);font-family:var(--font-body);letter-spacing:.01em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(120deg,#ffffff0a,#fff0 60%),radial-gradient(circle at 10% 20%,rgba(255,120,80,.06),transparent 40%),radial-gradient(circle at 90% 80%,rgba(90,40,30,.2),transparent 50%);opacity:.8;pointer-events:none;z-index:-1}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){overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0em}.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{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.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);overflow:hidden;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:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom, 0);right:var(--fa-right, 0);top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom, 0);left:var(--fa-left, 0);right:auto;top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top, 0);right:var(--fa-right, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top right}.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:top left}.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{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin, 2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.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{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@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) 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{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index, auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse, #fff)}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.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{display:grid;grid-template-columns:280px 1fr;min-height:100vh;color:var(--ink-0)}.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);padding:1.25rem .75rem;display:flex;flex-direction:column;gap:2rem}.sidebar.collapsed{padding:1.25rem .75rem;align-items:flex-start;gap:1rem}.brand{text-align:left}.brand-title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase}.brand-subtitle{color:var(--ink-2);font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;margin-top:.4rem}.sidebar-section{display:flex;flex-direction:column;gap:1rem}.sidebar-controls{display:flex;align-items:center;gap:.75rem}.sidebar-controls.top,.sidebar.collapsed .sidebar-controls{justify-content:flex-start}.button-icon{display:inline-flex;align-items:center;margin-right:.5rem}.sidebar-header{font-size:.95rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2)}.cabal-list{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;margin:-.5rem}.cabal-item{width:100%;cursor:pointer;align-items:flex-start;border:1px solid var(--line-1);background:var(--bg-1);color:inherit;padding:.85rem .9rem;border-radius:12px;text-align:left;display:flex;flex-direction:column;gap:.35rem;transition:border .2s ease,transform .2s ease,background .2s ease;animation:listIn .4s ease both}.cabal-item:hover{border-color:var(--accent);transform:translateY(-2px);background:var(--bg-2)}.cabal-item.active{border-color:var(--accent);background:var(--bg-0);box-shadow:0 0 0 1px #a8634d66}.cabal-item.MuiButtonBase-root{justify-content:flex-start;border-radius:12px}.cabal-item.MuiButtonBase-root:hover{background:var(--bg-2)}.cabal-name{font-weight:600;font-size:1.05rem}.cabal-philosophy{font-size:.85rem;color:var(--ink-2)}.cabal-tag{display:inline-flex;align-items:center;width:fit-content;padding:.15rem .55rem;border-radius:999px;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;background:#ffffff0a;border:1px solid var(--line-1);color:var(--ink-2)}.cabal-meta{color:var(--ink-2);font-size:.85rem}.main{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.main.full-width{grid-column:1 / -1}.panel{background:var(--bg-1);border:1px solid var(--line-1);border-radius:18px;padding:1.5rem;box-shadow:0 18px 40px #09050359;animation:fadeRise .6s ease both}.panel-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}.header-panel{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-left{display:flex;flex-direction:column;gap:.5rem}.cabal-title-row{display:flex;align-items:center;gap:.8rem}.cabal-title{font-family:var(--font-display);font-size:2rem;letter-spacing:.04em;background:transparent;border:none;color:inherit;padding:0}.cabal-title:focus{outline:1px solid var(--accent)}.mode-badge{background:#c77d4f2e;border:1px solid rgba(199,125,79,.6);color:var(--accent);padding:.25rem .6rem;border-radius:999px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.cabal-rules{color:var(--ink-2);font-size:.95rem}.header-right{display:flex;align-items:center;gap:1.5rem}.summary{display:flex;gap:1rem}.summary-stat{background:var(--bg-2);border:1px solid var(--line-1);padding:.75rem 1rem;border-radius:12px;min-width:120px}.summary-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.summary-value{font-size:1.4rem;font-weight:600}.summary-value.warning{color:var(--danger)}.menu{position:relative}.warning-panel{border-color:#c77552b3;background:linear-gradient(120deg,#5d1b1159,#1c0e0ccc)}.warning-title{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.warning-panel ul{margin:0;padding-left:1.2rem;color:var(--ink-1)}.content-grid{display:grid;gap:1.5rem;align-items:start}.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{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:var(--ink-1)}.field .MuiTypography-root{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--ink-2)}.field .MuiInputBase-root{background:var(--bg-2);border:1px solid var(--line-1);border-radius:10px;color:inherit}.field .MuiOutlinedInput-notchedOutline{border:none}.field .MuiInputBase-input{padding:.6rem .7rem;font-size:.95rem}.field.wide{grid-column:1 / -1}.philosophy-card{margin-top:1.25rem;padding:1rem;border-radius:12px;background:var(--bg-2);border:1px solid var(--line-1)}.abilities-card{margin-bottom:1.25rem}.philosophy-title{font-family:var(--font-display);font-size:1rem;margin-bottom:.5rem}.philosophy-abilities{color:var(--ink-2);font-size:.9rem;display:grid;gap:.35rem}.philosophy-ability{display:grid;gap:.35rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.06)}.philosophy-ability.warning{border-bottom-color:#e0735f66}.philosophy-ability.warning .philosophy-ability-name{color:var(--danger)}.philosophy-ability.warning .philosophy-ability-description{color:var(--danger);opacity:.8}.philosophy-ability:last-child{padding-bottom:0;border-bottom:none}.philosophy-ability-name{color:var(--ink-1);font-weight:600}.philosophy-ability-description{color:var(--ink-2);line-height:1.4}.roster-list,.roster-detail-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.roster-item,.roster-detail-card{display:grid;gap:1rem;align-items:center;padding:.75rem .9rem;background:var(--bg-2);border:1px solid var(--line-1);border-radius:12px;animation:listIn .45s ease both}.roster-item.pinned,.roster-detail-card.pinned{border-style:dashed;background:linear-gradient(135deg,#2b1d16e6,#1c120ee6)}.roster-item,.roster-detail-card{grid-template-columns:1fr}.roster-detail-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.roster-detail-count{font-size:1.2rem;font-weight:600}.roster-name{font-weight:600;display:flex;align-items:center;gap:.5rem}.roster-tier{background:var(--bg-3);padding:.2rem .5rem;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.roster-meta{color:var(--ink-2);font-size:.85rem}.roster-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.roster-quantity{color:var(--ink-1);font-size:.9rem}.roster-free{color:var(--accent);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.roster-total-inline{margin-left:auto;font-weight:600}.roster-detail-stats{font-size:.85rem;color:var(--ink-2)}.combat-view{display:grid;gap:1.5rem}.combat-header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.combat-header-left{display:flex;flex-direction:column;gap:.35rem}.combat-header-right{display:flex;align-items:center;gap:1.5rem}.combat-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem;align-items:start}.combat-cabal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;align-items:stretch}.combat-cabal-card{padding:.9rem;border-radius:12px;border:1px solid var(--line-1);background:#180f0cb3;display:grid;gap:.4rem;align-content:start}.combat-cabal-title{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--ink-2)}.combat-cabal-name{font-weight:600}.combat-cabal-description{color:var(--ink-2);font-size:.85rem;line-height:1.4}.combat-group{padding:1rem;border-radius:12px;border:1px solid var(--line-1);background:var(--bg-2);display:grid;gap:.75rem}.combat-group+.combat-group{margin-top:1rem}.combat-group-name{font-weight:600;font-size:1.1rem}.combat-group-meta{color:var(--ink-2);font-size:.85rem}.combat-abilities{display:grid;gap:.5rem}.combat-ability-name{font-weight:600}.combat-ability-description{color:var(--ink-2);font-size:.85rem}.combat-units{display:grid;gap:.6rem}.combat-right{display:flex;flex-direction:column}.combat-unit-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(255,224,196,.1);background:#140c0ab3;gap:.5rem}.combat-unit-name{font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.combat-unit-check{color:var(--accent);font-size:.85rem}.combat-unit-life{display:flex;align-items:center;gap:.5rem}.combat-unit-value{min-width:60px;text-align:center}.initiative-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.initiative-slots{display:grid;gap:.6rem;margin-top:.8rem}.initiative-slot-button{display:flex;align-items:center;justify-content:space-between;text-transform:none;padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(255,224,196,.2);background:#140c0ab3;gap:.6rem;cursor:pointer}.initiative-slot-button:focus-visible{outline:2px solid rgba(199,125,79,.6);outline-offset:2px}.initiative-slot-button.spent{border-color:#a8634d66}.initiative-slot-button.discarded{border-style:dashed;color:var(--ink-2)}.initiative-slot-value{font-weight:600;color:var(--ink-0);font-size:.95rem}.initiative-slot-assigned{color:var(--ink-0);font-size:.95rem;text-align:right}.initiative-footer{margin-top:auto;padding-top:1rem}.ability-list{display:grid;gap:.6rem}.ability-name{font-weight:600}.ability-description{color:var(--ink-2);font-size:.9rem}.overview-panel{display:grid;gap:1.5rem;align-self:start}.roster-panel{align-self:start}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.overview-label{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--ink-2);margin-bottom:.35rem}.overview-value{font-size:1rem}.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{display:grid;gap:1rem}.catalog-card{border-radius:14px;border:1px solid var(--line-1);background:linear-gradient(145deg,#221713fa,#140c0ae6);padding:1rem;display:grid;gap:.6rem;animation:listIn .5s ease both}.catalog-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.catalog-name{font-weight:600}.catalog-tier{font-size:.8rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.12em}.catalog-cost{font-size:1rem;font-weight:600;color:var(--accent)}.catalog-stats{font-size:.85rem;color:var(--ink-2)}.catalog-abilities{font-size:.85rem;color:var(--ink-1);display:grid;gap:.5rem}.catalog-ability-name{font-weight:600}.catalog-ability-description{color:var(--ink-2);font-size:.82rem}.empty-state{color:var(--ink-2);font-size:.95rem}@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 (max-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 (max-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{width:100%;justify-content:space-between}}