*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}main{padding:8px 12px;display:block}img,canvas{max-width:100%}:root{--ui-panel:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAMElEQVR42mPg5OT+T03MQDMD7e3dyML0N1BCQposPGrgqIGjBg4OA2F48Bs46EpsANmXAQPbuQWdAAAAAElFTkSuQmCC);--ui-panel-active:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDFyaxk4Xpb6CyFCdJ2EmBDYxHDRw1cNTAwWEgDMMUkIrpZ+CgK7EBSpcSTxSpD5sAAAAASUVORK5CYII=);--ui-button:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDCwuryML0N9De3o0kLCEhDcajBo4aOGrg4DAQhmEKSMX0M3DQldgAzEdj80ZGypYAAAAASUVORK5CYII=);--ui-button-active:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOUlEQVR42mPg5OT+T03MQDMDK0z5ycL0N3BLMCdJ+Pd+FTAeNXDUwFEDB4eBMAxTQCqmn4GDrsQGAPw8wA/6RpiBAAAAAElFTkSuQmCC);--ui-hpbar:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDJSSkycL0N1BdXYskbG/vBsajBo4aOGrg4DAQhmEKSMX0M3DQldgAeZQaUw/vBpkAAAAASUVORK5CYII=);--ui-chip-negative:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAL0lEQVR42mNw5eL6T03MQDMD62VlycL0N9BeSIgkPGrgqIGjBg4uAwd/eThoDQQAXmUyv2SZ85EAAAAASUVORK5CYII=);--ui-chip-positive:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAL0lEQVR42mPg8cr7T03MQDMD2SNbycL0N5DbKoQkPGrgqIGjBg4uAwd/eThoDQQA7iavUx2MiwIAAAAASUVORK5CYII=);--ui-icon-quemado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVR42mNgQAM/i8X+MxACIEUkKcSrGKbg7wN3/IphimAYq0Jk05AVYihGV4TTVKIVEu1GYoIHABI0fVb4XYsjAAAAAElFTkSuQmCC);--ui-icon-escudo:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMUlEQVR42mPgW/ryPzGYAUTUXv6DF9NIIQjgUwxXRJJCXIoxFJGkEF0xTkXIirEpAgD9S+Bvxg+gvgAAAABJRU5ErkJggg==);--ui-icon-aturdido:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAKklEQVR42mNgQAN/H7j/B2EGQoA6CpEl0BViaIIpQMcEFZCsgXw3Ui14AIWxfXnUsDnYAAAAAElFTkSuQmCC);--ui-icon-enraizado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVR42mNggAKxVJP/2DADMgAJeN1rwIpRFBOtkGirYQqRNSCLYShCV4ihGJsJGGK4dGOwcboH3VRiFQIAXt5jBesCoIIAAAAASUVORK5CYII=);--ui-icon-silenciado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQklEQVR42mNgYGBgmLJ4x398mAGmiAEPeO/iAlGMTyFIEdwwXAphivAqRFaEUyG6IhR/IPsO2V0ovsbpeEI+pBgAAA/9WgFKMesHAAAAAElFTkSuQmCC);--ui-icon-derribado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAKElEQVR42mNgIAf8KCz8D8JEKSJJMdGm4TWdKEVEgXpZ2f/EYAaqAwD4rE/Xng5ZMAAAAABJRU5ErkJggg==);--ui-icon-eliminado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVR42mNggIIrV278x4YZkAEuRSiKCSmCKwYREhLSYIwuiSxOmkJckhhWE+VGon2NHEQwK5GtZkAHhEwDAJAqC0DrzdSWAAAAAElFTkSuQmCC)}.ui-panel,.ui-button{border-style:solid;border-width:6px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background:0 0;border-image-slice:6 fill;border-image-width:6px;border-image-repeat:repeat}.ui-panel{border-image-source:var(--ui-panel)}.ui-panel[data-active=true]{border-image-source:var(--ui-panel-active)}.ui-button{border-image-source:var(--ui-button);color:inherit;font:inherit;cursor:pointer;padding:4px 8px}.ui-button:active:not(:disabled),.ui-button[data-selected=true]{border-image-source:var(--ui-button-active)}.ui-button:disabled{opacity:.45;cursor:default}.ui-chip,.ui-hpbar{border-style:solid;border-width:4px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background:0 0;border-image-slice:4 fill;border-image-width:4px;border-image-repeat:repeat}.ui-hpbar{border-image-source:var(--ui-hpbar)}.ui-chip[data-tone=negative]{border-image-source:var(--ui-chip-negative)}.ui-chip[data-tone=positive]{border-image-source:var(--ui-chip-positive)}.ui-icon{vertical-align:-1px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;display:inline-block}.ui-icon[data-icon=quemado]{background-image:var(--ui-icon-quemado)}.ui-icon[data-icon=escudo]{background-image:var(--ui-icon-escudo)}.ui-icon[data-icon=aturdido]{background-image:var(--ui-icon-aturdido)}.ui-icon[data-icon=enraizado]{background-image:var(--ui-icon-enraizado)}.ui-icon[data-icon=silenciado]{background-image:var(--ui-icon-silenciado)}.ui-icon[data-icon=derribado]{background-image:var(--ui-icon-derribado)}.ui-icon[data-icon=eliminado]{background-image:var(--ui-icon-eliminado)}