html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/cinzel/v26/8vIJ7ww63mVu7gt7-GT7LEc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/cinzel/v26/8vIJ7ww63mVu7gt79mT7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/cinzel/v26/8vIJ7ww63mVu7gt7-GT7LEc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/cinzel/v26/8vIJ7ww63mVu7gt79mT7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v-6QU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.rarity-common{color:#979a9f!important}.rarity-rare{color:#5592c3!important}.rarity-epic{color:#8261a8!important}.rarity-legendary{color:#ff9c2d!important}.rarity-legacy{color:#e22420!important}html,body{height:100%}body{margin:0;font-family:Lexend,Roboto,Helvetica Neue,sans-serif;color:#fff}:root{--text-primary: #f5efe8;--text-secondary: #c9bfb8;--text-muted: #91847d;--line-subtle: rgba(222, 184, 128, .14);--surface-1: rgba(22, 16, 20, .88);--surface-2: rgba(35, 25, 29, .82);--surface-hover: rgba(199, 139, 69, .1);--accent-gold: #c78b45;--accent-gold-soft: #e3bd7d;--accent-scarlet: #b9303c;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-panel: 0 20px 55px rgba(0, 0, 0, .32);--blur-value: 15px;--rgb-filter-value: 15, 10, 25, .7;--gold-border: 1px solid #d4af37;--btn-primary-gradient-start: #4b0082;--btn-primary-gradient-end: #8b008b;--btn-primary-shadow: rgba(75, 0, 130, .4);--btn-primary-shadow-hover: rgba(75, 0, 130, .6);--btn-secondary-gradient-start: #b03060;--btn-secondary-gradient-end: #dc143c;--btn-secondary-shadow: rgba(176, 48, 96, .4);--btn-secondary-shadow-hover: rgba(176, 48, 96, .6);--btn-success-gradient-start: #006400;--btn-success-gradient-end: #228b22;--btn-success-shadow: rgba(0, 100, 0, .4);--btn-success-shadow-hover: rgba(0, 100, 0, .6);--btn-danger-gradient-start: #800000;--btn-danger-gradient-end: #b22222;--btn-danger-shadow: rgba(128, 0, 0, .4);--btn-danger-shadow-hover: rgba(128, 0, 0, .6)}.blur{backdrop-filter:blur(var(--blur-value));-webkit-backdrop-filter:blur(var(--blur-value));background:linear-gradient(145deg,#1f161be8,#110c0fe8)!important;color:#f5f5f5;border-radius:var(--radius-md);border:1px solid var(--line-subtle);box-shadow:var(--shadow-panel)}.rpg-title{font-family:Cinzel,serif;letter-spacing:.04em;color:var(--text-primary);text-shadow:0 2px 18px rgba(0,0,0,.6)}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent-gold-soft);outline-offset:3px}::selection{color:#fff;background:#b9303cbf}*{scrollbar-width:thin;scrollbar-color:rgba(199,139,69,.45) rgba(0,0,0,.14)}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:#00000024}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#c78b456b;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#e3bd7d9e}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: var(--accent-scarlet);--mdc-linear-progress-track-color: rgba(199, 139, 69, .14);overflow:hidden;border-radius:99px}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: var(--accent-gold-soft)}.mat-mdc-snack-bar-container{--toast-accent: var(--accent-gold);--toast-accent-soft: var(--accent-gold-soft);--mdc-snackbar-container-color: transparent;--mdc-snackbar-supporting-text-color: var(--text-primary);margin:14px!important}.mat-mdc-snack-bar-container .mdc-snackbar__surface{position:relative;min-width:min(390px,calc(100vw - 28px));min-height:64px;overflow:hidden;border:1px solid color-mix(in srgb,var(--toast-accent) 42%,transparent);border-radius:14px!important;background:radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--toast-accent) 15%,transparent),transparent 42%),linear-gradient(135deg,#261a1ffa,#110c0ffa)!important;box-shadow:0 18px 46px #00000085,inset 0 1px #ffffff09!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:toast-enter .28s cubic-bezier(.2,.8,.2,1) both}.mat-mdc-snack-bar-container .mdc-snackbar__surface:before{position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--toast-accent-soft),var(--toast-accent));box-shadow:0 0 18px color-mix(in srgb,var(--toast-accent) 55%,transparent);content:""}.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:18px 12px 18px 20px;color:var(--text-primary)!important;font:600 .86rem/1.45 Lexend,sans-serif;letter-spacing:.01em}.mat-mdc-snack-bar-container .mat-mdc-snack-bar-actions{padding-right:8px}.mat-mdc-snack-bar-container .mat-mdc-button{min-width:auto;padding:0 12px;border:1px solid color-mix(in srgb,var(--toast-accent) 28%,transparent);border-radius:9px;color:var(--toast-accent-soft)!important;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mat-mdc-snack-bar-container .mat-mdc-button:hover{background:color-mix(in srgb,var(--toast-accent) 13%,transparent)}.mat-mdc-snack-bar-container.error-snackbar{--toast-accent: #c3444f;--toast-accent-soft: #ff9da5}.mat-mdc-snack-bar-container.success-snackbar{--toast-accent: #3c9b72;--toast-accent-soft: #9ee2bd}.mat-mdc-snack-bar-container.info-snackbar{--toast-accent: #548fbd;--toast-accent-soft: #a9d4f2}.mat-mdc-snack-bar-container.global-notification-snackbar.notification-giveaway{--toast-accent: #c78b45;--toast-accent-soft: #f1d69d}.mat-mdc-snack-bar-container.global-notification-snackbar.notification-event{--toast-accent: #b9303c;--toast-accent-soft: #ff9da5}.mat-mdc-snack-bar-container.global-notification-snackbar.notification-card{--toast-accent: #8261a8;--toast-accent-soft: #cdb6ed}@keyframes toast-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}}.mat-mdc-slide-toggle{--mdc-switch-selected-handle-color: var(--accent-gold-soft);--mdc-switch-selected-track-color: rgba(199, 139, 69, .48)}::view-transition-old(root){animation:.16s ease-out both page-fade-out}::view-transition-new(root){animation:.24s ease-out both page-fade-in}@keyframes page-fade-out{to{opacity:0;transform:translateY(-4px)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}}.card-detail-dialog .mat-mdc-dialog-container{padding:0}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.mat-mdc-snack-bar-container .mdc-snackbar__surface{animation:none}}@media(max-width:520px){.mat-mdc-snack-bar-container{margin:10px!important}.mat-mdc-snack-bar-container .mdc-snackbar__surface{min-width:calc(100vw - 20px)}.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:15px 8px 15px 17px;font-size:.79rem}}body{background-color:#120d10;background-image:linear-gradient(#0e090c47,#0e090cb8),url(/assets/s4-a1.png)!important;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;height:100vh}.alert{padding:1rem;margin-bottom:1rem;border-radius:8px;border:1px solid transparent}.alert-info{background-color:#4b008233;border:1px solid #d4af37;color:#f5f5f5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.alert-content{display:flex;align-items:center;gap:.5rem}.alert-content mat-icon{font-size:1.2rem;width:1.2rem;height:1.2rem}.alert-content span{font-weight:500}.alert-content .highlight{color:#e22420;font-weight:600}.custom-dialog-container .mat-mdc-dialog-container .mdc-dialog__surface{background-color:transparent!important;box-shadow:none!important;overflow:visible!important}.custom-dialog-container{padding:0!important}.mat-mdc-dialog-container .mdc-dialog__surface{border:1px solid var(--line-subtle)!important;border-radius:var(--radius-lg)!important;color:var(--text-primary)!important;background:linear-gradient(145deg,#281b21,#120d10)!important;box-shadow:0 28px 80px #000000a6!important}.dialog-container{width:min(720px,92vw);min-width:0!important;max-width:92vw!important;padding:clamp(20px,3vw,32px)!important;box-sizing:border-box;color:var(--text-primary)}.dialog-container>h1,.dialog-container>h2,[mat-dialog-title]{margin-top:0!important;font-family:Cinzel,serif!important}.dialog-actions{flex-wrap:wrap;padding-top:18px!important;border-top:1px solid var(--line-subtle)}@media(max-width:620px){.dialog-container .form-row,.dialog-container .row,.dialog-container .item-row,.dialog-container .shop-item-row,.dialog-container .title-row,.dialog-container .item-form,.dialog-container .title-form{align-items:stretch;flex-direction:column}}[mat-dialog-title].rpg-title{display:block;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.3);color:var(--btn-secondary-gradient-end)!important}.mat-mdc-select-panel{background-color:#0f0a19f2!important;border:1px solid #d4af37!important;border-radius:8px!important}.mat-mdc-option{color:#fff!important}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:#d4af371a!important}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background-color:#d4af3733!important}.mat-mdc-option .mdc-list-item__primary-text{color:#fff!important}.mat-mdc-form-field{--mdc-filled-text-field-input-text-color: white;--mdc-filled-text-field-label-text-color: rgba(255, 255, 255, .7);--mdc-outlined-text-field-input-text-color: white;--mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, .7)}.mat-mdc-input-element,.mat-mdc-select-value{color:#fff!important}.mat-mdc-select-arrow svg{fill:#fff!important}