html{box-sizing:border-box;overflow-x:hidden}*,::after,::before{box-sizing:inherit}body{font-family:Inter,sans-serif;margin:0;padding:0;overflow-x:hidden;min-height:100vh}p{font-size:1em;text-align:center;color:#bdbdbd}a{text-decoration:none}.hidden{display:none!important}.navbar{position:fixed;top:0;left:0;width:100%;height:1.85rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;align-items:center;z-index:900;display:flex;flex-direction:row;pointer-events:auto;user-select:none;background:rgba(0,0,0,.05);backdrop-filter:blur(4px)}.navbar.scrolled{opacity:1;visibility:visible}.navbar-container-buttons{display:flex;width:100%;align-items:center;height:2rem;background:0 0;border:none;box-shadow:none;justify-content:space-between;transition:background .2s,transform .2s;pointer-events:auto}.navbar-container-buttons button{display:flex;letter-spacing:.5px;font-weight:700;font-family:Inter,sans-serif;outline:0;background:0 0;border:none;box-shadow:none;cursor:pointer;border-radius:.25em .25em 0 0;text-decoration:none;color:#fffFFFEE;transition:text-shadow 1s ease-out,box-shadow .4s ease-out}.navbar-container-buttons button:hover{cursor:pointer;color:#fffFFFFF;text-shadow:0 0 4px #fff,0 0 8px #ffd733FF,0 0 16px #ffd733AA;transition:text-shadow .1s ease}.navbar .logo{font-size:1.125em;color:#ffd733AA;letter-spacing:.03em}.navbar .logo:hover{color:#ffd733FF}.navbar-container-buttons-right{display:flex;gap:1rem}.navbar-container-buttons-right button{font-size:1.125em;color:#ffd733AA}.navbar-container-buttons-right button:hover{color:#ffd733FF}@media (max-width:600px){.navbar{height:1.75rem;padding-left:.5em;padding-right:.5em}.navbar-container-buttons{font-size:1rem;justify-content:space-between;padding:0;font-size:.9em}}.game-window-container{width:100%;height:100%;position:absolute;overflow:hidden;user-select:none;inset:0;z-index:1}#game-vfx-container,#game-vfx-layer{position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none!important;z-index:10}.game-unit-ui-layer{width:100%;min-height:40%;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:400;margin-bottom:8%}.game-unit-overhead-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:4px;width:100%;min-height:77%;margin-bottom:8%}.overhead-icon{height:100%;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(50,50,50,.3);background-size:cover;position:relative;box-shadow:0 0 8px rgba(111,111,111,.5);display:flex;justify-content:center;align-items:center;flex-shrink:0;min-width:0;min-height:0;z-index:400}.overhead-icon::after{content:attr(data-stacks);color:gold;text-shadow:1px 1px 2px #000;font-size:2.25em;line-height:1;text-align:center;font-weight:900;font-family:'Arial Black',sans-serif;pointer-events:none;padding:2px;display:block;width:100%;color:gold;text-shadow:1px 1px 2px #000;z-index:401}.game-unit-hp-bar-container{display:block;width:90%;background:rgba(5,5,5,.6);margin:2px auto;overflow:hidden;position:relative;border-radius:.15em;box-sizing:border-box;pointer-events:none;min-height:clamp(4px,16%,32px);z-index:400;position:relative;background:rgba(0,0,0,.5);overflow:hidden;outline:1px solid #3d464b99}.game-unit-hp-bar-fill{height:100%;width:100%;background:linear-gradient(to right,#285428,#4caf50);border-radius:.15em;transition:transform 50ms cubic-bezier(.4,0,.2,1),background .1s ease;pointer-events:none;z-index:2}.game-unit-hp-bar-fill,.game-unit-hp-bar-ghost{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left;will-change:transform}.game-unit-hp-bar-ghost{z-index:1;background:#fff;transition:transform .5s cubic-bezier(.1,0,.2,1);border-radius:.15em;border:1px solid #3d464b99}.game-unit-container{width:128px;height:auto;display:flex;margin:0;flex-direction:column;justify-content:flex-end;align-items:center;overflow:visible;position:relative;cursor:pointer;z-index:400;transition:none;z-index:5;pointer-events:none;will-change:transform;transform-origin:center center;transition:none!important;position:absolute!important;top:0!important;left:0!important;border-radius:50%}.game-unit-model{width:100%;height:100%;transition:filter .2s ease,transform .2s ease;object-fit:contain;display:block;cursor:pointer;align-self:baseline;top:0;left:0;background:#ffd;pointer-events:auto}.game-unit-model:hover{filter:saturate(1.5) brightness(1.05) drop-shadow(0 0 16px #ffaa55aa)}.game-unit-model{background:0 0;transition:filter .3s cubic-bezier(.4,0,.2,1);will-change:filter}.effect-click-protection-container::before{content:'';position:absolute;place-self:center;inset:0;margin:auto;width:100%;height:75%;border-radius:50%;z-index:10;background:radial-gradient(circle,rgba(251,221,29,.05) 40%,rgba(251,221,29,.3) 100%);border:2px solid rgba(251,221,29,.5);box-shadow:0 0 1em rgba(251,221,29,.4);pointer-events:none;animation:model-protection-pulse 2s infinite ease-in-out}.effect-click-protection-overhead{opacity:1!important;background:radial-gradient(circle,rgba(255,120,0,.5) 80%,rgba(222,220,10,.1) 100%)!important;box-shadow:0 0 15px red,0 0 30px #7fff00,inset 0 0 15px rgba(255,255,255,.5)!important;border:1px solid rgba(255,255,0,.9)!important;animation:shield-pulse 1.5s infinite ease-in-out;display:flex;justify-content:center;align-items:center}.effect-click-protection-overhead::after{color:#fff;font-weight:700;font-family:sans-serif;text-shadow:1px 1px 2px #000;align-content:center;text-align:center;vertical-align:middle;font-weight:900;font-family:'Arial Black',sans-serif;letter-spacing:-.5px}.effect-minefieldMines-model{border-radius:50%;border:1px #00000022 solid;filter:invert(1)!important;width:10%}.effect-minefieldMines-click-protection-container{filter:blur(40px)!important;pointer-events:none;visibility:hidden}.effect-minefieldMines-click-protection-overhead{opacity:1!important;background:radial-gradient(circle,#f656ac,#1d47aa)!important;box-shadow:0 0 20px #1d4769,0 0 30px #f656ac!important;border:1px solid rgba(255,255,0,.5)!important;animation:shield-pulse 1.5s infinite ease-in-out;display:flex;justify-content:center;align-items:center}.effect-minefieldMines-click-protection-overhead::after{color:#fff;font-weight:700;font-family:sans-serif;text-shadow:1px 1px 2px #000;align-content:center;text-align:center;vertical-align:middle;font-weight:900;font-family:'Arial Black',sans-serif;letter-spacing:-.5px}.effect-minefieldMines-click-protection-container::before{content:'';position:absolute;place-self:center;inset:0;margin:auto;width:100%;height:75%;border-radius:50%;z-index:10;background:radial-gradient(circle,rgba(251,221,29,.05) 40%,rgba(251,221,29,.3) 100%);border:2px solid rgba(251,221,29,.5);box-shadow:0 0 20px rgba(251,221,29,.4);pointer-events:none;animation:model-protection-pulse 2s infinite ease-in-out}@keyframes model-protection-pulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes shield-pulse{0%,100%{transform:scale(1);opacity:.8;box-shadow:0 0 20px red,0 0 30px #7fff00}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 40px red,0 0 60px #7fff00}}@keyframes shield-shimmer{0%{transform:translate(-30%,-30%) rotate(45deg)}100%{transform:translate(30%,30%) rotate(45deg)}}#lightning-svg-root{position:absolute;inset:0;width:100%;height:100%;overflow:visible!important;pointer-events:none}.effect-tether-protected-container::before{content:'';position:absolute;place-self:center;inset:0;margin:auto}.effect-tether-protected-container::after{content:'';position:absolute;left:50%;width:50%;border-radius:40%;background:linear-gradient(to top,rgba(0,255,120,.4) 0,rgba(0,255,120,.1) 50%,transparent 100%);border-left:1px solid rgba(0,255,120,.3);border-right:1px solid rgba(0,255,120,.3);pointer-events:none;z-index:22;animation:rejuvenation-rise .76s infinite linear}@keyframes rejuvenation-rise{0%{height:0%;opacity:0;transform:translateX(-50%) translateY(0)}20%{opacity:.6}80%{opacity:.6}100%{height:120%;opacity:0;transform:translateX(-50%) translateY(-10px)}}.effect-tether-protected-overhead{opacity:1!important;background:radial-gradient(circle,#0ad,#0ff)!important;box-shadow:0 0 20px #0ff,0 0 40px #0ff!important;border:4px solid #aaaAFF66;display:flex;justify-content:center;align-items:center;animation:shield-pulse 1.5s infinite ease-in-out}.effect-tether-protected-overhead::after{color:#fff;align-content:center;text-align:center;vertical-align:middle;letter-spacing:-.5px}.tether-line{stroke:#0f7;stroke-width:5px;filter:url(#lightning-filter) drop-shadow(0 0 5px #0f7);stroke-linecap:round;opacity:.6;transition:opacity .3s ease-out,stroke-width .3s ease-out}.tether-hidden{opacity:0!important;pointer-events:none;transition:none!important}.tether-snap{animation:tether-pop .3s forwards;pointer-events:none}.game-effect-wisp-poof{pointer-events:none;will-change:filter,transform,opacity;filter:brightness(2) blur(12px)!important;opacity:0;transform:scale(.5);transition:all .25s ease-out}.effect-wisp-model{filter:saturate(2) hue-rotate(270deg) brightness(.9) drop-shadow(0 0 1em #4cff50)!important}@keyframes tether-pop{0%{opacity:.8;stroke-width:5px}30%{opacity:1;stroke-width:12px;stroke:#fff}100%{opacity:0;stroke-width:0}}.effect-amplify-damage-overhead{opacity:1!important;background-color:#9b59b6!important;box-shadow:inset 0 0 12px rgba(255,255,255,.2),0 0 15px rgba(155,89,182,.7),0 0 35px rgba(0,255,255,.3)!important;border:1.5px solid #e0e0e0;display:flex;justify-content:center;align-items:center}.effect-amplify-damage-overhead::after{color:#f0f0f0;text-shadow:0 0 8px #9b59b6,2px 2px 2px #000;letter-spacing:-.5px}.unit-precast-flash{filter:brightness(3) saturate(2) drop-shadow(0 0 15px #0ff)!important;transition:filter 0s ease-out,transform 50ms ease-out;z-index:9999}.effect-illusion-poof{pointer-events:none!important;filter:brightness(10) blur(10px) saturate(0)!important;opacity:0!important;transform:scale(1.4) translateY(-20px)!important;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,filter .2s ease-out!important}.unit-hidden{opacity:0!important;pointer-events:none!important;transition:none!important}@keyframes on-hit-effect-physical-keyframes{0%{filter:drop-shadow(0 0 16px red) brightness(2);transform:scale(1.05)}100%{filter:drop-shadow(0 0 0 transparent) brightness(1);transform:scale(1)}}@keyframes on-hit-effect-magical-keyframes{0%{filter:drop-shadow(0 0 32px #0cf) brightness(2.5);transform:rotate(6deg)}100%{filter:drop-shadow(0 0 0 transparent) brightness(1);transform:rotate(0)}}@keyframes on-hit-effect-physical-protected-keyframes{0%{filter:drop-shadow(0 0 16px #ff0) brightness(3);transform:scale(1.05)}100%{filter:drop-shadow(0 0 0 transparent) brightness(1);transform:scale(1)}}@keyframes on-hit-effect-magical-protected-keyframes{0%{filter:drop-shadow(0 0 32px #0c0) brightness(3);transform:rotate(3deg)}100%{filter:drop-shadow(0 0 0 transparent) brightness(1);transform:rotate(0)}}.on-hit-effect-physical{animation:on-hit-effect-physical-keyframes .2s ease-out forwards}.on-hit-effect-magical{animation:on-hit-effect-magical-keyframes .2s ease-out forwards}.on-hit-effect-physical-protected{animation:on-hit-effect-physical-protected-keyframes .2s ease-out forwards}.on-hit-effect-magical-protected{animation:on-hit-effect-magical-protected-keyframes .2s ease-out forwards}.effect-green-model{filter:sepia(1) saturate(5) hue-rotate(90deg) brightness(1.2) drop-shadow(0 0 15px #4caf50)!important;transition:all .2s}.effect-yellow-model{filter:sepia(1) saturate(5) hue-rotate(0) brightness(1.3) drop-shadow(0 0 15px gold)!important;transition:all .2s}.effect-spawn-hero{filter:sepia(1) saturate(2.5) hue-rotate(0) brightness(.2) drop-shadow(0 0 32px gold)!important;transition:all .5s;pointer-events:none}.unit-dying{opacity:0;transition:opacity .5s ease;pointer-events:none}.unit-dead{filter:grayscale(.8) contrast(.8) blur(.5px);opacity:1;pointer-events:none;transition:filter 2s ease,opacity 2s ease;pointer-events:none;background:0 0!important;border:none!important;box-shadow:none!important}.unit-dead .game-unit-hp-bar-fill{transition:none!important;width:0%!important;background:0 0!important}.unit-dead .game-unit-hp-bar-ghost{transition:none!important;width:0%!important;background:0 0!important}@keyframes unit-death-flash{0%{filter:brightness(1) drop-shadow(0 0 0 transparent);transform:scale(1) rotate(0)}3%{filter:brightness(20) contrast(2) drop-shadow(0 0 30px #fff);transform:scale(1.3) rotate(-5deg)}6%{filter:brightness(0) invert(1) drop-shadow(0 0 40px #fc0);transform:scale(1.1) rotate(5deg) translateX(-10px)}9%{filter:brightness(10) hue-rotate(180deg) drop-shadow(0 0 50px #00f);transform:scale(1.2) rotate(-8deg) translateX(10px)}20%{filter:brightness(5) saturate(5) drop-shadow(0 0 20px #f40);transform:scale(1.05) rotate(2deg)}100%{filter:brightness(.3) grayscale(1) contrast(.5) drop-shadow(0 0 0 transparent);transform:scale(.9) rotate(0)}}.unit-dead video{animation:unit-death-flash .6s cubic-bezier(.15,.85,.15,1) forwards}@keyframes corpse-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(.7)}}.unit-dissolve{mask-image:radial-gradient(circle,#000 50%,transparent 100%);mask-size:200% 200%;mask-position:center;animation:dissolve-fade 3s forwards}@keyframes dissolve-fade{to{mask-size:0 0;opacity:0}}#cursor-canvas{position:fixed;top:0;left:0;pointer-events:none;z-index:999999;mix-blend-mode:screen;filter:drop-shadow(0 0 4px #00d4ff) blur(.4px);opacity:.9}.effect-vanish-container{animation:force-staff-dash 1s ease-out forwards;filter:sepia(1) blur(1em) brightness(1)!important}.effect-blur-model{filter:hue-rotate(45deg) brightness(2)!important;transform:all .5s}@keyframes force-staff-dash{from{transform:translate3d(var(--start-x),var(--start-y),0)}to{transform:translate3d(var(--end-x),var(--end-y),0)}}.is-dashing{transition:transform .2s cubic-bezier(.16,1,.3,1)!important}.fire-background{position:absolute;inset:0;overflow:hidden;background:linear-gradient(to top,rgba(255,40,0,.15) 0,transparent 20%);backdrop-filter:contrast(1.1) brightness(1.1);-webkit-mask-image:linear-gradient(to top,#000 20%,transparent 80%);mask-image:linear-gradient(to top,#000 20%,transparent 80%);z-index:1;pointer-events:none!important}.fire-background::after{content:'';position:absolute;bottom:0;width:100%;height:35%;background:radial-gradient(ellipse at bottom,rgba(255,69,0,.4),transparent 70%);animation:heat-pulse 4s ease-in-out infinite}.ember-riser{position:absolute;bottom:-10px;will-change:transform;border-radius:50%}.particle{border-radius:50%;will-change:transform,opacity;width:100%;height:100%;background:#fc0;box-shadow:0 0 5px #fc0,-1px -1px 2px red,1px 1px 2px #00d4ff;width:100%;height:100%;border-radius:50%;background:#fc0;box-shadow:0 0 5px #fc0,-1px -1px 2px red,1px 1px 2px #00d4ff;will-change:transform,opacity}.smoke{position:absolute;bottom:-10px;width:200px;height:200px;background:#333;filter:blur(60px);opacity:.05;border-radius:50%;animation:smoke-rise 15s linear infinite;will-change:transform}@keyframes heat-pulse{0%,100%{opacity:.15;transform:scaleY(1)}50%{opacity:.25;transform:scaleY(1.2)}}@keyframes ember-rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(var(--distance,-65vh));opacity:0}}@keyframes ember-sway{0%{transform:translateX(-15px)}100%{transform:translateX(15px)}}@keyframes flicker{0%,100%{filter:brightness(1)}50%{filter:brightness(1.6)}}@keyframes ember-pop{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(2.5);filter:brightness(5)}}@keyframes smoke-rise{from{transform:translateY(0) scale(1)}to{transform:translateY(-80vh) scale(2)}}#app-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:#11001488}.fullscreen-layer{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;inset:0;justify-content:center;width:100vw;height:100vh;pointer-events:none;visibility:hidden;opacity:0;background:0 0;transition:opacity .11s ease-out,visibility .1s,filter .1s ease-out}.overlay-transition{position:fixed;inset:0;z-index:800;pointer-events:none;background:radial-gradient(circle,rgba(255,150,0,.2) 0,#110014 30%);opacity:0;visibility:hidden;filter:blur(45px);transition:opacity .3s ease-out,visibility .3s,filter .3s ease-out}.overlay-transition.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease-out,visibility .3s,filter .3s ease-out}[data-game-state=ARENA] .game-window-container,[data-game-state=ARENA] .screen-arena,[data-game-state=INTRO] .screen-intro,[data-game-state=LOBBY] .screen-lobby,[data-game-state=MISCELLANEOUS] .screen-miscellaneous{opacity:1;visibility:visible;pointer-events:auto}#game-layer{position:fixed;inset:0;z-index:1}#ui-layer{z-index:100}.v-spacer{flex-grow:1}.screen-header-container{height:50%;width:100%;display:flex;align-items:flex-end;justify-content:center}.screen-header{font-size:clamp(2rem,8vw,3.5rem);font-weight:300;line-height:1.2;color:#ffd000;text-align:center;user-select:none;margin:auto auto;margin-top:36vh}.ui-btn-main{padding:18px;background:#000;color:#fc0;border:2px solid #f40;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:transform .5s ease;box-shadow:0 0 15px rgba(255,68,0,.3);user-select:none}.ui-btn-main:hover{background:#f40;color:#fff;box-shadow:0 0 30px rgba(255,68,0,.6);transform:translateY(-2px)}.screen-miscellaneous{z-index:5;opacity:1;background:radial-gradient(circle,rgba(255,100,0,.15) 0,#11001400 30%)}.screen-intro{z-index:5;opacity:1;background:radial-gradient(circle,rgba(255,100,0,.15) 0,#11001400 30%)}.intro-container{position:relative;width:100%;max-width:500px;display:flex;flex-direction:column;gap:24px;text-align:center;margin-bottom:10vh}.pre-history{padding:32px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,68,0,.2);border-radius:4px;color:#d1d1d1;font-size:1.1rem;line-height:1.6;box-shadow:0 10px 30px rgba(0,0,0,.5);text-align:left}.screen-lobby{z-index:5;pointer-events:none;background:radial-gradient(circle,rgba(255,100,0,.05) 0,#11001400 30%)}.btn-adj,.settings-panel{z-index:5;pointer-events:auto;position:relative;user-select:none}.settings-panel{width:100%;margin:auto;background:rgba(0,0,0,.4);padding:14px;border-radius:8px;border:1px solid rgba(251,221,29,.1);user-select:none}.settings-panel-data-row{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.settings-panel-data-row:last-child{border:none}.settings-panel-data-row:hover{background:rgba(255,170,0,.05);box-shadow:inset 0 0 10px rgba(255,170,0,.1),0 0 5px rgba(255,170,0,.2);cursor:pointer}.settings-panel-data-row.is-adjusting{background:rgba(255,110,0,.15);box-shadow:0 0 15px rgba(255,0,0,.4);transition:none}.settings-panel-data-row label{font-size:1rem;letter-spacing:1px;color:#888;pointer-events:none;user-select:none;color:#bdbdbd}.adj-val{min-width:40px;text-align:right;font-family:monospace;color:#fbdd1d;font-weight:700;font-size:1rem}.lr{display:flex;align-items:center;gap:15px}.btn-adj{width:30px;height:30px;background:#111;border:1px solid #fbdd1d;color:#fbdd1d;cursor:pointer;border-radius:4px;transition:all .2s;z-index:6;user-select:auto;pointer-events:all}.btn-adj:hover{background:#fbdd1d;color:#000}.btn-adj:hover{background:#fbdd1d;color:#050505;border-color:#fbdd1d}.btn-adj:active{transform:scale(.9);filter:brightness(1.2)}.uninteractable{opacity:.5;pointer-events:none}.sublabel{pointer-events:none;display:contents;justify-content:space-between}.ui-mockup-bar{width:80%;height:10px;background:#333;margin:10px}.ui-mockup-grid{width:80%;height:60px;border:1px solid #333}.screen-arena{z-index:5;background:0 0;justify-content:flex-start;pointer-events:none}