:root{--pack-plate:url(/assets/ui/plate.webp);--pack-button:url(/assets/ui/button.webp);--pack-button-plain:url(/assets/ui/button-plain.webp);--pack-slot:url(/assets/ui/slot.webp);--pack-ring:url(/assets/ui/ring.webp);--pack-skill-ring:url(/assets/ui/skill-ring.webp);--pack-line:url(/assets/ui/line.webp);--pack-bar-track:url(/assets/ui/bar-track.webp);--pack-bar-hp:url(/assets/ui/bar-hp.webp);--pack-bar-mana:url(/assets/ui/bar-mana.webp);--pack-bar-energy:url(/assets/ui/bar-energy.webp);--pack-bar-xp:url(/assets/ui/bar-xp.webp);--pack-plate-slice:22;--pack-plate-edge:var(--pe-space-4);--pack-plate-inset:calc(var(--pe-space-2) * -1);--pack-button-slice:12;--pack-button-edge:var(--pe-space-2);--pack-slot-slice:10;--pack-slot-edge:var(--pe-space-2);--pack-ring-overhang:calc(var(--pe-space-1) * -1);--pack-line-height:var(--pe-space-1)}.panel,.city,.cell-panel,.chat{border-color:#0000;border-image:var(--pack-plate) var(--pack-plate-slice) fill / var(--pack-plate-edge) stretch;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;outline:var(--pe-stroke) solid var(--pe-line-subtle);outline-offset:var(--pack-plate-inset);background:0 0;border-radius:0}.divider{height:var(--pack-line-height);background:var(--pack-line) center / 100% 100% no-repeat;opacity:.45}.button,.button:hover:not(:disabled),.button:active:not(:disabled){border-color:#0000;border-image:var(--pack-button) var(--pack-button-slice) fill / var(--pack-button-edge) stretch;box-shadow:none;color:var(--pe-gold-300);background:0 0;border-radius:0}.button--default,.button--default:hover:not(:disabled),.button--default:active:not(:disabled){background:var(--pack-button-plain) center / 100% 100% no-repeat;color:var(--pe-paper-100);border-image:}.button:hover:not(:disabled){filter:brightness(1.25)}.button:active:not(:disabled){filter:brightness(.9)}.button:disabled{filter:grayscale()brightness(.8)}.button[aria-pressed=true]{border-image:var(--pack-button) var(--pack-button-slice) fill / var(--pack-button-edge) stretch;box-shadow:none;color:var(--pe-gold-300);background:0 0}.button--danger,.button--danger:hover:not(:disabled){color:var(--pe-destructive)}.bar{border-radius:var(--pe-radius-xs);background:var(--pack-bar-track) center / 100% 100% no-repeat;box-shadow:none;border:none}.bar__fill{background-repeat:repeat-x;background-size:auto 100%;border-radius:0}.bar__fill--hp{background-image:var(--pack-bar-hp)}.bar__fill--mana{background-image:var(--pack-bar-mana)}.bar__fill--energy{background-image:var(--pack-bar-energy)}.bar__fill--xp{background-image:var(--pack-bar-xp)}.hud-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 var(--pe-stroke) var(--pe-space-1) var(--pe-ink-950);background:0 0;border:none}.hud-panel__medallion{filter:drop-shadow(0 var(--pe-space-1) var(--pe-space-2) var(--pe-ink-950))}.meter .bar{border:var(--pe-stroke) solid color-mix(in srgb, var(--pe-paper-100) 55%, transparent);background-color:var(--pe-ink-950);box-shadow:0 var(--pe-stroke) var(--pe-space-1) color-mix(in srgb, var(--pe-ink-950) 80%, transparent);clip-path:polygon(0 0, 100% 0, calc(100% - var(--pe-space-2)) 100%, 0 100%);border-left:none;border-radius:0}.meter__value{color:var(--pe-paper-50);text-shadow:0 0 var(--pe-space-1) var(--pe-ink-950), 0 0 var(--pe-space-half) var(--pe-ink-950)}.meter--energy .meter__value,.meter--xp .meter__value{font-size:var(--pe-size-2xs,.625rem)}.hud-panel__level{border:var(--pe-stroke) solid var(--pe-gold-400);background:var(--pe-ink-950);box-shadow:0 0 var(--pe-space-2) color-mix(in srgb, var(--pe-gold-400) 45%, transparent);color:var(--pe-gold-300);font-family:var(--pe-font-display)}#ui{font-family:var(--pe-font-display)}.item-icon{border-color:#0000;border-image:var(--pack-slot) var(--pack-slot-slice) fill / var(--pack-slot-edge) stretch;box-shadow:none;background:0 0;border-radius:0}.item-icon--empty{filter:brightness(.7)}.skill,.skill:hover:not(:disabled),.skill:disabled{background:var(--pack-skill-ring) center / 100% 100% no-repeat;box-shadow:none;filter:none;border:none}.skill:hover:not(:disabled){filter:brightness(1.2)}.skill:disabled .skill__icon{opacity:.35}.skill__key{border-radius:var(--pe-radius-xs)}.skill__cost{border-radius:var(--pe-radius-xs);background:var(--pe-ink-950);color:var(--pe-blue-300);font-family:var(--pe-font-display)}.skill__cooldown{background:conic-gradient(color-mix(in srgb, var(--pe-ink-950) 78%, transparent) calc(var(--skill-cooldown,0) * 1turn), transparent 0);color:var(--pe-paper-50);font-family:var(--pe-font-display);text-shadow:0 var(--pe-stroke) var(--pe-space-1) var(--pe-ink-950)}.skill-slot__name{color:var(--pe-paper-100);text-shadow:0 var(--pe-stroke) var(--pe-space-1) var(--pe-ink-950)}.avatar{border-color:#0000;position:relative}.avatar:after{content:"";inset:var(--pack-ring-overhang);background:var(--pack-ring) center / 100% 100% no-repeat;position:absolute}:root{--pack-paper:url(/assets/ui/paper.webp);--pack-line-ink:url(/assets/ui/line-ink.webp);--pack-paper-slice:36;--pack-paper-edge:var(--pe-space-5);--pack-light-50:var(--pe-paper-50);--pack-light-100:var(--pe-paper-100);--pack-light-muted:var(--pe-text-muted);--pack-light-soft:var(--pe-text-soft);--pack-light-line:var(--pe-line)}.window,.confirm,.offer,.chest-reward__items{--pe-paper-50:var(--pe-text-dark);--pe-paper-100:var(--pe-text-dark);--pe-text-soft:color-mix(in srgb, var(--pe-text-dark) 78%, transparent);--pe-text-muted:color-mix(in srgb, var(--pe-text-dark) 62%, transparent);--pe-line:color-mix(in srgb, var(--pe-text-dark) 30%, transparent);--pe-line-subtle:color-mix(in srgb, var(--pe-text-dark) 16%, transparent);--general-color-text-secondary:var(--pe-text-soft);--general-color-dimmed-text:var(--pe-text-muted);border-color:#0000;border-image:var(--pack-paper) var(--pack-paper-slice) fill / var(--pack-paper-edge) stretch;box-shadow:none;color:var(--pe-text-dark);background:0 0;border-radius:0}.window .button,.window .item-icon,.window .input,.confirm .button,.offer .button,.chest-reward__items .item-icon{--pe-paper-50:var(--pack-light-50);--pe-paper-100:var(--pack-light-100);--pe-text-muted:var(--pack-light-muted);--pe-text-soft:var(--pack-light-soft);--pe-line:var(--pack-light-line)}.window .item-row,.window .item-row:hover{background:var(--pack-line-ink) bottom / 100% var(--pe-space-half) no-repeat;border:none;border-radius:0}.window .item-row:hover{background-color:color-mix(in srgb, var(--pe-text-dark) 7%, transparent)}.window .divider,.confirm .divider{background-image:var(--pack-line-ink)}:root{--pack-menu-bg:url(/assets/ui/menu-bg.webp)}.screen{background:radial-gradient(ellipse at center, transparent 35%, var(--pe-ink-950) 100%), var(--pack-menu-bg) center / cover no-repeat, var(--pe-ink-950)}.input,.character-card,.hall-list__hall,.item-row,.announce,.chest-reward__item .item-icon{border-radius:0}.input{border-color:var(--pe-line);background:color-mix(in srgb, var(--pe-ink-950) 55%, transparent);box-shadow:inset 0 var(--pe-stroke) var(--pe-space-1) color-mix(in srgb, var(--pe-ink-950) 70%, transparent)}.character-card,.item-row,.hall-list__hall{border-color:var(--pe-line-subtle);background:color-mix(in srgb, var(--pe-ink-950) 35%, transparent)}.character-card:hover,.hall-list__hall:hover:not(:disabled){border-color:var(--pe-gold-400);background:color-mix(in srgb, var(--pe-ink-950) 55%, transparent)}.confirm,.chest-reward{font-family:var(--pe-font-display)}:root{--pack-title:url(/assets/ui/title.webp)}.window__title,.panel__title{width:fit-content;min-width:50%;max-width:100%;padding:1.2lh var(--pe-space-6) .3lh;box-sizing:border-box;background:var(--pack-title) center / 100% 100% no-repeat;text-align:center;color:var(--pack-light-50)}.confirm .panel__title,.confirm .window__title{color:var(--pack-light-50)}:root{--pack-close:url(/assets/ui/icon-close.webp)}.close-button{background:var(--pack-close) center / 75% 75% no-repeat;transition:filter var(--pe-motion);border:none}.close-button:hover{filter:brightness(1.25)}.close-button:focus-visible{outline-color:var(--pe-gold-300)}:root{--pack-tab:url(/assets/ui/tab.webp)}.chat__tab,.chat__tab:hover,.chat__tab[aria-selected=true]{background:50%/100% 100% no-repeat;border-color:#0000;border-radius:0}.chat__tab[aria-selected=true],.chat__tab:hover{background-image:var(--pack-tab);color:var(--pe-paper-50)}.chat__tab:hover:not([aria-selected=true]){color:var(--pe-paper-100);filter:opacity(.75)}:root{--pack-ok:url(/assets/ui/icon-ok.webp);--pack-plus:url(/assets/ui/icon-plus.webp);--pack-banner:url(/assets/ui/banner.webp)}.button__mark{background:50%/contain no-repeat}.button__mark--ok{background-image:var(--pack-ok)}.button__mark--close{background-image:var(--pack-close)}.button__mark--plus{background-image:var(--pack-plus)}.announce{padding:var(--pe-space-6) var(--pe-space-8);background:var(--pack-banner) center / 100% 100% no-repeat;box-shadow:none;color:var(--pe-paper-50);font-size:var(--pe-size-md);text-shadow:0 var(--pe-stroke) var(--pe-space-1) var(--pe-ink-950);border:none}:root{--pack-arrow:url(/assets/ui/icon-arrow.webp);--pack-bar-green:url(/assets/ui/bar-green.webp)}.hall-list__name{color:var(--pe-paper-100)}.hall-list__arrow{background:var(--pack-arrow) center / contain no-repeat}.bar__fill--hall{background-image:var(--pack-bar-green)}.hall-list__hall:disabled{filter:grayscale(.7)}.hall-list__hall:disabled .hall-list__arrow{visibility:hidden}.chest-reward__title{padding:var(--pe-space-4) var(--pe-space-10);background:var(--pack-banner) center / 100% 100% no-repeat;color:var(--pack-light-50)}.chest-reward__details{color:var(--pe-text-soft)}@font-face{font-family:Ruslan Display;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ruslan-display-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ruslan Display;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ruslan-display-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pack-font-title:"Ruslan Display", var(--pe-font-display)}.panel__title,.window__title,.chest-reward__title{font-family:var(--pack-font-title);font-weight:var(--font-weight-normal)}:root{--pack-down:url(/assets/ui/icon-down.webp);--pack-brush-red:url(/assets/ui/brush-red.webp);--pack-glint:url(/assets/ui/bar-glint.webp)}#ui *,.confirm,.chest-reward{scrollbar-width:thin;scrollbar-color:var(--pe-line) transparent}select.input{padding-right:var(--pe-space-8);appearance:none;background:var(--pack-down) right var(--pe-space-3) center / var(--pe-space-3) auto no-repeat, color-mix(in srgb, var(--pe-ink-950) 55%, transparent)}.message--error{padding:var(--pe-space-2) var(--pe-space-4);background:var(--pack-brush-red) center / 100% 100% no-repeat;color:var(--pack-light-50);border-left:none}.bar__fill:after{background:var(--pack-glint) center / 100% 100% no-repeat}.setting__slider{accent-color:var(--pe-text-dark)}