*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-width:0;min-height:100%}html{background:var(--mf-surface-canvas)}body{margin:0;min-height:100vh;min-height:100dvh}button,input,select,textarea{font:inherit}img,svg,video,canvas{max-width:100%}#root{isolation:isolate}:root{--mf-color-burgundy-700: #65152c;--mf-color-burgundy-600: #7a1833;--mf-color-burgundy-500: #922343;--mf-color-gold-500: #b58a38;--mf-color-gold-300: #d8bd7a;--mf-color-parchment-100: #f7f3ea;--mf-color-parchment-50: #fbf9f4;--mf-color-neutral-950: #171719;--mf-color-neutral-900: #202024;--mf-color-neutral-800: #303036;--mf-color-neutral-700: #45454d;--mf-color-neutral-600: #5f5f68;--mf-color-neutral-500: #74747d;--mf-color-neutral-300: #c9c7c2;--mf-color-neutral-200: #dedbd4;--mf-color-neutral-100: #efede8;--mf-color-neutral-50: #f8f7f4;--mf-color-white: #ffffff;--mf-surface-canvas: var(--mf-color-parchment-100);--mf-surface-content: var(--mf-color-parchment-50);--mf-surface-raised: var(--mf-color-white);--mf-surface-subtle: var(--mf-color-neutral-100);--mf-surface-chrome: var(--mf-color-neutral-950);--mf-surface-chrome-raised: var(--mf-color-neutral-900);--mf-surface-overlay: rgb(23 23 25 / 72%);--mf-text-primary: #29282b;--mf-text-secondary: #4f4e53;--mf-text-muted: #68676d;--mf-text-inverse: #faf9f6;--mf-text-link: var(--mf-color-burgundy-600);--mf-border-subtle: #e6e1d8;--mf-border-default: #c9c3ba;--mf-border-strong: #8a8379;--mf-border-focus: #7a1833;--mf-focus-ring: 0 0 0 3px rgb(122 24 51 / 35%);--mf-border-focus-inverse: #d8bd7a;--mf-focus-ring-inverse: 0 0 0 3px rgb(216 189 122 / 45%);--mf-action-primary: var(--mf-color-burgundy-600);--mf-action-primary-hover: var(--mf-color-burgundy-500);--mf-action-primary-active: var(--mf-color-burgundy-700);--mf-action-primary-text: var(--mf-color-white);--mf-action-secondary: var(--mf-surface-raised);--mf-action-secondary-hover: #f2eee7;--mf-action-secondary-active: #e8e1d8;--mf-action-secondary-text: var(--mf-text-primary);--mf-action-danger: #a52a3a;--mf-action-danger-hover: #bd3547;--mf-action-danger-active: #84202e;--mf-action-ghost: transparent;--mf-action-ghost-text: var(--mf-text-primary);--mf-action-ghost-hover: rgb(122 24 51 / 9%);--mf-action-ghost-active: rgb(122 24 51 / 15%);--mf-action-disabled: #dad6cf;--mf-action-disabled-text: #77747a;--mf-status-error: #a52a3a;--mf-status-error-surface: #fbeaec;--mf-status-warning: #8b5b05;--mf-status-warning-surface: #fff4d6;--mf-status-incomplete: #76591d;--mf-status-incomplete-surface: #f6edda;--mf-status-complete: #2f6c4e;--mf-status-complete-surface: #e4f2e9;--mf-status-information: #3f5f78;--mf-status-information-surface: #e7f0f6;--mf-status-saving: #66522c;--mf-status-saving-surface: #f4ecd9;--mf-status-loading: var(--mf-status-saving);--mf-status-loading-surface: var(--mf-status-saving-surface);--mf-status-saved: #2f6c4e;--mf-status-saved-surface: #e4f2e9;--mf-space-1: .25rem;--mf-space-2: .5rem;--mf-space-3: .75rem;--mf-space-4: 1rem;--mf-space-5: 1.25rem;--mf-space-6: 1.5rem;--mf-space-8: 2rem;--mf-space-10: 2.5rem;--mf-space-12: 3rem;--mf-radius-sm: .25rem;--mf-radius-md: .5rem;--mf-radius-lg: .75rem;--mf-radius-pill: 999px;--mf-shadow-sm: 0 1px 2px rgb(25 22 22 / 10%);--mf-shadow-md: 0 6px 18px rgb(25 22 22 / 14%);--mf-shadow-overlay: 0 18px 48px rgb(10 9 10 / 28%);--mf-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mf-font-display: ui-serif, Georgia, Cambria, "Times New Roman", serif;--mf-font-size-xs: .75rem;--mf-font-size-sm: .875rem;--mf-font-size-md: 1rem;--mf-font-size-lg: 1.25rem;--mf-font-size-xl: clamp(1.5rem, 2vw + 1rem, 2rem);--mf-font-weight-regular: 400;--mf-font-weight-medium: 600;--mf-font-weight-bold: 700;--mf-line-height-tight: 1.2;--mf-line-height-normal: 1.5;--mf-z-sticky: 20;--mf-z-overlay: 100;--mf-motion-fast: .12s;--mf-motion-normal: .2s;--mf-ease-standard: cubic-bezier(.2, 0, 0, 1);--hlo-bg-parchment: var(--mf-surface-canvas);--hlo-bg-panel: var(--mf-surface-raised);--hlo-bg-sidebar: var(--mf-surface-chrome-raised);--hlo-bg-sidebar-right: var(--mf-surface-chrome);--hlo-primary: var(--mf-action-primary);--hlo-accent: var(--mf-color-gold-500);--hlo-text-main: var(--mf-text-primary);--hlo-text-light: var(--mf-text-inverse);--hlo-text-muted: var(--mf-text-muted);--hlo-error: var(--mf-status-error);--hlo-warning: var(--mf-status-warning);--hlo-success: var(--mf-status-complete);--card-radius: var(--mf-radius-sm);--card-shadow: var(--mf-shadow-sm);--font-header: var(--mf-font-display);--font-body: var(--mf-font-body)}body{background:var(--mf-surface-canvas);color:var(--mf-text-primary);font-family:var(--mf-font-body);font-size:var(--mf-font-size-md);font-weight:var(--mf-font-weight-regular);line-height:var(--mf-line-height-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--mf-text-link)}h1,h2,h3,h4{color:var(--mf-color-burgundy-700);font-family:var(--mf-font-display);line-height:var(--mf-line-height-tight)}:focus-visible{outline:2px solid var(--mf-border-focus);outline-offset:2px}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:#00000014}::-webkit-scrollbar-thumb{background:#0000003d;border-radius:var(--mf-radius-pill)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:1200px;margin:0 auto;padding:1rem 1.5rem 2rem}.app-header{margin-bottom:1rem}.app-header h1{margin:0;font-size:1.8rem}.subtitle{margin:.25rem 0 0;color:#666;font-size:.9rem}.tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.tab-button{padding:.4rem .9rem;border-radius:999px;border:1px solid #ccc;background:#f7f7f7;cursor:pointer;font-size:.9rem}.tab-button.active{background:#2563eb;border-color:#2563eb;color:#fff}.toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.toolbar input[type=text]{flex:1;padding:.4rem .6rem;border-radius:.4rem;border:1px solid #ccc}.status{font-size:.85rem;color:#555}.status.error{color:#b91c1c}.layout{display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);gap:1rem;min-height:60vh}.list-column,.detail-column{border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;overflow:hidden;display:flex;flex-direction:column}.list-panel{flex:1;overflow-y:auto}.list-panel.empty{padding:.75rem;color:#6b7280;font-size:.9rem}.list-item{width:100%;text-align:left;padding:.5rem .75rem;border:none;border-bottom:1px solid #f3f4f6;background:#fff;cursor:pointer}.list-item:last-child{border-bottom:none}.list-item.active{background:#eff6ff}.list-item-label{font-size:.95rem;font-weight:500}.list-item-secondary{font-size:.8rem;color:#6b7280}.detail-panel{padding:.75rem 1rem 1rem;overflow-y:auto}.detail-panel.empty{color:#6b7280;font-size:.9rem}.detail-panel h2{margin-top:0;margin-bottom:.25rem}.meta{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;font-size:.8rem;color:#4b5563}.meta span{background:#f3f4f6;padding:.15rem .45rem;border-radius:999px}.tags{margin-bottom:.5rem}.tag{display:inline-block;padding:.15rem .45rem;border-radius:999px;background:#e5e7eb;font-size:.8rem;margin-right:.25rem;margin-bottom:.25rem}.description p{margin:.25rem 0;font-size:.9rem}.attacks-list{padding-left:1.25rem;margin:.25rem 0 .5rem;font-size:.9rem}@media(max-width:800px){.layout{grid-template-columns:1fr}}.app-shell,.app-preview-panel,.app-adjustments-panel{width:100%;max-width:100%;min-width:0}.app-preview-panel{position:relative;height:100%}.app-preview-panel__status{position:absolute;top:var(--mf-space-3);right:var(--mf-space-3);z-index:var(--mf-z-sticky)}.app-adjustments-panel{min-height:100%;padding:var(--mf-space-5);color:var(--mf-text-inverse);background:var(--mf-surface-chrome-raised)}.app-adjustments-panel h2{color:var(--mf-color-gold-300);font-size:var(--mf-font-size-lg)}.loading{display:grid;width:100%;min-height:100vh;min-height:100dvh;place-items:center;color:var(--mf-text-secondary);background:var(--mf-surface-canvas)}.muted{color:var(--mf-text-muted);font-size:var(--mf-font-size-sm)}.auth-ux-session-action.mf-button--ghost{color:var(--mf-text-inverse);background:#ffffff14;border-color:#ffffff59}.auth-ux-session-action.mf-button--ghost:not(:disabled):hover{color:#fff;background:#ffffff2e;border-color:var(--mf-color-gold-300)}.auth-ux-session-action.mf-button--ghost:not(:disabled):active{color:#fff;background:#ffffff3d}.mf-top-bar .auth-ux-session-action.mf-button:focus-visible{color:#fff;outline-color:var(--mf-border-focus-inverse);box-shadow:var(--mf-focus-ring-inverse)}.auth-ux-gate{display:grid;min-height:100%;place-items:center;padding:var(--mf-space-8) var(--mf-space-4);background:var(--mf-surface-canvas)}.auth-ux-gate__content{width:min(100%,34rem);padding:var(--mf-space-8);text-align:center;background:var(--mf-surface-content);border:1px solid var(--mf-border-default);border-radius:var(--mf-radius-lg);box-shadow:var(--mf-shadow-sm)}.auth-ux-gate__content h1{margin:0;font-size:var(--mf-font-size-xl)}.auth-ux-gate__content p{margin:var(--mf-space-3) 0 0;color:var(--mf-text-secondary)}@media(max-width:767px){.auth-ux-gate__content{padding:var(--mf-space-6) var(--mf-space-4)}.mf-app-shell__main .home-tab{padding:var(--mf-space-5) var(--mf-space-4)}.mf-app-shell__main .home-header{align-items:flex-start;gap:var(--mf-space-4);flex-direction:column}.mf-app-shell__main .home-actions{width:100%;flex-wrap:wrap;gap:var(--mf-space-2)}.mf-app-shell__main .character-grid{grid-template-columns:minmax(0,1fr)}.mf-app-shell__main .empty-state{padding:var(--mf-space-8) var(--mf-space-4)}}.detail-panel{height:100%;display:flex;flex-direction:column}h2{border-bottom:2px solid var(--hlo-primary);padding-bottom:8px;margin-bottom:20px;color:var(--hlo-primary)}.split-pane{display:flex;gap:0;height:500px;border:1px solid #ccc;background:#fff}.equipment-layout{height:500px;border:1px solid #ccc;background:#fff}.sub-tabs{background:#f4f4f4}.pane-left{width:300px;overflow-y:auto;border-right:1px solid #eee}.pane-right{flex:1;overflow-y:auto}.step-content{background:#fff;padding:20px;border:1px solid #ddd;border-radius:4px}.attribute-matrix{background:#fdfbf7;border:1px solid #ddd;border-radius:4px;overflow:hidden;font-size:.9rem}.matrix-header{display:flex;background:#eee;font-weight:700;padding:8px;border-bottom:1px solid #ccc;text-align:center}.matrix-row{display:flex;padding:8px;border-bottom:1px solid #ebebeb;align-items:center}.matrix-row:nth-child(2n){background:#fafafa}.col-name{flex:2;text-align:left;font-weight:700;font-size:1.1rem}.col-source{flex:1;display:flex;justify-content:center;align-items:center}.col-base{flex:1;color:#888;text-align:center}.col-net{flex:1;font-weight:700;text-align:center;font-size:1.1rem}.boost-check{width:20px;height:20px;cursor:pointer}.icon-boost{color:green;font-weight:700;font-size:1.2rem}.icon-flaw{color:red;font-weight:700;font-size:1.2rem}.net-val.pos{color:#2e7d32}.net-val.neg{color:#c62828}@media(max-width:767px){.matrix-header,.matrix-row{flex-wrap:wrap}.matrix-header>.col-name,.matrix-row>.col-name{flex:1 0 100%;text-align:center}.matrix-header>.col-source,.matrix-header>.col-base,.matrix-header>.col-net,.matrix-row>.col-source,.matrix-row>.col-base,.matrix-row>.col-net{box-sizing:border-box;flex:1 0 25%;min-width:0}.matrix-header>.col-source,.matrix-header>.col-base,.matrix-header>.col-net{overflow-wrap:anywhere}}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content.large-modal{background-color:#fff;border-radius:8px;width:90%;max-width:1200px;height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.close-button{background:none;border:none;font-size:2rem;line-height:1;color:#6c757d;cursor:pointer;transition:color .2s}.close-button:hover{color:#dc3545}.modal-body.split-layout{display:flex;flex:1;overflow:hidden}.modal-left-pane{width:35%;min-width:300px;border-right:1px solid #e9ecef;display:flex;flex-direction:column;background-color:#f8f9fa}.filter-controls{padding:16px;border-bottom:1px solid #e9ecef}.search-input{width:100%;font-size:14px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tab{padding:6px 12px;border:1px solid #ced4da;background-color:#fff;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s}.category-tab:hover{background-color:#e9ecef}.category-tab.active{background-color:#3498db;color:#fff;border-color:#3498db}.item-list{flex:1;overflow-y:auto;padding:12px}.list-item{width:100%;padding:12px 16px;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;color:inherit;font:inherit;text-align:left}.list-item:hover{border-color:#b8c2cc;box-shadow:0 2px 4px #0000000d}.list-item.viewed{border-color:#3498db;background-color:#f1f8ff}.list-item.selected{border-color:#2ecc71;border-left:4px solid #2ecc71}.item-name{font-weight:600;color:#2c3e50}.feat-selection-dialog .category-header{padding:var(--mf-space-2);background:var(--mf-surface-subtle);border-bottom:1px solid var(--mf-border-subtle);font-weight:var(--mf-font-weight-semibold)}.feat-selection-dialog .feat-list-copy{min-width:0}.feat-selection-dialog .feat-row-reason{margin-top:var(--mf-space-1);color:var(--mf-text-secondary);font-size:var(--mf-font-size-xs);overflow-wrap:anywhere}.feat-selection-dialog .list-item.eligibility-locked{background:var(--mf-surface-subtle)}.feat-prerequisites,.feat-eligibility-notice{margin-bottom:var(--mf-space-4);padding:var(--mf-space-3);border:1px solid var(--mf-border-subtle);border-radius:var(--mf-radius-sm)}.item-detail-notice{margin:var(--mf-space-4) 0;padding:var(--mf-space-3);color:var(--mf-text-secondary);background:var(--mf-status-information-surface);border:1px solid var(--mf-status-information);border-radius:var(--mf-radius-sm)}.item-rules-summary{padding:var(--mf-space-4);background:var(--mf-surface-subtle);border-radius:var(--mf-radius-md)}.item-flavor{font-style:italic}.feat-prerequisites ul,.feat-eligibility-notice ul,.feat-eligibility-notice p{margin:var(--mf-space-2) 0 0}.feat-eligibility-notice{color:var(--mf-text-secondary);background:var(--mf-surface-subtle)}.modal-right-pane{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.detail-view{flex:1;overflow-y:auto;padding:32px 32px 100px}.detail-view h3{margin-top:0;margin-bottom:16px;font-size:2rem;color:#2c3e50;border-bottom:2px solid #f1c40f;padding-bottom:8px}.traits-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.trait{background-color:#5d4d3c;color:#fff;padding:4px 10px;border-radius:0;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;border:2px solid #c9a770}.trait.rare{background-color:#002664;border-color:#004ee6}.trait.uncommon{background-color:#984806;border-color:#df6a09}.description-content{line-height:1.6;color:#444;font-size:1.05rem}.description-content p{margin-bottom:16px}.description-content strong{color:#2c3e50}.sticky-action-footer{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,#fff 70%,#fff0);display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.primary-action-button{pointer-events:auto;width:100%;max-width:400px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.choice-selection-dialog .mf-dialog__body,.catalog-selection-dialog .mf-dialog__body{padding:0}.catalog-selection-dialog .modal-left-pane{min-width:min(19rem,40%);background:var(--mf-surface-subtle);border-color:var(--mf-border-subtle)}.catalog-selection-dialog .filter-controls{display:grid;gap:var(--mf-space-3);padding:var(--mf-space-4);border-color:var(--mf-border-subtle)}.catalog-selection-dialog .search-input{font-size:var(--mf-font-size-sm)}.catalog-selection-dialog .category-tabs{gap:var(--mf-space-2)}.catalog-selection-dialog .category-tab{min-height:2.25rem;border-radius:var(--mf-radius-pill);font-size:var(--mf-font-size-xs)}.catalog-selection-dialog .category-tab.active{color:var(--mf-action-primary-text);background:var(--mf-action-primary);border-color:var(--mf-action-primary)}.catalog-selection-dialog .category-tab:not(.active):hover{background:var(--mf-action-secondary-hover)}.catalog-selection-dialog .item-list{min-height:0;padding:var(--mf-space-3)}.catalog-selection-dialog .list-item{gap:var(--mf-space-3);margin-bottom:var(--mf-space-2);padding:var(--mf-space-3) var(--mf-space-4);color:var(--mf-text-primary);background:var(--mf-surface-raised);border-color:var(--mf-border-subtle);border-radius:var(--mf-radius-md)}.catalog-selection-dialog .list-item:hover{border-color:var(--mf-border-strong);box-shadow:var(--mf-shadow-sm)}.catalog-selection-dialog .list-item:focus-visible{border-color:var(--mf-border-focus);outline:2px solid var(--mf-border-focus);outline-offset:1px;box-shadow:var(--mf-focus-ring)}.catalog-selection-dialog .list-item.viewed{background:var(--mf-status-information-surface);border-color:var(--mf-status-information)}.catalog-selection-dialog .list-item.selected{border-color:var(--mf-status-complete);border-left-color:var(--mf-status-complete)}.catalog-selection-dialog .item-name,.catalog-selection-dialog .detail-view h3,.catalog-selection-dialog .description-content strong{color:var(--mf-text-primary)}.catalog-selection-dialog .modal-right-pane{min-width:0}.catalog-selection-dialog .detail-view{padding:var(--mf-space-6);padding-bottom:6.5rem;overflow-wrap:anywhere}.catalog-selection-dialog .detail-view h3{margin-bottom:var(--mf-space-4);padding-bottom:var(--mf-space-2);border-color:var(--mf-color-gold-500);font-size:var(--mf-font-size-xl)}.catalog-selection-dialog .description-content{color:var(--mf-text-secondary)}.catalog-selection-dialog .sticky-action-footer{padding:var(--mf-space-5);background:linear-gradient(to top,var(--mf-surface-raised) 70%,transparent)}.spell-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mf-space-2)}.spell-filter-field{display:grid;min-width:0;gap:var(--mf-space-1);color:var(--mf-text-secondary);font-size:var(--mf-font-size-xs);font-weight:var(--mf-font-weight-medium)}.spell-list-copy{display:grid;min-width:0;gap:var(--mf-space-1)}.spell-list-copy .item-meta{color:var(--mf-text-secondary);font-size:var(--mf-font-size-xs)}.spell-selected-mark{flex:0 0 auto;color:var(--mf-status-complete);font-size:var(--mf-font-size-xs);font-weight:var(--mf-font-weight-bold)}.spell-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mf-space-4);margin-bottom:var(--mf-space-4)}.spell-detail-heading h3{margin:0;border:0}.spell-detail-heading>strong{flex:0 0 auto;color:var(--mf-text-secondary)}.spell-rules-summary{align-items:start}.spell-rules-summary .rule-item{min-width:0;overflow-wrap:anywhere}.spell-flavor{padding-left:var(--mf-space-3);border-left:4px solid var(--mf-status-information);font-style:italic}.selection-rarity-notice{margin-bottom:var(--mf-space-4);padding:var(--mf-space-2) var(--mf-space-3);color:var(--mf-status-warning);background:var(--mf-status-warning-surface);border-left:4px solid var(--mf-status-warning);border-radius:var(--mf-radius-sm);font-size:var(--mf-font-size-sm);font-weight:var(--mf-font-weight-medium)}.rules-summary-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mf-space-2);margin:var(--mf-space-4) 0}.rules-summary-block--single-column{grid-template-columns:minmax(0,1fr)}.identity-rules-summary .rule-item{min-width:0}.identity-rules-summary dt{font-weight:var(--mf-font-weight-medium)}.identity-rules-summary dd{margin:var(--mf-space-1) 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.rule-item--wide{grid-column:1 / -1}.rule-item--danger{color:var(--mf-status-error)}.selection-capitalize{text-transform:capitalize}.selection-flourish{margin:var(--mf-space-4) 0;padding-left:var(--mf-space-3);color:var(--mf-text-secondary);border-left:4px solid var(--mf-status-information);font-style:italic}.empty-detail{display:flex;align-items:center;justify-content:center;height:100%;color:#adb5bd;font-size:1.2rem;font-style:italic}@media(max-width:767px){.choice-selection-dialog .split-layout,.catalog-selection-dialog .split-layout,.feat-selection-dialog .split-layout{flex-direction:column;overflow:auto}.choice-selection-dialog .modal-left-pane,.catalog-selection-dialog .modal-left-pane,.feat-selection-dialog .modal-left-pane{width:100%;min-width:0;min-height:16rem;max-height:45%;border-right:0;border-bottom:1px solid var(--mf-border-subtle)}.choice-selection-dialog .modal-right-pane,.catalog-selection-dialog .modal-right-pane,.feat-selection-dialog .modal-right-pane{min-height:22rem;overflow:visible}.catalog-selection-dialog .detail-view{padding:var(--mf-space-4);padding-bottom:6rem}.spell-filter-row,.spell-rules-summary{grid-template-columns:minmax(0,1fr)}.spell-detail-heading{flex-direction:column;gap:var(--mf-space-2)}.rules-summary-block{grid-template-columns:minmax(0,1fr)}}.mf-status{display:inline-flex;min-height:1.75rem;align-items:center;gap:var(--mf-space-2);padding:var(--mf-space-1) var(--mf-space-2);border:1px solid currentColor;border-radius:var(--mf-radius-pill);font-size:var(--mf-font-size-xs);font-weight:var(--mf-font-weight-medium);line-height:var(--mf-line-height-normal);white-space:nowrap}.mf-status__symbol{display:inline-grid;width:1rem;height:1rem;place-items:center;border:1px solid currentColor;border-radius:var(--mf-radius-pill);font-size:.6875rem;font-weight:var(--mf-font-weight-bold);line-height:1}.mf-status--saving{color:var(--mf-status-saving);background:var(--mf-status-saving-surface)}.mf-status--saved{color:var(--mf-status-saved);background:var(--mf-status-saved-surface)}.mf-status--error{color:var(--mf-status-error);background:var(--mf-status-error-surface)}.mf-status--warning{color:var(--mf-status-warning);background:var(--mf-status-warning-surface)}.mf-status--incomplete{color:var(--mf-status-incomplete);background:var(--mf-status-incomplete-surface)}.mf-status--complete{color:var(--mf-status-complete);background:var(--mf-status-complete-surface)}.mf-status--information{color:var(--mf-status-information);background:var(--mf-status-information-surface)}.mf-spinner{display:inline-block;width:1.125rem;height:1.125rem;flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--mf-radius-pill);animation:mf-spin .7s linear infinite}.mf-spinner--sm{width:.875rem;height:.875rem}@keyframes mf-spin{to{transform:rotate(360deg)}}.mf-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--mf-space-2);padding:var(--mf-space-2) var(--mf-space-4);border:1px solid transparent;border-radius:var(--mf-radius-md);font-family:var(--mf-font-body);font-size:var(--mf-font-size-sm);font-weight:var(--mf-font-weight-medium);line-height:1.25;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color var(--mf-motion-fast) var(--mf-ease-standard),background-color var(--mf-motion-fast) var(--mf-ease-standard),border-color var(--mf-motion-fast) var(--mf-ease-standard),transform var(--mf-motion-fast) var(--mf-ease-standard)}.mf-button:focus-visible{outline:2px solid var(--mf-border-focus);outline-offset:2px;box-shadow:var(--mf-focus-ring)}.mf-button:not(:disabled):active{transform:translateY(1px)}.mf-button:disabled{color:var(--mf-action-disabled-text);background:var(--mf-action-disabled);border-color:var(--mf-action-disabled);cursor:not-allowed}.mf-button--primary{color:var(--mf-action-primary-text);background:var(--mf-action-primary);border-color:var(--mf-action-primary)}.mf-button--primary:not(:disabled):hover{background:var(--mf-action-primary-hover);border-color:var(--mf-action-primary-hover)}.mf-button--primary:not(:disabled):active{background:var(--mf-action-primary-active);border-color:var(--mf-action-primary-active)}.mf-button--secondary{color:var(--mf-action-secondary-text);background:var(--mf-action-secondary);border-color:var(--mf-border-default)}.mf-button--secondary:not(:disabled):hover{background:var(--mf-action-secondary-hover);border-color:var(--mf-border-strong)}.mf-button--secondary:not(:disabled):active{background:var(--mf-action-secondary-active)}.mf-button--danger{color:var(--mf-action-primary-text);background:var(--mf-action-danger);border-color:var(--mf-action-danger)}.mf-button--danger:not(:disabled):hover{background:var(--mf-action-danger-hover);border-color:var(--mf-action-danger-hover)}.mf-button--danger:not(:disabled):active{background:var(--mf-action-danger-active);border-color:var(--mf-action-danger-active)}.mf-button--ghost{color:var(--mf-action-ghost-text);background:var(--mf-action-ghost);border-color:transparent}.mf-button--ghost:not(:disabled):hover{background:var(--mf-action-ghost-hover)}.mf-button--ghost:not(:disabled):active{background:var(--mf-action-ghost-active)}.mf-button--sm{min-height:2.25rem;padding:var(--mf-space-1) var(--mf-space-3);font-size:var(--mf-font-size-sm)}.mf-button--icon{width:2.75rem;padding:0}.mf-dialog__backdrop{position:fixed;inset:0;z-index:var(--mf-z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--mf-space-4);background:var(--mf-surface-overlay)}.mf-dialog{display:flex;width:min(100%,42rem);max-height:min(90vh,52rem);max-height:min(90dvh,52rem);flex-direction:column;overflow:hidden;color:var(--mf-text-primary);background:var(--mf-surface-raised);border:1px solid var(--mf-border-default);border-radius:var(--mf-radius-lg);box-shadow:var(--mf-shadow-overlay)}.mf-dialog--large{width:min(100%,75rem);height:min(85vh,52rem);height:min(85dvh,52rem)}.mf-dialog:focus{outline:none}.mf-dialog__header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:var(--mf-space-4);padding:var(--mf-space-4) var(--mf-space-5);background:var(--mf-surface-subtle);border-bottom:1px solid var(--mf-border-subtle)}.mf-dialog__heading{min-width:0}.mf-dialog__title{margin:0;font-size:var(--mf-font-size-lg)}.mf-dialog__description{margin:var(--mf-space-1) 0 0;color:var(--mf-text-secondary);font-size:var(--mf-font-size-sm)}.mf-dialog__body{min-height:0;padding:var(--mf-space-5);overflow:auto}.mf-dialog__footer{display:flex;flex:0 0 auto;justify-content:flex-end;gap:var(--mf-space-3);padding:var(--mf-space-4) var(--mf-space-5);background:var(--mf-surface-subtle);border-top:1px solid var(--mf-border-subtle)}@media(max-width:767px){.mf-dialog__backdrop{align-items:flex-end;padding:0}.mf-dialog,.mf-dialog--large{width:100%;height:min(94vh,60rem);height:min(94dvh,60rem);max-height:none;border-radius:var(--mf-radius-lg) var(--mf-radius-lg) 0 0}}.mf-field{display:grid;gap:var(--mf-space-1)}.mf-field__label{color:var(--mf-text-primary);font-size:var(--mf-font-size-sm);font-weight:var(--mf-font-weight-medium)}.mf-field__description,.mf-field__error{color:var(--mf-text-muted);font-size:var(--mf-font-size-xs)}.mf-field__input{width:100%;min-height:2.75rem;padding:var(--mf-space-2) var(--mf-space-3);color:var(--mf-text-primary);background:var(--mf-surface-raised);border:1px solid var(--mf-border-default);border-radius:var(--mf-radius-md)}.mf-field__input:hover{border-color:var(--mf-border-strong)}.mf-field__input:focus-visible{border-color:var(--mf-border-focus);outline:2px solid var(--mf-border-focus);outline-offset:1px;box-shadow:var(--mf-focus-ring)}.mf-field--error .mf-field__input{border-color:var(--mf-status-error)}.mf-field__error{color:var(--mf-status-error)}.rich-text{line-height:1.6}.mf-button.pf2e-reference{appearance:none;display:inline;min-height:0;margin:0;padding:0;border:0;background:transparent;color:var(--mf-text-link);font:inherit;font-size:inherit;font-weight:500;line-height:inherit;text-decoration:underline;text-underline-offset:.12em;white-space:normal;cursor:pointer}.mf-button.pf2e-reference:hover{color:var(--mf-action-primary-hover)}.mf-button.pf2e-reference:focus-visible{border-radius:.125rem;outline:2px solid var(--mf-border-focus);outline-offset:2px}.pf2e-embedded-content{display:block;margin-block:.75rem;padding:.75rem 1rem;border:1px solid var(--mf-border-subtle);border-radius:.5rem;background:var(--mf-surface-subtle)}.pf2e-embedded-content h4{margin-block:0 .5rem}.pf2e-embedded-content--fallback{display:flex;flex-wrap:wrap;gap:.5rem}.pf2e-embedded-content__note{color:var(--mf-text-muted)}.selection-detail{padding:20px;background:#fdfbf7;height:100%;overflow-y:auto;position:relative;display:flex;flex-direction:column}.detail-body{flex:1}.detail-action-footer{position:sticky;bottom:-20px;margin:20px -20px -20px;padding:20px;background:#fdfbf7;box-shadow:0 -4px 10px #0000000d;z-index:10}.detail-action-footer .full-width{width:100%;padding:12px;font-size:16px;font-weight:700}.selection-detail.empty{display:flex;align-items:center;justify-content:center;color:#888}.detail-header{border-bottom:2px solid var(--hlo-primary);padding-bottom:10px;margin-bottom:20px}.detail-header h2{margin:0;color:var(--hlo-primary);font-family:Roboto Slab,serif;font-size:1.8rem}.tags{margin-top:8px;display:flex;gap:8px}.tag{font-size:.75rem;padding:2px 6px;border-radius:4px;background:#eee;text-transform:uppercase;font-weight:700;color:#555}.tag.rarity.common{display:none}.tag.rarity.uncommon{background:#d35400;color:#fff}.description{font-size:1rem;line-height:1.6;color:#333;margin-bottom:24px}.stats-box{background:#fff;border:1px solid #ccc;padding:12px;border-radius:4px;box-shadow:0 1px 3px #0000000d}.stats-box h4{margin:0 0 10px;border-bottom:1px solid #eee;padding-bottom:4px;color:#444}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.stat-row{display:flex;flex-direction:column}.stat-row label{font-size:.75rem;color:#888;text-transform:uppercase}.stat-row span{font-weight:500;color:#000}.selection-list{display:flex;flex-direction:column;height:100%;border-right:1px solid #ccc;background:#fff}.list-header{padding:8px;background:#f4f1ea;border-bottom:1px solid #ddd}.list-header h3{margin:0 0 8px;font-size:1rem;color:#444;text-transform:uppercase}.search-input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px}.list-body{flex:1;overflow-y:auto}.list-body ul{list-style:none;padding:0;margin:0}.list-item{padding:8px 12px;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.list-item:hover{background:#f9f9f9}.list-item.selected{background:var(--hlo-gold);color:#000;border-left:4px solid var(--hlo-primary);font-weight:500}.rarity-badge{font-size:.7rem;text-transform:uppercase;padding:2px 4px;border-radius:2px;background:#ccc;color:#fff}.rarity-badge.uncommon{background:#d35400}.rarity-badge.rare{background:#2980b9}.rarity-badge.unique{background:#8e44ad}.mf-builder-shell{display:grid;width:100%;max-width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;grid-template-columns:minmax(12rem,14rem) minmax(0,1fr);background:var(--mf-surface-content)}.mf-builder-shell__mobile-header{display:none}.mf-builder-shell__navigation{min-width:0;overflow-y:auto;color:var(--mf-text-inverse);background:var(--mf-surface-chrome-raised);border-right:1px solid var(--mf-color-neutral-700);overscroll-behavior:contain}.mf-builder-shell__navigation-title{padding:var(--mf-space-4) var(--mf-space-5) var(--mf-space-2);color:var(--mf-color-neutral-300);font-size:var(--mf-font-size-xs);font-weight:var(--mf-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.mf-builder-shell__step-list{margin:0;padding:0 0 var(--mf-space-4);list-style:none}.mf-builder-shell__step.mf-button--ghost{width:100%;min-width:0;justify-content:flex-start;padding:var(--mf-space-3) var(--mf-space-4);border:0;border-left:3px solid transparent;border-radius:0;color:var(--mf-color-neutral-200);text-align:left;white-space:normal}.mf-builder-shell__step.mf-button--ghost>span{display:flex;width:100%;min-width:0;align-items:center;gap:var(--mf-space-2)}.mf-builder-shell__step.mf-button--ghost:hover{color:var(--mf-text-inverse);background:#ffffff12}.mf-builder-shell__step.mf-button--ghost[aria-current=step]{color:var(--mf-text-inverse);background:#ffffff1a;border-left-color:var(--mf-color-gold-300)}.mf-builder-shell__navigation .mf-button:focus-visible{outline-color:var(--mf-border-focus-inverse);box-shadow:var(--mf-focus-ring-inverse)}.mf-builder-shell__sub-step .mf-builder-shell__step{padding-left:var(--mf-space-8);font-size:var(--mf-font-size-xs);font-weight:var(--mf-font-weight-regular)}.mf-builder-shell__step-label{min-width:0;overflow-wrap:anywhere}.mf-builder-shell__step-indicator{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:var(--mf-radius-pill);background:var(--mf-status-complete)}.mf-builder-shell__step-indicator--warning{background:var(--mf-status-warning)}.mf-builder-shell__step-indicator--error{background:var(--mf-status-error)}.mf-builder-shell__content{min-width:0;min-height:0;padding:var(--mf-space-5);overflow:auto;background:var(--mf-surface-raised);overscroll-behavior:contain}.mf-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.mf-builder-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}.mf-builder-shell__mobile-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--mf-space-3);padding:var(--mf-space-2) var(--mf-space-3);background:var(--mf-surface-content);border-bottom:1px solid var(--mf-border-default)}.mf-builder-shell__current-step{display:flex;min-width:0;flex-direction:column}.mf-builder-shell__current-step span{color:var(--mf-text-muted);font-size:var(--mf-font-size-xs)}.mf-builder-shell__current-step strong{overflow:hidden;color:var(--mf-text-primary);font-size:var(--mf-font-size-sm);text-overflow:ellipsis;white-space:nowrap}.mf-builder-shell__navigation{display:none;max-height:min(50dvh,24rem);border-right:0;border-bottom:1px solid var(--mf-color-neutral-700)}.mf-builder-shell__navigation[data-open=true]{display:block}.mf-builder-shell__navigation-title{padding-top:var(--mf-space-3)}.mf-builder-shell__step.mf-button--ghost{min-height:2.75rem;padding-block:var(--mf-space-2)}.mf-builder-shell__content{padding:var(--mf-space-3)}}.health-bar-container{display:flex;flex-direction:column;gap:4px;width:100%;max-width:300px}.health-text{font-weight:700;font-size:1.2em}.health-text .current{color:#2e7d32}.health-text .max{color:#666;font-size:.9em}.health-text .temp{color:#1976d2;font-size:.9em}.bar-track{height:12px;background:#e0e0e0;border-radius:6px;position:relative;overflow:hidden}.bar-fill{height:100%;position:absolute;top:0;left:0;transition:width .3s ease}.bar-fill.hp{background:#4caf50}.bar-fill.temp{background:#2196f3;opacity:.7}.stat-box{background:#fff;border:1px solid #ccc;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;box-shadow:0 2px 4px #0000000d;transition:transform .1s,box-shadow .1s}.stat-box.interactive:hover{cursor:pointer;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--hlo-primary, #5e0000)}.stat-box.highlight{border-color:var(--hlo-primary, #5e0000);background:#fff8f8}.stat-label{text-transform:uppercase;font-size:.75em;color:#666;font-weight:600;letter-spacing:.5px}.stat-value{font-size:1.5em;font-weight:700;color:#333;margin:4px 0}.stat-subtext{font-size:.7em;color:#888}.play-tab{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1200px;min-width:0;margin:0 auto}.card{background:var(--hlo-bg-panel);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:16px;border:1px solid #ddd}.hero-header{display:flex;gap:16px;background-image:linear-gradient(to right,#fdfbf7,#f4f1ea)}.avatar-placeholder{width:60px;height:60px;border-radius:50%;background:#ccc;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.hero-details h2{margin:0;font-size:1.5rem;color:var(--hlo-primary)}.subtitle{color:var(--hlo-text-muted);font-style:italic;margin-bottom:8px}.xp-bar{background:#ddd;height:8px;border-radius:4px;position:relative;width:200px}.xp-fill{background:var(--hlo-accent);height:100%;border-radius:4px}.xp-text{font-size:.7rem;position:absolute;top:10px;left:0;color:#666}.dashboard-grid{display:grid;grid-template-columns:200px 1fr 250px;gap:16px}.dashboard-grid>*{min-width:0}.ability-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #eee}.sc-label{font-weight:700;color:var(--hlo-text-muted)}.sc-val{font-weight:800;font-size:1.1rem}.hp-section{text-align:center;margin-bottom:16px;background:#e8f5e9;border:1px solid #c8e6c9;padding:8px;border-radius:4px}.hp-label{font-size:.8rem;text-transform:uppercase;color:#2e7d32}.hp-bar-container{font-size:1.5rem;font-weight:700;color:#1b5e20}.hp-max{font-size:1rem;color:#666;display:inline-block;margin-left:4px}.hp-progress{background:#b9f6ca;height:6px;border-radius:3px;margin-top:4px}.hp-progress .hp-fill{background:#00c853;height:100%;border-radius:3px}.defenses-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.ac-section{display:flex;gap:12px;justify-content:center}.ac-section .stat-box{min-width:100px;height:100px}.shield-shape{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ddd"><path d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z"/></svg>') no-repeat center center;background-size:contain;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333}.ac-label{font-size:.8rem;font-weight:700;margin-top:-10px}.ac-val{font-size:1.8rem;font-weight:700}.saves-list{display:flex;gap:8px;justify-content:space-between}.saves-list .stat-box{flex:1}.prof-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.prof-label{width:80px;font-weight:500}.prof-val{width:30px;font-weight:700;text-align:right}.teml-dots{display:flex;gap:2px}.dot{width:16px;height:16px;background:#eee;border:1px solid #ccc;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;color:#999}.dot.active{background:var(--hlo-primary);color:#fff;border-color:var(--hlo-primary)}.attacks-list h4{border-bottom:2px solid var(--hlo-primary);padding-bottom:4px}.attack-row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:8px;border:1px solid #eee;border-radius:4px;margin-bottom:8px}.atk-name{font-weight:700}.atk-bonus{background:#eee;padding:2px 6px;border-radius:4px;font-weight:700}.condition-tag{background:#fff3e0;border:1px solid #ffe0b2;color:#e65100;padding:4px 8px;border-radius:4px;margin-bottom:6px;display:flex;justify-content:space-between}.remove-btn{background:none;border:none;color:red;font-weight:700;cursor:pointer}@media(max-width:767px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.play-tab .card{min-width:0}.saves-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.saves-list .stat-box{min-width:0}}.home-tab{padding:2rem;max-width:1200px;margin:0 auto;color:#333}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid #5e0000;padding-bottom:1rem}.home-header h1{font-family:Roboto Slab,serif;color:#5e0000;margin:0}.home-actions{display:flex;gap:1rem}.primary-btn{background:#5e0000;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:.5rem}.primary-btn:hover{background:#7a0000}.secondary-btn{background:#e0e0e0;color:#333;border:1px solid #ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.secondary-btn:hover{background:#d0d0d0}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.character-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.character-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.card-header{background:#f4f1ea;padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1.1rem;color:#333}.card-badges{display:flex;align-items:center;gap:.5rem}.status-badge{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;line-height:1}.status-draft{background:#fff3cd;color:#7a5200}.status-complete{background:#d9ead3;color:#245b2a}.card-body{padding:1rem;flex:1}.char-summary{font-size:.9rem;color:#666;line-height:1.5}.card-actions{padding:.75rem;background:#f9f9f9;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:.5rem}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.25rem .5rem;border-radius:4px;color:#666;transition:color .2s,background .2s}.icon-btn:hover{background:#eee;color:#333}.icon-btn.delete:hover{background:#fee;color:#d00}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem;background:#f8f8f8;border-radius:8px;color:#888}.mf-app-shell{display:flex;width:100%;max-width:100%;min-width:0;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;flex-direction:column;color:var(--mf-text-primary);background:var(--mf-surface-canvas)}.mf-skip-link{position:fixed;top:var(--mf-space-2);left:var(--mf-space-2);z-index:var(--mf-z-overlay);padding:var(--mf-space-2) var(--mf-space-4);border-radius:var(--mf-radius-md);color:var(--mf-action-primary-text);background:var(--mf-action-primary);transform:translateY(calc(-100% - var(--mf-space-4)));transition:transform var(--mf-motion-fast) var(--mf-ease-standard)}.mf-skip-link:focus{transform:translateY(0)}.mf-top-bar{position:relative;z-index:var(--mf-z-sticky);display:flex;width:100%;max-width:100%;min-width:0;min-height:4rem;align-items:center;gap:var(--mf-space-4);padding:var(--mf-space-2) var(--mf-space-6);color:var(--mf-text-inverse);background:var(--mf-surface-chrome);border-bottom:1px solid var(--mf-color-neutral-800);box-shadow:var(--mf-shadow-sm)}.mf-brand-home.mf-button--ghost{min-width:0;margin-right:auto;padding-inline:var(--mf-space-2) var(--mf-space-3);color:var(--mf-text-inverse)}.mf-brand-home.mf-button--ghost:hover,.mf-brand-home.mf-button--ghost:active{background:#ffffff1a}.mf-top-bar .mf-button:focus-visible,.mf-app-shell__secondary .mf-button:focus-visible{outline-color:var(--mf-border-focus-inverse);box-shadow:var(--mf-focus-ring-inverse)}.mf-brand-home__mark{display:inline-grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--mf-color-gold-300);border-radius:var(--mf-radius-sm);color:var(--mf-color-gold-300);font-family:var(--mf-font-display);font-size:var(--mf-font-size-xs);font-weight:var(--mf-font-weight-bold);letter-spacing:.08em}.mf-brand-home__name{font-family:var(--mf-font-display);font-size:var(--mf-font-size-lg);font-weight:var(--mf-font-weight-bold);letter-spacing:.01em}.mf-top-bar__navigation,.mf-top-bar__user{display:flex;align-items:center;gap:var(--mf-space-2)}.mf-character-context{position:relative;z-index:calc(var(--mf-z-sticky) - 1);display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--mf-space-4);padding:var(--mf-space-3) var(--mf-space-6);background:var(--mf-surface-content);border-bottom:1px solid var(--mf-border-default);box-shadow:var(--mf-shadow-sm)}.mf-character-context__identity{min-width:0}.mf-character-context__identity h1{margin:0;overflow:hidden;font-size:var(--mf-font-size-xl);text-overflow:ellipsis;white-space:nowrap}.mf-character-context__identity p{margin:var(--mf-space-1) 0 0;color:var(--mf-text-secondary);font-size:var(--mf-font-size-sm)}.mf-character-context__controls,.mf-character-context__modes,.mf-character-context__actions{display:flex;align-items:center;gap:var(--mf-space-2)}.mf-character-context__controls{flex-wrap:wrap;justify-content:flex-end}.mf-character-context__modes{padding:var(--mf-space-1);border-radius:var(--mf-radius-md);background:var(--mf-surface-subtle)}.mf-character-context__modes .mf-button[aria-pressed=true]{border-color:var(--mf-border-default);box-shadow:var(--mf-shadow-sm)}.mf-character-context__modes .mf-button{min-height:2.75rem}.mf-workspace-frame{display:grid;width:100%;max-width:100%;min-width:0;min-height:0;flex:1 1 auto;grid-template-columns:minmax(0,1fr);background:var(--mf-surface-canvas)}.mf-workspace-frame--split{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem)}.mf-app-shell__main,.mf-app-shell__secondary{min-width:0;min-height:0}.mf-app-shell__main{overflow:auto;background:var(--mf-surface-content)}.mf-app-shell__secondary{position:relative;overflow:auto;color:var(--mf-text-inverse);background:var(--mf-surface-chrome-raised);border-left:1px solid var(--mf-color-neutral-700)}.mf-pane-switcher{display:none;align-items:center;gap:var(--mf-space-1);padding:var(--mf-space-2) var(--mf-space-4);background:var(--mf-surface-content);border-bottom:1px solid var(--mf-border-default)}@media(max-width:1199px){.mf-pane-switcher{display:flex}.mf-pane-switcher .mf-button{min-height:2.75rem}.mf-workspace-frame--split{grid-template-columns:minmax(0,1fr)}.mf-workspace-frame--split>.mf-app-shell__main,.mf-workspace-frame--split>.mf-app-shell__secondary{grid-area:1 / 1}.mf-workspace-frame--split[data-active-pane=primary]>.mf-app-shell__secondary,.mf-workspace-frame--split[data-active-pane=secondary]>.mf-app-shell__main{display:none}.mf-app-shell__secondary{border-left:0}}@media(max-width:767px){.mf-top-bar{min-height:3.5rem;flex-wrap:wrap;gap:var(--mf-space-1) var(--mf-space-2);padding:var(--mf-space-1) var(--mf-space-3)}.mf-brand-home.mf-button--ghost{max-width:100%;flex:0 0 auto}.mf-brand-home__name{font-size:var(--mf-font-size-md)}.mf-top-bar__navigation,.mf-top-bar__user{min-width:0;max-width:100%}.mf-top-bar__user{width:100%;flex:1 1 100%;justify-content:flex-end}.mf-top-bar__user>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf-top-bar__user>.mf-button{flex:0 0 auto}.mf-character-context{align-items:stretch;padding:var(--mf-space-3);flex-direction:column}.mf-character-context__identity h1{white-space:normal}.mf-character-context__controls{justify-content:space-between}.mf-character-context__modes{flex:1 1 auto}.mf-character-context__modes .mf-button{flex:1 1 50%}.mf-character-context__actions{margin-left:auto}.mf-pane-switcher{padding-inline:var(--mf-space-3)}.mf-pane-switcher .mf-button{flex:1 1 50%}}.character-preview-panel{background-color:#2c2c2c;color:#e0e0e0;width:100%;max-width:100%;min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;font-family:var(--mf-font-body);font-size:13px}.preview-header{display:flex;align-items:center;padding:12px;background-color:#202020;border-bottom:2px solid #1a1a1a}.preview-pdf-action{display:grid;gap:var(--mf-space-2);padding:var(--mf-space-3);background-color:#252525;border-bottom:1px solid #444}.preview-pdf-action__button{width:100%;white-space:normal}.preview-pdf-action__status{color:var(--mf-status-error-text, #ffb4ab);font-size:var(--mf-font-size-sm)}.preview-pdf-action__status:empty{display:none}.avatar-circle{width:40px;height:40px;border-radius:50%;background-color:#ddd;color:#333;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-right:12px;border:2px solid #555;flex-shrink:0}.header-details{display:flex;min-width:0;flex-direction:column}.char-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px;overflow-wrap:anywhere}.char-subtitle{font-size:11px;color:#aaa}.preview-section{border-bottom:1px solid #444}.preview-section__toggle.mf-button--ghost{width:100%;min-height:2.75rem;justify-content:stretch;background-color:#383838;padding:6px 12px;border:0;border-radius:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ccc;text-align:left}.preview-section__toggle.mf-button--ghost:hover,.preview-section__toggle.mf-button--ghost:active{color:#fff;background-color:#444}.preview-section__toggle.mf-button--ghost>span{display:flex;width:100%;align-items:center;justify-content:space-between}.preview-section__toggle span{line-height:1}.section-content{min-width:0;padding:12px;background-color:#2a2a2a}.attr-grid{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;gap:4px}.attr-col{display:flex;flex-direction:column}.attr-label{font-weight:700;color:#bbb;margin-bottom:4px}.attr-val{font-size:16px;font-weight:700;color:#66b3ff}.reserves-grid{display:grid;grid-template-columns:1fr 1fr;text-align:center}.res-col{display:flex;flex-direction:column}.res-label{font-size:10px;color:#aaa;margin-bottom:4px}.res-val{font-size:18px;font-weight:700;color:#fff}.tactical-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #444;padding-bottom:8px}.perc-label{font-size:14px;font-weight:700}.perc-val{color:#66b3ff;margin-left:6px}.teml-dots{display:inline-flex;gap:3px;align-items:center}.teml-dot{width:6px;height:6px;border-radius:50%;background-color:#555}.teml-dot.filled{background-color:#aaa}.teml-rank{font-size:10px;margin-left:4px;color:#aaa}.tactical-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px;margin-bottom:8px}.tac-stat{display:flex;flex-direction:column}.tac-label{font-size:10px;color:#aaa;margin-bottom:2px}.tac-val{font-size:13px;font-weight:700;color:#fff}.defenses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:var(--mf-space-2);text-align:center}.preview-strikes{padding:8px 12px}.preview-strike{min-width:0;margin-bottom:var(--mf-space-2)}.preview-strike__summary{display:grid;min-width:0;align-items:center;gap:var(--mf-space-1) var(--mf-space-2);margin:var(--mf-space-1) 0;grid-template-columns:minmax(0,1fr) auto}.preview-strike__name{min-width:0;font-weight:var(--mf-font-weight-bold);overflow-wrap:anywhere}.preview-strike__attack{color:#66b3ff}.preview-strike__damage{grid-column:1 / -1;color:#ccc;overflow-wrap:anywhere}.preview-strike__traits{color:#aaa;font-size:10px;overflow-wrap:anywhere}.skills-table{width:100%;border-collapse:collapse}.skills-table th{text-align:left;font-size:10px;color:#888;padding-bottom:6px;border-bottom:1px solid #444;font-weight:400}.skills-table td{padding:4px 0}.skills-table .mod{color:#66b3ff;font-weight:700;width:30px}.skills-table .name{color:#eee}.skills-table .prof{text-align:right}.preview-empty{padding:30px 20px;text-align:center;color:#888;font-style:italic}@media(max-width:359px){.attr-grid{grid-template-columns:repeat(3,1fr);row-gap:var(--mf-space-3)}.preview-header,.section-content{padding-inline:var(--mf-space-2)}}