@font-face {
  font-family: 'Robotastic';
  src: url('data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMgSWB8oAAAukAAAAYGNtYXAejiBZAAAArAAAAgRnbHlm3jgmngAADCQAABxIaGVhZF8Q/5AAAAKwAAAANmhoZWEDAP59AAAC6AAAACRobXR4QYAEvgAAAwwAAAGYbG9jYQAAR3MAAChsAAABnG1heHAAZv+5AAAEpAAAACBuYW1lZBDrDgAABMQAAAbecG9zdAAC//0AAAwEAAAAIAAAAAIAAAADAAAAFAADAAEAAAEMAAQA+AAAAAgACAACAAAAfiAZIB3//wAAACAgGCAc////4+BK4EgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAD4AAAACAAIAAIAAAB+IBkgHf//AAAAICAYIBz////j4ErgSAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAHucPyV8PPPUAAAQAAAAAAM9wM0cAAAAAz3AzR//A/4AEQAMAAAAACAACAAEAAAAAAAEAAAMA/4AAAASA/8AAQASAAAEAAAAAAAAAAAAAAAAAAABmAgAAAAAAAAABwAAAAcAAAAEAAEABwABABAAAQAQAAEAEAABAAgAAQAEAAEACQACAAgAAQAIAAEAEAABAAQAAQAQAAEABAABABAAAQAQAAEABAABABAAAQAQAAEAEAABABAAAQAQAAEAEAAAABAAAAAQAAEABAABAAQAAQAKAAEAEAABAAoAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEABAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQASAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEABgABABAAAQAGAAEACAABABAAAQAEAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAEAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABIAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAGA/8ABAABAAgAAQAQAAEABAABAAQAAQAHAAEABwABAAAEAAABmACAABwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAiAZ4AAQAAAAAAAAAcAAAAAQAAAAAAAQAKABwAAQAAAAAAAgAHACYAAQAAAAAAAwAVAC0AAQAAAAAABAASAEIAAQAAAAAABQALAFQAAQAAAAAABgAKAF8AAQAAAAAABwA8AGkAAQAAAAAACAAVAKUAAQAAAAAACQANALoAAQAAAAAACgArAMcAAQAAAAAACwAXAPIAAQAAAAAADAAwAQkAAQAAAAAADQAoATkAAQAAAAAADgAuAWEAAQAAAAAAEwApAY8AAQAAAAABAAAIAbgAAwABBAkAAAA4AcAAAwABBAkAAQAUAfgAAwABBAkAAgAOAgwAAwABBAkAAwAqAhoAAwABBAkABAAkAkQAAwABBAkABQAWAmgAAwABBAkABgAUAn4AAwABBAkABwB4ApIAAwABBAkACAAqAwoAAwABBAkACQAaAzQAAwABBAkACgBWA04AAwABBAkACwAuA6QAAwABBAkADABgA9IAAwABBAkADQBQBDIAAwABBAkADgBcBIIAAwABBAkAEwBSBN4AAwABBAkBAAAQBTBDb3B5cmlnaHQgRGFycmVsbCBGbG9vZCAyMDE0Um9ib3Rhc3RpY1JlZ3VsYXJGb250U3RydWN0IFJvYm90YXN0aWNSb2JvdGFzdGljIFJlZ3VsYXJWZXJzaW9uIDEuMFJvYm90YXN0aWNGb250U3RydWN0IGlzIGEgdHJhZGVtYXJrIG9mIEZTSSBGb250U2hvcCBJbnRlcm5hdGlvbmFsIEdtYkhodHRwOi8vZm9udHN0cnVjdC5jb21EYXJyZWxsIEZsb29k4oCcUm9ib3Rhc3RpY+KAnSB3YXMgYnVpbHQgd2l0aCBGb250U3RydWN0Cmh0dHA6Ly93d3cuZm9udHNob3AuY29taHR0cDovL2ZvbnRzdHJ1Y3QuY29tL2ZvbnRzdHJ1Y3Rpb25zL3Nob3cvOTgxNDEzQ3JlYXRpdmUgQ29tbW9ucyBBdHRyaWJ1dGlvbiBTaGFyZSBBbGlrZWh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LXNhLzMuMC9GaXZlIGJpZyBxdWFja2luZyB6ZXBoeXJzIGpvbHQgbXkgd2F4IGJlZEN3RUpjVmhuAEMAbwBwAHkAcgBpAGcAaAB0ACAARABhAHIAcgBlAGwAbAAgAEYAbABvAG8AZAAgADIAMAAxADQAUgBvAGIAbwB0AGEAcwB0AGkAYwBSAGUAZwB1AGwAYQByAEYAbwBuAHQAUwB0AHIAdQBjAHQAIABSAG8AYgBvAHQAYQBzAHQAaQBjAFIAbwBiAG8AdABhAHMAdABpAGMAIABSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAxAC4AMABSAG8AYgBvAHQAYQBzAHQAaQBjAEYAbwBuAHQAUwB0AHIAdQBjAHQAIABpAHMAIABhACAAdAByAGEAZABlAG0AYQByAGsAIABvAGYAIABGAFMASQAgAEYAbwBuAHQAUwBoAG8AcAAgAEkAbgB0AGUAcgBuAGEAdABpAG8AbgBhAGwAIABHAG0AYgBIAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABzAHQAcgB1AGMAdAAuAGMAbwBtAEQAYQByAHIAZQBsAGwAIABGAGwAbwBvAGQgGgDEAPoAUgBvAGIAbwB0AGEAcwB0AGkAYyAaAMQA+QAgAHcAYQBzACAAYgB1AGkAbAB0ACAAdwBpAHQAaAAgAEYAbwBuAHQAUwB0AHIAdQBjAHQACgBoAHQAdABwADoALwAvAHcAdwB3AC4AZgBvAG4AdABzAGgAbwBwAC4AYwBvAG0AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AHMAdAByAHUAYwB0AC4AYwBvAG0ALwBmAG8AbgB0AHMAdAByAHUAYwB0AGkAbwBuAHMALwBzAGgAbwB3AC8AOQA4ADEANAAxADMAQwByAGUAYQB0AGkAdgBlACAAQwBvAG0AbQBvAG4AcwAgAEEAdAB0AHIAaQBiAHUAdABpAG8AbgAgAFMAaABhAHIAZQAgAEEAbABpAGsAZQBoAHQAdABwADoALwAvAGMAcgBlAGEAdABpAHYAZQBjAG8AbQBtAG8AbgBzAC4AbwByAGcALwBsAGkAYwBlAG4AcwBlAHMALwBiAHkALQBzAGEALwAzAC4AMAAvAEYAaQB2AGUAIABiAGkAZwAgAHEAdQBhAGMAawBpAG4AZwAgAHoAZQBwAGgAeQByAHMAIABqAG8AbAB0ACAAbQB5ACAAdwBhAHgAIABiAGUAZABDAHcARQBKAGMAVgBoAG4AAAACA2cBkAAFAAQCAAIAAAAAAAIAAgAAAAIAADMAzAAAAAAEAAAAAAAAAIAAAAEAAAAAAAAAAAAAAABGU1RSAEAAICAdAoAAAAAAAwAAgAAAAAEAAAAAAoACgAAAACAAAAADAAAAAAAAAGYAMwAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAoACgAADAAcACwASABYAAAEBAQEBAQEBAQEBAQEBAQABAAEBAQEBAUAAAP+aAAAAywAA/zUAAABmAAD/mgAAAMsAAP+b/9X/4//iAAD/JgAAAoAAAABaAGYAAP+aAHcAZgAA/5oAdwBmAAD/mgB3AGUAAAAA/+P/4f/X/kECgAAA/YAAAAAAAgBAAAAAwAKAAAMABwAAAQEBAQEBAQEAQAAAAIAAAP+AAAAAgAAAAAAAgAAA/4ABAAGAAAD+gAACAEACAAGAAoAAAwAHAAABAQEBAQEBAQBAAAAAgAAAAEAAAACAAAACAACAAAD/gAAAAIAAAP+AAAIAQAAAA8ACgAADAB8AAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAsAAAP6AAAD/gAAA/4AAAACAAAD/gAAAAIAAAACAAAABgAAAAIAAAACAAAD/gAAAAIAAAP+AAAD/gAAA/oAAAAEAAIAAAP+A/wAAgAAAAIAAAACAAAAAgAAAAIAAAP+AAAAAgAAA/4AAAP+AAAD/gAAA/4AAAP+AAAAAgAAA/4AAAwBA/4ADwAMAAAMABwAbAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBA0AAAP8AAAD/gAAA/wAAAAEAAAD+gAAAAYAAAP6AAAABgAAAAIAAAAGAAAD+gAAAAYAAAP6AAAAAgACAAAD/gAEAAIAAAP+A/gAAgAAAAIAAAACAAAABgAAAAIAAAP+AAAD/gAAA/4AAAP6AAAD/gAAAAAMAQAAAA8ACgAADAAcADwAAAQEBAQEBAQEBAQEBAQEBAQJAAAAAgAAA/oAAAACAAAD+gAAAAwAAAACAAAD9AAAAAAAAgAAA/4ACAACAAAD/gP4AAYAAAAEAAAD+gAAA/wAAAAABAEAAgAHAAgAACwAAAQEBAQEBAQEBAQEBAMAAAP+AAAAAgAAAAIAAAACAAAD/gAAAAIAAgAAAAIAAAACAAAD/gAAA/4AAAP+AAAAAAQBAAgAAwAKAAAMAAAEBAQEAQAAAAIAAAAIAAIAAAP+AAAAAAQCA/4ACAAMAAAcAAAEBAQEBAQEBAIAAAAGAAAD/AAAAAQAAAP+AA4AAAP+AAAD9gAAA/4AAAAABAED/gAHAAwAABwAAAQEBAQEBAQEAQAAAAQAAAP8AAAABgAAA/4AAgAAAAoAAAACAAAD8gAAAAAEAQAEAAcACgAALAAABAQEBAQEBAQEBAQEAwAAA/4AAAACAAAAAgAAAAIAAAP+AAAABAACAAAAAgAAAAIAAAP+AAAD/gAAA/4AAAAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAcAAAP6AAAABgAAAAIAAAAGAAAD+gAAAAAABAAAAAIAAAAEAAAD/AAAA/4AAAP8AAAAAAQBA/4AAwACAAAMAAAEBAQEAQAAAAIAAAP+AAQAAAP8AAAAAAQBAAQADwAGAAAMAAAEBAQEAQAAAA4AAAAEAAIAAAP+AAAAAAQBAAAAAwACAAAMAAAEBAQEAQAAAAIAAAAAAAIAAAP+AAAAABwBA/4ADwAMAAAMABwALAA8AEwAXABsAAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAQAAAAIAAAAAAAAAAgAAAAAAAAACAAAAAAAAAAIAAAAAAAAAAgAAAAAAAAACAAAAAAAAAAIAAAP+AAIAAAP+AAIAAgAAA/4AAgACAAAD/gACAAIAAAP+AAIAAgAAA/4AAgACAAAD/gACAAIAAAP+AAAAAAgBAAAADwAKAAAMABwAAAQEBAQEBAQEDQAAA/YAAAP+AAAADgAAAAIABgAAA/oD/gAKAAAD9gAABAEAAAADAAoAAAwAAAQEBAQBAAAAAgAAAAAACgAAA/YAAAAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAEAAAAMAAAD9AAAAA4AAAP0AAAADAAAAAAABgAAAAIAAAACAAAD+gAAA/4AAAP+AAAAAAQBAAAADwAKAAAsAAAEBAQEBAQEBAQEBAQBAAAADAAAA/QAAAAMAAAD9AAAAA4AAAAAAAIAAAACAAAAAgAAAAIAAAACAAAD9gAAAAAEAQAAAA8ACgAAJAAABAQEBAQEBAQEBA0AAAP0AAAAAgAAAAoAAAACAAAAAAAEAAAABgAAA/wAAAAEAAAD9gAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAEAAAAMAAAD9AAAAA4AAAP0AAAADAAAAAAAAgAAAAIAAAAGAAAD/gAAA/4AAAP6AAAAAAgBAAAADwAKAAAMACwAAAQEBAQEBAQEBAQEBA0AAAP2AAAD/gAAAA4AAAP0AAAADAAAAAIAAgAAA/4D/gAKAAAD/gAAA/4AAAP6AAAEAAAAAA8ACgAAFAAABAQEBAQEDQAAA/MAAAAPAAAAAAAIAAAAAgAAA/YAAAwAAAAADwAKAAAMABwALAAABAQEBAQEBAQEBAQEDQAAA/UAAAALAAAD9QAAA/4AAAAPAAAAAgACAAAD/gAEAAIAAAP+A/oACgAAA/YAAAAACAEAAAAPAAoAAAwAJAAABAQEBAQEBAQEBA0AAAP2AAAACgAAA/QAAAAOAAAABgACAAAD/gP6AAQAAAAGAAAD9gAAAAAIAQAAAAMACgAADAAcAAAEBAQEBAQEBAEAAAACAAAD/gAAAAIAAAAAAAIAAAP+AAgAAgAAA/4AAAgBA/4AAwAKAAAMABwAAAQEBAQEBAQEAQAAAAIAAAP+AAAAAgAAA/4ABAAAA/wACgACAAAD/gAAHAED/gAJAAwAAAwAHAAsADwATABcAGwAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQHAAAAAgAAA/wAAAACAAAD/AAAAAIAAAP8AAAAAgAAAAAAAAACAAAAAAAAAAIAAAAAAAAAAgAAA/4AAgAAA/4AAgACAAAD/gACAAIAAAP+AAIAAgAAA/4AAgACAAAD/gACAAIAAAP+AAIAAgAAA/4AAAAACAEAAgAPAAgAAAwAHAAABAQEBAQEBAQBAAAADgAAA/IAAAAOAAAAAgACAAAD/gAEAAIAAAP+AAAcAQP+AAkADAAADAAcACwAPABMAFwAbAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAEAAAACAAAAAAAAAAIAAAAAAAAAAgAAAAAAAAACAAAD/AAAAAIAAAP8AAAAAgAAA/wAAAACAAAD/gACAAAD/gACAAIAAAP+AAIAAgAAA/4AAgACAAAD/gACAAIAAAP+AAIAAgAAA/4AAgACAAAD/gAAAAAIAQAAAA8ACgAADAAsAAAEBAQEBAQEBAQEBAQHAAAAAgAAA/4AAAAGAAAD9AAAAA4AAAAAAAIAAAP+AAQAAgAAAAIAAAACAAAD+gAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAEAAAAOAAAD9gAAAAgAAAP2AAAADAAAAAAACgAAA/oAAAACAAAAAgAAA/oAAAP+AAAAAAgBAAAADwAKAAAMACwAAAQEBAQEBAQEBAQEBA0AAAP2AAAD/gAAAA4AAAP+AAAD9gAAAAYAAgAAA/4D+gAKAAAD9gAAAAQAAAP8AAAEAQAAAA8ACgAAPAAABAQEBAQEBAQEBAQEBAQEBAEAAAAOAAAD/gAAA/YAAAAKAAAD9gAAAAoAAAACAAAAAAAKAAAD/AAAAAIAAAP+AAAD/gAAA/4AAAACAAAD/AAAAAAEAQAAAA8ACgAAHAAABAQEBAQEBAQBAAAADgAAA/QAAAAMAAAAAAAKAAAD/gAAA/oAAAP+AAAAAAgBAAAADwAKAAAMABwAAAQEBAQEBAQEDQAAA/YAAAP+AAAADgAAAAIABgAAA/oD/gAKAAAD9gAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAEAAAAOAAAD9AAAAAwAAAP0AAAADAAAAAAACgAAA/4AAAP+AAAD/gAAA/4AAAP+AAAAAAQBAAAADwAKAAAkAAAEBAQEBAQEBAQEAQAAAA4AAAP0AAAADAAAA/QAAAAAAAoAAAP+AAAD/gAAA/4AAAP8AAAEAQAAAA8ACgAAJAAABAQEBAQEBAQEBAEAAAAOAAAD9AAAAAoAAAACAAAAAAAKAAAD/gAAA/oAAAAEAAAD+gAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAEAAAACAAAACgAAAAIAAAP+AAAD9gAAAAAACgAAA/wAAAAEAAAD9gAAAAQAAAP8AAAAAAQBAAAAAwAKAAAMAAAEBAQEAQAAAAIAAAAAAAoAAAP2AAAAAAQBAAAADwAKAAAcAAAEBAQEBAQEBAEAAAAMAAAD9AAAAA4AAAAAAAIAAAAGAAAAAgAAA/YAAAAADAEAAAAPAAoAAAwALAA8AAAEBAQEBAQEBAQEBAQEBAQEDQAAAAIAAAPyAAAAAgAAAAoAAAP2AAAACgAAAAIAAAAAAAQAAAP8AAAACgAAA/wAAAP+AAAD/AAGAAQAAAP8AAAAAAQBAAAADwAKAAAUAAAEBAQEBAQBAAAAAgAAAAwAAAAAAAoAAAP4AAAD/gAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAEAAAAOAAAD/gAAA/wAAAP+AAAD/AAAAAAACgAAA/YAAAAIAAAD+AAAAAgAAAP4AAAAAAQBAAAADwAKAAAcAAAEBAQEBAQEBAEAAAAOAAAD/gAAA/YAAAAAAAoAAAP2AAAACAAAA/gAAAAACAEAAAAPAAwAAAwALAAABAQEBAQEBAQEBAQEDQAAA/YAAAP+AAAABgAAAAIAAAAGAAAAAgAGAAAD+gP+AAoAAAACAAAD/gAAA/YAAAgBAAAADwAKAAAMACQAAAQEBAQEBAQEBAQNAAAD9gAAA/4AAAAOAAAD9AAAAAYAAgAAA/4D+gAKAAAD+gAAA/wAAAAACAEAAAARAAoAAAwALAAABAQEBAQEBAQEBAQEDQAAA/YAAAP+AAAADgAAAAIAAAP+AAAAAgAGAAAD+gP+AAoAAAP8AAAD/gAAA/wAAAgBAAAADwAKAAAMADwAAAQEBAQEBAQEBAQEBAQEBAQNAAAAAgAAA/IAAAAOAAAD/gAAA/YAAAAKAAAD9gAAAAAABAAAA/wAAAAKAAAD/AAAAAIAAAP+AAAD/gAAA/wAAAQBAAAADwAKAAAsAAAEBAQEBAQEBAQEBAQBAAAADAAAA/QAAAAOAAAD9AAAAAwAAAAAAAIAAAACAAAABgAAA/4AAAP+AAAD+gAAAAAEAQAAAA8ACgAAHAAABAQEBAQEBAQHAAAD+gAAAA4AAAP6AAAAAAAIAAAAAgAAA/4AAAP4AAAAAAQBAAAADwAKAAAcAAAEBAQEBAQEBAEAAAACAAAACgAAAAIAAAAAAAoAAAP4AAAACAAAA/YAAAAADAEAAAAPAAoAAAwAHAAsAAAEBAQEBAQEBAQEBAQDAAAACgAAA/QAAAACAAAACgAAAAIAAAAAAAIAAAP+AAIACAAAA/gAAAAIAAAD+AAAAAAEAQAAAA8ACgAALAAABAQEBAQEBAQEBAQEAQAAAAIAAAAEAAAAAgAAAAQAAAACAAAAAAAKAAAD+AAAAAgAAAP4AAAACAAAA/YAAAAAFAEAAAAPAAoAAAwAHAAsADwATAAABAQEBAQEBAQEBAQEBAQEBAQEBAQBAAAAAgAAAAoAAAACAAAD9AAAAAoAAAP0AAAAAgAAAAoAAAACAAAAAAAEAAAD/AAAAAQAAAP8AAQAAgAAA/4AAgAEAAAD/AAAAAQAAAP8AAAAAAQBAAAADwAKAAAsAAAEBAQEBAQEBAQEBAQHAAAD+gAAAAIAAAAKAAAAAgAAA/oAAAAAAAQAAAAGAAAD/AAAAAQAAAP6AAAD/AAAAAAEAQAAAA8ACgAALAAABAQEBAQEBAQEBAQEAQAAAAwAAAP0AAAADgAAA/QAAAAMAAAAAAAGAAAAAgAAAAIAAAP6AAAD/gAAA/4AAAAABAED/gAFAAwAABwAAAQEBAQEBAQEAQAAAAQAAAP+AAAAAgAAA/4ADgAAA/4AAAP2AAAD/gAAAAAcAQP+AA8ADAAADAAcACwAPABMAFwAbAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBA0AAAACAAAD/AAAAAIAAAP8AAAAAgAAA/wAAAACAAAD/AAAAAIAAAP8AAAAAgAAA/wAAAACAAAD/gACAAAD/gACAAIAAAP+AAIAAgAAA/4AAgACAAAD/gACAAIAAAP+AAIAAgAAA/4AAgACAAAD/gAAAAAEAQP+AAUADAAAHAAABAQEBAQEBAQBAAAAAgAAA/4AAAAEAAAD/gACAAAACgAAAAIAAAPyAAAAAAQBAAYABwAKAAAcAAAEBAQEBAQEBAEAAAAGAAAD/gAAA/4AAAAGAAQAAAP8AAAAAgAAA/4AAAAABAED/gAPAAAAAAwAAAQEBAQBAAAADgAAA/4AAgAAA/4AAAAABAEACAADAAwAAAwAAAQEBAQBAAAAAgAAAAgABAAAA/wAAAAACAEAAAAPAAoAAAwALAAABAQEBAQEBAQEBAQEDQAAA/YAAAP+AAAADgAAA/4AAAP2AAAABgACAAAD/gP6AAoAAAP2AAAABAAAA/wAAAQBAAAADwAKAAA8AAAEBAQEBAQEBAQEBAQEBAQEAQAAAA4AAAP+AAAD9gAAAAoAAAP2AAAACgAAAAIAAAAAAAoAAAP8AAAAAgAAA/4AAAP+AAAD/gAAAAIAAAP8AAAAAAQBAAAADwAKAAAcAAAEBAQEBAQEBAEAAAAOAAAD9AAAAAwAAAAAAAoAAAP+AAAD+gAAA/4AAAAACAEAAAAPAAoAAAwAHAAABAQEBAQEBAQNAAAD9gAAA/4AAAAOAAAAAgAGAAAD+gP+AAoAAAP2AAAEAQAAAA8ACgAALAAABAQEBAQEBAQEBAQEAQAAAA4AAAP0AAAADAAAA/QAAAAMAAAAAAAKAAAD/gAAA/4AAAP+AAAD/gAAA/4AAAAABAEAAAAPAAoAACQAAAQEBAQEBAQEBAQBAAAADgAAA/QAAAAMAAAD9AAAAAAACgAAA/4AAAP+AAAD/gAAA/wAAAQBAAAADwAKAAAkAAAEBAQEBAQEBAQEAQAAAA4AAAP0AAAACgAAAAIAAAAAAAoAAAP+AAAD+gAAAAQAAAP6AAAEAQAAAA8ACgAALAAABAQEBAQEBAQEBAQEAQAAAAIAAAAKAAAAAgAAA/4AAAP2AAAAAAAKAAAD/AAAAAQAAAP2AAAABAAAA/wAAAAABAEAAAADAAoAAAwAAAQEBAQBAAAAAgAAAAAACgAAA/YAAAAABAEAAAAPAAoAABwAAAQEBAQEBAQEAQAAAAwAAAP0AAAADgAAAAAAAgAAAAYAAAACAAAD9gAAAAAMAQAAAA8ACgAADAAsADwAAAQEBAQEBAQEBAQEBAQEBAQNAAAAAgAAA/IAAAACAAAACgAAA/YAAAAKAAAAAgAAAAAABAAAA/wAAAAKAAAD/AAAA/4AAAP8AAYABAAAA/wAAAAABAEAAAAPAAoAABQAAAQEBAQEBAEAAAACAAAADAAAAAAACgAAA/gAAAP+AAAEAQAAAA8ACgAALAAABAQEBAQEBAQEBAQEAQAAAA4AAAP+AAAD/AAAA/4AAAP8AAAAAAAKAAAD9gAAAAgAAAP4AAAACAAAA/gAAAAABAEAAAAPAAoAABwAAAQEBAQEBAQEAQAAAA4AAAP+AAAD9gAAAAAACgAAA/YAAAAIAAAD+AAAAAAIAQAAAA8ADAAADAAsAAAEBAQEBAQEBAQEBAQNAAAD9gAAA/4AAAAGAAAAAgAAAAYAAAACAAYAAAP6A/4ACgAAAAIAAAP+AAAD9gAACAEAAAAPAAoAAAwAJAAABAQEBAQEBAQEBA0AAAP2AAAD/gAAAA4AAAP0AAAABgACAAAD/gP6AAoAAAP6AAAD/AAAAAAIAQAAABEACgAADAAsAAAEBAQEBAQEBAQEBAQNAAAD9gAAA/4AAAAOAAAAAgAAA/4AAAACAAYAAAP6A/4ACgAAA/wAAAP+AAAD/AAACAEAAAAPAAoAAAwAPAAABAQEBAQEBAQEBAQEBAQEBA0AAAACAAAD8gAAAA4AAAP+AAAD9gAAAAoAAAP2AAAAAAAEAAAD/AAAAAoAAAP8AAAAAgAAA/4AAAP+AAAD/AAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAEAAAAMAAAD9AAAAA4AAAP0AAAADAAAAAAAAgAAAAIAAAAGAAAD/gAAA/4AAAP6AAAAAAQBAAAADwAKAAAcAAAEBAQEBAQEBAcAAAP6AAAADgAAA/oAAAAAAAgAAAACAAAD/gAAA/gAAAAABAEAAAAPAAoAABwAAAQEBAQEBAQEAQAAAAIAAAAKAAAAAgAAAAAACgAAA/gAAAAIAAAD9gAAAAAMAQAAAA8ACgAADAAcACwAAAQEBAQEBAQEBAQEBAMAAAAKAAAD9AAAAAIAAAAKAAAAAgAAAAAAAgAAA/4AAgAIAAAD+AAAAAgAAAP4AAAAAAQBAAAADwAKAAAsAAAEBAQEBAQEBAQEBAQBAAAAAgAAAAQAAAACAAAABAAAAAIAAAAAAAoAAAP4AAAACAAAA/gAAAAIAAAD9gAAAAAUAQAAAA8ACgAADAAcACwAPABMAAAEBAQEBAQEBAQEBAQEBAQEBAQEBAEAAAACAAAACgAAAAIAAAP0AAAACgAAA/QAAAACAAAACgAAAAIAAAAAAAQAAAP8AAAABAAAA/wABAACAAAD/gACAAQAAAP8AAAABAAAA/wAAAAABAEAAAAPAAoAACwAAAQEBAQEBAQEBAQEBAcAAAP6AAAAAgAAAAoAAAACAAAD+gAAAAAABAAAAAYAAAP8AAAABAAAA/oAAAP8AAAAAAQBAAAADwAKAAAsAAAEBAQEBAQEBAQEBAQBAAAADAAAA/QAAAAOAAAD9AAAAAwAAAAAAAYAAAACAAAAAgAAA/oAAAP+AAAD/gAAAAAH/wP+AAUADAAALAAABAQEBAQEBAQEBAQEAQAAA/4AAAACAAAABAAAA/4AAAACAAAD/gAGAAAAAgAAAAYAAAP+AAAD9gAAA/4AAAAABAED/gADAAwAAAwAAAQEBAQBAAAAAgAAA/4ADgAAA/IAAAAABAED/gAHAAwAACwAAAQEBAQEBAQEBAQEBAEAAAACAAAD/gAAAAQAAAACAAAD/gAAA/4AAgAAAAoAAAACAAAD+gAAA/4AAAP6AAAAAAQBAAIADwAIAAAsAAAEBAQEBAQEBAQEBAQBAAAACAAAAAQAAAACAAAD+AAAA/wAAAACAAYAAAP8AAAABAAAA/oAAAAEAAAD/AAAAAAEAQAIAAMACgAADAAABAQEBAEAAAACAAAACAACAAAD/gAAAAAEAQAIAAMACgAADAAABAQEBAEAAAACAAAACAACAAAD/gAAAAAIAQAIAAYACgAADAAcAAAEBAQEBAQEBAEAAAACAAAAAQAAAAIAAAAIAAIAAAP+AAAAAgAAA/4AAAgBAAgABgAKAAAMABwAAAQEBAQEBAQEAQAAAAIAAAABAAAAAgAAAAgAAgAAA/4AAAACAAAD/gAAAAAAAAACMAAAAjAAAAIwAAACMAAAAxAAAAPwAAAGsAAACTAAAArAAAAL8AAADIAAAA1gAAAOQAAAD3AAABCgAAARMAAAEcAAABJQAAAU8AAAFdAAABZgAAAXkAAAGMAAABnAAAAa8AAAHCAAABzQAAAeEAAAHyAAACAAAAAg4AAAI4AAACRgAAAnAAAAKDAAAClgAAAqkAAALBAAACzwAAAt0AAALwAAADAAAAAxAAAAMjAAADLAAAAzoAAANTAAADXgAAA3EAAAN/AAADkgAAA6MAAAO2AAADzgAAA+EAAAPvAAAD/QAABBEAAAQkAAAEQwAABFYAAARpAAAEdwAABKEAAASvAAAEvQAABMYAAATPAAAE4gAABPoAAAUIAAAFFgAABSkAAAU5AAAFSQAABVwAAAVlAAAFcwAABYwAAAWXAAAFqgAABbgAAAXLAAAF3AAABe8AAAYHAAAGGgAABigAAAY2AAAGSgAABl0AAAZ8AAAGjwAABqIAAAa1AAAGvgAABtEAAAbkAAAG7QAABvYAAAcEAAAHEg=') format('truetype');
  font-display: block;
}

