@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;font-family:Open Sans,sans-serif;background:var(--color-7);color:var(--color-1);overflow-x:hidden}body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:none}button,.nav-item{-webkit-user-select:none;user-select:none}button,a,[role=button]{min-height:44px;min-width:44px}*:focus{outline:2px solid var(--color-orange);outline-offset:2px}.web-content{scrollbar-width:none;-ms-overflow-style:none}.web-content::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}@supports (padding: max(0px)){body{padding-bottom:env(safe-area-inset-bottom)}}*{touch-action:manipulation}*{-webkit-tap-highlight-color:rgba(255,165,0,.2)}@media (min-width: 1024px){body{font-size:16px}button,a,[role=button]{min-height:36px;min-width:36px}.nav-item{-webkit-user-select:auto;user-select:auto}.web-content{scrollbar-width:thin;-ms-overflow-style:auto}.web-content::-webkit-scrollbar{display:block;width:8px}.web-content::-webkit-scrollbar-track{background:var(--color-6)}.web-content::-webkit-scrollbar-thumb{background:var(--color-4);border-radius:4px}.web-content::-webkit-scrollbar-thumb:hover{background:var(--color-3)}}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-2)}.error{color:var(--color-red);text-align:center;padding:20px}:host.battlegrounds-theme,.battlegrounds-theme{--window-background-image-backup: rgba(30, 1, 22, 1);--window-background-image: radial-gradient(30vw at 50% 50%, rgba(94, 11, 70, .7) 0%, rgba(30, 1, 22, 1) 100%), url(https://static.zerotoheroes.com/hearthstone/asset/firestone/images/backgrounds/battlegrounds.jpg);--color-1: var(--bgs-color-1, #dfb3d3);--color-2: var(--bgs-color-2, #ce73b4);--color-3: var(--bgs-color-3, #841063);--color-4: var(--bgs-color-4, #5f0b47);--color-5: var(--bgs-color-5, #40032e);--color-6: var(--bgs-color-6, #a89782);--color-7: var(--bgs-color-7, #1e0116);--color-8: var(--bgs-color-8, #cb9fd7);--color-9: var(--bgs-color-9, #39122e);--color-common-1: #d9c3ab;--color-common-2: #ffb948;--ad-link-color: var(--color-2);--on-ad-link-color-hover: var(--color-1);--main-menu-background-color: var(--color-7);--window-outline-color: #5f0b47;--default-text-color: #d9c3ab;--default-text-color-bright: #f3dcc3;--default-title-color: var(--color-common-2);--secondary-text-color: var(--color-3);--menu-selection-color: var(--color-3);--on-menu-selection-color: var(--color-common-2);--menu-bar-bottom-border-color: var(--color-4);--tooltip-background-color: var(--color-3);--tooltip-color: var(--color-1);--ads-background-color: #190505;--ads-color: var(--color-7);--control-button-color: var(--color-1);--on-control-button-background-color: var(--color-4);--on-close-button-color: var(--color-7);--on-close-button-background-color: var(--color-1);--fs-scrollbar-thumb-color: var(--color-3);--on-fs-scrollbar-thumb-color: var(--color-2);--toggle-color-border: var(--color-1);--toggle-color-knob: var(--color-1);--confirmation-text-color: var(--color-1);--on-confirmation-text-color: var(--color-5);--on-confirmation-button-background-color: var(--color-1);--variable-title-font-size: 13px;--variable-title-font-size-big: 20px;--popup-background-image: radial-gradient(340px at 50% 50%, rgba(94, 11, 70, .7) 0%, rgba(43, 24, 39, .7) 100%), url(https://static.zerotoheroes.com/hearthstone/asset/firestone/images/backgrounds/bg_popup.png);--confirmation-backdrop-color: var(--color-7);--card-highlight-color-1: rgba(255, 185, 72, .4);--card-highlight-color-2: rgba(72, 255, 231, .4);--card-highlight-color-3: rgba(255, 72, 157, .4);--card-highlight-color-4: rgba(127, 72, 255, .4)}:host.general-theme,.general-theme{--window-background-image: url(https://static.zerotoheroes.com/hearthstone/asset/firestone/images/backgrounds/home-screen-bg.png);--window-outline-color: #472406;--color-1: #ffb948;--color-2: #d9c3ab;--color-3: #d9c3ab;--color-4: #a89782;--color-5: #190505;--color-7: #472406;--color-common-1: #d9c3ab;--ad-link-color: var(--color-3);--on-ad-link-color-hover: var(--color-1);--default-text-color: #d9c3ab;--default-title-color: var(--color-1);--inactive-link-color: #a89782;--secondary-text-color: var(--color-3);--menu-selection-color: #8e5b23;--backdrop-color: rgba(25, 5, 5, .8);--ftue-popup-background-color: #472406;--tooltip-background-color: #a89782;--tooltip-color: var(--color-7);--ads-background-color: var(--color-5);--ads-color: rgba(47, 13, 13, .8);--main-menu-background-color: var(--color-7);--control-button-color: #d9c3ab;--on-control-button-background-color: #472406;--on-close-button-color: #d9c3ab;--on-close-button-background-color: #2f0d0d;--fs-scrollbar-thumb-color: var(--color-4);--on-fs-scrollbar-thumb-color: #d9c3ab;--toggle-color-border: var(--color-1);--toggle-color-knob: var(--color-1);--card-highlight-color-1: rgba(255, 185, 72, .4);--card-highlight-color-2: rgba(72, 255, 231, .4);--card-highlight-color-3: rgba(255, 72, 157, .4);--card-highlight-color-4: rgba(127, 72, 255, .4)}