:root{--color-additional-blue-active:#2e90fb;--color-additional-gray-card-hover-1:#1a1b1e99;--color-additional-gray-card-hover-2:#1a1b1ecc;--color-additional-gray-contrast:#707994;--color-additional-gray-transparent-gray:#16192266;--color-additional-green-success:#1ab232;--color-additional-green-transparent:#1ab2321a;--color-additional-red-error:#de2e07;--color-additional-red-transparent:#ca28041a;--color-additional-yellow-accent:#fcb802;--color-additional-yellow-transparent:#f0c0181a;--color-additional-yellow-warning:#f0c018;--color-functional-blue-info:#73aae5;--color-functional-blue-link-active:#0061cc;--color-functional-blue-link-default:var(--pe-blue-300);--color-functional-blue-link-hover:#4fa3ff;--color-functional-green-done:#04d96e;--color-functional-green-transperent:#04d96e33;--color-functional-red-error:var(--pe-danger);--color-functional-yellow-warning:var(--pe-gold-400);--color-neutral-black-and-white-color-neutral-black:#000;--color-neutral-black-and-white-color-neutral-primary:#fff;--color-neutral-black-and-white-color-neutral-secondary:#b9babd;--color-neutral-dark-color-dark-0:#c1c2c5;--color-neutral-dark-color-dark-1:#a6a7ab;--color-neutral-dark-color-dark-2:#909296;--color-neutral-dark-color-dark-3:#5c5f66;--color-neutral-dark-color-dark-4:#373a40;--color-neutral-dark-color-dark-5:#2c2e33;--color-neutral-dark-color-dark-6:#25262b;--color-neutral-dark-color-dark-7:#1a1b1e;--color-neutral-dark-color-dark-8:#141517;--color-neutral-dark-color-dark-9:#161922;--color-neutral-gray-color-gray-0:#f8f9fa;--color-neutral-gray-color-gray-2:#e9ecef;--color-neutral-gray-color-gray-3:#dee2e6;--color-neutral-gray-color-gray-5:#adb5bd;--color-neutral-gray-color-gray-6:#868e96;--color-neutral-gray-color-gray-7:#495057;--color-neutral-gray-color-gray-8:#282b37;--color-neutral-gray-color-gray-9:#212529;--color-primary-green-color-primary-3:#6afcb2;--color-primary-green-color-primary-4:#04d96e;--color-primary-green-color-primary-6:#03ad58;--color-primary-green-color-primary-7:#03a151;--color-primary-green-color-primary-9:#027c3f;--color-primary-red-color-primary-2:#f8a4b7;--color-primary-red-color-primary-3:#f2728f;--color-primary-red-color-primary-4:#ff4b73;--color-primary-red-color-primary-5:#ea335c;--color-primary-red-color-primary-6:#e91d4d;--color-primary-red-color-primary-7:#cf0e3e;--color-primary-red-color-primary-8:#ba0336;--color-primary-red-color-primary-9:#a4002d;--color-secondary-blue-color-destructive-2:#9ccbff;--color-secondary-blue-color-destructive-6:#137ffe;--color-secondary-blue-color-destructive-7:#006be0;--color-secondary-blue-color-destructive-8:#0060cc;--color-secondary-blue-color-destructive-9:#0053b4;--color-secondary-dark-color-destructive-dark-20:#e0313133;--color-surface-gray-contrast:#10131a;--color-surface-gray-hover:#3b4052;--color-surface-gray-primary:#282b37;--color-surface-gray-secondary:#1c202b;--color-surface-gray-tertiary:#303442;--color-surface-gray-transparent:#000000e5;--color-button-primary-border:#f38ba2;--color-button-primary-active:#f02552;--color-input-text-default:#8e8e93;--color-skeleton-light-from:#f5f5f5;--color-skeleton-light-to:#d0d0d0;--color-skeleton-dark-from:#3b405280;--color-skeleton-dark-to:#282b3733;--color-divider:#ffffff1a;--spacing-spacing-base:0px;--spacing-spacing-xxs:var(--pe-space-half);--spacing-spacing-xs:var(--pe-space-1);--spacing-spacing:8px;--spacing-spacing-sm:8px;--spacing-spacing-md:12px;--spacing-spacing-lg:var(--pe-space-4);--spacing-spacing-xl:20px;--spacing-spacing-2xl:24px;--spacing-spacing-3xl:32px;--spacing-spacing-4xl:40px;--spacing:1px;--size-button-sm:var(--pe-control-height-sm);--size-button-md:40px;--size-button-lg:48px;--size:10px;--stroke-weight:var(--pe-stroke);--font-font-family-primary:Dela Gothic One;--font-font-family-secondary:Inter;--font-icons:"app-icons";--font-family-primary:var(--pe-font-display);--font-family-secondary:var(--pe-font-body);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-body-bold-italic-xs-letter-spacing:0px;--font-body-bold-italic-xs-size:10px;--font-body-bold-italic-xs-line-height:12px;--font-body-bold-lg-letter-spacing:0px;--font-body-bold-lg-size:var(--pe-size-md);--font-body-bold-lg-line-height:var(--pe-leading-md);--font-body-bold-md-letter-spacing:0px;--font-body-bold-md-size:14px;--font-body-bold-md-line-height:18px;--font-body-bold-sm-letter-spacing:0px;--font-body-bold-sm-size:12px;--font-body-bold-sm-line-height:16px;--font-body-bold-xl-letter-spacing:0px;--font-body-bold-xl-size:18px;--font-body-bold-xl-line-height:22px;--font-body-bold-xs-letter-spacing:0px;--font-body-bold-xs-size:10px;--font-body-bold-xs-line-height:12px;--font-body-italic-lg-letter-spacing:0px;--font-body-italic-lg-size:16px;--font-body-italic-lg-line-height:20px;--font-body-italic-md-letter-spacing:0px;--font-body-italic-md-size:14px;--font-body-italic-md-line-height:18px;--font-body-italic-sm-letter-spacing:0px;--font-body-italic-sm-size:12px;--font-body-italic-sm-line-height:16px;--font-body-italic-xl-letter-spacing:0px;--font-body-italic-xl-size:18px;--font-body-italic-xl-line-height:22px;--font-body-italic-xs-letter-spacing:0px;--font-body-italic-xs-size:10px;--font-body-italic-xs-line-height:12px;--font-body-regular-lg-letter-spacing:0px;--font-body-regular-lg-size:16px;--font-body-regular-lg-line-height:22px;--font-body-regular-md-letter-spacing:0px;--font-body-regular-md-size:var(--pe-size-sm);--font-body-regular-md-line-height:var(--pe-leading-body);--font-body-regular-sm-letter-spacing:0px;--font-body-regular-sm-size:var(--pe-size-xs);--font-body-regular-sm-line-height:var(--pe-leading-sm);--font-body-regular-xl-letter-spacing:0px;--font-body-regular-xl-size:18px;--font-body-regular-xl-line-height:22px;--font-body-regular-xs-letter-spacing:0px;--font-body-regular-xs-size:var(--pe-size-2xs);--font-body-regular-xs-line-height:var(--pe-leading-2xs);--font-body-semibold-italic-xs-letter-spacing:0px;--font-body-semibold-italic-xs-size:8px;--font-body-semibold-italic-xs-line-height:12px;--font-body-semibold-lg-letter-spacing:0px;--font-body-semibold-lg-size:16px;--font-body-semibold-lg-line-height:20px;--font-body-semibold-md-letter-spacing:0px;--font-body-semibold-md-size:14px;--font-body-semibold-md-line-height:18px;--font-body-semibold-sm-letter-spacing:0px;--font-body-semibold-sm-size:var(--pe-size-xs);--font-body-semibold-sm-line-height:var(--pe-leading-xs);--font-body-semibold-xl-letter-spacing:0px;--font-body-semibold-xl-size:18px;--font-body-semibold-xl-line-height:22px;--font-body-semibold-xs-letter-spacing:0px;--font-body-semibold-xs-size:var(--pe-size-2xs);--font-body-semibold-xs-line-height:var(--pe-leading-2xs);--font-body-underlined-lg-letter-spacing:0px;--font-body-underlined-lg-size:16px;--font-body-underlined-lg-line-height:20px;--font-body-underlined-md-letter-spacing:0px;--font-body-underlined-md-size:14px;--font-body-underlined-md-line-height:18px;--font-body-underlined-sm-letter-spacing:0px;--font-body-underlined-sm-size:12px;--font-body-underlined-sm-line-height:16px;--font-body-underlined-xl-letter-spacing:0px;--font-body-underlined-xl-size:18px;--font-body-underlined-xl-line-height:22px;--font-body-underlined-xs-letter-spacing:0px;--font-body-underlined-xs-size:10px;--font-body-underlined-xs-line-height:12px;--font-button-lg-letter-spacing:0px;--font-button-lg-size:16px;--font-button-lg-line-height:20px;--font-button-md-letter-spacing:0px;--font-button-md-size:var(--pe-size-sm);--font-button-md-line-height:var(--pe-leading-md);--font-button-sm-letter-spacing:0px;--font-button-sm-size:12px;--font-button-sm-line-height:16px;--font-button-xs-letter-spacing:0px;--font-button-xs-size:10px;--font-button-xs-line-height:12px;--font-d-h1-letter-spacing:.5px;--font-d-h1-line-height:36px;--font-d-h1-size:36px;--font-d-h2-letter-spacing:.5px;--font-d-h2-line-height:32px;--font-d-h2-size:32px;--font-d-h3-letter-spacing:.5px;--font-d-h3-line-height:24px;--font-d-h3-size:24px;--font-d-h4-letter-spacing:0;--font-d-h4-size:var(--pe-size-xl);--font-d-h4-line-height:var(--pe-leading-title);--font-d-h5-letter-spacing:0px;--font-d-h5-size:18px;--font-d-h5-line-height:20px;--font-d-h6-letter-spacing:0px;--font-d-h6-size:12px;--font-d-h6-line-height:16px;--font-m-h1-letter-spacing:-.02px;--font-m-h1-size:28px;--font-m-h1-line-height:30px;--font-m-h2-letter-spacing:0px;--font-m-h2-size:22px;--font-m-h2-line-height:24px;--font-m-h3-letter-spacing:0px;--font-m-h3-size:18px;--font-m-h3-line-height:20px;--font-m-h4-letter-spacing:0px;--font-m-h4-size:16px;--font-m-h4-line-height:20px;--font-m-h5-letter-spacing:0px;--font-m-h5-size:14px;--font-m-h5-line-height:18px;--font-m-h6-letter-spacing:0px;--font-m-h6-line-height:10px;--font-m-h6-size:12px;--font-body-bold-italic-xs-style:Bold Italic;--font-body-bold-lg-style:Bold;--font-body-bold-md-style:Bold;--font-body-bold-sm-style:Bold;--font-body-bold-xl-style:Bold;--font-body-bold-xs-style:Bold;--font-body-italic-lg-style:Italic;--font-body-italic-md-style:Italic;--font-body-italic-sm-style:Italic;--font-body-italic-xl-style:Bold;--font-body-italic-xs-style:Italic;--font-body-regular-lg-style:Regular;--font-body-regular-md-style:Regular;--font-body-regular-sm-style:Regular;--font-body-regular-xl-style:Regular;--font-body-regular-xs-style:Regular;--font-body-semibold-italic-xs-style:Semi Bold Italic;--font-body-semibold-lg-style:SemiBold;--font-body-semibold-md-style:SemiBold;--font-body-semibold-sm-style:SemiBold;--font-body-semibold-xl-style:SemiBold;--font-body-semibold-xs-style:SemiBold;--font-body-underlined-lg-style:underlined;--font-body-underlined-md-style:underlined;--font-body-underlined-sm-style:underlined;--font-body-underlined-xl-style:underlined;--font-body-underlined-xs-style:underlined;--font-button-lg-style:Bold;--font-button-md-style:Bold;--font-button-sm-style:Bold;--font-button-xs-style:Bold;--font-d-h1-style:Regular;--font-d-h2-style:Regular;--font-d-h3-style:Regular;--font-d-h4-style:Regular;--font-d-h5-style:Regular;--font-d-h6-style:Regular;--font-m-h1-style:Regular;--font-m-h2-style:Regular;--font-m-h3-style:Regular;--font-m-h4-style:Regular;--font-m-h5-style:Regular;--font-m-h6-style:Bold;--input-height-height-sm:36px;--input-height-height-md:40px;--input-height-height-lg:48px;--input-radius-radius-baze:0px;--input-radius-radius-lg:12px;--input-primary-color-background-default:var(--pe-ink-950);--input-primary-color-background-disabled:var(--color-neutral-dark-color-dark-7);--input-primary-color-background-filled:var(--color-neutral-dark-color-dark-9);--input-primary-color-border-active-gray:var(--pe-gold-300);--input-primary-color-border-active-red:var(--color-primary-red-color-primary-8);--input-primary-color-border-default:var(--pe-line);--input-primary-color-icon-icon:var(--color-neutral-gray-color-gray-6);--input-primary-color-icon-icon-disable:var(--color-neutral-gray-color-gray-7);--input-primary-color-text-active-dark:var(--color-neutral-dark-color-dark-1);--input-primary-color-text-active-light:var(--pe-text);--input-primary-color-text-disabled:var(--color-neutral-dark-color-dark-3);--input-primary-color-text-placeholder:var(--pe-text-muted);--input-secondary-color-background-default:var(--color-neutral-gray-color-gray-0);--input-secondary-color-background-disabled:var(--color-neutral-gray-color-gray-3);--input-secondary-color-background-filled:var(--color-neutral-gray-color-gray-0);--input-secondary-color-border-active-gray:var(--color-neutral-dark-color-dark-2);--input-secondary-color-border-active-red:var(--color-primary-red-color-primary-8);--input-secondary-color-border-default:var(--color-neutral-gray-color-gray-3);--input-secondary-color-icon-icon:var(--color-neutral-gray-color-gray-6);--input-secondary-color-icon-icon-disable:var(--color-neutral-gray-color-gray-5);--input-secondary-color-text-active-dark:var(--color-neutral-dark-color-dark-4);--input-secondary-color-text-active-light:var(--color-neutral-black-and-white-color-neutral-primary);--input-secondary-color-text-disabled:var(--color-neutral-dark-color-dark-1);--input-secondary-color-text-placeholder:var(--color-neutral-dark-color-dark-2);--input-primary-stroke-weight:var(--pe-stroke);--input-primary-height-sm:var(--pe-control-height-sm);--input-primary-height-md:var(--pe-control-height);--input-primary-height-lg:var(--input-height-height-lg);--input-primary-padding-horizontal-base:var(--spacing-spacing-base);--input-primary-padding-horizontal-sm:var(--spacing-spacing-xxs);--input-primary-padding-vertical-2:var(--spacing-spacing-xs);--input-primary-padding-vertical:var(--spacing-spacing-sm);--input-primary-padding-horizontal-md:var(--pe-space-3);--input-primary-padding-horizontal-lg:var(--spacing-spacing-lg);--input-primary-radius-vertical:var(--input-radius-radius-baze);--input-primary-radius-lg:var(--pe-radius-sm);--input-primary-size-icon:var(--spacing-spacing-lg);--input-primary-spacing-input-horizontal:var(--spacing-spacing-sm);--input-secondary-stroke-weight:var(--stroke-weight);--input-secondary-line-height-sm:var(--input-height-height-sm);--input-secondary-line-height-md:var(--input-height-height-md);--input-secondary-line-height-lg:var(--input-height-height-lg);--input-secondary-padding-horizontal-unstyled:0px;--input-secondary-padding-vertical:var(--spacing-spacing-sm);--input-secondary-padding-horizontal:var(--spacing-spacing-md);--input-secondary-radius-base-unstyled:0px;--input-secondary-radius-base:var(--radius-button-button-radius-xs);--input-secondary-size-icon:var(--spacing-spacing-lg);--input-secondary-spacing-input-horizontal:var(--spacing-spacing-sm);--radio-radius-xxl:360px;--radio-color-background-default:var(--color-neutral-dark-color-dark-6);--radio-color-background-disable:var(--color-neutral-dark-color-dark-6);--radio-color-background-select:var(--color-primary-red-color-primary-5);--radio-color-background-select-2:var(--color-neutral-gray-color-gray-9);--radio-color-border:var(--color-neutral-dark-color-dark-5);--radio-color-circle-disable:var(--color-neutral-dark-color-dark-2);--radio-color-circle-select:var(--color-primary-red-color-primary-5);--radio-stroke-weight:var(--stroke-weight);--radio-radius-radio:var(--radio-radius-xxl);--radio-size-radio-circle:var(--spacing-spacing-sm);--radio-size-radio:var(--spacing-spacing-xl);--radius-button-button-radius-xs:4px;--radius-button-button-radius-sm:8px;--radius-button-button-radius-md:var(--pe-radius-sm);--radius-button-button-radius-base:16px;--radius-button-button-radius-xxl:24px;--shadow-outside-jackpot-label:0 2px 4px #0000001f;--shadow-tooltip:0 4px 10px 0 #0006;--shadow-toast:var(--pe-shadow-card);--shadow-button-tertiary:0 0 10px 0 #04d96e66;--gradient-g500:radial-gradient(89.74% 85.83% at 25.93% 17.61%,#3b4052 0%,#282b37 100%);--gradient-install-app-desktop:linear-gradient(271deg,#a517c1 0.17%,#1a3dae 101.33%);--gradient-install-app-mobile:linear-gradient(79deg,#1a3dae -62.47%,#a517c1 85.48%);--gradient-lobby-nav-card:radial-gradient(89.74% 85.83% at 25.93% 17.61%,#3b4052 0%,#282b37 100%);--gradient-lobby-nav-card-hover:radial-gradient(89.74% 85.83% at 25.93% 17.61%,#3b4052 0%,#3b4052 100%);--gradient-jackpot-slider:linear-gradient(92deg,#8b5ae9 -0.9%,#9d17c1 100%);--gradient-tg-button:linear-gradient(180deg,#2aabee 0%,#229ed9 9925.83%);--gradient-game-hot:linear-gradient(90deg,#e72a00 0%,#f05803 100%);--gradient-game-cold:radial-gradient(77.33% 81.64% at 50% 44.49%,#66a6cc 0%,#4d54c1 100%);--gradient-register-progress:radial-gradient(69.73% 54% at 49.85% 65.58%,#141517e6 0%,#14151700 100%);--gradient-bonus-card:radial-gradient(50.61% 50.61% at 50% 40.55%,#2d3345 0%,#1c202b 100%);--empty-game-static-gradient:radial-gradient(50.61% 50.61% at 50% 40.55%,#2d3345 0%,#1c202b 100%);--animate-skeleton-shimmer:skeleton-shimmer 3s ease-in-out infinite;--animate-spin:spin 1s linear infinite;--animate-winner-appear:winner-appear .4s ease-out both;--modal-width-sm:25rem;--modal-width-md:40rem;--modal-width-lg:720px;--container-ps-md:500px;--container-width:1134px;--container-padding:16px;--mobile-navigation-height:71px;--header-height:52px;--game-aspect-ratio:calc(16/9);--game-offset-inline:73px;--game-offset-block:70px;--game-sidebar-width:0px;--game-design-width:1135px;--game-max-width:calc(100dvw - var(--game-sidebar-width) - (var(--game-offset-inline)*2));--game-max-height:calc(100dvh - var(--header-height) - (var(--game-offset-block)*2));--game-width:min(var(--game-max-width),max(var(--game-design-width),calc(var(--game-max-height)*var(--game-aspect-ratio))));--game-height:min(var(--game-max-height),calc(var(--game-width)/var(--game-aspect-ratio)));--game-max-height-fullscreen:calc(var(--game-max-height) + var(--header-height));--game-width-fullscreen:min(var(--game-max-width),max(var(--game-design-width),calc(var(--game-max-height-fullscreen)*var(--game-aspect-ratio))));--game-height-fullscreen:min(var(--game-max-height-fullscreen),calc(var(--game-width-fullscreen)/var(--game-aspect-ratio)));--letter-spacing:0px;--title:0px;--line-height:12px;--style:SemiBold;--accordion-color-background:var(--color-neutral-dark-color-dark-5);--accordion-color-description:var(--color-neutral-dark-color-dark-2);--accordion-color-icon:var(--color-neutral-dark-color-dark-0);--accordion-color-label:var(--color-neutral-dark-color-dark-0);--accordion-color-stroke:var(--color-neutral-dark-color-dark-4);--accordion-color-text:var(--color-neutral-dark-color-dark-0);--accordion-stroke-weight:1px;--accordion-padding-content-top:var(--spacing-spacing-xxs);--accordion-padding-header-vertical:var(--spacing-spacing-md);--accordion-padding-content-bottom:var(--spacing-spacing-lg);--accordion-padding-content-horizontal:var(--spacing-spacing-lg);--accordion-padding-header-horizontal:var(--spacing-spacing-lg);--accordion-radius-base:var(--radius-button-button-radius-xs);--accordion-size-icon:var(--spacing-spacing-lg);--accordion-size-image:var(--spacing-spacing-4xl);--accordion-spacing-group-contained-vertical:0px;--accordion-spacing-group-default-vertical:0px;--accordion-spacing-group-filled-vertical:0px;--accordion-spacing-label-vertical:var(--spacing-spacing-xxs);--accordion-spacing-group-separated-vertical:var(--spacing-spacing-lg);--accordion-spacing-header-horizontal:var(--spacing-spacing-lg);--action-icon-stroke-weight:var(--stroke-weight);--action-icon-size-icon:var(--spacing-spacing-lg);--action-icon-size-button:34px;--addiotional-bue-text-success:var(--color-additional-blue-active);--addiotional-gray-card-hover-1:var(--color-additional-gray-card-hover-1);--addiotional-gray-card-hover-2:var(--color-additional-gray-card-hover-2);--addiotional-gray-text-success:var(--color-additional-gray-contrast);--addiotional-gray-widget-surface:var(--color-additional-gray-transparent-gray);--addiotional-green-text-success:var(--color-additional-green-success);--addiotional-green-transparent-surface:var(--color-additional-green-transparent);--addiotional-red-error:var(--color-additional-red-error);--addiotional-red-transparent-surface:var(--color-additional-red-transparent);--addiotional-yellow-accent:var(--pe-gold-300);--addiotional-yellow-text-warning:var(--color-additional-yellow-warning);--addiotional-yellow-transparent-surface:var(--color-additional-yellow-transparent);--alert-color-filled-destructive-background:var(--color-secondary-blue-color-destructive-7);--alert-color-filled-destructive-icon:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-filled-destructive-text:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-filled-destructive-title:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-filled-destructive-x:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-filled-primary-background:var(--color-primary-red-color-primary-9);--alert-color-filled-primary-icon:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-filled-primary-text:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-filled-primary-title:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-filled-primary-x:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-light-destructive-background:var(--color-secondary-dark-color-destructive-dark-20);--alert-color-light-destructive-icon:var(--color-secondary-blue-color-destructive-2);--alert-color-light-destructive-text:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-light-destructive-title:var(--color-secondary-blue-color-destructive-2);--alert-color-light-destructive-x:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-light-primary-background:var(--color-primary-dark-color-primary-dark-20);--alert-color-light-primary-icon:var(--color-primary-red-color-primary-2);--alert-color-light-primary-text:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-light-primary-title:var(--color-primary-red-color-primary-2);--alert-color-light-primary-x:var(--color-neutral-black-and-white-color-neutral-primary);--alert-color-outline-destructive-background:var(--color-neutral-dark-color-dark-6);--alert-color-outline-destructive-border:var(--color-secondary-blue-color-destructive-6);--alert-color-outline-destructive-icon:var(--color-secondary-blue-color-destructive-6);--alert-color-outline-destructive-text:var(--color-neutral-dark-color-dark-0);--alert-color-outline-destructive-title:var(--color-secondary-blue-color-destructive-6);--alert-color-outline-destructive-x:var(--color-neutral-dark-color-dark-0);--alert-color-outline-primary-background:var(--color-neutral-dark-color-dark-6);--alert-color-outline-primary-border:var(--color-primary-red-color-primary-6);--alert-color-outline-primary-icon:var(--color-primary-red-color-primary-6);--alert-color-outline-primary-text:var(--color-neutral-dark-color-dark-0);--alert-color-outline-primary-title:var(--color-primary-red-color-primary-6);--alert-color-outline-primary-x:var(--color-neutral-dark-color-dark-0);--alert-padding-horizontal-right:var(--spacing-spacing-md);--alert-padding-vertical:var(--spacing-spacing-md);--alert-padding-horizontal-left:var(--spacing-spacing-lg);--alert-radius-base:var(--radius-button-button-radius-xs);--alert-size-icon:var(--spacing-spacing-lg);--alert-spacing-vertical:var(--spacing-spacing-md);--alert-spacing-horizontal:var(--spacing-spacing-lg);--badge-color-default-background:var(--color-neutral-dark-color-dark-5);--badge-color-default-icon:var(--color-neutral-black-and-white-color-neutral-primary);--badge-color-default-stroke:var(--color-neutral-dark-color-dark-4);--badge-color-default-text:var(--color-neutral-black-and-white-color-neutral-primary);--badge-color-dot-background:var(--color-neutral-dark-color-dark-4);--badge-color-dot-dot:var(--color-primary-red-color-primary-9);--badge-color-dot-icon:var(--color-primary-red-color-primary-9);--badge-color-dot-stroke:var(--color-neutral-dark-color-dark-4);--badge-color-dot-text:var(--color-neutral-black-and-white-color-neutral-primary);--badge-color-filled-background:var(--color-primary-red-color-primary-9);--badge-color-filled-icon:var(--color-neutral-black-and-white-color-neutral-primary);--badge-color-filled-text:var(--color-neutral-black-and-white-color-neutral-primary);--badge-color-light-background:var(--color-primary-dark-color-primary-dark-20);--badge-color-light-icon:var(--color-primary-red-color-primary-3);--badge-color-light-text:var(--color-primary-red-color-primary-3);--badge-color-outline-icon:var(--color-primary-red-color-primary-4);--badge-color-outline-stroke:var(--color-primary-red-color-primary-4);--badge-color-outline-text:var(--color-primary-red-color-primary-4);--badge-color-transparent-icon:var(--color-primary-red-color-primary-4);--badge-color-transparent-text:var(--color-primary-red-color-primary-4);--badge-color-white-background:var(--color-neutral-black-and-white-color-neutral-primary);--badge-color-white-icon:var(--color-primary-red-color-primary-4);--badge-color-white-text:var(--color-primary-red-color-primary-4);--badge-stroke-weight:1px;--badge-radius:var(--radius-button-button-radius-xxl);--badge-size-dot-md:6px;--badge-size-dot-lg:8px;--badge-size-dot-xl:10px;--badge-size-icon-md:var(--spacing-spacing-md);--badge-size-icon-lg:var(--spacing-spacing-lg);--badge-size-icon-xl:var(--spacing-spacing-xl);--badge-size-rounded-md:20px;--badge-size-rounded-lg:24px;--badge-size-rounded-xl:36px;--base-component-color-asterisk:var(--color-secondary-blue-color-destructive-8);--base-component-color-description:var(--color-neutral-dark-color-dark-2);--base-component-color-error:var(--color-secondary-blue-color-destructive-8);--base-component-color-error-disabled:var(--color-secondary-dark-color-destructive-dark-20);--base-component-color-label:var(--color-neutral-dark-color-dark-1);--base-component-spacing-label-horizontal:var(--spacing-spacing-xxs);--base-component-spacing-vertical:var(--spacing-spacing-xxs);--block-stroke-weight:1px;--block-radius:var(--radius-button-button-radius-xxl);--block-radius-xs:var(--pe-radius-xs);--block-radius-sm:var(--pe-radius-sm);--block-radius-md:var(--pe-radius-md);--block-radius-lg:var(--pe-radius-lg);--block-radius-xl:var(--spacing-spacing-xl);--block-radius-2xl:var(--spacing-spacing-2xl);--block-radius-3xl:var(--spacing-spacing-3xl);--block-radius-4xl:var(--spacing-spacing-4xl);--block-spacing-xs:var(--pe-space-1);--block-spacing-sm:var(--pe-space-2);--block-spacing-md:var(--pe-space-3);--block-spacing-lg:var(--pe-space-4);--block-spacing-xl:var(--pe-space-5);--block-spacing-2xl:var(--pe-space-6);--block-spacing-3xl:var(--spacing-spacing-3xl);--block-spacing-4xl:var(--pe-space-10);--breadcrumbs-color-divider:var(--color-neutral-dark-color-dark-2);--breadcrumbs-color-text:var(--color-primary-red-color-primary-4);--breadcrumbs-size-icon:var(--spacing-spacing-lg);--breadcrumbs-spacing-divider:var(--spacing-spacing-sm);--burger-color-icon:var(--color-neutral-black-and-white-color-neutral-primary);--burger-size-icon:var(--spacing-spacing-3xl);--burger-stroke-weigth-icon:2px;--button-color-default-background-default:var(--pe-ink-800);--button-color-default-background-hover:var(--pe-ink-700);--button-color-default-stroke:var(--pe-line);--button-color-default-text-default:var(--pe-text);--button-color-default-text-hover:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-filled-disable-background:var(--pe-ink-700);--button-color-filled-disable-text:var(--pe-text-muted);--button-color-filled-fourthiary-background-default:var(--color-primary-green-color-primary-6);--button-color-filled-fourthiary-background-hover:var(--color-primary-green-color-primary-4);--button-color-filled-fourthiary-background-pressed:var(--color-primary-green-color-primary-7);--button-color-filled-fourthiary-border-default:var(--color-primary-green-color-primary-9);--button-color-filled-fourthiary-border-hover:var(--color-primary-green-color-primary-3);--button-color-filled-fourthiary-text-default:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-filled-fourthiary-text-hover:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-filled-primary-background-default:var(--pe-rust-500);--button-color-filled-primary-background-hover:var(--pe-rust-400);--button-color-filled-primary-background-pressed:var(--pe-rust-500);--button-color-filled-primary-border-default:var(--pe-rust-300);--button-color-filled-primary-border-hover:var(--color-primary-red-color-primary-2);--button-color-filled-primary-text-default:var(--pe-paper-50);--button-color-filled-primary-text-hover:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-filled-secondary-background-default:var(--color-secondary-blue-color-destructive-7);--button-color-filled-secondary-background-hover:var(--color-secondary-blue-color-destructive-6);--button-color-filled-secondary-background-pressed:var(--color-secondary-blue-color-destructive-9);--button-color-filled-secondary-border:var(--color-secondary-blue-color-destructive-9);--button-color-filled-secondary-text-default:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-filled-secondary-text-hover:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-filled-tertiary-background-default:var(--color-secondary-blue-color-destructive-7);--button-color-filled-tertiary-background-hover:var(--color-secondary-blue-color-destructive-6);--button-color-filled-tertiary-background-pressed:var(--color-secondary-blue-color-destructive-9);--button-color-filled-tertiary-border-bottom:var(--color-secondary-blue-color-destructive-8);--button-color-filled-tertiary-text-default:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-filled-tertiary-text-hover:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-outline-primary-background-hover:var(--color-primary-dark-color-primary-dark-5);--button-color-outline-primary-stroke:var(--color-primary-red-color-primary-7);--button-color-outline-primary-text-default:var(--color-primary-red-color-primary-7);--button-color-outline-primary-text-hover:var(--color-primary-red-color-primary-7);--button-color-outline-secondary-background-hover:var(--color-secondary-blue-color-destructive-7);--button-color-outline-secondary-background-pressed:var(--color-secondary-blue-color-destructive-6);--button-color-outline-secondary-stroke:var(--color-secondary-blue-color-destructive-7);--button-color-outline-secondary-text-default:var(--color-neutral-black-and-white-color-neutral-primary);--button-color-outline-secondary-text-hover:var(--color-neutral-black-and-white-color-neutral-primary);--button-stroke-weight:var(--stroke-weight);--button-padding-horizontal-sm:var(--spacing-spacing-sm);--button-padding-vertical-sm:var(--spacing-spacing-sm);--button-padding-horizontal-md:var(--pe-space-4);--button-padding-vertical-md:var(--spacing-spacing-md);--button-padding-horizontal-lg:var(--spacing-spacing-lg);--button-padding-vertical-lg:var(--spacing-spacing-lg);--button-radius-base:var(--pe-radius-sm);--button-size-icon-sm:var(--spacing-spacing-lg);--button-size-icon-lg:var(--spacing-spacing-xl);--button-size-height-sm:var(--size-button-sm);--button-size-height-md:var(--pe-control-height);--button-size-height-lg:var(--size-button-lg);--button-spacing-horizontal:var(--spacing-spacing);--checkbox-color-box-background-default:var(--color-neutral-dark-color-dark-7);--checkbox-color-box-background-disabled:var(--color-neutral-dark-color-dark-5);--checkbox-color-box-background-select:var(--color-primary-red-color-primary-9);--checkbox-color-box-border-default:var(--color-neutral-dark-color-dark-3);--checkbox-color-box-border-disabled:var(--color-neutral-dark-color-dark-7);--checkbox-color-box-border-hover:var(--color-neutral-dark-color-dark-2);--checkbox-color-box-border-select:var(--color-secondary-blue-color-destructive-6);--checkbox-color-box-border-select-2:var(--color-secondary-blue-color-destructive-9);--checkbox-color-box-icon-default:var(--color-neutral-dark-color-dark-1);--checkbox-color-box-icon-disabled:var(--color-neutral-dark-color-dark-7);--checkbox-color-box-icon-select:var(--color-neutral-black-and-white-color-neutral-primary);--checkbox-color-text-text-default:var(--color-neutral-dark-color-dark-1);--checkbox-color-text-text-disabled:var(--color-neutral-dark-color-dark-3);--checkbox-color-text-text-primary:var(--color-neutral-black-and-white-color-neutral-primary);--checkbox-color-text-text-secondary:var(--color-neutral-black-and-white-color-neutral-secondary);--checkbox-stroke-weigth:var(--stroke-weight);--checkbox-padding-left:34px;--checkbox-radius-checkbox:var(--radius-button-button-radius-xs);--checkbox-size-box-icon:var(--spacing-spacing-lg);--checkbox-size-box:var(--spacing-spacing-xl);--checkbox-spacing-vertical:var(--spacing-spacing-xxs);--checkbox-spacing-group-vertical:var(--spacing-spacing-sm);--checkbox-spacing-horizontal:var(--spacing-spacing-md);--chip-color-disable-background:var(--color-neutral-dark-color-dark-5);--chip-color-disable-icon:var(--color-neutral-dark-color-dark-3);--chip-color-disable-text:var(--color-neutral-dark-color-dark-3);--chip-color-filled-checked-background:var(--color-primary-red-color-primary-8);--chip-color-filled-checked-background-hover:var(--color-primary-red-color-primary-9);--chip-color-filled-checked-icon:var(--color-neutral-black-and-white-color-neutral-primary);--chip-color-filled-checked-text:var(--color-neutral-black-and-white-color-neutral-primary);--chip-color-filled-checked-text-hover:var(--color-neutral-black-and-white-color-neutral-primary);--chip-color-filled-default-background:var(--color-neutral-dark-color-dark-5);--chip-color-filled-default-background-hover:var(--color-neutral-dark-color-dark-4);--chip-color-filled-default-text:var(--color-neutral-dark-color-dark-0);--chip-color-filled-default-text-hover:var(--color-neutral-dark-color-dark-0);--chip-color-light-checked-background:var(--color-primary-dark-color-primary-dark-20);--chip-color-light-checked-background-hover:var(--color-primary-dark-color-primary-dark-25);--chip-color-light-checked-icon:var(--color-primary-red-color-primary-3);--chip-color-light-checked-text:var(--color-primary-red-color-primary-3);--chip-color-light-checked-text-hover:var(--color-primary-red-color-primary-3);--chip-color-light-default-background:var(--color-neutral-dark-color-dark-5);--chip-color-light-default-background-hover:var(--color-neutral-dark-color-dark-4);--chip-color-light-default-text:var(--color-neutral-dark-color-dark-0);--chip-color-light-default-text-hover:var(--color-neutral-dark-color-dark-0);--chip-color-outline-checked-background:var(--color-neutral-dark-color-dark-5);--chip-color-outline-checked-background-hover:var(--color-primary-dark-color-primary-dark-5);--chip-color-outline-checked-icon:var(--color-primary-red-color-primary-4);--chip-color-outline-checked-stroke:var(--color-primary-red-color-primary-4);--chip-color-outline-checked-text:var(--color-neutral-dark-color-dark-0);--chip-color-outline-checked-text-hover:var(--color-neutral-dark-color-dark-0);--chip-color-outline-default-background:var(--color-neutral-dark-color-dark-5);--chip-color-outline-default-background-hover:var(--color-neutral-dark-color-dark-4);--chip-color-outline-default-stroke:var(--color-neutral-dark-color-dark-4);--chip-color-outline-default-text:var(--color-neutral-dark-color-dark-0);--chip-color-outline-default-text-hover:var(--color-neutral-dark-color-dark-0);--chip-padding-vertical:var(--spacing-spacing-xxs);--chip-padding-horizontal:var(--spacing-spacing-md);--chip-radius-base:var(--radius-button-button-radius-xxl);--chip-size-icon:var(--spacing-spacing-lg);--chip-spacing-horizontal:var(--spacing-spacing-xxs);--date-time-picker-color-calendar-background:var(--color-neutral-dark-color-dark-6);--date-time-picker-color-calendar-border:var(--color-neutral-dark-color-dark-4);--date-time-picker-color-calendar-header:var(--color-neutral-dark-color-dark-0);--date-time-picker-color-date-background-date-select:var(--color-primary-red-color-primary-9);--date-time-picker-color-date-text-date-select:var(--color-neutral-black-and-white-color-neutral-primary);--date-time-picker-color-date-text-disable:var(--color-neutral-dark-color-dark-3);--date-time-picker-color-date-text-week:var(--color-neutral-dark-color-dark-2);--date-time-picker-color-date-text-weekday:var(--color-neutral-dark-color-dark-1);--date-time-picker-color-date-text-weekend:var(--color-secondary-blue-color-destructive-8);--date-time-picker-stroke-weight-calendar:var(--stroke-weight);--date-time-picker-padding-vertical:var(--spacing-spacing-md);--date-time-picker-padding-horizontal:var(--spacing-spacing-lg);--date-time-picker-radius-base:var(--radius-button-button-radius-xs);--date-time-picker-size-date:36px;--date-time-picker-spacing-vertical:var(--spacing-spacing-md);--date-time-picker-spacing-horizontal:var(--spacing-spacing-lg);--divider-color-stroke:var(--color-neutral-dark-color-dark-4);--divider-color-text:var(--color-neutral-dark-color-dark-0);--divider-icon-size:var(--spacing-spacing-md);--divider-label-spacing-label-horizontal:var(--spacing-spacing-xxs);--divider-label-spacing-horizontal:var(--spacing-spacing-sm);--divider-padding-padding:var(--spacing-spacing-sm);--fieldset-color-background:var(--color-neutral-dark-color-dark-6);--fieldset-color-label:var(--color-neutral-dark-color-dark-0);--fieldset-color-stroke:var(--color-neutral-dark-color-dark-4);--fieldset-padding-title-left:var(--spacing-spacing-lg);--fieldset-padding-content-bottom:var(--spacing-spacing-xl);--fieldset-padding-content-horizontal:var(--spacing-spacing-xl);--fieldset-radius-base:var(--radius-button-button-radius-xs);--fieldset-spacing-title-vertical:var(--spacing-spacing-xxs);--fieldset-spacing-content-horizontal:var(--spacing-spacing-lg);--fieldset-stroke-weight-base:var(--general-stroke-weight-paper);--functional-blue-info:var(--color-functional-blue-info);--functional-blue-link-active:var(--color-functional-blue-link-active);--functional-blue-link-default:var(--color-functional-blue-link-default);--functional-blue-link-hover:var(--color-functional-blue-link-hover);--functional-green-done:var(--color-functional-green-done);--functional-green-transparent-surface:var(--color-functional-green-transperent);--functional-red-error:var(--color-functional-red-error);--functional-yellow-warning:var(--color-functional-yellow-warning);--general-color-background-neutral:var(--pe-ink-950);--general-color-background-primary:var(--color-primary-red-color-primary-8);--general-color-box-fill:var(--color-neutral-gray-color-gray-8);--general-color-dimmed-text:var(--pe-text-muted);--general-color-paper:var(--color-neutral-dark-color-dark-7);--general-color-stroke:var(--pe-line);--general-color-surface-disabled:var(--color-neutral-dark-color-dark-6);--general-color-surface-neutral:var(--color-neutral-dark-color-dark-0);--general-color-surface-primary:var(--color-primary-red-color-primary-8);--general-color-text-secondary:var(--pe-text-soft);--general-color-text-transparent:var(--color-neutral-dark-color-dark-0);--general-color-text-white:var(--pe-text);--general-padding-paper:var(--spacing-spacing-xl);--general-radius-paper:var(--spacing-spacing-md);--general-spacing-paper:var(--spacing-spacing-xl);--loader-color-loader:var(--color-primary-red-color-primary-9);--loader-size-loader:var(--spacing-spacing-3xl);--navlink-color-background-background-active-fileld:var(--color-primary-red-color-primary-8);--navlink-color-background-background-active-light:var(--color-primary-dark-color-primary-dark-20);--navlink-color-background-background-default:var(--color-neutral-dark-color-dark-7);--navlink-color-background-background-hover:var(--color-neutral-dark-color-dark-6);--navlink-color-description-description-active:var(--color-primary-red-color-primary-3);--navlink-color-description-description-active-filled:var(--color-neutral-black-and-white-color-neutral-primary);--navlink-color-description-description-default:var(--color-neutral-dark-color-dark-2);--navlink-color-description-description-disabled:var(--color-neutral-dark-color-dark-3);--navlink-color-icon-icon-active:var(--color-primary-red-color-primary-3);--navlink-color-icon-icon-active-filled:var(--color-neutral-black-and-white-color-neutral-primary);--navlink-color-icon-icon-default:var(--color-neutral-dark-color-dark-0);--navlink-color-icon-icon-disabled:var(--color-neutral-dark-color-dark-3);--navlink-color-notification-notification-circle:var(--color-secondary-blue-color-destructive-8);--navlink-color-notification-notification-text:var(--color-neutral-black-and-white-color-neutral-primary);--navlink-color-text-text-active:var(--color-primary-red-color-primary-3);--navlink-color-text-text-active-filled:var(--color-neutral-black-and-white-color-neutral-primary);--navlink-color-text-text-default:var(--color-neutral-dark-color-dark-0);--navlink-color-text-text-disabled:var(--color-neutral-dark-color-dark-3);--navlink-padding-navlink-vertical:0px;--navlink-padding-navbutton-vertical:var(--spacing-spacing-sm);--navlink-padding-navbutton-horizontal:var(--spacing-spacing-md);--navlink-padding-navlink-child-left:28px;--navlink-radius-navbutton:0px;--navlink-size-icon:var(--spacing-spacing-lg);--navlink-size-notification:var(--spacing-spacing-lg);--navlink-spacing-vertical:var(--spacing-spacing-xxs);--navlink-spacing-horizontal:var(--spacing-spacing-md);--number-input-color-controls-background-hover:var(--color-neutral-dark-color-dark-4);--number-input-color-controls-icon:var(--color-neutral-dark-color-dark-0);--number-input-stroke-weight-controls:var(--stroke-weight);--number-input-size-controls-icon:var(--spacing-spacing-md);--number-input-size-controls:var(--spacing-spacing-2xl);--pagination-color-dots:var(--color-neutral-dark-color-dark-1);--pagination-color-text:var(--color-neutral-black-and-white-color-neutral-primary);--pagination-spacing-horizontal:var(--spacing-spacing-sm);--popover-color-background:var(--color-neutral-dark-color-dark-5);--popover-color-stroke:var(--color-neutral-dark-color-dark-4);--popover-color-text:var(--color-neutral-dark-color-dark-0);--popover-max-width:220px;--popover-arrow-size-heigth:4px;--popover-arrow-size-width:7px;--popover-offset-tooltip:var(--spacing-spacing-xxs);--popover-offset-arrow:var(--spacing-spacing-lg);--popover-padding-horizontal:var(--spacing-spacing-sm);--popover-padding-vertical:var(--spacing-spacing-sm);--popover-radius-arrow:var(--radius-button-button-radius-xs);--popover-radius-content:var(--radius-button-button-radius-xs);--rich-text-editor-color-editor-background:var(--color-neutral-dark-color-dark-7);--rich-text-editor-color-editor-border:var(--color-neutral-dark-color-dark-4);--rich-text-editor-color-editor-text:var(--color-neutral-dark-color-dark-0);--rich-text-editor-color-toolbar-background-default:var(--color-neutral-dark-color-dark-7);--rich-text-editor-color-toolbar-background-hover:var(--color-neutral-dark-color-dark-6);--rich-text-editor-color-toolbar-background-select:var(--color-primary-dark-color-primary-dark-5);--rich-text-editor-color-toolbar-border:var(--color-neutral-dark-color-dark-4);--rich-text-editor-color-toolbar-icon-default:var(--color-neutral-dark-color-dark-0);--rich-text-editor-color-toolbar-icon-hover:var(--color-neutral-dark-color-dark-0);--rich-text-editor-color-toolbar-icon-select:var(--color-primary-red-color-primary-2);--rich-text-editor-padding-toolbar-vertical:var(--spacing-spacing-md);--rich-text-editor-padding-textfield:var(--spacing-spacing-lg);--rich-text-editor-padding-toolbar-horizontal:var(--spacing-spacing-lg);--rich-text-editor-radius-toolbar-none:0px;--rich-text-editor-radius-textfield:var(--radius-button-button-radius-xs);--rich-text-editor-radius-toolbar-radius:var(--radius-button-button-radius-xs);--rich-text-editor-size-toolbar-icon:var(--spacing-spacing-lg);--rich-text-editor-size-toolbar-button:var(--spacing-spacing-2xl);--rich-text-editor-spacing-toolbar-button-horizontal:-1px;--rich-text-editor-spacing-toolbar-group-horizontal:var(--spacing-spacing-lg);--rich-text-editor-stroke-stroke-weight-editor:var(--stroke-weight);--rich-text-editor-stroke-stroke-weight-toolbar:var(--stroke-weight);--segmented-control-color-background-base:var(--color-neutral-dark-color-dark-8);--segmented-control-color-background-button:var(--color-neutral-dark-color-dark-6);--segmented-control-color-divider:var(--color-neutral-dark-color-dark-4);--segmented-control-color-text-default:var(--color-neutral-dark-color-dark-1);--segmented-control-color-text-disabled:var(--color-neutral-dark-color-dark-3);--segmented-control-color-text-hover:var(--color-neutral-dark-color-dark-0);--segmented-control-color-text-select:var(--color-neutral-black-and-white-color-neutral-primary);--segmented-control-stroke-weight:var(--stroke-weight);--segmented-control-padding-base:var(--spacing-spacing-xxs);--segmented-control-padding-button-vertical:var(--spacing-spacing-sm);--segmented-control-padding-button-horizontal:var(--spacing-spacing-md);--segmented-control-radius-base-radius:var(--radius-button-button-radius-xs);--segmented-control-radius-button-radius:var(--radius-button-button-radius-xs);--segmented-control-spacing-spacing:0px;--select-dropdown-color-background:var(--color-neutral-dark-color-dark-6);--select-dropdown-color-background-active:var(--color-neutral-dark-color-dark-4);--select-dropdown-color-border:var(--color-neutral-dark-color-dark-4);--select-dropdown-color-selected-element:var(--color-neutral-gray-color-gray-8);--select-group-color-stroke:var(--color-neutral-dark-color-dark-4);--select-group-color-text:var(--color-neutral-dark-color-dark-3);--select-multi-select-chip-color-background-default:var(--color-neutral-dark-color-dark-7);--select-multi-select-chip-color-background-filled:var(--color-neutral-dark-color-dark-7);--select-multi-select-chip-color-icon:var(--color-neutral-dark-color-dark-0);--select-multi-select-chip-icon-text:var(--color-neutral-dark-color-dark-0);--select-option-color-background-background-active:var(--color-primary-red-color-primary-6);--select-option-color-background-background-hover:var(--color-neutral-dark-color-dark-4);--select-option-color-icon-icon-active:var(--color-neutral-black-and-white-color-neutral-primary);--select-option-color-icon-icon-select:var(--color-neutral-dark-color-dark-3);--select-option-color-text-text-default:var(--color-neutral-dark-color-dark-1);--select-option-color-text-text-description-active:var(--color-neutral-black-and-white-color-neutral-primary);--select-option-color-text-text-description-default:var(--color-neutral-dark-color-dark-2);--select-option-color-text-text-description-disabled:var(--color-neutral-dark-color-dark-2);--select-option-color-text-text-description-hover:var(--color-neutral-dark-color-dark-2);--select-option-color-text-text-description-none:var(--color-neutral-dark-color-dark-3);--select-option-color-text-text-description-select:var(--color-neutral-dark-color-dark-2);--select-option-color-text-text-hover:var(--color-neutral-dark-color-dark-1);--select-option-color-text-text-select:var(--color-neutral-dark-color-dark-1);--select-dropdown-padding-horizontal:var(--spacing-spacing-xxs);--select-dropdown-padding-vertical:var(--spacing-spacing-xxs);--select-dropdown-spacing-vertical:0px;--select-multi-select-chip-height:18px;--select-multi-select-chip-icon-icon-stroke-weight:1px;--select-multi-select-chip-icon-icon-size:var(--spacing-spacing-md);--select-multi-select-chip-padding-horizontal:var(--spacing-spacing-sm);--select-multi-select-chip-spacing-horizontal:var(--spacing-spacing-xxs);--select-option-padding-vertical:var(--spacing-spacing-sm);--select-option-padding-horizontal:var(--spacing-spacing-md);--select-option-size-icon:var(--spacing-spacing-lg);--select-option-spacing-vertical:var(--spacing-spacing-xxs);--select-option-spacing-horizontal:var(--spacing-spacing-sm);--select-spacing-vertical:var(--spacing-spacing-sm);--surface-color-contrast:var(--color-surface-gray-contrast);--surface-color-disable:var(--color-neutral-dark-color-dark-4);--surface-color-hover:var(--pe-ink-700);--surface-color-primary:var(--pe-ink-800);--surface-color-secondary:var(--pe-ink-900);--surface-color-tertiary:var(--color-surface-gray-tertiary);--surface-color-transparent:var(--color-surface-gray-transparent);--switch-color-background-default:var(--color-neutral-dark-color-dark-6);--switch-color-background-disabled:var(--color-neutral-dark-color-dark-4);--switch-color-background-select:var(--color-primary-red-color-primary-9);--switch-color-border-default:var(--color-neutral-dark-color-dark-5);--switch-color-circle-default:var(--color-neutral-black-and-white-color-neutral-primary);--switch-color-circle-disabled:var(--color-neutral-dark-color-dark-3);--switch-color-circle-select:var(--color-neutral-black-and-white-color-neutral-primary);--switch-padding-horizontal:var(--spacing-spacing-xxs);--switch-radius-base:var(--radius-button-button-radius-xxl);--switch-size-circle:14px;--switch-size-base-vertical:var(--spacing-spacing-xl);--switch-size-base-horizontal:var(--spacing-spacing-4xl);--switch-spacing-horizontal:var(--spacing-spacing-sm);--table-color-background-default:var(--pe-ink-900);--table-color-background-hover:var(--pe-ink-700);--table-color-background-select:var(--color-primary-dark-color-primary-dark-20);--table-color-background-striped:var(--pe-ink-850);--table-color-icon:var(--color-neutral-dark-color-dark-1);--table-color-stroke:var(--pe-line-subtle);--table-color-text-cell:var(--pe-text-soft);--table-color-text-title:var(--pe-text-muted);--table-padding-cell-vertical:var(--pe-space-2);--table-padding-cell-horizontal:var(--pe-space-3);--table-size-title-icon:var(--spacing-spacing-lg);--table-spacing-horizontal:var(--spacing-spacing-md);--table-stroke-stroke-weight-cell:var(--pe-stroke);--table-stroke-stroke-weight-table:var(--pe-stroke);--tabs-color-background-active:var(--color-primary-red-color-primary-8);--tabs-color-background-hover:var(--color-neutral-dark-color-dark-6);--tabs-color-border-active:var(--color-primary-red-color-primary-8);--tabs-color-border-default:var(--color-neutral-dark-color-dark-4);--tabs-color-icon:var(--color-neutral-dark-color-dark-1);--tabs-color-pills-icon-active:var(--color-neutral-black-and-white-color-neutral-primary);--tabs-color-pills-text-active:var(--color-neutral-black-and-white-color-neutral-primary);--tabs-color-text:var(--color-neutral-dark-color-dark-1);--tabs-padding-tabbutton-vertical:var(--spacing-spacing-md);--tabs-padding-tabs-content:var(--spacing-spacing-md);--tabs-padding-tabbutton-horizontal:var(--spacing-spacing-lg);--tabs-radius-none:0px;--tabs-radius-tabbutton:var(--radius-button-button-radius-xs);--tabs-size-icon:var(--spacing-spacing-md);--tabs-spacing-tabs-horizontal:0px;--tabs-spacing-pills-horizontal:var(--spacing-spacing-xxs);--tabs-spacing-tabbutton-horizontal:var(--spacing-spacing-sm);--tabs-stroke-icon-stroke-weigth:1px;--tabs-stroke-stroke-weight-outline:var(--stroke-weight);--tabs-stroke-stroke-weight-default:2px;--tooltip-color-background:var(--color-neutral-gray-color-gray-2);--tooltip-color-text:var(--color-neutral-black-and-white-color-neutral-black);--tooltip-max-width:220px;--tooltip-arrow-size-heigth:4px;--tooltip-arrow-size-width:7px;--tooltip-offset-tooltip:var(--spacing-spacing-xxs);--tooltip-offset-arrow:var(--spacing-spacing-sm);--tooltip-padding-horizontal:var(--spacing-spacing-sm);--tooltip-padding-vertical:var(--spacing-spacing-sm);--tooltip-radius-arrow:var(--radius-button-button-radius-xs);--tooltip-radius-content:var(--radius-button-button-radius-xs);--autofill-bg:var(--input-primary-color-background-filled);--autofill-text:var(--input-primary-color-text-active-light);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pe-ink-950:#131412;--pe-ink-900:#1b1c19;--pe-ink-850:#22221e;--pe-ink-800:#292822;--pe-ink-700:#39362e;--pe-ink-600:#555044;--pe-paper-50:#f6edda;--pe-paper-100:#efe1c5;--pe-paper-200:#dfcba7;--pe-paper-300:#cbb38a;--pe-paper-500:#9f8762;--pe-gold-300:#e3c27e;--pe-gold-400:#cfa85f;--pe-gold-500:#aa8043;--pe-rust-300:#d37d5a;--pe-rust-400:#a8503c;--pe-rust-500:#78382f;--pe-moss-300:#b5b17a;--pe-moss-400:#797d52;--pe-blue-300:#9eb9bd;--pe-blue-400:#63858a;--pe-danger:#c95f4c;--pe-hp:#ec2128;--pe-success:#9da879;--pe-text:#f0e6d2;--pe-text-soft:#c8bba3;--pe-text-muted:#988d7a;--pe-text-dark:#342c21;--pe-line:color-mix(in srgb, var(--pe-gold-400) 35%, transparent);--pe-line-subtle:color-mix(in srgb, var(--pe-paper-100) 13%, transparent);--pe-overlay:color-mix(in srgb, var(--pe-ink-950) 74%, transparent);--pe-font-display:Georgia, "Times New Roman", serif;--pe-font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pe-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--pe-size-2xs:.625rem;--pe-size-xs:.6875rem;--pe-size-sm:.8125rem;--pe-size-md:.9375rem;--pe-size-lg:1.125rem;--pe-size-xl:1.5rem;--pe-size-2xl:2.25rem;--pe-leading-2xs:.75rem;--pe-leading-xs:1rem;--pe-leading-sm:1.125rem;--pe-leading-md:1.25rem;--pe-leading-body:1.45rem;--pe-leading-title:1.75rem;--pe-tracking-button:.035em;--pe-space-half:.125rem;--pe-space-1:.25rem;--pe-space-2:.5rem;--pe-space-3:.75rem;--pe-space-4:1rem;--pe-space-5:1.25rem;--pe-space-6:1.5rem;--pe-space-8:2rem;--pe-space-10:2.5rem;--pe-space-12:3rem;--pe-radius-xs:.25rem;--pe-radius-sm:.5rem;--pe-radius-md:.75rem;--pe-radius-lg:1rem;--pe-radius-pill:999px;--pe-stroke:1px;--pe-blur:.6rem;--pe-motion:.18s ease;--pe-shadow-deep:0 1.5rem 4rem color-mix(in srgb, var(--pe-ink-950) 60%, transparent);--pe-shadow-card:0 .6rem 1.6rem color-mix(in srgb, var(--pe-ink-950) 40%, transparent);--pe-shadow-inset:inset 0 1px 0 color-mix(in srgb, var(--pe-paper-50) 10%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--pe-ink-950) 28%, transparent);--pe-control-height:2.625rem;--pe-control-height-sm:2.25rem;--pe-surface-panel:linear-gradient(145deg, var(--pe-ink-800), var(--pe-ink-900));--pe-surface-hud:linear-gradient(135deg, color-mix(in srgb, var(--pe-ink-800) 96%, transparent), color-mix(in srgb, var(--pe-ink-950) 94%, transparent));--pe-surface-glass:color-mix(in srgb, var(--pe-ink-950) 90%, transparent);--pe-surface-row:color-mix(in srgb, var(--pe-ink-950) 35%, transparent);--pe-surface-row-hover:color-mix(in srgb, var(--pe-ink-700) 56%, transparent);--pe-surface-paper:radial-gradient(ellipse at top, var(--pe-paper-50), var(--pe-paper-100));--pe-surface-page:radial-gradient(ellipse at 52% -18%, color-mix(in srgb, var(--pe-gold-500) 14%, transparent), transparent 54rem), radial-gradient(ellipse at 100% 52%, color-mix(in srgb, var(--pe-rust-500) 10%, transparent), transparent 45rem), linear-gradient(155deg, var(--pe-ink-900), var(--pe-ink-950) 58%, var(--pe-ink-900));--pe-ring:0 0 0 var(--pe-space-1) color-mix(in srgb, var(--pe-gold-400) 18%, transparent)}html,body{background:var(--general-color-background-neutral);height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#ui{pointer-events:none;color:var(--general-color-text-white);font-family:var(--font-family-secondary);font-size:var(--font-body-regular-md-size);line-height:var(--font-body-regular-md-line-height);--hud-panel-width:calc(var(--modal-width-sm) / 2 + var(--block-spacing-4xl));--chat-width:calc(var(--modal-width-sm) - var(--block-spacing-4xl) * 2);position:fixed;inset:0}.screen{padding:var(--block-spacing-lg);box-sizing:border-box;background:var(--general-color-background-neutral);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.panel{gap:var(--block-spacing-lg);width:100%;max-width:var(--modal-width-sm);padding:var(--block-spacing-2xl);box-sizing:border-box;border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-lg);background:var(--surface-color-secondary);flex-direction:column;display:flex}.panel__title{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-d-h4-size);line-height:var(--font-d-h4-line-height);letter-spacing:var(--font-d-h4-letter-spacing);margin:0}.form{gap:var(--block-spacing-md);flex-direction:column;display:flex}.field{gap:var(--block-spacing-xs);flex-direction:column;display:flex}.field__label{color:var(--general-color-text-secondary);font-size:var(--font-body-regular-sm-size);line-height:var(--font-body-regular-sm-line-height)}.input{height:var(--input-primary-height-md);padding:0 var(--input-primary-padding-horizontal-md);box-sizing:border-box;border:var(--input-primary-stroke-weight) solid var(--input-primary-color-border-default);border-radius:var(--input-primary-radius-lg);background:var(--input-primary-color-background-default);color:var(--input-primary-color-text-active-light);font:inherit}.input--small{height:var(--input-primary-height-sm)}.input::placeholder{color:var(--input-primary-color-text-placeholder)}.input:focus-visible{border-color:var(--input-primary-color-border-active-gray);outline:none}.button{height:var(--button-size-height-md);padding:0 var(--button-padding-horizontal-md);border:var(--stroke-weight) solid var(--button-color-filled-primary-border-default);border-radius:var(--button-radius-base);background:var(--button-color-filled-primary-background-default);color:var(--button-color-filled-primary-text-default);font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--font-button-md-size);line-height:var(--font-button-md-line-height);cursor:pointer}.button:hover{background:var(--button-color-filled-primary-background-hover)}.button:active{background:var(--button-color-filled-primary-background-pressed)}.button:focus-visible{outline:var(--stroke-weight) solid var(--general-color-text-white);outline-offset:var(--spacing-spacing-xxs)}.button:disabled{border-color:var(--button-color-filled-disable-background);background:var(--button-color-filled-disable-background);color:var(--button-color-filled-disable-text);cursor:default}.button--small{height:var(--size-button-sm);padding:0 var(--button-padding-horizontal-md);border-radius:var(--radius-button-button-radius-md);white-space:nowrap}.button[aria-pressed=true]{border-color:var(--general-color-text-white)}.button--default{border-color:var(--button-color-default-stroke);background:var(--button-color-default-background-default);color:var(--button-color-default-text-default)}.button--default:hover,.button--default:active{background:var(--button-color-default-background-hover)}.link-button{color:var(--color-functional-blue-link-default);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.link-button:focus-visible{outline:var(--stroke-weight) solid var(--general-color-text-white);outline-offset:var(--spacing-spacing-xxs)}.message{color:var(--general-color-text-secondary);margin:0}.message--error{color:var(--color-functional-red-error)}.message:empty{display:none}.character-list{gap:var(--block-spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.character-card{justify-content:space-between;align-items:center;gap:var(--block-spacing-md);width:100%;padding:var(--block-spacing-md);box-sizing:border-box;border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-md);background:var(--surface-color-primary);color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex}.character-row{align-items:center;gap:var(--block-spacing-sm);display:flex}.character-row .character-card{flex:1;min-width:0}.confirm{box-sizing:border-box;width:calc(100% - var(--block-spacing-lg) * 2);max-width:var(--modal-width-sm);padding:var(--block-spacing-lg);border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-md);background:var(--surface-color-secondary);color:var(--general-color-text-white);font-family:var(--font-family-secondary);font-size:var(--font-body-regular-md-size);line-height:var(--font-body-regular-md-line-height)}.confirm[open]{gap:var(--block-spacing-md);flex-direction:column;display:flex}.confirm::backdrop{background:color-mix(in srgb, var(--general-color-background-neutral) 70%, transparent)}.confirm__text{color:var(--general-color-text-secondary);margin:0}.confirm__actions{justify-content:flex-end;gap:var(--block-spacing-sm);display:flex}.character-card:hover{background:var(--surface-color-hover)}.character-card:focus-visible{outline:var(--stroke-weight) solid var(--general-color-text-white);outline-offset:var(--spacing-spacing-xxs)}.character-card__name{font-weight:var(--font-weight-semibold)}.character-card__meta{color:var(--general-color-text-secondary)}.divider{height:var(--stroke-weight);background:var(--general-color-stroke);border:none;margin:0}.hud-side{top:var(--block-spacing-lg);right:var(--block-spacing-lg);bottom:calc(var(--block-spacing-4xl) * 3);align-items:flex-end;gap:var(--block-spacing-sm);width:calc(100% - var(--block-spacing-lg) * 2);max-width:var(--modal-width-sm);pointer-events:none;flex-direction:column;display:flex;position:absolute}.hud-actions{justify-content:flex-end;gap:var(--block-spacing-sm);max-width:calc(100vw - var(--hud-panel-width) - var(--block-spacing-lg) * 3);pointer-events:auto;flex-wrap:wrap;display:flex}.window-host{flex:1;align-items:flex-start;width:100%;min-height:0;display:flex}.window{gap:var(--block-spacing-sm);width:100%;max-height:100%;padding:var(--block-spacing-lg);box-sizing:border-box;border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-md);background:var(--surface-color-secondary);pointer-events:auto;flex-direction:column;display:flex;overflow-y:auto}.window__title{font-size:var(--font-body-bold-lg-size);line-height:var(--font-body-bold-lg-line-height);font-weight:var(--font-weight-bold);margin:0}.window__subtitle{margin:var(--block-spacing-xs) 0 0;color:var(--general-color-text-secondary);font-size:var(--font-body-semibold-sm-size);line-height:var(--font-body-semibold-sm-line-height);font-weight:var(--font-weight-semibold)}.window__text{color:var(--general-color-text-secondary);margin:0}.item-list{gap:var(--block-spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item-row{justify-content:space-between;align-items:center;gap:var(--block-spacing-md);padding:var(--block-spacing-sm) var(--block-spacing-md);border-radius:var(--block-radius-sm);background:var(--surface-color-primary);display:flex}.item-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.item-icon{box-sizing:border-box;width:var(--block-spacing-4xl);height:var(--block-spacing-4xl);border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-sm);background:var(--surface-color-secondary);object-fit:contain;image-rendering:pixelated;flex-shrink:0;justify-content:center;align-items:center;display:flex}.item-icon--placeholder{color:var(--general-color-text-secondary);font-size:var(--font-body-regular-sm-size);font-weight:var(--font-weight-semibold);line-height:var(--font-body-regular-sm-line-height)}.item-icon--empty{color:var(--general-color-dimmed-text);background:0 0;border-style:dashed}.item-row__name{font-weight:var(--font-weight-semibold)}.item-row__details{color:var(--general-color-text-secondary);font-size:var(--font-body-regular-sm-size);line-height:var(--font-body-regular-sm-line-height)}.item-row__actions{gap:var(--block-spacing-xs);flex-shrink:0;display:flex}.item-row--form{flex-wrap:wrap}.item-row--form .item-row__actions{flex-wrap:wrap;flex-shrink:1}.item-row--form .input[type=number]{width:calc(var(--block-spacing-4xl) * 2)}.hud-panel{top:var(--block-spacing-lg);left:var(--block-spacing-lg);gap:var(--block-spacing-xs);width:100%;max-width:var(--hud-panel-width);padding:var(--block-spacing-md);box-sizing:border-box;border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-md);background:var(--surface-color-secondary);flex-direction:column;display:flex;position:absolute}.hud-panel__name{font-weight:var(--font-weight-semibold)}.hud-panel__line{color:var(--general-color-text-secondary);font-size:var(--font-body-regular-sm-size);line-height:var(--font-body-regular-sm-line-height)}.hud-panel__line--multiline{white-space:pre-line}.bar{height:var(--spacing-spacing-lg);border-radius:var(--block-radius-xs);background:var(--general-color-background-neutral);position:relative;overflow:hidden}.bar__fill{height:100%}.bar__value{color:var(--general-color-text-white);font-size:var(--font-body-semibold-xs-size);line-height:var(--font-body-semibold-xs-line-height);font-weight:var(--font-weight-semibold);text-shadow:0 0 var(--spacing-spacing-xxs) var(--general-color-background-neutral);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[hidden]{display:none!important}.city{top:calc(var(--block-spacing-4xl) * 5);gap:var(--block-spacing-md);width:calc(100% - var(--block-spacing-lg) * 2);max-width:var(--modal-width-md);padding:var(--block-spacing-2xl);box-sizing:border-box;border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-lg);background:var(--surface-color-secondary);pointer-events:auto;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hall-list{gap:var(--block-spacing-xs);margin-top:var(--block-spacing-xs);flex-wrap:wrap;display:flex}.hall-list:empty{display:none}.hall-list__hall{padding:var(--spacing-spacing-xxs) var(--block-spacing-sm);border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-md);background:var(--surface-color-secondary);color:var(--general-color-text-secondary);font:inherit;font-size:var(--font-body-regular-sm-size);line-height:var(--font-body-regular-sm-line-height);white-space:nowrap;cursor:pointer}.hall-list__hall:hover:not(:disabled){color:var(--general-color-text-white);background:var(--surface-color-hover)}.hall-list__hall:disabled{color:var(--general-color-dimmed-text);cursor:not-allowed}.cell-panel{right:var(--block-spacing-lg);bottom:var(--block-spacing-lg);gap:var(--block-spacing-xs);padding:var(--block-spacing-md);border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-md);background:var(--surface-color-secondary);pointer-events:auto;flex-direction:column;display:flex;position:absolute}.cell-panel__group{gap:var(--block-spacing-xs);flex-direction:column;display:flex}.offer{top:var(--block-spacing-lg);gap:var(--block-spacing-md);width:calc(100% - var(--block-spacing-lg) * 2);max-width:var(--modal-width-sm);padding:var(--block-spacing-lg);box-sizing:border-box;border:var(--stroke-weight) solid var(--color-functional-yellow-warning);border-radius:var(--block-radius-md);background:var(--surface-color-secondary);pointer-events:auto;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.announce{width:calc(100% - var(--block-spacing-lg) * 2);max-width:var(--modal-width-sm);padding:var(--block-spacing-lg);box-sizing:border-box;border:var(--stroke-weight) solid var(--color-functional-yellow-warning);border-radius:var(--block-radius-md);background:var(--surface-color-secondary);color:var(--general-color-text-white);font-size:var(--font-body-regular-md-size);line-height:var(--font-body-regular-md-line-height);text-align:center;pointer-events:none;position:absolute;top:30%;left:50%;transform:translate(-50%)}.offer__actions{gap:var(--block-spacing-sm);display:flex}.offer__actions .button{flex:1}.arena-bar{bottom:var(--block-spacing-lg);align-items:center;gap:var(--block-spacing-sm);pointer-events:auto;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.skill-bar{gap:var(--block-spacing-sm);display:flex}.skill{align-items:center;gap:var(--spacing-spacing-xxs);padding:var(--block-spacing-xs) var(--block-spacing-sm);border:var(--stroke-weight) solid var(--button-color-default-stroke);border-radius:var(--block-radius-md);background:var(--button-color-default-background-default);color:var(--button-color-default-text-default);font:inherit;font-size:var(--font-body-regular-sm-size);line-height:var(--font-body-regular-sm-line-height);white-space:nowrap;cursor:pointer;flex-direction:column;display:flex}.skill:hover{background:var(--button-color-default-background-hover)}.skill:focus-visible{outline:var(--stroke-weight) solid var(--general-color-text-white);outline-offset:var(--spacing-spacing-xxs)}.skill:disabled{background:var(--button-color-filled-disable-background);color:var(--button-color-filled-disable-text);cursor:default}.skill--locked{opacity:.5}.skill-slot{align-items:center;gap:var(--spacing-spacing-xxs);flex-direction:column;display:flex}.skill-slot__hint{color:var(--general-color-text-secondary);font-size:var(--font-body-regular-xs-size);line-height:var(--font-body-regular-xs-line-height);white-space:nowrap}.skill__key{font-weight:var(--font-weight-bold)}.skill__name{font-size:var(--font-body-regular-sm-size);line-height:var(--font-body-regular-sm-line-height)}.skill__cost,.skill__cooldown{font-size:var(--font-body-regular-xs-size);line-height:var(--font-body-regular-xs-line-height)}.skill__cooldown:empty{display:none}.hud-left{bottom:var(--block-spacing-lg);left:var(--block-spacing-lg);gap:var(--block-spacing-sm);width:calc(100% - var(--block-spacing-lg) * 2);pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.chat{box-sizing:border-box;width:var(--chat-width);gap:var(--block-spacing-xs);max-width:100%;padding:var(--block-spacing-sm);border:var(--stroke-weight) solid var(--general-color-stroke);border-radius:var(--block-radius-md);background:color-mix(in srgb, var(--surface-color-secondary) 80%, transparent);font-size:var(--font-body-regular-sm-size);line-height:var(--font-body-regular-sm-line-height);pointer-events:auto;flex-direction:column;display:flex;position:relative}.chat__resize{width:var(--block-spacing-md);height:var(--block-spacing-md);border-top:var(--stroke-weight) solid var(--general-color-text-secondary);border-right:var(--stroke-weight) solid var(--general-color-text-secondary);border-top-right-radius:var(--block-radius-md);cursor:nesw-resize;touch-action:none;position:absolute;top:0;right:0}.chat__header,.chat__tabs,.chat__form{gap:var(--block-spacing-xs);display:flex}.chat__header,.chat__tabs{flex-wrap:wrap}.chat__header{justify-content:space-between}.chat__tab{padding:var(--spacing-spacing-xxs) var(--block-spacing-sm);border:var(--stroke-weight) solid transparent;border-radius:var(--block-radius-md);color:var(--general-color-text-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0}.chat__tab[aria-selected=true]{border-color:var(--general-color-stroke);color:var(--general-color-text-white)}.chat__body{gap:var(--block-spacing-xs);flex-direction:column;display:flex}.chat__messages{gap:var(--spacing-spacing-xxs);height:var(--chat-messages-height,calc(var(--block-spacing-4xl) * 4));color:var(--general-color-text-white);overflow-wrap:anywhere;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat__message--empty,.chat__time{color:var(--general-color-text-secondary)}.chat__name{color:inherit;font:inherit;font-weight:var(--font-weight-bold);background:0 0;border:none;padding:0}button.chat__name{cursor:pointer;text-decoration:underline}.chat__form{flex-wrap:wrap;align-items:center}.chat__recipient{color:var(--general-color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.chat__input{flex:1;min-width:0}@media (width<=1100px){.arena-bar:not([hidden])~.hud-left{bottom:calc(var(--block-spacing-4xl) * 3)}}@media (width<=768px){.arena-bar{left:var(--block-spacing-lg);align-items:flex-start;transform:none}.skill__name{display:none}}.chest-reward{box-sizing:border-box;width:calc(100% - var(--block-spacing-lg) * 2);max-width:var(--modal-width-md);max-height:calc(100% - var(--block-spacing-lg) * 2);padding:var(--block-spacing-lg);color:var(--general-color-text-white);font-family:var(--font-family-secondary);font-size:var(--font-body-regular-md-size);line-height:var(--font-body-regular-md-line-height);--chest-reward-appear:calc(var(--chest-reward-open,.6s) + .15s);background:0 0;border:0;overflow:visible}.chest-reward[open]{align-items:center;gap:var(--block-spacing-lg);flex-direction:column;display:flex}.chest-reward::backdrop{background:color-mix(in srgb, var(--general-color-background-neutral) 75%, transparent);-webkit-backdrop-filter:blur(var(--spacing-spacing-xs));backdrop-filter:blur(var(--spacing-spacing-xs));animation:.25s ease-out both chest-reward-fade}.chest-reward__close{top:var(--block-spacing-lg);right:var(--block-spacing-lg);animation:chest-reward-fade .3s ease-out var(--chest-reward-appear) both;position:absolute}.chest-reward__title{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-d-h4-size);line-height:var(--font-d-h4-line-height);letter-spacing:var(--font-d-h4-letter-spacing);animation:chest-reward-rise .3s ease-out var(--chest-reward-appear) both;margin:0}.chest-reward__items{justify-content:center;gap:var(--block-spacing-xl);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chest-reward__item{align-items:center;gap:var(--spacing-spacing-xs);max-width:calc(var(--modal-width-sm) / 2);text-align:center;animation:.35s ease-out both chest-reward-rise;animation-delay:calc(var(--chest-reward-appear) + var(--chest-reward-order,0) * .12s);flex-direction:column;display:flex}.chest-reward__item .item-icon{width:calc(var(--block-spacing-4xl) * 2);height:calc(var(--block-spacing-4xl) * 2);border-color:var(--addiotional-yellow-accent);border-radius:var(--block-radius-md);box-shadow:var(--shadow-toast);font-size:var(--font-d-h4-size)}.chest-reward__name{font-weight:var(--font-weight-bold)}.chest-reward__details{color:var(--general-color-text-secondary);font-size:var(--font-body-regular-sm-size);line-height:var(--font-body-regular-sm-line-height)}.chest-reward__chest{width:min(100%, calc(var(--modal-width-md) / 2));aspect-ratio:1;background-image:var(--chest-reward-sheet);background-repeat:no-repeat;background-size:calc(var(--chest-reward-frames,1) * 100%) 100%;animation:chest-reward-pop .25s ease-out both, chest-reward-open var(--chest-reward-open,.6s) steps(var(--chest-reward-frames,1), jump-none) .25s both;background-position:100% 0;position:relative}.chest-reward__chest:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--addiotional-yellow-accent) 45%, transparent), transparent);animation:chest-reward-fade .4s ease-out var(--chest-reward-appear) both, chest-reward-glow 2.4s ease-in-out calc(var(--chest-reward-appear) + .4s) infinite;border-radius:50%;position:absolute;inset:0}.chest-reward__claim{min-width:calc(var(--modal-width-sm) * .7);animation:.3s ease-out both chest-reward-rise;animation-delay:calc(var(--chest-reward-appear) + .3s)}@keyframes chest-reward-fade{0%{opacity:0}}@keyframes chest-reward-rise{0%{opacity:0;transform:translateY(var(--block-spacing-lg))}}@keyframes chest-reward-pop{0%{opacity:0;transform:scale(.8)}}@keyframes chest-reward-open{0%{background-position:0 0}to{background-position:100% 0}}@keyframes chest-reward-glow{50%{opacity:.6;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.chest-reward::backdrop,.chest-reward *,.chest-reward :before{animation:none}}.screen{background:var(--pe-surface-page)}.panel,.window,.city{border-color:var(--pe-line);background:var(--pe-surface-panel);box-shadow:var(--pe-shadow-card), var(--pe-shadow-inset)}.panel{box-shadow:var(--pe-shadow-deep), var(--pe-shadow-inset)}.panel__title,.window__title,.chest-reward__title{color:var(--pe-paper-50);font-family:var(--pe-font-display);font-weight:var(--font-weight-normal)}.window__title{font-size:var(--pe-size-lg);line-height:var(--pe-leading-title)}.hud-panel,.cell-panel,.chat{border-color:var(--pe-line);box-shadow:var(--pe-shadow-card), var(--pe-shadow-inset);-webkit-backdrop-filter:blur(var(--pe-blur));backdrop-filter:blur(var(--pe-blur))}.hud-panel{background:var(--pe-surface-hud)}.cell-panel,.chat{background:var(--pe-surface-glass)}.hud-panel__name,.character-card__name{color:var(--pe-paper-50);font-family:var(--pe-font-display);font-size:var(--pe-size-md);font-weight:var(--font-weight-normal)}.divider{background:linear-gradient(90deg, transparent, var(--pe-line), transparent)}.button{background:linear-gradient(180deg, var(--button-color-filled-primary-background-hover), var(--button-color-filled-primary-background-default));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--pe-paper-50) 18%, transparent), var(--pe-shadow-card);font-weight:var(--font-weight-semibold);letter-spacing:var(--pe-tracking-button);transition:filter var(--pe-motion), background var(--pe-motion), border-color var(--pe-motion)}.button:hover:not(:disabled),.button:active:not(:disabled){background:linear-gradient(180deg, var(--button-color-filled-primary-background-hover), var(--button-color-filled-primary-background-default));filter:brightness(1.12)}.button:disabled{border-color:var(--pe-line-subtle);background:var(--button-color-filled-disable-background);box-shadow:none;cursor:not-allowed}.button--default{background:var(--button-color-default-background-default);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--pe-paper-50) 7%, transparent)}.button--default:hover:not(:disabled),.button--default:active:not(:disabled){background:var(--button-color-default-background-hover);filter:none}.button--small{font-size:var(--pe-size-xs)}.button[aria-pressed=true]{border-color:var(--pe-gold-300);box-shadow:0 0 0 var(--pe-stroke) var(--pe-gold-300), var(--pe-shadow-card)}.button:focus-visible,.link-button:focus-visible,.character-card:focus-visible,.skill:focus-visible{outline-color:var(--pe-gold-300)}.input{transition:border-color var(--pe-motion), box-shadow var(--pe-motion)}.input:hover{border-color:var(--pe-gold-500)}.input:focus-visible{box-shadow:var(--pe-ring)}.link-button{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:.2em}.link-button:hover{color:var(--pe-paper-50)}.message{padding:var(--pe-space-2) var(--pe-space-3);border-left:var(--pe-space-half) solid var(--pe-gold-400);background:color-mix(in srgb, var(--pe-gold-400) 9%, transparent);color:var(--pe-paper-100)}.message--error{border-color:var(--pe-danger);background:color-mix(in srgb, var(--pe-danger) 11%, transparent);color:color-mix(in srgb, var(--pe-danger) 75%, var(--pe-paper-50))}.bar{border:var(--pe-stroke) solid color-mix(in srgb, var(--pe-paper-100) 16%, transparent);border-radius:var(--pe-radius-pill);box-sizing:border-box;box-shadow:inset 0 1px 3px color-mix(in srgb, var(--pe-ink-950) 85%, transparent)}.bar__fill{border-radius:inherit;transition:width .3s}.bar__fill--hp{background:var(--pe-hp)}.bar__fill--mana{background:linear-gradient(90deg, var(--pe-blue-400), var(--pe-blue-300))}.bar__fill--energy{background:linear-gradient(90deg, var(--pe-moss-400), var(--pe-moss-300))}.bar__value{color:var(--pe-paper-50);font-family:var(--pe-font-mono);text-shadow:0 1px 2px var(--pe-ink-950)}.item-row{border:var(--pe-stroke) solid var(--pe-line-subtle);background:var(--pe-surface-row);transition:border-color var(--pe-motion), background var(--pe-motion)}.item-row:hover{border-color:var(--pe-line);background:var(--pe-surface-row-hover)}.item-row__name{color:var(--pe-paper-100)}.item-row__details,.window__subtitle,.character-card__meta{color:var(--pe-text-muted)}.item-icon{border-color:var(--pe-line);background:radial-gradient(circle, color-mix(in srgb, var(--pe-gold-500) 23%, transparent), var(--pe-ink-950));color:var(--pe-gold-300)}.item-icon--placeholder{color:var(--pe-text-muted)}.item-icon--empty{background:color-mix(in srgb, var(--pe-ink-950) 40%, transparent);color:color-mix(in srgb, var(--pe-text-muted) 60%, transparent)}.character-card{border-color:var(--pe-line-subtle);background:var(--pe-surface-row);transition:border-color var(--pe-motion), background var(--pe-motion)}.character-card:hover{border-color:var(--pe-gold-400);background:color-mix(in srgb, var(--pe-gold-500) 10%, var(--pe-ink-950))}.hall-list__hall{border-color:var(--pe-line-subtle);border-radius:var(--pe-radius-sm);background:var(--pe-ink-950)}.hall-list__hall:hover:not(:disabled){border-color:var(--pe-gold-400);background:var(--pe-ink-950);color:var(--pe-paper-50)}.chat__tab{transition:color var(--pe-motion), border-color var(--pe-motion);border-color:#0000;border-radius:0}.chat__tab:hover,.chat__tab[aria-selected=true]{border-color:#0000;border-bottom-color:var(--pe-gold-300);color:var(--pe-paper-50)}.chat__time{color:var(--pe-text-muted);font-family:var(--pe-font-mono)}.chat__message--empty{color:var(--pe-text-muted);font-style:italic}.chat__name{color:var(--pe-gold-300);font-weight:var(--font-weight-semibold)}.chat__recipient{color:var(--pe-blue-300)}.chat__resize{border-color:var(--pe-text-muted)}.chat__resize:hover{border-color:var(--pe-gold-300)}.skill{border-color:var(--pe-line);background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--pe-gold-500) 32%, transparent), var(--pe-ink-950) 72%);box-shadow:var(--pe-shadow-card);color:var(--pe-paper-100);transition:filter var(--pe-motion), border-color var(--pe-motion)}.skill:hover:not(:disabled){border-color:var(--pe-gold-300);background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--pe-gold-500) 32%, transparent), var(--pe-ink-950) 72%);filter:brightness(1.12)}.skill:disabled{background:var(--pe-ink-900);color:var(--pe-text-muted);filter:saturate(.55);cursor:not-allowed}.skill__key{min-width:var(--pe-space-4);padding:0 var(--pe-space-1);border-radius:var(--pe-radius-xs);background:var(--pe-gold-300);color:var(--pe-ink-950);font-family:var(--pe-font-mono);text-align:center}.skill__cost{color:var(--pe-blue-300);font-family:var(--pe-font-mono)}.skill__cooldown{color:var(--pe-paper-50);font-family:var(--pe-font-mono)}.skill-slot__hint{color:var(--pe-text-muted)}.offer{border-color:var(--pe-gold-400);background:linear-gradient(150deg, var(--pe-ink-800), var(--pe-ink-950));box-shadow:var(--pe-shadow-deep)}.announce{border-color:var(--pe-rust-300);border-radius:var(--pe-radius-sm);background:linear-gradient(100deg, var(--pe-rust-500), var(--pe-ink-800));box-shadow:var(--pe-shadow-deep);color:var(--pe-paper-50)}.confirm{border-color:var(--pe-paper-300);background:var(--pe-surface-paper);box-shadow:var(--pe-shadow-deep);color:var(--pe-text-dark)}.confirm .panel__title,.confirm .window__title{color:var(--pe-text-dark)}.confirm__text{color:color-mix(in srgb, var(--pe-text-dark) 82%, transparent)}.confirm::backdrop,.chest-reward::backdrop{background:var(--pe-overlay)}.chest-reward__details{color:var(--pe-text-soft)}@media (prefers-reduced-motion:reduce){.button,.input,.item-row,.character-card,.chat__tab,.skill,.bar__fill{transition:none}}