/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--bg-color:#000;--label-color:#a8a8b5;--neutral-fill-color:#161625;--neutral-fill-color2:#282844;--neutral-text-color:#e1e1ff;--neutral-line-color:#3f2e54;--primary-fill-color:#5c259f;--primary-text-color:#e1e1ff;--primary-line-color:var(--primary-text-color);--primary-hover-fill-color:#2b114a;--primary-hover-text-color:#e1e1ff;--primary-hover-line-color:var(--primary-hover-text-color);--primary-disabled-fill-color:#2b114a;--primary-disabled-text-color:#8f65c1;--primary-disabled-line-color:var(--primary-disabled-text-color);--secondary-fill-color:#514b85;--secondary-text-color:#e1e1ff;--secondary-line-color:var(--secondary-text-color);--secondary-hover-fill-color:#3e3963;--secondary-hover-text-color:#e1e1ff;--secondary-hover-line-color:var(--secondary-hover-text-color);--secondary-disabled-fill-color:#3e3963;--secondary-disabled-text-color:#a29ec1;--secondary-disabled-line-color:var(--secondary-disabled-text-color);--success-fill-color:104,159,37;--success-text-color:#000;--success-line-color:var(--success-text-color);--warn-fill-color:159,37,43;--warn-text-color:#000;--warn-line-color:var(--warn-text-color);--info-fill-color:37,159,153;--info-text-color:#000;--info-line-color:var(--info-text-color);--link-color:#9f8d25;--font-size:16px;--font-size-label:.8rem;--fractional-size:.8em;--border-radius:.5rem;--border-thickness:1px;--border-style:solid;--primary-border-thickness:0px;--primary-border:var(--primary-border-thickness)var(--border-style)var(--primary-line-color);--primary-hover-border:var(--primary-border-thickness)var(--border-style)var(--primary-hover-line-color);--secondary-border-thickness:0px;--secondary-border:var(--secondary-border-thickness)var(--border-style)var(--secondary-line-color);--secondary-hover-border:var(--secondary-border-thickness)var(--border-style)var(--secondary-hover-line-color);--padding:.5rem;--label-margin:.3rem;--flex-gap:.5rem;--button-padding:.5rem;--modal-fill-color:var(--neutral-fill-color);--modal-text-color:var(--neutral-text-color);--modal-line-color:var(--neutral-line-color);--modal-backdrop-filter:blur(4px);--modal-border-radius:var(--border-radius);--modal-border-thickness:1px;--modal-border:var(--modal-border-thickness)var(--border-style)var(--neutral-line-color);--table-fill-color:var(--neutral-fill-color);--table-text-color:var(--neutral-text-color);--table-line-color:var(--neutral-line-color);--table-border-radius:var(--border-radius);--table-border-thickness:0px;--table-border:var(--table-border-thickness)var(--border-style)var(--neutral-line-color);--thead-fill-color:var(--table-fill-color);--thead-text-color:var(--table-text-color);--thead-line-color:var(--table-line-color);--thead-border-radius:var(--border-radius);--thead-border-thickness:1px;--thead-border:var(--thead-border-thickness)var(--border-style)var(--table-line-color);--thead-padding:.5rem;--toast-opacity:.8;--toast-info-fill-color:rgba(var(--info-fill-color),var(--toast-opacity));--toast-success-fill-color:rgba(var(--success-fill-color),var(--toast-opacity));--toast-warn-fill-color:rgba(var(--warn-fill-color),var(--toast-opacity));--menu-bar-height:3rem;--menu-bar-font-size:32px;--menu-bar-padding:.5rem;--menu-bar-fill-color:var(--neutral-fill-color);--menu-bar-text-color:var(--neutral-text-color);--menu-bar-line-color:var(--neutral-line-color);--menu-bar-border-thickness:1px;--menu-bar-border:var(--menu-bar-border-thickness)var(--border-style)var(--neutral-line-color);--container-padding:.5rem;--container-fill-color:var(--neutral-fill-color);--container-text-color:var(--neutral-text-color);--container-line-color:var(--neutral-line-color);--container-border-radius:var(--border-radius);--container-border-thickness:1px;--container-border:var(--container-border-thickness)var(--border-style)var(--neutral-line-color);--collapsible-header-fill-color:var(--neutral-fill-color2);--collapsible-header-text-color:var(--neutral-text-color);--collapsible-line-color:var(--neutral-line-color);--collapsible-border-radius:var(--border-radius);--collapsible-border-thickness:1px;--collapsible-border:var(--collapsible-border-thickness)var(--border-style)var(--collapsible-line-color);--collapsible-padding:.5rem;--collapsible-caret-padding:.5rem}[data-theme=light]{--bg-color:#a8a8b5;--label-color:#000}a{color:var(--link-color)}label{color:var(--label-color);font-size:var(--font-size-label);margin:var(--label-margin)0;flex-direction:column;display:inline-flex}button,.button{background-color:var(--secondary-fill-color);color:var(--secondary-text-color);border:var(--secondary-border);border-radius:var(--border-radius);font-size:var(--font-size);padding:var(--button-padding);text-align:center;cursor:pointer;min-width:2.2em;text-decoration:none;display:inline-block}button:hover,.button:hover{background-color:var(--secondary-hover-fill-color);color:var(--secondary-hover-text-color);border:var(--secondary-hover-border)}button:disabled{background-color:var(--secondary-disabled-fill-color);color:var(--secondary-disabled-text-color);border:var(--secondary-disabled-border);cursor:default}input,select{background-color:var(--secondary-fill-color);color:var(--secondary-text-color);border:var(--secondary-border);border-radius:var(--border-radius);font-size:var(--font-size);padding:var(--button-padding);text-decoration:none}input:disabled,select:disabled{background-color:var(--secondary-disabled-fill-color);color:var(--secondary-disabled-text-color);border:var(--secondary-disabled-border)}.primary{background-color:var(--primary-fill-color);color:var(--primary-text-color);border:var(--primary-border)}button.primary:disabled,select.primary:disabled{background-color:var(--primary-disabled-fill-color);color:var(--primary-disabled-text-color);border:var(--primary-disabled-border)}.disabled-option{text-decoration:line-through}.disabled-option img{filter:invert(50%)}.fractional{font-size:var(--fractional-size)}.warn{background-color:rgb(var(--warn-fill-color));color:var(--warn-text-color)}body{background-color:var(--bg-color);color:var(--neutral-text-color);font-size:var(--font-size);padding-top:var(--menu-bar-height)}form{flex-direction:column;align-items:start;display:flex}hr{width:calc(100% - 2px)}.row{align-items:center;gap:var(--flex-gap);flex-direction:row;display:flex}.row-reverse{align-items:center;gap:var(--flex-gap);flex-direction:row-reverse;display:flex}.column{gap:var(--flex-gap);flex-direction:column;display:flex}.center-column{align-items:center;gap:var(--flex-gap);flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.wide{width:100%}.top-bar{background-color:var(--menu-bar-fill-color);color:var(--menu-bar-text-color);border-bottom:var(--menu-bar-border);font-size:var(--menu-bar-font-size);height:var(--menu-bar-height);width:calc(100vw - 2*var(--menu-bar-padding));padding:0 var(--menu-bar-padding);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0}.top-bar-buttons{gap:var(--menu-bar-padding)}.padding-left{padding-left:1em}.below-canvas{width:calc(100vw - var(--container-padding)*2);background-color:var(--container-fill-color);color:var(--container-text-color);border-top:var(--container-border);padding:var(--container-padding);position:absolute;top:100vh}.container{background-color:var(--container-fill-color);color:var(--container-text-color);border:var(--container-border);padding:var(--container-padding);border-radius:var(--container-border-radius)}.grid{display:grid}.collapsible{background-color:var(--collapsible-fill-color);border:var(--collapsible-border);border-radius:var(--collapsible-border-radius)}.collapsible-header{background-color:var(--collapsible-header-fill-color);color:var(--collapsible-header-text-color);border:var(--collapsible-border);border-radius:var(--collapsible-border-radius);margin:calc(-1*var(--collapsible-border-thickness));justify-content:space-between}.collapsible-body{padding:var(--collapsible-padding)}.collapsible-caret{padding:var(--collapsible-caret-padding)}table{background-color:var(--table-fill-color);color:var(--table-text-color);border:var(--table-border);border-radius:var(--table-border-radius)}thead{background-color:var(--thead-fill-color);color:var(--thead-text-color);border-radius:var(--thead-border-radius);position:sticky;top:0}th{border-bottom:var(--thead-border);padding:var(--thead-padding)}table{border-collapse:collapse;width:100%}table td{padding:.5em}table tr:nth-child(odd){background-color:var(--neutral-fill-color2)}.modal-backdrop{-webkit-backdrop-filter:var(--modal-backdrop-filter);backdrop-filter:var(--modal-backdrop-filter);z-index:100;background-color:#0000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal_window{background-color:var(--modal-fill-color);width:70%;max-height:70%;color:var(--modal-text-color);border:var(--modal-border);border-radius:var(--modal-border-radius);flex-direction:column;height:fit-content;display:flex;overflow:hidden}@media (max-width:768px){.modal_window{width:90%;max-height:90%}}@media (min-width:1921px){.modal_window{width:1000px}}.modal-header{border-bottom:var(--modal-border);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.modal-header>div{padding:var(--padding)}.modal-header>button{border-radius:0}.modal-body{padding:var(--padding);justify-content:space-between;gap:var(--padding);flex-direction:column;flex-shrink:1;display:flex;overflow-y:auto}.modal-footer{border-top:var(--modal-border);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.toast-container{z-index:110;flex-direction:column-reverse;display:flex;position:fixed;top:0;left:0}.toast-wrapper{max-height:20vh;animation:.5s ease-out toast-add;overflow:visible}.toast{border-radius:var(--border-radius);width:min(80vw,30em);margin-top:.5em;margin-left:.5em;padding:.5em}.toast-info{background-color:var(--toast-info-fill-color);color:var(--info-text-color)}.toast-success{background-color:var(--toast-success-fill-color);color:var(--success-text-color)}.toast-warn{background-color:var(--toast-warn-fill-color);color:var(--warn-text-color)}.toast-remove{animation:.5s ease-in toast-remove}@keyframes toast-add{0%{max-height:0;transform:translate(max(-80vw,-30em))}}@keyframes toast-remove{to{max-height:0;transform:translate(max(-80vw,-30em))}}.tanktics-canvas{width:100vw;height:100vh}.player-corner{touch-action:none;pointer-events:none;width:100%;position:relative}.player-corner-info{z-index:-1;position:absolute}.player-corner-stats{background-color:var(--menu-bar-fill-color);color:var(--menu-bar-text-color);border-radius:0;align-items:stretch;width:fit-content;height:2rem;padding-right:4px}.player-corner-stats>div{border:var(--menu-bar-border);padding:0 var(--menu-bar-padding);height:100%;margin-left:calc(0px - var(--menu-bar-border-thickness));border-top:0;align-items:center;display:flex}.power-bar{width:fit-content;max-width:calc(100vw - 4px);position:relative;transform:skew(-10deg)}.power-bar-charge{z-index:-2;border-radius:4px;height:2rem;margin-top:2px;margin-left:.5px;position:absolute;overflow:hidden}.power-bar-gradient{background:repeating-linear-gradient(90deg,#f00b 0,#ff0b 2rem,#f00b 4rem);width:calc(100vw + 4rem);height:100%;animation:2s linear infinite PowerBarGradient}@keyframes PowerBarGradient{0%{background-position-x:0}to{background-position-x:4rem}}.power-bar-segments{flex-direction:row-reverse;display:flex}.power-bar-segment{border:2px solid gray;border-width:2px 4px 2px 0;border-radius:8px;flex-shrink:1;height:2rem;margin-right:-4px}.power-bar-full{border-color:#fff}.main-canvas{top:var(--menu-bar-height);width:100vw;height:calc(100vh - var(--menu-bar-height));z-index:-10;touch-action:none;position:absolute;left:0}.canvas-overlay{top:var(--menu-bar-height);width:100vw;height:calc(100vh - var(--menu-bar-height));z-index:-9;touch-action:none;pointer-events:none;position:absolute;left:0;overflow:hidden}.performance{background-color:var(--modal-fill-color);color:var(--modal-text-color);border:var(--modal-border);border-radius:var(--modal-border-radius);padding:var(--modal-border-radius);position:absolute;bottom:0}.canvas-bottom{justify-content:center;width:100vw;position:absolute;bottom:0}.canvas-bottom>div{background-color:var(--modal-fill-color);color:var(--modal-text-color);border:var(--modal-border);border-radius:var(--modal-border-radius);padding:var(--modal-border-radius)}.tile-center{pointer-events:none;background-color:red;border-radius:30%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute}.pseudo-gif{position:absolute;overflow:hidden}.pseudo-gif>img{image-rendering:pixelated}.cursor{position:absolute}.cursor>img{image-rendering:pixelated}