:root{--app-space-1: .25rem;--app-space-2: .5rem;--app-space-3: .75rem;--app-space-4: 1rem;--app-space-5: 1.5rem;--app-space-6: 2rem;--app-shadow-1: 0 2px 8px -2px rgb(0 0 0 / .22);--app-shadow-2: 0 8px 24px -6px rgb(0 0 0 / .28);--app-shadow-3: 0 18px 50px -8px rgb(0 0 0 / .34);--app-page-max: 1540px}.option-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.option-grid:has(>.option-card.compact){grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}.visibility-grid{grid-column:1/-1}.option-card,.toggle-card{display:flex;align-items:center;position:relative;margin:0;border:1px solid color-mix(in srgb,var(--mat-sys-outline) 45%,transparent);border-radius:var(--mat-sys-corner-large);background:var(--mat-sys-surface-container);transition:border-color .16s ease,background .16s ease}.option-card:hover,.toggle-card:hover{border-color:var(--mat-sys-primary);background:color-mix(in srgb,var(--mat-sys-primary-container) 32%,var(--mat-sys-surface-container))}.option-card.mat-mdc-radio-checked{border-color:var(--mat-sys-primary);background:color-mix(in srgb,var(--mat-sys-primary-container) 45%,var(--mat-sys-surface-container))}.option-card{min-height:4.8rem;padding:.8rem}.option-card strong,.option-card small{display:block}.option-card small{margin-top:.2rem;color:var(--mat-sys-on-surface-variant)}.toggle-card{min-height:4rem;padding:.8rem 1rem}.option-card .mdc-form-field,.toggle-card .mdc-form-field{width:100%}.option-card .mdc-form-field>label,.toggle-card .mdc-form-field>label{flex:1}.option-card .mdc-form-field>label:after,.toggle-card .mdc-form-field>label:after{content:"";position:absolute;inset:0;cursor:pointer}.option-card:not(.compact):has(small) .mdc-form-field{align-items:flex-start}.option-card.custom-card:has(small) .mdc-form-field{align-items:center}.option-card.custom-card .mdc-form-field>label{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.option-card.compact{font-size:1.35rem;font-weight:900}.option-card.compact .mdc-form-field>.mdc-radio{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;opacity:0;pointer-events:none}.option-card.compact .mdc-form-field{justify-content:center}.option-card.compact .mdc-form-field>label{flex:0 1 auto;margin:0;padding:0;text-align:center}.option-card.compact:focus-within{outline:2px solid var(--mat-sys-primary);outline-offset:2px}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,380px);gap:var(--app-space-4);align-items:start}.form-column{display:grid;gap:var(--app-space-4)}.form-panel,.action-panel{overflow:hidden;border:1px solid color-mix(in srgb,var(--mat-sys-outline) 30%,transparent);border-radius:var(--mat-sys-corner-large);background:var(--mat-sys-surface-container-low);box-shadow:var(--app-shadow-3)}.form-panel{padding:clamp(1rem,2vw,1.4rem)}.form-panel mat-card-content{padding:0}.action-panel{position:sticky;top:var(--app-space-4);display:grid;gap:var(--app-space-4);padding:var(--app-space-4)}.panel-title{display:flex;align-items:center;gap:var(--app-space-3);margin-bottom:var(--app-space-4)}.panel-title span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--mat-sys-corner-medium);background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);font-weight:900}.panel-title h2{margin:0;font:var(--mat-sys-title-large);font-weight:900}.top-grid,.settings-grid,.player-fields{display:grid;gap:var(--app-space-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.setting-block{display:grid;gap:var(--app-space-3)}.setting-block h3{margin:0;font:var(--mat-sys-label-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mat-sys-primary)}.wide{grid-column:1/-1}.create-button,.player-button{--mat-button-filled-container-height: 3.4rem;--mat-button-outlined-container-height: 3.4rem;width:100%;font-weight:900}@media(max-width:1023px){.create-layout,.top-grid,.settings-grid,.player-fields{grid-template-columns:1fr}.action-panel{position:static}}body{--active-pulse-bg: var(--mat-sys-surface-container-high);--active-pulse-bg-peak: var(--mat-sys-surface-container-highest)}@keyframes active-player-pulse{0%,to{background-color:var(--active-pulse-bg);color:var(--mat-sys-on-surface)}50%{background-color:var(--active-pulse-bg-peak);color:var(--mat-sys-on-surface)}}.active-player-pulse{animation:active-player-pulse 3s ease-in-out infinite}body{--leg-win-color: var(--mat-sys-primary)}@keyframes leg-win-flash{0%{box-shadow:inset 0 0 0 3px var(--leg-win-color),inset 0 0 20px 2px color-mix(in srgb,var(--leg-win-color) 40%,transparent)}to{box-shadow:inset 0 0 0 3px transparent,inset 0 0 20px 2px transparent}}.leg-win-flash{animation:leg-win-flash 1.1s ease-out}@keyframes leg-win-pip{0%,to{transform:scaleY(1)}40%{transform:scaleY(2.2);box-shadow:0 0 10px 1px var(--leg-win-color)}}.leg-win-pip{animation:leg-win-pip .8s ease}@keyframes leg-win-score{0%{color:var(--leg-win-color)}}.leg-win-score{animation:leg-win-score .6s ease-out}@media(prefers-reduced-motion:reduce){.active-player-pulse{animation:none;background-color:var(--active-pulse-bg);color:var(--mat-sys-on-surface)}.leg-win-flash,.leg-win-pip,.leg-win-score{animation:none}}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)}html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}body{background:var(--mat-sys-surface)!important;color-scheme:dark;--mat-sys-background: light-dark(#fafaf2, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1ea, #2f312c);--mat-sys-inverse-primary: light-dark(#70e000, #326b00);--mat-sys-inverse-surface: light-dark(#2f312c, #e3e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e3e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #173800);--mat-sys-on-primary-container: light-dark(#245100, #82ff10);--mat-sys-on-primary-fixed: light-dark(#0b2000, #0b2000);--mat-sys-on-primary-fixed-variant: light-dark(#245100, #245100);--mat-sys-on-secondary: light-dark(#ffffff, #293420);--mat-sys-on-secondary-container: light-dark(#3f4a35, #dae7ca);--mat-sys-on-secondary-fixed: light-dark(#141e0c, #141e0c);--mat-sys-on-secondary-fixed-variant: light-dark(#3f4a35, #3f4a35);--mat-sys-on-surface: light-dark(#1a1c18, #e3e3dc);--mat-sys-on-surface-variant: light-dark(#44483e, #e0e4d6);--mat-sys-on-tertiary: light-dark(#ffffff, #002f65);--mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-outline: light-dark(#74796d, #8e9286);--mat-sys-outline-variant: light-dark(#c4c8bb, #44483e);--mat-sys-primary: light-dark(#326b00, #70e000);--mat-sys-primary-container: light-dark(#82ff10, #245100);--mat-sys-primary-fixed: light-dark(#82ff10, #82ff10);--mat-sys-primary-fixed-dim: light-dark(#70e000, #70e000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#56624b, #becbaf);--mat-sys-secondary-container: light-dark(#dae7ca, #3f4a35);--mat-sys-secondary-fixed: light-dark(#dae7ca, #dae7ca);--mat-sys-secondary-fixed-dim: light-dark(#becbaf, #becbaf);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fafaf2, #121410);--mat-sys-surface-bright: light-dark(#fafaf2, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e3e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#326b00, #70e000);--mat-sys-surface-variant: light-dark(#e0e4d6, #44483e);--mat-sys-tertiary: light-dark(#005cbb, #abc7ff);--mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-neutral-variant20: #2d3228;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-dialog-container-color: var(--mat-sys-surface-container-high)}.mat-mdc-dialog-surface{box-shadow:0 8px 12px -6px #0000004d,0 18px 44px -8px #00000061;border:1px solid var(--mat-sys-outline-variant)}.dialog-sm .mat-mdc-dialog-surface{width:min(26rem,92vw)}.dialog-md .mat-mdc-dialog-surface{width:min(40rem,92vw)}.cdk-overlay-dark-backdrop{background:color-mix(in srgb,#000 58%,transparent)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}p{margin:0 0 1rem}ul,ol{margin:0 0 1rem;padding-left:2rem}img,svg{vertical-align:middle;max-width:100%}.mat-mdc-progress-spinner svg{max-width:none}button,input,select,textarea{font:inherit;color:inherit}button:not(:disabled){cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem}h1{font:var(--mat-sys-headline-medium);font-weight:900}h2{font:var(--mat-sys-title-large);font-weight:900}h3{font:var(--mat-sys-title-medium);font-weight:700}h4,h5,h6{font:var(--mat-sys-title-small);font-weight:700}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.warn-button{--mat-button-filled-container-color: var(--mat-sys-error);--mat-button-filled-label-text-color: var(--mat-sys-on-error);--mat-fab-container-color: var(--mat-sys-error);--mat-fab-foreground-color: var(--mat-sys-on-error);--mat-fab-small-container-color: var(--mat-sys-error);--mat-fab-small-foreground-color: var(--mat-sys-on-error)}.danger-text{color:var(--mat-sys-error)}.self-badge{display:inline-flex;align-items:center;gap:var(--app-space-1);flex:0 0 auto;padding:.15rem .55rem;border-radius:var(--mat-sys-corner-full);font:var(--mat-sys-label-small);font-weight:700;white-space:nowrap;background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);margin-left:var(--app-space-1);padding:0 .3rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}mat-card-title{font-weight:700!important}