/* Abnormies reorganized site — shared stylesheet.
   Single source of truth for design tokens, the unified header/nav/footer, and
   the prose pages (index, about, collection). The home and abnormie pages also
   load the app's styles.css for their wallet/detail components; this file is
   loaded after it and owns the shared chrome. The @font-face for Robotastic is
   injected at the top of this file at build time from styles.css. */

:root {
  --bg: #ece8de;
  --panel: #f4f1e9;
  --text: #1c1a17;
  --muted: #6b665e;
  --border: #c8c2b3;
  --accent: #8a4f30;

  --sky: #e3e5e4;
  --cirrus: #b0b1b0;
  --altocumulus: #7c7d7e;
  --nimbostratus: #48494b;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
  font-size: 17px;
  line-height: 1.6;
}

.wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 56px 32px 80px;
}

@media (max-width: 600px) {
  .wrap { padding: 40px 20px 56px; }
  body { font-size: 16px; }
}

/* Display-face helpers */
.mono { font-family: ui-monospace, "SF Mono", Consolas, monospace; }
.display {
  font-family: 'Robotastic', ui-monospace, monospace;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  font-smooth: never;
  text-rendering: geometricPrecision;
}

.wordmark {
  font-family: 'Robotastic', ui-monospace, monospace;
  letter-spacing: 0.04em;
  line-height: 1;
  color: var(--text);
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  font-smooth: never;
  text-rendering: geometricPrecision;
}

