@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;background:#f7f2ea;color:#1c1a17}:root{--surface-base: #f7f2ea;--surface-white: #ffffff;--surface-cream-1: #fffaf3;--surface-cream-2: #f4eadb;--surface-cream-3: #f0e6d9;--surface-cream-4: #efe2d3;--surface-cream-5: #faf3e8;--surface-cream-6: #f7efe6;--border-cream-1: #eadfce;--border-cream-2: #e2d7c6;--border-cream-3: #c5b59f;--text-primary: #1c1a17;--text-muted: #887f75;--text-strong: #5b4b36;--text-accent: #7a3d2f;--text-inverse: #ffffff;--accent-attack: #f29b38;--accent-attack-soft: #fff1dc;--accent-defense: #3b7fb6;--accent-defense-soft: #e6f0fb;--accent-move: #3c9c74;--accent-target-soft: #f8dcda;--accent-target: #e2574c;--shadow-1: 0 6px 14px rgba(32, 24, 12, .12);--shadow-2: 0 8px 16px rgba(28, 22, 15, .12);--shadow-3: 0 12px 24px rgba(32, 24, 12, .12);--shadow-4: 0 24px 60px rgba(24, 18, 8, .2);--space-0: 2px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--control-height-small: 30px;--button-height: 36px;--control-height: 40px;--radius-1: 6px;--radius-2: 10px;--radius-3: 14px;--radius-4: 18px;--radius-5: 24px;--radius-pill: 999px}button{height:var(--button-height);border:none;background:var(--text-primary);color:var(--surface-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-weight:600;cursor:pointer}.button-primary{background:var(--text-primary);color:var(--surface-white)}.button-secondary{background:var(--surface-cream-1);color:var(--text-primary);border:1px solid var(--border-cream-2)}.button-ghost{background:transparent;color:var(--text-muted);border:1px dashed var(--border-cream-2)}.button-light{background:var(--border-cream-3);color:var(--text-strong);border-radius:var(--radius-pill);border:1px solid var(--text-strong)}.button-small{width:var(--control-height-small);height:var(--control-height-small);border:none;background:var(--text-primary);color:var(--surface-white);padding:var(--space-1) var(--space-1);border-radius:var(--radius-pill)}.button-danger{background:var(--accent-target-soft);color:var(--accent-target);border-radius:var(--radius-pill);border:1px solid var(--accent-target)}.button-active{font-weight:700}.button-disable{opacity:.5;cursor:not-allowed}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.chip{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:12px;font-weight:600;border:1px solid var(--border-cream-1);background:var(--surface-white);color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-2)}.chip--danger{background:var(--surface-cream-2);border-color:var(--border-cream-2);color:var(--text-accent)}.chip--ghost{background:transparent}.chip--plain{border:none}.chip--active{background:var(--surface-cream-4);border-color:var(--border-cream-3)}.icon-button,.button-icon{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-2);padding:var(--space-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button-icon:disabled,.button-secondary:disabled,.button-primary:disabled,.button-danger:disabled,.button-ghost:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;filter:grayscale(45%)}.segmented{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);justify-self:start;width:fit-content;border:1px solid var(--border-cream-1);background:var(--surface-cream-1)}.segmented-button{border:none;background:transparent;color:var(--text-muted);padding:0 var(--space-3);border-radius:var(--radius-pill);font-weight:600;cursor:pointer;height:var(--control-height-small);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}.segmented-button.is-active{background:var(--surface-white);color:var(--text-primary);border-color:var(--border-cream-2)}.segmented--solid{background:var(--surface-cream-2)}.segmented--solid .segmented-button.is-active{background:var(--surface-cream-4);color:var(--text-primary);box-shadow:none}.segmented--outline{background:var(--surface-white)}.segmented--outline .segmented-button{color:var(--text-primary)}.segmented--outline .segmented-button.is-active{background:var(--surface-cream-4);color:var(--text-primary);box-shadow:none}.segmented--ghost{background:var(--surface-cream-1)}.segmented--ghost .segmented-button{background:var(--surface-cream-1);color:var(--text-muted)}.segmented--ghost .segmented-button.is-active{background:var(--surface-white);color:var(--text-primary);border:1px solid var(--border-cream-2);box-shadow:none}.segmented--compact .segmented-button{padding:var(--space-1) var(--space-2);font-size:12px}@media(max-width:900px){.segmented{width:100%;justify-content:space-between}}.title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-strong{font-weight:600;color:var(--text-primary)}.text-bold{font-weight:700;color:var(--text-primary)}.text-accent{color:var(--text-accent)}.subtitle{font-size:16px;font-weight:600;color:var(--text-strong);margin:0}.meta{font-size:12px;font-weight:500;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.kicker{text-transform:uppercase;letter-spacing:.3em;font-size:11px;font-weight:600;color:var(--text-muted);margin:0 0 var(--space-2)}.page{max-width:95%;margin:0 auto;padding:var(--space-6) var(--space-2) var(--space-6)}.stack-1{display:grid;gap:var(--space-1)}.stack-2{display:grid;gap:var(--space-2)}.stack-3{display:grid;gap:var(--space-3)}.stack-4{display:grid;gap:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mt-2{margin-top:var(--space-2)}.mt-6{margin-top:var(--space-6)}.no-margin{margin:0}.inline-center{display:inline-flex;align-items:center;gap:var(--space-3)}.inline-fit{width:fit-content}.version-footer{position:fixed;left:var(--space-4);bottom:var(--space-4);display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface-cream-6);border:1px solid var(--border-cream-2);border-radius:var(--radius-3);color:var(--text-muted);font-size:11px;line-height:1.4;z-index:4;pointer-events:auto;-webkit-user-select:none;user-select:none}.version-footer__line{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.version-footer__copied{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.env-dot{width:8px;height:8px;border-radius:999px;background:var(--border-cream-4);flex:0 0 auto}.env-dot--prod{background:var(--text-green-1)}.env-dot--dev{background:var(--text-orange-4)}.env-dot--local{background:var(--text-blue-2)}.env-dot--neutral{background:var(--text-muted)}.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1)}.align-left-center{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:var(--space-1)}.row-between{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row-actions{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;position:relative}.row-actions--end{display:flex;flex-direction:column;margin-left:auto;justify-content:flex-end}.row-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:10;display:grid;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-2);background:var(--surface-cream-1);border:1px solid var(--border-cream-2);box-shadow:var(--shadow-3);min-width:160px}.row-menu .button-ghost{justify-content:flex-start;text-align:left}.row-menu--export{min-width:210px}.row-menu--inline{position:static;min-width:0;width:100%;margin-top:var(--space-1);box-shadow:none}.filters-panel{display:grid;gap:var(--space-2);margin-left:auto;justify-items:end}.filters-panel>*{width:100%;max-width:320px}.filters-panel .segmented{width:100%;justify-content:space-between}.filters-panel .icon-button{justify-self:end}.row-top{display:flex;flex-direction:column;gap:var(--space-2);align-items:baseline}.align-end{justify-self:end}.app-icon{width:36px;height:36px;background:var(--surface-white)}.grid-auto{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.grid-auto-sm{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface-cream-1);border:1px solid var(--border-cream-1);border-radius:var(--radius-3);padding:var(--space-4)}.row-card{background:var(--surface-white);border:1px solid var(--border-cream-1);border-radius:var(--radius-2)}.fold-combat .row-card,.fold-combat .combat-row{width:100%;box-sizing:border-box}.row-card--soft{background:var(--surface-cream-1)}.row-card.is-active{border-color:var(--border-cream-3);background:var(--surface-cream-6)}.row-grid-2{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-1) var(--space-3)}.row-grid-3{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.combat-row{position:relative}.combat-row-menu{position:absolute;right:var(--space-3);top:calc(100% + var(--space-2));display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--surface-cream-1);border:1px solid var(--border-cream-1);border-radius:var(--radius-3);box-shadow:var(--shadow-3);z-index:3;animation:combatMenuIn .18s ease-out;transform-origin:right top}.combat-row-menu:before{content:"";position:absolute;right:18px;top:-8px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid var(--border-cream-1)}.combat-row-menu:after{content:"";position:absolute;right:19px;top:-7px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid var(--surface-cream-1)}@keyframes combatMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-only{display:none}.desktop-only{display:inline-flex}.combat-add-fab{width:40px;height:40px;border-radius:var(--radius-3);box-shadow:var(--shadow-3);font-size:18px;margin-left:auto;background:var(--text-primary);color:var(--surface-white)}.panel-header-main{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%}.panel-header--stacked{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.panel-header-left{display:grid;gap:var(--space-1);width:100%}.panel-header-top{display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:space-between}.panel-header-top .title{flex:1;min-width:0}@media(max-width:640px){.panel-header{position:relative;align-items:flex-start}.panel-header--stacked{flex-direction:column;align-items:flex-start}.panel-header--stacked .panel-header-actions{display:none}}.lexicon-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.lexicon-row-main{min-width:0;display:grid;gap:4px}.lexicon-row-description{white-space:pre-wrap}.lexicon-row-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.lexicon-row .text-strong{margin:0}.notice-card{border:1px dashed var(--border-cream-2);background:var(--surface-cream-6);margin-bottom:var(--space-4)}.notice-card.stack-2{gap:var(--space-2)}.notice-card p{margin:var(--space-1);line-height:1.35}.notice-join{display:grid;gap:var(--space-1)}.text-link{color:var(--text-accent);text-decoration:underline;font-weight:600}.app-footer{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:4;font-size:12px;color:var(--text-muted)}@media(max-width:640px){.app-footer{right:var(--space-2);bottom:var(--space-2);font-size:10px}}.row-grid-4{display:grid;grid-template-columns:50px 1fr 150px 150px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.index-compact{--index-col-width: 30px}.index-wide{--index-col-width: 72px}.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-index-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cols-index-2{grid-template-columns:var(--index-col-width) repeat(2,minmax(0,1fr))}.cols-index-3{grid-template-columns:var(--index-col-width) repeat(3,minmax(0,1fr))}.cols-index-4{grid-template-columns:var(--index-col-width) repeat(4,minmax(0,1fr))}.lexicon-list{background:var(--surface-cream-1);border:1px solid var(--border-cream-1);border-radius:var(--radius-3);padding:var(--space-3)}.card--highlight{background:linear-gradient(135deg,var(--surface-cream-6),var(--surface-cream-4));border-color:var(--border-cream-2);box-shadow:var(--shadow-2)}.divider{border:0;border-top:1px solid var(--border-cream-1);margin:0}.section-card{margin-top:var(--space-4);margin-bottom:var(--space-2);border-radius:var(--radius-3);border:1px solid var(--border-cream-1);background:var(--surface-white);color:var(--text-primary);display:grid;place-items:center;box-shadow:var(--shadow-2);padding:var(--space-3);gap:var(--space-1)}.split-layout{display:grid;gap:var(--space-6);grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:start}.split-layout--collapsed{grid-template-columns:1fr}.lexicon-categories.is-hidden{display:none}.lexicon-main--wide{width:100%}.lexicon-shell{overflow:hidden}.lexicon-shell .lexicon-categories,.lexicon-shell .lexicon-main{padding:var(--space-2)}.lexicon-shell--mobile{overflow:hidden}.lexicon-categories{display:grid;gap:var(--space-2)}.lexicon-categories__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.lexicon-categories__list{overflow:auto;max-height:60vh}.sidebar-sticky{display:grid;gap:var(--space-3);position:sticky;top:16px}.tab-button{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--surface-white);border:1px solid var(--surface-cream-3);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);text-align:left;font-weight:600;color:var(--text-primary);cursor:pointer}.tab-button.is-active{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-white)}.tab-button.is-active .meta{color:#ffffffbf}.input-row{display:grid;gap:var(--space-2);grid-template-columns:1fr auto}.banner{margin:var(--space-2) 0;padding:var(--space-3);border-radius:var(--radius-2);background:var(--surface-cream-1);border:1px solid var(--border-cream-2);font-weight:600}.banner--error{color:var(--accent-target);background-color:var(--accent-target-soft)}.banner--success{color:var(--accent-move)}.global-error-stack{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:50;display:grid;gap:var(--space-2);max-width:min(420px,calc(100vw - (2 * var(--space-4))))}.global-error-card{border:1px solid var(--accent-target-soft);background:var(--surface-white);color:var(--text-primary);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-3)}.global-error-head{display:flex;justify-content:space-between;gap:var(--space-2);align-items:flex-start}.global-error-title-wrap{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-target);min-width:0}.global-error-title{font-size:13px;font-weight:700}.global-error-source{font-size:11px;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-error-message{margin-top:var(--space-2);color:var(--text-primary);font-size:13px;line-height:1.45}.network-blocking-page{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.88),transparent 45%),linear-gradient(165deg,var(--surface-cream-2),var(--surface-base))}.network-blocking-card{width:min(560px,100%);background:var(--surface-white);border:1px solid var(--border-cream-2);border-radius:var(--radius-4);box-shadow:var(--shadow-4);padding:var(--space-7);display:grid;gap:var(--space-3)}.network-blocking-icon{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent-target);border:1px solid var(--border-cream-2);background:var(--surface-cream-6)}.network-blocking-message{margin:0;color:var(--text-strong);line-height:1.55;font-size:15px}.network-blocking-meta{margin:0;color:var(--text-muted);font-size:12px}.network-blocking-actions{display:flex;align-items:center;gap:var(--space-2)}.network-blocking-actions button{display:inline-flex;align-items:center;gap:var(--space-2)}@media(max-width:640px){.network-blocking-page{padding:var(--space-4)}.network-blocking-card{padding:var(--space-6)}}.button-block{width:100%;min-height:var(--control-height)}.layout{display:grid;grid-template-columns:1fr;gap:var(--space-2);align-items:start}.sidebar{position:fixed;left:24px;top:20px;width:260px;max-height:calc(100vh - 40px);display:grid;gap:var(--space-2);background:var(--surface-white);border-radius:var(--radius-4);padding:var(--space-4);box-shadow:none;transition:transform .25s ease,opacity .25s ease;z-index:20}.app-title{font-family:Fraunces,serif;font-size:28px;font-weight:700;margin:0;line-height:1;color:var(--text-primary)}.content{display:grid;gap:var(--space-6)}.layout--expanded .content{margin-left:320px}.layout--collapsed .content{margin-left:0;padding-top:72px}.panel{background:var(--surface-white);border-radius:var(--radius-4);padding:var(--space-6);box-shadow:var(--shadow-1)}.panel--ghost{background:var(--surface-cream-1);box-shadow:none;border:1px dashed var(--surface-cream-3)}.panel-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.panel-header-actions{display:flex;align-items:center;gap:var(--space-2)}.menu-toggle{border:1px solid var(--border-cream-1);background:var(--surface-cream-1);color:var(--text-primary);width:36px;height:36px;border-radius:var(--radius-2);display:grid;place-items:center;padding:0;cursor:pointer;justify-self:left}.menu-toggle:hover{background:var(--surface-cream-2)}.menu{display:grid;gap:var(--space-2)}.menu-item{background:var(--surface-cream-1);color:var(--text-primary);border:1px solid var(--surface-cream-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-3);cursor:pointer;font-weight:600;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:var(--space-4);text-align:left;height:auto;min-height:var(--control-height)}.menu-item--logout{margin-top:var(--space-2);border-color:var(--surface-cream-3);color:var(--text-accent);background:var(--surface-cream-2)}.menu-item--logout:hover{background:var(--surface-cream-1)}.menu-label{white-space:nowrap}.layout--collapsed .menu-item{grid-template-columns:28px;justify-items:center;padding:var(--space-2);border-radius:var(--radius-3)}.layout--collapsed .menu-label,.layout--collapsed .brand h1,.layout--collapsed .brand .lead,.layout--collapsed .brand{display:none}.layout--collapsed .sidebar{background:transparent;box-shadow:none;padding:0}.layout--collapsed .menu{display:none}.menu-fab{width:44px;height:44px;border-radius:var(--radius-3);border:1px solid var(--border-cream-1);background:var(--surface-cream-1);color:var(--text-primary);display:grid;place-items:center;cursor:pointer}.menu-fab-row{position:fixed;top:28px;left:28px;display:inline-flex;align-items:center;gap:var(--space-2);z-index:30}.menu-fab,.menu-fab-home{box-shadow:var(--shadow-2)}.menu-fab:hover{background:var(--surface-cream-2)}.menu-overlay{position:fixed;inset:0;background:#14100c47;z-index:10}.layout--collapsed .sidebar{transform:translate(-110%);opacity:0;pointer-events:none}.layout--expanded .sidebar{transform:translate(0);opacity:1;pointer-events:auto}.menu-icon{width:28px;height:28px;border-radius:var(--radius-2);background:var(--surface-cream-4);color:var(--text-primary);display:grid;place-items:center;font-size:15px;transition:transform .2s ease,background .2s ease,color .2s ease}.layout--collapsed .menu-toggle{width:34px;height:34px;border-radius:var(--radius-2)}.option-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:var(--space-4);align-items:start;min-width:0;max-width:100%}.option-grid>*{min-width:0;max-width:100%}.option-grid--wide{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.fold{border:1px solid var(--border-cream-1);border-radius:var(--radius-3);padding:var(--space-4);background:var(--surface-cream-1)}.fold>summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.fold-title--spaced{margin-bottom:var(--space-2)}.fold-kicker{margin-bottom:var(--space-3)}.stretch-rows>*{width:100%}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"▾";margin-left:auto;font-size:14px;color:var(--text-muted)}.fold[open]>summary:after{content:"▴"}.fold-combat{margin-top:var(--space-4);border-radius:var(--radius-3);border:1px solid var(--border-cream-1);background:var(--surface-white);color:var(--text-primary);display:grid;box-shadow:var(--shadow-2);padding:var(--space-3);gap:var(--space-1)}.fold>summary.demo-fold-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;text-align:center;justify-content:stretch}.demo-fold-title{grid-column:2;display:grid;justify-items:center;gap:var(--space-1)}.demo-fold-summary:after{grid-column:3;justify-self:end;margin-left:0}.combat-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.header-with-badge{display:inline-flex;align-items:center;gap:var(--space-2)}.header-with-badge--space{width:100%;justify-content:space-between}.step-header .title{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.badge{background:var(--surface-cream-2);color:var(--text-primary);border:1px solid var(--border-cream-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:12px;font-weight:600}.feature-where{display:inline-flex;align-items:center}.features-groups{display:grid;gap:var(--space-4)}.features-group{display:grid;gap:var(--space-3)}.features-group-header{display:grid;gap:var(--space-1)}.feature-grid{align-items:start}.feature-card{display:flex;flex-direction:column;align-content:start;min-height:100%}.feature-nav-button{width:100%;max-width:260px;margin-top:auto;align-self:center}.feature-list{margin:0;padding-left:18px;display:grid;gap:var(--space-1);color:var(--text-primary);font-size:13px;line-height:1.4}.feature-item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.feature-item-text{flex:1;min-width:0}.feature-item-icons{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.feature-item-icon{width:22px;height:22px;border-radius:var(--radius-2);border:1px solid var(--border-cream-1);background:var(--surface-cream-2);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto;line-height:1}.feature-item-icon svg{display:block}.feature-note{margin:0}.feature-extras{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px dashed var(--border-cream-2)}.feature-extras-title{margin:0;font-size:12px;font-weight:700;color:var(--text-primary)}.feature-list--extras{margin-top:var(--space-1)}.home-mockups{display:grid}.home-mockup-switcher{width:fit-content;max-width:100%;flex-wrap:wrap}.home-mockup-shell{display:grid;gap:var(--space-4)}.home-mockup-title{font-size:22px;line-height:1.15}.home-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.home-actions-row button,.home-main-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.home-main-cta{font-weight:700}.home-portal-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.home-portal-details-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-panel{border-radius:var(--radius-3);border:1px solid var(--border-cream-1);background:var(--surface-white);padding:var(--space-4)}.home-kpi-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-pill-actions{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.home-pill-actions button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.home-flow-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.home-flow-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:start}.home-note-inline{border:1px dashed var(--border-cream-2);border-radius:var(--radius-3);padding:var(--space-3);background:var(--surface-cream-1)}.home-note-inline>summary{cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:600;list-style:none}.home-note-inline>summary::-webkit-details-marker{display:none}.home-note-inline>summary:after{content:" ▾"}.home-note-inline[open]>summary:after{content:" ▴"}.home-note-inline>.stack-1{margin-top:var(--space-2)}.home-note-inline--compact{background:var(--surface-white)}.home-cockpit-grid,.home-cockpit-bottom-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.home-cockpit-dock{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.home-cockpit-dock-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-2)}.home-feature-spotlight{justify-content:space-between}.home-note-toggle-row{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content}.home-note-popover{max-width:640px;border:1px dashed var(--border-cream-2);background:var(--surface-cream-1)}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{left:16px;top:16px;width:min(80vw,280px)}.menu-fab-row{top:20px;left:20px}.layout--collapsed{grid-template-columns:1fr}.layout--expanded .content{margin-left:0}.layout--collapsed .content{padding-top:72px}.menu{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.option-grid,.option-grid--wide{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.row-between{align-items:flex-start}.row-actions{flex-wrap:wrap}.row-grid-4{grid-template-columns:1fr 1fr}}@media(max-width:640px){html,body,#root{max-width:100%;overflow-x:hidden}.page{padding:var(--space-6) var(--space-4) var(--space-8)}.content,.panel,.card,.row-card,.split-layout,.split-layout--slider,.lexicon-shell,.lexicon-categories,.lexicon-main{max-width:100%;min-width:0}.split-layout--slider{display:flex;width:200%;gap:0;transition:transform .25s ease;overflow:hidden}.split-layout--show-main{transform:translate(-50%)}.split-layout--show-categories{transform:translate(0)}.lexicon-shell{overflow:hidden}.lexicon-shell>.split-layout--slider{width:200%}.lexicon-shell{overflow:hidden;padding:0}.lexicon-categories,.lexicon-main{flex:0 0 50%;width:50%;max-width:100%;min-width:0;box-sizing:border-box;padding:0}.lexicon-main>*{max-width:100%}.lexicon-main{order:2}.lexicon-categories{order:1}.lexicon-categories.is-hidden{display:block;opacity:0;pointer-events:none}.menu{grid-template-columns:1fr}.menu-item{grid-template-columns:24px 1fr;padding:var(--space-2) var(--space-3);width:100%;min-width:0}.menu-icon{width:24px;height:24px}.combat-id{display:none}.combat-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title title" "meta actions";align-items:center}.combat-row-title{grid-area:title}.combat-row-meta{grid-area:meta}.combat-row .align-end{grid-area:actions;justify-self:end}.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.sidebar{left:var(--space-3);right:var(--space-3);width:auto}.brand{gap:var(--space-2)}.brand .lead{font-size:12px}.panel{padding:var(--space-4)}.row-grid-2,.row-grid-3,.row-grid-4{grid-template-columns:1fr;align-items:start}.row-grid-3 .align-end,.row-grid-4 .align-end{justify-self:start}.row-actions{width:100%;justify-content:flex-start;min-width:0}.row-actions>button,.row-actions>input,.row-actions>select{width:100%;min-width:0;max-width:100%}.row-between>*{min-width:0}.row-menu{max-width:min(280px,calc(100vw - 24px))}.phrase-insert-arrow{transform:none}.phrase-cell,.phrase-name,.text-strong,.meta,.title,.subtitle,.badge,.chip,.kicker{min-width:0;overflow-wrap:anywhere;word-break:break-word}input,select,textarea,button{max-width:100%}.row-top{align-items:flex-start}.home-portal-grid,.home-portal-details-grid,.home-cockpit-grid,.home-cockpit-bottom-grid,.home-cockpit-dock{grid-template-columns:1fr}.home-actions-row{align-items:stretch}.home-actions-row button{width:100%;justify-content:center}.home-main-cta,.home-mockup-switcher{width:100%}.version-footer{left:var(--space-2);right:var(--space-2);bottom:var(--space-2);font-size:10px}.version-footer__line{white-space:normal}}.form-section{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-4);padding:var(--space-4);background:var(--surface-cream-5);border-radius:var(--radius-3)}.form-section h3{margin:0 0 var(--space-2);font-size:16px}.checkbox-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.checkbox-row--compact{gap:var(--space-2) var(--space-3)}.checkbox{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.checkbox input{accent-color:var(--text-primary)}.arrow-layer{position:absolute;inset:0;pointer-events:none}.arrow{position:absolute;top:50%;height:2px;background:var(--accent-attack);border-radius:var(--radius-pill);transform:translateY(-50%)}.arrow:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:6px solid var(--accent-attack);border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow--reverse:after{right:auto;left:-6px;border-left:0;border-right:6px solid var(--accent-attack)}.arrow--cols-2.arrow--from-0-to-1{left:50%;width:24px}.arrow--cols-3.arrow--from-0-to-1{left:calc(1 * 100% / 3);width:24px}.arrow--cols-3.arrow--from-0-to-2{left:calc(1 * 100% / 3);width:calc(1 * 100% / 3 + 24px)}.arrow--cols-3.arrow--from-1-to-2{left:calc(2 * 100% / 3);width:24px}.arrow--cols-4.arrow--from-0-to-1{left:25%;width:24px}.arrow--cols-4.arrow--from-0-to-2{left:25%;width:calc(25% + 24px)}.arrow--cols-4.arrow--from-0-to-3{left:25%;width:calc(50% + 24px)}.arrow--cols-4.arrow--from-1-to-2{left:50%;width:24px}.arrow--cols-4.arrow--from-1-to-3{left:50%;width:calc(25% + 24px)}.arrow--cols-4.arrow--from-2-to-3{left:75%;width:24px}.performer-grid{display:grid;gap:var(--space-4);align-items:start}.performer-grid-scroll{width:100%}.performer-grid-scroll.is-scrollable{overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-2)}.performer-grid.is-scrollable{width:max-content;min-width:100%}.performer-grid.is-scrollable.performer-grid--count-1{grid-template-columns:minmax(300px,1fr)}.performer-grid.is-scrollable.performer-grid--count-2{grid-template-columns:repeat(2,minmax(320px,1fr))}.performer-grid.is-scrollable.performer-grid--count-3{grid-template-columns:repeat(3,minmax(320px,1fr))}.performer-grid.is-scrollable.performer-grid--count-4{grid-template-columns:repeat(4,minmax(320px,1fr))}.performer-grid.is-scrollable.performer-grid--count-5{grid-template-columns:repeat(5,minmax(320px,1fr))}.performer-grid.is-scrollable.performer-grid--count-6{grid-template-columns:repeat(6,minmax(320px,1fr))}.audit-panel,.performer-card{background:var(--surface-cream-1);border:1px solid var(--border-cream-1);border-radius:var(--radius-3);padding:var(--space-4)}.performer-selector{display:none;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.performer-visibility-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.performer-visibility-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.performer-visibility-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.performer-visibility-chip{border:1px solid var(--border-cream-1);background:var(--surface-white);color:var(--text-strong);border-radius:var(--radius-pill);min-height:34px;padding:0 var(--space-3);font-weight:600;cursor:pointer}.performer-visibility-chip.is-active{border-color:var(--accent-defense-border);box-shadow:inset 0 0 0 1px #3b7fb633}.performer-visibility-chip.is-hidden{color:var(--text-muted);background:var(--surface-cream-2);border-style:dashed}.performer-visibility-reset{white-space:nowrap}.phrase-visibility-toolbar{margin-bottom:var(--space-3)}.performer-card{display:grid;gap:var(--space-3)}.performer-card-header{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.performer-fields{display:grid;gap:var(--space-3)}@media(max-width:900px){.performer-visibility-toolbar{grid-template-columns:1fr;align-items:start}.performer-visibility-reset{justify-self:start}.performer-selector{display:flex}.performer-grid{grid-template-columns:1fr!important}.performer-card{display:none}.performer-card.is-active,.performer-card--inline-modal{display:grid}.performer-card-header{flex-wrap:wrap}}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid-last>:last-child{justify-self:end}.col-span-2{grid-column:span 2}label{display:grid;gap:var(--space-2);font-weight:600;color:var(--text-primary)}.field-hint{font-size:11px;color:var(--text-muted);font-weight:500}.field-hint--spacer{visibility:hidden}input,select{border:1px solid var(--border-cream-1);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);font-size:14px;background:var(--surface-white);font-family:Space Grotesk,sans-serif;min-height:var(--control-height)}select{height:var(--control-height)}.form-actions{margin-top:var(--space-4)}.empty{background:var(--surface-cream-5);padding:var(--space-4);border-radius:var(--radius-2);color:var(--text-muted);display:grid;gap:var(--space-2)}.empty{justify-items:start}.empty-add{border:none;background:transparent;padding:0;cursor:pointer}.empty-add-icon{width:40px;height:40px;border-radius:var(--radius-pill);border:1px solid var(--border-cream-1);color:var(--text-muted);display:grid;place-items:center;background:var(--surface-cream-1)}.empty-add:disabled .empty-add-icon{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#18120866;display:grid;place-items:center;padding:var(--space-4);z-index:50}.modal{width:min(520px,92vw);max-height:calc(100vh - var(--space-8));background:var(--surface-cream-1);border:1px solid var(--border-cream-1);border-radius:var(--radius-3);padding:var(--space-4);display:grid;gap:var(--space-3);box-shadow:var(--shadow-4);box-sizing:border-box;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.filters-drawer{position:fixed;inset:0;z-index:45;display:flex;justify-content:flex-end}.filters-drawer__overlay{position:absolute;inset:0;background:#18120866}.filters-drawer__panel{position:relative;width:min(320px,88vw);margin:var(--space-4);background:var(--surface-cream-1);border:1px solid var(--border-cream-1);border-radius:var(--radius-3);padding:var(--space-3);display:grid;gap:var(--space-2);box-shadow:var(--shadow-4);max-height:min(240px,45vh);overflow:auto}.filters-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.filters-drawer__fields{display:grid;gap:var(--space-2)}.filters-drawer .segmented{padding:var(--space-0)}.filters-drawer .segmented-button{padding:var(--space-0) var(--space-2)}.filters-drawer .segmented--compact .segmented-button{padding:var(--space-0) var(--space-1)}.filters-drawer input,.filters-drawer select{min-height:36px;padding:var(--space-1) var(--space-2)}@media(max-width:900px){.split-layout,.input-row{grid-template-columns:1fr}.row-grid-4{grid-template-columns:1fr;align-items:start}.row-grid-3{grid-template-columns:1fr}}.summary{margin-top:var(--space-4);margin-bottom:var(--space-3);padding:0;background:transparent;border:0;display:grid;gap:var(--space-2);opacity:.8;animation:summary-fade .42s ease-out;transform-origin:top center}.password-input{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.password-toggle{border-radius:var(--radius-2);border:1px solid var(--border-cream-1);background:var(--surface-white);padding:var(--space-3) var(--space-3);cursor:pointer;color:var(--text-primary)}.password-toggle:hover{background:var(--surface-cream-6)}.phrase-header{display:grid;gap:var(--space-3);align-items:stretch}.phrase-name{padding:var(--space-2) var(--space-3);background:var(--surface-cream-4);border-radius:var(--radius-2);text-align:center;font-weight:600;display:grid;place-items:center;min-height:44px}.phrase-index{display:flex;align-items:center;justify-content:center;gap:var(--space-2);align-self:stretch}.index-hidden .phrase-index{display:none}.fold-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.phrase-mode-actions{display:flex;align-items:center;gap:var(--space-2)}.phrase-insert-toggle.is-active,.phrase-delete-toggle.is-active{background:var(--surface-cream-6);color:var(--text-primary)}.phrase-insert-button{width:28px;height:28px;border-radius:var(--radius-pill);border:1px solid var(--border-cream-2);background:var(--surface-cream-1);color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.phrase-insert-button:hover{background:var(--surface-cream-6);color:var(--text-primary)}.phrase-insert-button:disabled{opacity:.5;cursor:not-allowed}.phrase-insert-row{display:grid;gap:var(--space-2);align-items:center}.phrase-insert-cell{grid-column:1 / -1;display:flex;justify-content:center}.phrase-insert-arrow{width:34px;height:34px;transform:translate(var(--space-6))}.phrase-insert-arrow:hover{background:var(--surface-cream-6)}.combat-details-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.phrase-active-title{margin:var(--space-2) 0 var(--space-3);font-weight:600}.phrase-reading-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.phrase-reading-center{display:flex;align-items:center;justify-content:center;flex:1}.phrase-reading-nav{display:inline-flex;gap:var(--space-2);align-items:center}.phrase-reading-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.phrase-mode-button{position:relative;overflow:hidden}.phrase-mode-button.is-active:after{content:"";position:absolute;left:50%;top:50%;width:140%;height:2px;background:currentColor;opacity:.7;transform:translate(-50%,-50%) rotate(-45deg)}.kicker.kicker-alert{font-size:18px;color:#b13f36;letter-spacing:.16em}.step-form-panel{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-3);background:var(--surface-white);border:1px solid var(--border-cream-2);box-shadow:var(--shadow-2)}.step-form-panel--accent{border-color:var(--accent-attack)}.performance-right-read-panel{min-width:0;max-width:100%;overflow-x:hidden}.performance-right-read-panel .phrase--reading,.performance-right-read-panel .combat-reading-readonly,.performance-right-read-panel .phrase-block,.performance-right-form-panel{min-width:0;max-width:100%}.performance-right-form-panel .step-form-panel{min-width:0;max-width:100%;overflow-x:auto;overflow-y:visible}.performance-right-form-panel .step-form-scroll-shell{width:100%;min-width:0;max-width:100%}.lexicon-proto-panel{border:1px solid var(--border-cream-2);border-radius:var(--radius-3);background:var(--surface-cream-1);padding:var(--space-3);display:grid;gap:var(--space-2);max-height:72vh;overflow:hidden}.lexicon-proto-list{display:grid;gap:var(--space-2);overflow:auto;max-height:52vh;grid-auto-rows:max-content;align-items:start}.lexicon-proto-list--dense{gap:var(--space-1)}.lexicon-proto-term{text-align:left;border:1px solid var(--border-cream-1);border-radius:var(--radius-2);background:var(--surface-white);padding:var(--space-2);display:grid;gap:2px;height:auto;min-height:0;align-items:start;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}.lexicon-proto-term>*{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.lexicon-proto-term-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.lexicon-proto-term-category{text-align:right;flex:0 0 auto}.lexicon-proto-term:hover{background:var(--surface-cream-3)}.lexicon-proto-term.is-selected{border-color:var(--accent-defense-border);box-shadow:inset 0 0 0 1px #3b7fb633}.lexicon-assistant-backdrop{align-items:flex-end;justify-content:flex-end;padding:var(--space-4)}.lexicon-assistant-modal{width:min(560px,96vw);max-height:88vh;display:grid;gap:var(--space-2)}.lexicon-assistant-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:60;border:1px solid var(--border-cream-3);border-right:none;border-radius:12px 0 0 12px;background:var(--surface-cream-1);color:var(--text-strong);box-shadow:var(--shadow-2);font-weight:700;letter-spacing:.04em;writing-mode:vertical-rl;text-orientation:mixed;padding:12px 8px;min-height:110px}.lexicon-assistant-tab:hover{background:var(--surface-cream-3)}.phrase-row{position:relative}.phrase-row.is-deleting{padding-right:56px}.phrase-delete-button{position:absolute;right:0;top:50%;transform:translateY(-50%)}.empty.empty-centered{justify-items:center;text-align:center}.phrase-index--header{font-weight:700;color:var(--text-muted)}.phrase-index-number{min-width:28px;height:28px;border-radius:var(--radius-pill);background:var(--surface-cream-4);display:grid;place-items:center;font-weight:700;color:var(--text-strong)}.phrase-grid-row{display:grid;gap:var(--space-2);position:relative;align-items:stretch;min-width:0;max-width:100%}.phrase-cell{display:flex;align-items:center;gap:var(--space-2);min-width:0}.phrase-step-number-inline{font-weight:600;color:var(--text-muted);min-width:20px}.input-with-clear{position:relative;display:block;width:100%}.input-with-clear input{width:100%;padding-right:calc(var(--space-6) + var(--space-2));box-sizing:border-box}.input-clear{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);width:18px;height:18px;border-radius:0;border:none;background:transparent;color:var(--text-muted);display:grid;place-items:center;cursor:pointer;font-size:16px;line-height:18px;padding:0}.input-clear:before{content:"×";display:block;width:100%;height:100%;line-height:18px;text-align:center;font-weight:700}.input-clear:hover:not(:disabled){background:var(--surface-cream-4)}.phrase--reading .phrase-header,.phrase--reading .phrase-grid-row{--phrase-column-gap: var(--space-6);gap:var(--space-6);column-gap:var(--phrase-column-gap);min-width:0;max-width:100%}.phrase--reading .phrase-grid-row{--phrase-link-gap: var(--phrase-column-gap)}.phrase--reading .phrase-grid-row+.phrase-grid-row{margin-top:var(--space-4)}.card-mini{border-radius:var(--radius-3);padding:var(--space-3);display:grid;gap:var(--space-2);box-shadow:var(--shadow-3);width:100%;box-sizing:border-box}.card-mini--editable{padding-right:calc(var(--space-3) + 28px)}.card-mini.action{background:var(--accent-attack-soft);border:1px solid rgba(242,155,56,.4)}.card-mini.reaction{background:var(--accent-defense-soft);border:1px solid rgba(59,127,182,.35)}.card-mini.preparation{background:#75a94c24;border:1px solid rgba(86,133,50,.36)}.card-mini.neutral{background:var(--surface-cream-6);border:1px solid rgba(126,105,82,.2)}.card-mini{position:relative}.phrase-cell-card-wrap{position:relative;width:100%;min-width:0}.phrase-cell-link-line{position:absolute;left:100%;top:50%;width:var(--phrase-link-gap, var(--space-6));height:1px;background:#000;transform:translateY(calc(-50% + var(--link-offset, 0px)));pointer-events:none;z-index:2}.phrase-cell-link-line.span-1{width:var(--phrase-link-gap, var(--space-6))}.phrase-cell-link-line.span-2{width:calc(100% + (var(--phrase-link-gap, var(--space-6)) * 2))}.phrase-cell-link-line.span-3{width:calc(200% + (var(--phrase-link-gap, var(--space-6)) * 3))}.phrase-cell-right-dot{position:absolute;right:-2px;top:50%;width:4px;height:4px;border-radius:999px;background:#000;transform:translateY(-50%);pointer-events:none;z-index:3}.phrase-cell-left-dot{position:absolute;left:-2px;top:50%;width:4px;height:4px;border-radius:999px;background:#000;transform:translateY(-50%);pointer-events:none;z-index:3}.phrase-cell-right-dot.is-defense-marker,.phrase-cell-left-dot.is-defense-marker{width:auto;height:auto;background:transparent;border-radius:0;color:#000;font-size:10px;font-weight:700;line-height:1;margin-top:1px}.card-mini-plus{width:38px;height:38px;border-radius:var(--radius-pill);border:1px solid var(--border-cream-1);color:var(--text-muted);display:grid;place-items:center;background:var(--surface-cream-1)}.card-mini-plus-button{width:100%;height:100%;display:grid;place-items:center;background:transparent;border:none;padding:0;cursor:pointer}.card-mini-plus-button:disabled{opacity:.5;cursor:not-allowed}.card-mini-edit{position:absolute;top:6px;right:6px;width:22px;height:22px;padding:0;border-radius:var(--radius-pill);border:1px dashed var(--border-cream-2);background:transparent;color:var(--text-muted);cursor:pointer;box-shadow:none}.card-mini-edit svg{width:11px;height:11px;display:block}.card-mini-edit:hover:not(:disabled){background:var(--surface-cream-1);border-color:var(--border-cream-3)}.card-mini-edit:disabled{opacity:.5;cursor:not-allowed}.card-mini-title{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:13px}.card-mini-lines{display:grid;gap:var(--space-1)}.card-mini-line{font-size:14px;line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0;overflow-wrap:anywhere;word-break:break-word}.card-mini-line .tag{display:inline-flex;margin-left:0;vertical-align:baseline;align-self:center}.card-mini-line .tag+.tag{margin-left:var(--space-1)}.note-inline{color:var(--text-accent);font-weight:600;font-style:italic}.card-mini-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{border-radius:var(--radius-pill);padding:var(--space-0) var(--space-1);font-size:11px;line-height:1.1;border:1px solid transparent;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.tag--target{background:#e2574c1f;color:var(--text-accent);border-color:#e2574c66}.tag--offensive{background:#f5c45c33;color:var(--text-accent);border-color:#f5c45c8c}.tag--action{background:#bd6f3b33;color:var(--text-accent);border-color:#bd6f3b73}.tag--defensive{background:#5093d638;color:var(--text-accent);border-color:#5093d68c}.tag--parade-number{background:#6c56e233;color:var(--text-accent);border-color:#6c56e280}.tag--move{background:#3c9c741f;color:var(--text-accent);border-color:#3c9c7459}.tag--note{background:var(--surface-white);color:var(--text-primary);border-color:var(--border-cream-1)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.accent-attack{background:var(--accent-attack)}.accent-defense{background:var(--accent-defense)}.accent-neutral{background:var(--surface-cream-4)}.phrase-block{background:var(--surface-cream-1);border-radius:var(--radius-3);border:1px solid var(--border-cream-1);padding:var(--space-3);min-width:0;max-width:100%;overflow-x:clip}.users-table{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.users-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-cream-1)}.users-row>:last-child{justify-self:end}.users-table>.users-row:last-child{border-bottom:none}.users-row-group{display:flex;flex-direction:column;width:100%}.users-row-inline{display:flex;flex-direction:row;gap:var(--space-2)}.users-email{font-weight:600;margin-bottom:var(--space-2)}.users-meta{display:flex;gap:var(--space-2);align-items:center}.users-role{display:grid;gap:var(--space-1)}.audit-panel{margin-top:var(--space-4);display:grid;gap:var(--space-3)}.audit-table{display:grid;gap:var(--space-2);max-height:600px;overflow:auto}.audit-row{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:13px}@media(max-width:900px){.users-row{grid-template-columns:1fr;align-items:start}}.summary h3{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.summary-line{background:var(--surface-cream-9);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-cream-5);min-height:auto;display:flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--text-muted)}.summary-name{font-weight:600;color:var(--text-brown-2);background:var(--surface-cream-5);border-radius:var(--radius-pill);padding:2px var(--space-2)}.summary-text{flex:1}.phrase-name-editor{display:inline-flex;align-items:center;gap:var(--space-2)}.phrase-name-editor .input{min-width:220px}@keyframes summary-fade{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:.8;transform:translateY(0) scale(1)}}.builder{display:grid;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-3);background:var(--surface-cream-1);border:1px dashed var(--border-cream-2)}.builder--compact{padding:var(--space-2)}.builder--compact .builder-controls{grid-template-columns:1fr auto}.compact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.builder-header{display:grid;gap:var(--space-1)}.builder-controls{display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr auto;align-items:end}.builder-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.builder-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--surface-white);border:1px solid var(--border-cream-2);color:var(--text-primary);font-size:12px;font-weight:600}.builder-tag-label{color:var(--text-muted);font-weight:600}.builder-tag-remove{width:20px;height:20px;padding:0}.form-section{display:grid;gap:var(--space-3)}.preparation-toggle-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border:1px dashed var(--border-cream-2);border-radius:var(--radius-3);background:var(--surface-cream-1)}.preparation-switch{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600}.preparation-switch input[type=checkbox]{width:16px;height:16px}.preparation-timing-segmented{width:auto}.preparation-info-block{padding:var(--space-2);border:1px dashed var(--border-cream-2);border-radius:var(--radius-3);background:var(--surface-cream-1);display:grid;gap:var(--space-1)}.form-section--soft{padding:var(--space-2);border-radius:var(--radius-3);border:1px dashed var(--border-cream-2);background:var(--surface-cream-1)}.action-list{display:grid;gap:var(--space-2)}.action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-2);align-items:end}.action-row--two{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.performer-context-row{grid-template-columns:minmax(0,1fr)}.preparation-position-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-section--attack-layout{grid-template-columns:minmax(0,1fr);align-items:stretch}.form-section--attack-layout .action-row--two,.form-section--attack-layout .preparation-position-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-section--attack-layout .attack-layout-block--target{grid-template-columns:minmax(0,1fr)}.form-section--attack-layout .attack-layout-block--target,.form-section--attack-layout .attack-layout-block--position,.form-section--attack-layout .attack-layout-block--move{padding-top:var(--space-2);border-top:1px dashed var(--border-cream-2)}.button-with-icon{display:inline-flex;align-items:center;gap:var(--space-2)}@media(max-width:900px){.col-span-2{grid-column:span 1}.phrase-grid-row{--phrase-column-gap: var(--space-4);gap:var(--space-4);column-gap:var(--phrase-column-gap);--phrase-link-gap: var(--phrase-column-gap)}.arrow{display:none}.action-row,.form-section--attack-layout{grid-template-columns:1fr}.attack-layout-block--offense,.attack-layout-block--target,.attack-layout-block--position,.attack-layout-block--move,.attack-layout-full{grid-column:auto}.preparation-position-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:640px){.option-grid .fold{padding:var(--space-2)}.option-grid .fold .fold-kicker{margin-bottom:var(--space-2)}.combat-reading-readonly .phrase-index,.combat-reading-readonly .phrase-step-number-inline{display:none}.combat-reading-readonly{gap:var(--space-2)}.combat-reading-readonly .phrase-block{padding:var(--space-2)}.combat-reading-readonly .phrase--reading{gap:var(--space-2)}.combat-reading-readonly .phrase--reading .phrase-header,.combat-reading-readonly .phrase--reading .phrase-grid-row{--phrase-column-gap: var(--space-2);gap:var(--space-2);column-gap:var(--phrase-column-gap)}.combat-reading-readonly .phrase--reading .phrase-grid-row{--phrase-link-gap: var(--phrase-column-gap)}.combat-reading-readonly .phrase--reading .phrase-grid-row+.phrase-grid-row{margin-top:var(--space-2)}.combat-reading-readonly .phrase-name{padding:var(--space-1) var(--space-2);min-height:38px}.combat-reading-readonly .card-mini{padding:var(--space-2)}.combat-reading-readonly .card-mini-line{line-height:1.35}.combat-reading-readonly .phrase-header.cols-index-2,.combat-reading-readonly .phrase-grid-row.cols-index-2{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-reading-readonly .phrase-header.cols-index-3,.combat-reading-readonly .phrase-grid-row.cols-index-3{grid-template-columns:repeat(3,minmax(0,1fr));--phrase-column-gap: var(--space-1);column-gap:var(--phrase-column-gap)}.combat-reading-readonly .phrase-grid-row.cols-index-3{--phrase-link-gap: var(--phrase-column-gap)}.combat-reading-readonly .phrase-header.cols-index-4,.combat-reading-readonly .phrase-grid-row.cols-index-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.phrase-name-editor{max-width:100%}.phrase-name-editor .input{min-width:0;width:100%}.users-row-inline{flex-wrap:wrap}}@media(max-width:640px){.page{max-width:100%;padding:var(--space-4) var(--space-3) var(--space-8)}.panel{padding:var(--space-3);border-radius:var(--radius-3)}.title{font-size:20px;line-height:1.2}.subtitle{font-size:14px;line-height:1.35}.kicker{letter-spacing:.16em;font-size:10px}.panel>*,.card>*,.row-card>*,.fold>*{min-width:0}.segmented{width:100%;flex-wrap:wrap;justify-content:stretch}.segmented-button{flex:1 1 calc(50% - var(--space-1));min-width:0}.performer-fields .segmented.segmented--compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);width:100%;padding:var(--space-1);border-radius:var(--radius-4);border-color:var(--border-cream-2);background:var(--surface-cream-1)}.performer-fields .segmented.segmented--compact .segmented-button{flex:initial;width:100%;min-height:40px;height:auto;padding:var(--space-2) var(--space-2);border-radius:var(--radius-pill);font-size:16px;line-height:1.15;color:var(--text-primary)}.performer-fields .segmented.segmented--compact .segmented-button.is-active{background:var(--surface-cream-4);border-color:var(--border-cream-2)}.combat-row-meta,.combat-row .meta{min-width:0;overflow-wrap:anywhere}.combat-row .align-end{width:auto;min-width:0;display:flex;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end}.combat-row-menu{right:var(--space-2);left:var(--space-2);display:grid;grid-template-columns:1fr 1fr}.option-grid{gap:var(--space-3)}.performer-card-header{align-items:stretch}.performer-card-header .segmented{width:100%}.preparation-toggle-row{align-items:stretch}.preparation-timing-segmented{width:100%}.phrase--reading .phrase-index,.phrase--reading .phrase-step-number-inline{display:none}.phrase--reading .phrase-header.cols-index-2,.phrase--reading .phrase-grid-row.cols-index-2,.phrase--reading .phrase-insert-row.cols-index-2{grid-template-columns:repeat(2,minmax(0,1fr))}.phrase--reading .phrase-header.cols-index-3,.phrase--reading .phrase-grid-row.cols-index-3,.phrase--reading .phrase-insert-row.cols-index-3{grid-template-columns:repeat(3,minmax(0,1fr));--phrase-column-gap: var(--space-1);column-gap:var(--phrase-column-gap)}.phrase--reading .phrase-grid-row.cols-index-3{--phrase-link-gap: var(--phrase-column-gap)}.phrase--reading .phrase-header.cols-index-4,.phrase--reading .phrase-grid-row.cols-index-4,.phrase--reading .phrase-insert-row.cols-index-4{grid-template-columns:repeat(4,minmax(0,1fr))}.phrase-reading-header{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.phrase-reading-header>:first-child{width:100%}.phrase-reading-center,.phrase-reading-nav,.phrase-reading-actions{width:auto;justify-content:flex-start}.phrase-reading-center{flex:1;min-width:0}.phrase-name-editor{width:100%;display:grid;grid-template-columns:1fr auto}.phrase-name-editor .input{min-width:0;width:100%}.phrase-row.is-deleting{padding-right:0;padding-bottom:calc(var(--control-height) + var(--space-2))}.phrase-delete-button{top:auto;bottom:0;right:0;transform:none}.step-form-panel{padding:var(--space-3)}.builder-controls,.compact-fields,.action-row,.action-row--two,.preparation-position-row{grid-template-columns:1fr}.lexicon-row{align-items:flex-start}.lexicon-row .text-strong,.lexicon-row-description{overflow-wrap:anywhere}.lexicon-row-actions{flex-shrink:0}.lexicon-categories__list{max-height:52vh}.users-row-inline{flex-direction:column;align-items:stretch}.users-row-inline>*{width:100%;min-width:0}.users-role select{width:100%}.audit-row{grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-2)}.modal-backdrop{padding:var(--space-2)}.modal{width:min(96vw,520px);max-height:calc(100vh - var(--space-4));padding:var(--space-3)}.modal-actions{display:grid;grid-template-columns:1fr}.modal-actions>button{width:100%}}@media(max-width:1280px){.lexicon-assistant-backdrop{align-items:center;justify-content:center;padding:var(--space-2)}.lexicon-assistant-modal{width:min(96vw,620px);max-height:calc(100vh - var(--space-4))}.lexicon-assistant-tab{min-height:96px;padding:10px 7px}}