@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}.premium-page{width:100%;max-width:880px;margin:0 auto 56px;color:var(--default-text-color);line-height:1.55}.premium-page .hero-banner{text-align:center;padding:20px 16px 36px;margin:-8px -12px 32px;border-radius:0 0 16px 16px;border-bottom:1px solid rgba(233,205,181,.2);background:radial-gradient(ellipse 80% 120% at 50% -20%,rgba(255,185,72,.12),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%)}.premium-page .hero-title{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--default-title-color);letter-spacing:.02em}.premium-page .hero-subtitle{margin:0 auto 24px;max-width:640px;font-size:1.05rem;color:var(--default-text-color-bright)}.premium-page .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.premium-page .hero-note{margin:0 auto;max-width:520px;font-size:.9rem;color:var(--color-3)}.premium-page .panel{margin-bottom:28px}.premium-page .section-title{margin:0 0 14px;font-size:1.35rem;font-weight:600;color:var(--default-title-color)}.premium-page .lead{margin:0 0 12px;color:var(--default-text-color-bright)}.premium-page .summary-panel{background:#ffb9480f;border:1px solid rgba(255,185,72,.28);border-radius:14px;padding:22px 24px;box-shadow:0 4px 24px #0000002e}.premium-page .free-tier-panel{background:#00000047;border:1px dashed rgba(233,205,181,.22);border-radius:14px;padding:22px 24px}.premium-page .checklist,.premium-page .free-tier-list{margin:0;padding-left:1.2rem}.premium-page .checklist li{margin-bottom:10px;padding-left:4px}.premium-page .checklist li::marker{color:var(--color-orange, #ffb948)}.premium-page .free-tier-list li{margin-bottom:8px}.premium-page .mode-section{--section-accent: var(--default-title-color);--icon-secondary-color: #6a4a28;margin-bottom:26px;padding:22px 22px 24px;border-radius:16px;border:1px solid rgba(233,205,181,.1);border-left:4px solid var(--section-accent);background:linear-gradient(145deg,#ffffff0d,#00000038);box-shadow:0 6px 28px #00000038}.premium-page .mode-section.section-battlegrounds{--section-accent: #6fb89a;--icon-secondary-color: #3d6b52;background:linear-gradient(145deg,#6fb89a24,#0000003d)}.premium-page .mode-section.section-constructed{--section-accent: #6aa8cf;--icon-secondary-color: #3a5f7a;background:linear-gradient(145deg,#6aa8cf24,#0000003d)}.premium-page .mode-section.section-arena{--section-accent: #e8b04a;--icon-secondary-color: #8a5a18;background:linear-gradient(145deg,#e8b04a24,#0000003d)}.premium-page .mode-section.section-collection{--section-accent: #b8a3e8;--icon-secondary-color: #5e4a8a;background:linear-gradient(145deg,#b8a3e824,#0000003d)}.premium-page .mode-section.section-general{--section-accent: #d9786c;--icon-secondary-color: #8a3d38;background:linear-gradient(145deg,#d9786c24,#0000003d)}.premium-page .mode-section-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.premium-page .mode-section-header .section-title{margin:0;flex:1}.premium-page .mode-section-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;--icon-color: var(--section-accent)}.premium-page .mode-section-icon svg{width:100%;height:100%;object-fit:contain}.premium-page .feature-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.premium-page .feature-list-item{position:relative;margin:0;padding:11px 12px 11px 36px;background:#00000038;border-radius:10px;border:1px solid rgba(233,205,181,.07);font-size:.95rem;display:flex;flex-direction:column;gap:0;align-items:stretch}.premium-page .feature-list-item:before{content:"";position:absolute;left:14px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--section-accent);box-shadow:0 0 0 2px #ffb94833}.premium-page .feature-list-text{display:block}.premium-page .feature-item-screenshots{margin-top:14px;display:flex;flex-direction:column;gap:14px}.premium-page .premium-screenshot-carousel{margin:0;padding:12px 10px 14px;border-radius:12px;border:1px solid rgba(233,205,181,.14);background:#00000047;box-shadow:0 4px 20px #0003;outline:none}.premium-page .premium-screenshot-carousel:focus-visible{box-shadow:0 0 0 2px var(--default-title-color)}.premium-page .premium-screenshot-carousel-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 12px;margin-bottom:12px;padding:0 4px}.premium-page .premium-screenshot-carousel-counter{font-size:.9rem;font-weight:700;letter-spacing:.04em;color:var(--default-title-color)}.premium-page .premium-screenshot-carousel-hint{font-size:.8rem;color:var(--color-3)}.premium-page .premium-screenshot-carousel-row{display:flex;flex-direction:row;align-items:stretch;gap:8px}.premium-page .premium-screenshot-carousel-arrow{flex-shrink:0;align-self:center;width:28px;min-width:28px;height:32px;margin:0;padding:0;border:1px solid rgba(233,205,181,.22);border-radius:6px;background:#00000059;color:var(--default-title-color);font-size:1.1rem;line-height:1;cursor:pointer;font-family:inherit}.premium-page .premium-screenshot-carousel-arrow:hover{background:#ffffff14;color:var(--default-title-color)}.premium-page .premium-screenshot-carousel-arrow:focus-visible{outline:2px solid var(--default-title-color);outline-offset:2px}.premium-page .premium-screenshot-carousel-figure{flex:1;min-width:0;margin:0}.premium-page .premium-screenshot{margin:0;padding:0;border-radius:12px;overflow:hidden;border:1px solid rgba(233,205,181,.12);background:#00000059;box-shadow:0 4px 20px #00000040}.premium-page .premium-screenshot-trigger{display:block;width:100%;margin:0;padding:0;border:none;border-radius:0;background:transparent;cursor:zoom-in;font:inherit;color:inherit;text-align:left}.premium-page .premium-screenshot-trigger:focus-visible{outline:2px solid var(--section-accent, var(--default-title-color));outline-offset:2px}.premium-page .premium-screenshot-img{display:block;width:100%;max-width:100%;height:auto}.premium-page .premium-screenshot-video{display:block;width:100%;max-width:100%;height:auto;background:#000}.premium-page .premium-screenshot figcaption{padding:10px 14px 12px;font-size:.88rem;color:var(--default-text-color-bright);border-top:1px solid rgba(255,255,255,.06);background:#0003}.premium-page .premium-lightbox{--premium-lightbox-pad-x: 12px;--premium-lightbox-pad-top: 52px;--premium-lightbox-pad-bottom: 12px;position:fixed;inset:0;z-index:10000;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:var(--premium-lightbox-pad-top) var(--premium-lightbox-pad-x) var(--premium-lightbox-pad-bottom);background:#000000e0;cursor:zoom-out}.premium-page .premium-lightbox-close{position:absolute;top:12px;right:12px;z-index:10001;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#0000008c;color:var(--default-title-color);font-size:1.75rem;line-height:1;cursor:pointer;font-family:inherit}.premium-page .premium-lightbox-close:hover{background:#ffffff1f}.premium-page .premium-lightbox-close:focus-visible{outline:2px solid var(--default-title-color);outline-offset:2px}.premium-page .premium-lightbox-scroll{overflow:auto;box-sizing:border-box;width:100%;max-width:calc(100vw - 2 * var(--premium-lightbox-pad-x));max-height:calc(100dvh - var(--premium-lightbox-pad-top) - var(--premium-lightbox-pad-bottom));min-height:0;-webkit-overflow-scrolling:touch;cursor:default;display:flex;align-items:center;justify-content:center}.premium-page .premium-lightbox-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - var(--premium-lightbox-pad-top) - var(--premium-lightbox-pad-bottom));object-fit:contain}.premium-page .subscribe-panel{background:linear-gradient(180deg,#42290f8c,#19050573);border:2px solid rgba(255,185,72,.35);border-radius:16px;padding:26px 24px 28px;box-shadow:0 8px 32px #00000059}.premium-page .subscribe-title{margin-bottom:20px;font-size:1.45rem}.premium-page .timeline-steps{list-style:none;margin:0 0 24px;padding:0;counter-reset:premium-step}.premium-page .timeline-steps li{position:relative;margin:0 0 20px;padding-left:52px;min-height:36px;counter-increment:premium-step}.premium-page .timeline-steps li:before{content:counter(premium-step);position:absolute;left:0;top:0;width:34px;height:34px;line-height:30px;text-align:center;font-weight:700;font-size:.9rem;color:var(--default-title-color);background:var(--color-6, #42290f);border:2px solid rgba(255,185,72,.5);border-radius:50%;box-sizing:border-box}.premium-page .timeline-steps li:last-child{margin-bottom:0}.premium-page .step-text{display:block;padding-top:4px}.premium-page .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;font-family:inherit;cursor:pointer;border:2px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease}.premium-page .button.primary{background:var(--color-6, #42290f);color:var(--default-title-color);border-color:#ffb94873}.premium-page .button.primary:hover{background:var(--color-8, #a1723f);color:var(--color-5)}.premium-page .button.secondary{background:#ffffff0f;color:var(--color-1);border-color:#ffffff26}.premium-page .button.secondary:hover{background:#ffffff1a;color:var(--default-text-color-bright)}.premium-page .closing-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.premium-page .text-link{color:var(--default-title-color);text-decoration:underline;text-underline-offset:3px}.premium-page .text-link:hover{color:var(--default-text-color-bright)}@media (min-width: 640px){.premium-page .feature-list{grid-template-columns:1fr 1fr;gap:12px 18px}}@media (max-width: 767px){.premium-page .hero-banner{margin-left:-10px;margin-right:-10px;padding-left:12px;padding-right:12px}.premium-page .hero-ctas{flex-direction:column;align-items:stretch}.premium-page .button{width:100%}}: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);--bgs-simulation-widget-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);--bgs-session-widget-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);--bgs-minions-list-widget-background-image: radial-gradient(50% 50% 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/bg_tier_list.png)}: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)}