/* ---------------------------------------------------------------------------
   Shared header + nav
   --------------------------------------------------------------------------- */

.site-header {
  margin-bottom: 48px;
  text-align: center;
}

.site-logo {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.site-logo .wordmark {
  display: inline-block;
  font-size: 64px;
}

@media (max-width: 600px) {
  .site-logo .wordmark { font-size: 44px; }
}

.site-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-top: 14px;
}

.site-nav a {
  font-family: 'Robotastic', ui-monospace, monospace;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.site-nav a:hover {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

.site-nav a.active {
  color: var(--text);
  border-bottom-color: var(--text);
}

/* ---------------------------------------------------------------------------
   Shared footer
   --------------------------------------------------------------------------- */

.site-footer {
  margin-top: 64px;
  padding-top: 28px;
  border-top: 1px solid var(--border);
  text-align: center;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--muted);
}

.site-footer a {
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  transition: color 0.15s ease, border-color 0.15s ease;
}

.site-footer a:hover {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

/* ---------------------------------------------------------------------------
   Page title (about, collection, home, detail)
   --------------------------------------------------------------------------- */

.page-title {
  font-family: 'Robotastic', ui-monospace, monospace;
  font-size: 30px;
  letter-spacing: 0.03em;
  line-height: 1.1;
  margin-bottom: 28px;
  color: var(--text);
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  font-smooth: never;
  text-rendering: geometricPrecision;
}

@media (max-width: 600px) { .page-title { font-size: 26px; } }

/* ---------------------------------------------------------------------------
   Prose body
   --------------------------------------------------------------------------- */

.body p {
  margin-bottom: 1.4em;
  -webkit-hyphens: none;
  hyphens: none;
}

.body p:last-child { margin-bottom: 0; }

.body em { font-style: italic; color: var(--text); }

.body a {
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  transition: color 0.15s ease, border-color 0.15s ease;
}

.body a:hover { color: var(--accent); border-bottom-color: var(--accent); }

/* ---------------------------------------------------------------------------
   Random example viewer (index)
   --------------------------------------------------------------------------- */

.sample-block {
  margin: 48px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.canvas-frame {
  background: #ffffff;
  border: 1px solid var(--border);
  padding: 12px;
  display: inline-block;
  line-height: 0;
}

#sample-canvas {
  display: block;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.sample-meta {
  margin-top: 14px;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--muted);
  text-align: center;
}

.sample-meta .meta-state { color: var(--text); }
.sample-meta .meta-inverted { color: var(--accent); font-weight: 600; }

.sample-controls { margin-top: 14px; }

.randomize-btn {
  font-family: 'Robotastic', ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid var(--text);
  color: var(--text);
  padding: 9px 18px;
  cursor: pointer;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  transition: background 0.15s ease, color 0.15s ease;
}

.randomize-btn:hover { background: var(--text); color: var(--bg); }

.sample-disclaimer {
  margin-top: 18px;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 10px;
  color: var(--muted);
  text-align: center;
  max-width: 380px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

/* ---------------------------------------------------------------------------
   FAQ (about)
   --------------------------------------------------------------------------- */

.section-heading {
  font-family: 'Robotastic', ui-monospace, monospace;
  font-size: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text);
  margin: 48px 0 20px;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
}

.faq-item { margin-bottom: 22px; }

.faq-q {
  font-weight: 600;
  margin-bottom: 4px;
}

.faq-a { color: var(--muted); }

/* ---------------------------------------------------------------------------
   References block (about) — matches the live index footer reference rows
   --------------------------------------------------------------------------- */

.refs {
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
  margin-top: 16px;
}

.refs .row {
  display: flex;
  align-items: baseline;
  margin-bottom: 6px;
}

.refs .row:last-child { margin-bottom: 0; }

.refs .label {
  display: inline-block;
  width: 130px;
  flex: none;
  color: var(--muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 10px;
}

.refs a {
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  padding-bottom: 1px;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.refs a:hover { color: var(--accent); border-bottom-color: var(--accent); }

.spec-links {
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 28px;
}

.spec-links a {
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  transition: color 0.15s ease, border-color 0.15s ease;
}

.spec-links a:hover { color: var(--accent); border-bottom-color: var(--accent); }

/* ---------------------------------------------------------------------------
   Collection page
   --------------------------------------------------------------------------- */

.opensea-btn {
  display: inline-block;
  margin-top: 8px;
  padding: 14px 22px;
  background: var(--text);
  color: var(--bg);
  font-family: 'Robotastic', ui-monospace, monospace;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--text);
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  transition: background 0.15s ease, color 0.15s ease;
}

.opensea-btn:hover { background: var(--bg); color: var(--text); }

/* ---------------------------------------------------------------------------
   My Abnormies grid controls (home). Loaded after the app styles.css, so the
   composite overrides win over the base #receipts-list rules.
   --------------------------------------------------------------------------- */

.grid-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  margin-bottom: 22px;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 12px;
  color: var(--muted);
}

.grid-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.grid-control-label {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 11px;
}

.grid-select {
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 12px;
  color: var(--text);
  background: var(--bg);
  border: 1px solid var(--border);
  padding: 5px 8px;
  cursor: pointer;
}

.grid-select:focus { outline: none; border-color: var(--text); }

.grid-control input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: var(--text);
  cursor: pointer;
}

/* Column count is driven by --abn-cols (set by clouds.js) instead of an inline
   grid-template-columns, so the mobile media query below can override it. The
   selector value the user picked is preserved; only the rendered columns cap. */
#receipts-list { grid-template-columns: repeat(var(--abn-cols, 5), 1fr); }

@media (max-width: 600px) {
  #receipts-list { grid-template-columns: repeat(3, 1fr); }
}

/* Composite mode: tiles edge-to-edge, no gutters, no labels or borders, so the
   grid reads as a single image made of N tiles. */
#receipts-list.composite { gap: 0; }
#receipts-list.composite .receipt-cell { gap: 0; }
#receipts-list.composite .receipt-label { display: none; }
#receipts-list.composite .receipt-thumb { border: none; }