*,:before,:after{box-sizing:border-box}@font-face{font-family:Friz Quadrata;src:url(/warcraft-ui/fonts/FRIZQT__.TTF)format("truetype");font-weight:600;font-style:normal;font-display:swap}html,body,#root{width:100%;height:100%;margin:0}body{color:#fff;background:#07070f;font-family:Friz Quadrata,Palatino Linotype,Book Antiqua,Palatino,serif}:root{--card-bg:#111118;--card-border:#223;--wc3-white:#fff;--wc3-gold:#fcd312;--wc3-dark-gold:#cca300;--wc3-game-cursor:auto}body,body *{cursor:var(--wc3-game-cursor)!important}.wc3-scene{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E"),radial-gradient(130% 45% at 50% 0,#000000b8 0%,#0000 65%),radial-gradient(130% 45% at 50% 100%,#000000a6 0%,#0000 60%),radial-gradient(55% 70% at -8% 55%,#5a260852 0%,#0000 68%),radial-gradient(65% 50% at 12% 0,#121c5561 0%,#0000 72%),radial-gradient(85% 65%,#0e0926a6 0%,#0000 75%),radial-gradient(55% 80% at 108% 42%,#08163a6b 0%,#0000 68%),radial-gradient(50% 40% at 85% 100%,#061c0c4d 0%,#0000 60%),linear-gradient(162deg,#120e22 0%,#08080f 32%,#0b0a16 62%,#0e0c1e 100%);background-size:512px 512px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed;min-height:100vh;position:relative;overflow:hidden auto}.wc3-scene:before{content:"";pointer-events:none;z-index:0;will-change:transform, opacity;background:radial-gradient(110% 45% at 50% 62%,#160c344d 0%,#0000 70%),radial-gradient(70% 30% at 18% 78%,#0c200c2e 0%,#0000 58%);animation:16s ease-in-out infinite alternate wc3-fog-a;position:fixed;inset:-10%}.wc3-scene:after{content:"";pointer-events:none;z-index:0;will-change:transform, opacity;background:radial-gradient(95% 38% at 72% 28%,#2a084838 0%,#0000 65%),radial-gradient(65% 28% at 28% 42%,#081c3e33 0%,#0000 55%);animation:22s ease-in-out infinite alternate-reverse wc3-fog-b;position:fixed;inset:-10%}@keyframes wc3-fog-a{0%{opacity:.55;transform:translate(0%)scale(1)}to{opacity:1;transform:translate(2%,-3.5%)scale(1.06)}}@keyframes wc3-fog-b{0%{opacity:.65;transform:translate(-1.5%,2%)scale(1.04)}to{opacity:.95;transform:translate(1%,-1%)scale(1)}}.wc3-scene>*{z-index:1;position:relative}.demo-site-logo{justify-content:center;padding:24px 16px 0;display:flex}.demo-site-logo img{width:100%;max-width:420px;height:auto;display:block}.demo-race-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px 16px 6px;display:flex}.demo-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px 28px;max-width:1280px;margin:0 auto;padding:16px 32px 48px;display:grid}.demo-col{flex-direction:column;gap:16px;min-width:0;display:flex}.demo-hero-wrap{width:100%;max-width:390px}.demo-worker-wrap{aspect-ratio:3/5;width:100%;position:relative}.demo-radio-group{flex-direction:column;gap:4px;display:flex}.demo-btn-stack{flex-direction:column;gap:8px;display:flex}.demo-btn-row{flex-wrap:wrap;gap:6px;display:flex}.demo-center{align-items:center}.demo-panel-text{color:#fcd312;width:100%;font-family:Friz Quadrata,serif;font-size:13px}@media (width<=960px){.demo-grid{grid-template-columns:repeat(2,1fr);gap:20px 24px;padding:16px 24px 40px}}@media (width<=768px){.demo-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:12px 16px 32px}.demo-race-bar{gap:6px;padding:10px 12px 4px}}@media (width<=520px){.demo-grid{grid-template-columns:1fr;gap:20px;padding:12px 14px 32px}}.glue-screen-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.glue-small-button{cursor:pointer;width:146px;height:40px;color:var(--wc3-gold);text-shadow:1px 1px #000000f2;background:0 0;border:none;padding:0;font-family:inherit;font-size:.95rem;position:relative}.glue-small-button:disabled{cursor:default}.glue-small-button>span{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.glue-screen-button{cursor:pointer;height:42px;color:var(--wc3-gold,#fcd312);text-shadow:1px 1px #000000f2;background:0 0;border:none;padding:0;font-family:Friz Quadrata,serif;font-size:.95rem;position:relative}.glue-screen-button:disabled{cursor:default;color:gray}.glue-screen-button>span{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.menu-button-showcase{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.menu-button-shell{width:290px;height:85px;position:relative;overflow:hidden}.menu-button-frame{width:340px;height:100%;position:absolute;top:0;left:-50px}.menu-button-inner{cursor:pointer;color:var(--wc3-gold);text-shadow:1px 1px #000000f2;background:0 0;border:none;padding:0;font-family:inherit;font-size:1.02rem;position:absolute;inset:25.8% 5.5% 25.8% 12.5%}.menu-button-inner--single{inset:24.4% 14.66% 27.15% 12.5%}.menu-button-bg,.menu-button-border,.menu-button-highlight{position:absolute;inset:0}.menu-button-bg{background-repeat:repeat;background-size:32px 32px}.menu-button-border{background-repeat:no-repeat;background-size:100% 100%}.menu-button-highlight{mix-blend-mode:screen;background-repeat:no-repeat;background-size:100% 100%;transition:opacity 80ms linear}.menu-button-label{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.button-hotkey{color:var(--wc3-white)}.menu-button-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.campaign-button{cursor:pointer;height:42px;color:var(--wc3-gold,#fcd312);text-shadow:1px 1px #000000f2;background:0 0;border:none;padding:0;font-family:Friz Quadrata,serif;font-size:.95rem;position:relative}.campaign-button:disabled{cursor:default;color:gray}.campaign-button>span{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.popup-trigger-anchor{display:inline-block;position:relative}.popup-trigger-button{cursor:pointer;background:0 0;border:none;align-items:center;width:100%;min-width:180px;height:36px;padding:0;display:flex;position:relative}.popup-trigger-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.popup-title-text{z-index:2;text-align:left;color:var(--wc3-gold,#fcd312);text-shadow:1px 1px #000000f2;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 28px 0 10px;font-family:Friz Quadrata,serif;font-size:.85rem;position:relative;overflow:hidden}.popup-arrow-icon{z-index:2;width:16px;height:16px;image-rendering:pixelated;pointer-events:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.popup-menu-demo{z-index:10;padding:15px;position:absolute;top:100%;left:0;right:0}.popup-menu-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.popup-menu-option{z-index:1;width:100%;color:var(--wc3-gold,#fcd312);text-shadow:1px 1px #000000f2;cursor:pointer;white-space:nowrap;padding:4px 10px;font-family:Friz Quadrata,serif;font-size:.85rem;position:relative}.popup-menu-option:hover{color:#fff;background:#fcd3121f}.popup-menu-option.selected{color:#fff;background:#fcd31233}.glue-scrollbar-demo{flex-direction:column;flex-shrink:0;align-items:stretch;width:20px;display:flex}.glue-scroll-arrow{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.glue-scroll-arrow img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.glue-scroll-track{flex:1;min-height:0;position:relative}.glue-scroll-track-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glue-scroll-thumb{pointer-events:none;width:16px;height:16px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;left:50%;transform:translate(-50%,-50%)}.glue-scroll-track input[type=range]{opacity:0;cursor:pointer;-webkit-appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.wc-listbox{align-items:stretch;display:flex}.wc-listbox-body{flex:1;min-width:0;position:relative;overflow:hidden}.wc-listbox-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.wc-listbox-mask{z-index:2;position:absolute;inset:16px;overflow:hidden}.wc-listbox-items{scrollbar-width:none;padding:2px 0;position:absolute;inset:0;overflow-y:scroll}.wc-listbox-items::-webkit-scrollbar{display:none}.wc-listbox-item{color:var(--wc3-gold,#fcd312);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;padding:3px 10px;font-family:Friz Quadrata,serif;font-size:14px;overflow:hidden}.wc-listbox-item:hover{color:#fff;background:#ffffff14}.wc-listbox-item--selected{color:#fff;background:#fcd3122e}.wc-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:8px;display:inline-flex}.wc-checkbox-visual{flex-shrink:0;width:20px;height:20px;display:inline-block}.wc-checkbox-label{color:var(--wc3-gold,#fcd312);text-shadow:1px 1px 2px #000;font-family:Friz Quadrata,serif;font-size:14px}.wc-checkbox:hover .wc-checkbox-label{color:#fff}.wc-checkbox--disabled{cursor:default;pointer-events:none;opacity:.6}.wc-checkbox:focus-visible{outline:1px solid var(--wc3-gold,#fcd312);outline-offset:2px}.wc-radio{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:8px;display:inline-flex}.wc-radio-visual{flex-shrink:0;width:20px;height:20px;display:inline-block}.wc-radio-label{color:var(--wc3-gold,#fcd312);text-shadow:1px 1px 2px #000;font-family:Friz Quadrata,serif;font-size:14px}.wc-radio:hover .wc-radio-label{color:#fff}.wc-radio:focus-visible{outline:1px solid var(--wc3-gold,#fcd312);outline-offset:2px}.wc-slider-row{align-items:center;gap:10px;display:flex}.wc-slider-label{color:var(--wc3-gold,#fcd312);text-shadow:1px 1px 2px #000;white-space:nowrap;min-width:6ch;font-family:Friz Quadrata,serif;font-size:14px}.wc-slider{cursor:pointer;touch-action:none;flex:1;height:28px;overflow:visible}.wc3-editbox{height:46px;display:block;position:relative}.wc3-editbox input{z-index:2;color:#f6f8ff;box-sizing:border-box;background:0 0;border:none;border-radius:10px;outline:none;width:100%;height:100%;padding:0 12px;font-family:Friz Quadrata,serif;font-size:14px;position:relative}.esc-option-preview{cursor:pointer;width:208px;height:40px;color:var(--wc3-gold);text-shadow:1px 1px #000000f2;background:0 0;border:none;padding:0;font-family:inherit;font-size:.92rem;position:relative}.esc-option-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.esc-option-label{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.esc-option-label-disabled{color:gray}.esc-option-preview:disabled{cursor:default}.wc3-editbox--bnet{height:44px;padding:10px}.hero-portrait{aspect-ratio:130/160;width:100%;max-width:390px;position:relative}.hero-portrait__window{z-index:1;background:#000;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-portrait__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-portrait__frame{object-fit:fill;pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.worker-unit{bottom:calc(-44px - var(--footer-worker-y-offset,0px));pointer-events:none;z-index:20;width:clamp(138px,12.1vw,186px);height:clamp(250px,21vw,332px);position:absolute}.worker-unit--left{left:clamp(0px,.9vw,18px)}.worker-unit--right{right:clamp(0px,.9vw,18px);transform:scaleX(-1)}.wc-time-indicator{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wc-hud-bar{pointer-events:none;width:100%;display:flex}.wc-hud-bar img{image-rendering:auto;height:auto;display:block}.wc-hud-tile-01{width:32vw}.wc-hud-tile-02{width:10.875vw}.wc-hud-tile-03{width:32vw;margin-left:auto}.wc-hud-tile-04{width:4vw}.wc-resources{align-items:center;gap:14px;display:flex}.wc-resource-slot{align-items:center;gap:2px;display:flex}.wc-resource-icon{flex-shrink:0;width:24px;height:24px;display:inline-block}.wc-res-value{color:var(--wc3-gold,#fcd312);text-align:right;text-shadow:1px 1px 2px #000;white-space:nowrap;min-width:3ch;font-family:Friz Quadrata,serif;font-size:13px}.wc-upkeep-text{text-shadow:1px 1px 2px #000;margin-left:-6px;font-family:Friz Quadrata,serif;font-size:11px}.wc-upkeep-green{color:#00c000}.wc-tooltip{color:#f6f8ff;pointer-events:none;padding:8px 10px;font-size:.82rem;line-height:1.35;position:relative}.wc-tt-content{z-index:100;align-items:flex-start;gap:8px;display:flex;position:relative}.wc-tt-icon{border:1px solid #c8a44e66;flex-shrink:0;align-items:center;display:flex}.wc-tt-body{flex:1;min-width:0}.command-card-preview{flex-direction:column;align-items:center;gap:10px;display:flex}.command-card-grid{gap:6px;padding:0;display:grid}.command-card-cell{position:relative}.cmd-btn{cursor:pointer;background:0 0;border:none;padding:0;font-family:Friz Quadrata,Palatino Linotype,Book Antiqua,Palatino,serif;display:block;position:relative}.cmd-btn:focus-visible{outline-offset:1px;outline:1px solid #f0d775}.cmd-btn-canvas{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block;position:absolute;inset:0}.cmd-btn-hotkey{z-index:5;color:#fed312;text-shadow:1px 1px 2px #000000f2,-1px -1px 1px #0009;pointer-events:none;font-size:.72rem;font-weight:700;line-height:1;position:absolute;bottom:3px;right:3px}.cmd-btn-empty{cursor:default}.cmd-btn--passive{opacity:.9}.cmd-btn--levelup .cmd-btn-hotkey{color:#ffd843}.cmd-btn--pressed{transform:translate(1px,1px)}.cmd-btn--pressed .cmd-btn-canvas{filter:brightness(.7)}.cmd-btn-tooltip{z-index:100;pointer-events:none;width:max-content;max-width:280px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.wc-bar-row{align-items:center;gap:8px;display:flex}.wc-bar-label{color:#c8a44e;white-space:nowrap;font-size:.78rem}.wc-stat-bar{flex:1;position:relative;overflow:hidden}.wc-bar-text{color:#f6f8ff;text-shadow:1px 1px #000000f2;pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:.74rem;line-height:1;display:flex;position:absolute;inset:0}.loading-bar-composite{aspect-ratio:8.007;width:min(100%,640px);height:auto;max-height:80px;position:relative;overflow:visible}.loading-bar-composite .lb-track{position:absolute;overflow:hidden}.loading-bar-composite .lb-bg{image-rendering:auto;background-repeat:repeat-x;background-size:auto 100%;width:100%;height:100%;position:absolute;inset:0}.loading-bar-composite .lb-fill{image-rendering:auto;will-change:width;background-repeat:repeat-x;background-size:auto 100%;width:0%;transition:width 90ms linear;position:absolute;top:0;bottom:0;left:0}.loading-bar-composite .lb-border,.loading-bar-composite .lb-glass{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.loading-bar-composite .lb-border{z-index:1}.loading-bar-composite .lb-glass{z-index:2;opacity:1}.loading-bar-composite .lb-glow{object-fit:fill;z-index:4;mix-blend-mode:screen;mix-blend-mode:plus-lighter;pointer-events:none;transition:width 90ms linear,opacity 90ms linear;display:block;position:absolute}.loading-bar-composite .lb-text{z-index:5;color:#f6f8ff;text-shadow:1px 1px #000000f2;pointer-events:none;justify-content:center;align-items:center;font-size:.78rem;line-height:1;display:flex;position:absolute;inset:0}.wc-menu-panel{border-radius:4px;padding:15px;position:relative}.wc-hero-gallery{flex-wrap:wrap;gap:12px;display:flex}.wc-hero-group-label{color:#c8a44e;width:100%;margin-top:8px;font-size:.9rem;font-weight:700}.wc-hero-card{flex-direction:column;align-items:center;gap:4px;width:120px;display:flex}.wc-hero-card img{width:100%;height:auto;display:block}.wc-hero-name{color:#f6f8ff;text-align:center;font-size:.78rem}.wc-hero-lore{color:#999;text-align:center;font-size:.68rem}.wc3-section{flex-direction:column;gap:8px;display:flex}.wc3-section-title{color:#c8a44e;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px #000;border-bottom:1px solid #c8a44e40;width:100%;padding-bottom:4px;font-family:Friz Quadrata,serif;font-size:13px;font-weight:700}.wc3-heading{color:var(--wc3-gold,#fcd312);text-shadow:0 0 6px #fcd3124d,1px 1px 2px #000,2px 2px 4px #0009;align-items:center;gap:8px;margin:0;font-family:Friz Quadrata,Palatino Linotype,Book Antiqua,Palatino,serif;line-height:1.3;display:flex}.wc3-heading--1{letter-spacing:1.5px;border-bottom:2px solid #c8a44e59;padding-bottom:8px;font-size:28px}.wc3-heading--2{letter-spacing:1px;border-bottom:1px solid #c8a44e40;padding-bottom:6px;font-size:20px}.wc3-heading--3{letter-spacing:.8px;color:var(--wc3-dark-gold,#cca300);font-size:15px}.wc3-heading--4{letter-spacing:1px;text-transform:uppercase;color:var(--wc3-dark-gold,#cca300);font-size:12px}.wc3-heading__icon{flex-shrink:0;align-items:center;display:inline-flex}.wc-table-wrap{background:#060610e0;border:1px solid #fcd31240;border-radius:3px;overflow:hidden}.wc-table{table-layout:fixed;border-collapse:collapse;color:#d8d0b8;width:100%;font-family:Friz Quadrata,Palatino Linotype,Book Antiqua,Palatino,serif;font-size:13px}.wc-table-thead-row{background:linear-gradient(#1e1606f2 0%,#140e02fa 100%);border-bottom:1px solid #fcd31273}.wc-table-th{color:var(--wc3-gold,#fcd312);letter-spacing:.04em;text-shadow:0 1px 3px #000000e6;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;padding:7px 10px;font-size:12px;font-weight:600;position:relative;overflow:hidden}.wc-table-th--num{color:#fcd31280;text-align:center;width:32px}.wc-table-th-label{z-index:1;position:relative}.wc-table-tr{border-bottom:1px solid #ffffff0a;transition:background .1s;position:relative}.wc-table-tr:last-child{border-bottom:none}.wc-table-tr--hovered{background:#fcd3120f}.wc-table-tr--highlighted{background:#fcd3121a}.wc-table-tr--highlighted.wc-table-tr--hovered{background:#fcd31229}.wc-table-tr:nth-child(2n){background:#ffffff05}.wc-table-tr:nth-child(2n).wc-table-tr--hovered{background:#fcd31212}.wc-table-td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;position:relative;overflow:hidden}.wc-table-td--num{text-align:center;color:#fcd31266;width:32px;font-size:11px}.wc-table-cell-inner{align-items:center;gap:5px;display:inline-flex}.wc-table-cell-text{line-height:1.2}.wc-table-blp-icon{image-rendering:pixelated;flex-shrink:0}.wc-table-res-icon{width:18px;height:18px;image-rendering:pixelated;flex-shrink:0}.wc-table-tooltip-wrap{z-index:200;pointer-events:none;width:max-content;max-width:280px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.wc-table-tooltip-wrap--row{bottom:calc(100% + 6px);left:auto;right:0;transform:none}.wc-table-row-tooltip-cell{pointer-events:none;border:none;padding:0;position:absolute;top:0;right:0}