/* Generated by sprite-css.mjs — original pixel art, authored as text matrices (see art/sprites.json) */
[class^="px-"], [class*=" px-"] { display: inline-block; background-repeat: no-repeat; background-size: 100% 100%; image-rendering: pixelated; image-rendering: crisp-edges; }
.px-frame { display: inline-block; overflow: clip; position: relative; }
.px-frame > .strip { display: block; background-repeat: no-repeat; background-size: 100% 100%; image-rendering: pixelated; image-rendering: crisp-edges; will-change: auto; }
@media (prefers-reduced-motion: no-preference) {
  .px-frame.is-playing > .strip { animation-name: px-strip; animation-duration: 0.6s; animation-timing-function: steps(1, jump-none); animation-iteration-count: infinite; }
  .px-frame.is-playing.once > .strip { animation-iteration-count: 1; animation-fill-mode: forwards; }
}
@keyframes px-strip { to { transform: translateX(calc(-100% + 100% / var(--frames, 1))); } }
:root {
  --px-scale: 4;
  --px-monogram: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEUAAAAPECAmKkD/sAD08ejk341LAAAAAXRSTlMAQObYZgAAADBJREFUeNpjEIQCBiElMFBkEIIIgBnCxsaGyAwRuIgjjCGCLiKCoQsbA2oFzFKYMwAXYw6gxukdhQAAAABJRU5ErkJggg=="); --px-monogram-w: 16; --px-monogram-h: 16;
  --px-cactus: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAD1BMVEUAAACMy6hOmn4va1iKSyo0tuibAAAAAXRSTlMAQObYZgAAACxJREFUeNpjYGBgVGAAAUFlBMWoAKeYDOCUIJhiMBZUVjIAqzRG18fgAgQMAKjVBP2sDX0LAAAAAElFTkSuQmCC"); --px-cactus-w: 12; --px-cactus-h: 12;
  --px-mascot-dark-idle-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAYBAMAAABO02PvAAAAHlBMVEUAAAAPECCKSyrpqXx8iqO4wc9LU3AmKkD08eg7b9a8l4BYAAAAAXRSTlMAQObYZgAAALBJREFUeNqFzz0SwiAQBeDdG2R1xtRgPEDkBJmxsbRIYUlD6jShTpMTeGA3UYGBnUj1vXn8LADrQiL4rdRw0LqSjGdjlGDAjqgTDHh59OFE093U/6u0uSrBfFw3SjAAEVWC+Uum/X4rNaCb5mWyhQEHDt4W5nCal9oW5lDbIRTRa5h8LIIBTe39sc3NA5If/VhlBnzdaRg/g6TeKfpnLBLvFPygs87m3vI6ieBtI2V+A1V+REFYG7n0AAAAAElFTkSuQmCC"); --px-mascot-dark-idle-fw: 24; --px-mascot-dark-idle-fh: 24; --px-mascot-dark-idle-frames: 2;
  --px-mascot-light-idle-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAYBAMAAABO02PvAAAAHlBMVEUAAAAPECCKSyrpqXx8iqO4wc9LU3AmKkD08eg7b9a8l4BYAAAAAXRSTlMAQObYZgAAALBJREFUeNqFzz0SwiAQBeDdG2R1xtRgPEDkBJmxsbRIYUlD6jShTpMTeGA3UYGBnUj1vXn8LADrQiL4rdRw0LqSjGdjlGDAjqgTDHh59OFE093U/6u0uSrBfFw3SjAAEVWC+Uum/X4rNaCb5mWyhQEHDt4W5nCal9oW5lDbIRTRa5h8LIIBTe39sc3NA5If/VhlBnzdaRg/g6TeKfpnLBLvFPygs87m3vI6ieBtI2V+A1V+REFYG7n0AAAAAElFTkSuQmCC"); --px-mascot-light-idle-fw: 24; --px-mascot-light-idle-fh: 24; --px-mascot-light-idle-frames: 2;
  --px-mascot-dark-run-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAYBAMAAADni2k+AAAAHlBMVEUAAAAPECCKSyrpqXx8iqO4wc/08ehLU3AmKkA7b9Ze3AbFAAAAAXRSTlMAQObYZgAAATJJREFUeNqVlc1twzAMRsUNRLdAfI2SBQID3aED5NAxfHKuurQaoANXP5RMpqZj+WCQzPueEUtRjNm5EK15dQlGCYBz5y5GCwzuMtkORg0MV0TsYNTA4Ka77WD0wGWabh2MGgD+5AOMGoCrc7aDUQOGvccjjBow7x/YxWgBfITlpZQzsB0AH+d162lSYIxomPQthkO45W2sSmFlZMOkSfSN+Ptpd6SwMrJhUkwiC020Jc1ZYmTzLLVw/9qRckY2QhrEfEsqGC1gTnMIHugrKMzol2UmJjf2fwAWxNHT6iTpFhMQT3NdQd6MPpYlkGYQyuo8SWNZmDSDuhd4E4PNWUQzq6vUNmfOElM+p/j400TZDeXHUJ5D8chUUc4Sk+btnk5jqurkMEMn+Xqe14r/bRxg/gA2MaMaZt7ZRwAAAABJRU5ErkJggg=="); --px-mascot-dark-run-fw: 24; --px-mascot-dark-run-fh: 24; --px-mascot-dark-run-frames: 6;
  --px-mascot-light-run-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAYBAMAAADni2k+AAAAHlBMVEUAAAAPECCKSyrpqXx8iqO4wc/08ehLU3AmKkA7b9Ze3AbFAAAAAXRSTlMAQObYZgAAATJJREFUeNqVlc1twzAMRsUNRLdAfI2SBQID3aED5NAxfHKuurQaoANXP5RMpqZj+WCQzPueEUtRjNm5EK15dQlGCYBz5y5GCwzuMtkORg0MV0TsYNTA4Ka77WD0wGWabh2MGgD+5AOMGoCrc7aDUQOGvccjjBow7x/YxWgBfITlpZQzsB0AH+d162lSYIxomPQthkO45W2sSmFlZMOkSfSN+Ptpd6SwMrJhUkwiC020Jc1ZYmTzLLVw/9qRckY2QhrEfEsqGC1gTnMIHugrKMzol2UmJjf2fwAWxNHT6iTpFhMQT3NdQd6MPpYlkGYQyuo8SWNZmDSDuhd4E4PNWUQzq6vUNmfOElM+p/j400TZDeXHUJ5D8chUUc4Sk+btnk5jqurkMEMn+Xqe14r/bRxg/gA2MaMaZt7ZRwAAAABJRU5ErkJggg=="); --px-mascot-light-run-fw: 24; --px-mascot-light-run-fh: 24; --px-mascot-light-run-frames: 6;
  --px-mascot-dark-jump-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAHlBMVEUAAAAPECCKSyrpqXx8iqO4wc/08ehLU3AmKkA7b9Ze3AbFAAAAAXRSTlMAQObYZgAAAIJJREFUeNptkLsRwkAMRLUd3HoInHJ2Azc3Qw8U4IAyiOSUBFQABWM+shSw2ZvValYSEQFZxDXUekww9d0aZpLh9CWcqffmgJzBXGvsTnmRwymAq6mP4baBF3qDWfsWRFvtTj7POxT8YFtgBcvlE4MlGFX16heSo0YdyQB7JMgf+asX12Aan1vL4rkAAAAASUVORK5CYII="); --px-mascot-dark-jump-fw: 24; --px-mascot-dark-jump-fh: 24; --px-mascot-dark-jump-frames: 1;
  --px-mascot-light-jump-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAHlBMVEUAAAAPECCKSyrpqXx8iqO4wc/08ehLU3AmKkA7b9Ze3AbFAAAAAXRSTlMAQObYZgAAAIJJREFUeNptkLsRwkAMRLUd3HoInHJ2Azc3Qw8U4IAyiOSUBFQABWM+shSw2ZvValYSEQFZxDXUekww9d0aZpLh9CWcqffmgJzBXGvsTnmRwymAq6mP4baBF3qDWfsWRFvtTj7POxT8YFtgBcvlE4MlGFX16heSo0YdyQB7JMgf+asX12Aan1vL4rkAAAAASUVORK5CYII="); --px-mascot-light-jump-fw: 24; --px-mascot-light-jump-fh: 24; --px-mascot-light-jump-frames: 1;
  --px-floppy-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQBAMAAACFLmBqAAAAG1BMVEUAAAAPECA7b9Z8iqMmKkD08ej/sABa0fC4wc94dMBhAAAAAXRSTlMAQObYZgAAAHBJREFUeNpjEIQAARjNIKSkbGxspOQoVK5sbNGk5AgSEAYLqBcLG6MIKFUIG7ejCGgIG5sXOSLMUFLuMDYqBwmAAVBASb1ISR1FQKlcCWRGKBg4wmgsAmFpaWkgAShNjBYkW0A0g4gLGDjCaAZBNAAASPc0ZV85MPQAAAAASUVORK5CYII="); --px-floppy-fw: 16; --px-floppy-fh: 16; --px-floppy-frames: 2;
  --px-badge-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMBAMAAACKHmBGAAAAD1BMVEUAAAAPECD/sAD08eiKSyqPgO9wAAAAAXRSTlMAQObYZgAAAEhJREFUeNpjYGBgFGBggJNCikCaURhMChkpKQoASSMgD8hWUlIEsoEkg5ASmKOEwlHCznGEkGCOiiOEBBoNFBKAkCCLECSycwAOxg2uAzeJIAAAAABJRU5ErkJggg=="); --px-badge-fw: 12; --px-badge-fh: 12; --px-badge-frames: 2;
  --px-flag-raise-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAYBAMAAAC4muZ3AAAAFVBMVEUAAAAPECC4wc98iqOKSyr/sAD08egzc6OrAAAAAXRSTlMAQObYZgAAAHhJREFUeNqVktENgCAMRDvCoSxk4gIklgmM+48gaggh5Wroz33wuLsGRALkHaaywFdZQTQ84wFRNScXyHrCBY5r87JLxK4g2ZqajgF4W8T+IncwQCv3dTBAPajgEICNpOUmHEi5BpByPQD+aLTcnMOonN2CAT/f/gak0CZpbgTEYwAAAABJRU5ErkJggg=="); --px-flag-raise-fw: 16; --px-flag-raise-fh: 24; --px-flag-raise-frames: 4;
  --px-flag-glint-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYBAMAAABpfeIHAAAAFVBMVEUAAAAPECC4wc98iqOKSyr/sAD08egzc6OrAAAAAXRSTlMAQObYZgAAAExJREFUeNpjYBAUYAADGM0gJIBKMwgLggCCZhAWCQ0NU4TSgWCBsNAUAQQNZISkOSLRIKUuoQIIGqw3NBBKK2K1BWq/MNwdw1kALRoAW1gS1ewKO7EAAAAASUVORK5CYII="); --px-flag-glint-fw: 16; --px-flag-glint-fh: 24; --px-flag-glint-frames: 2;
  --px-foes-strip: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAAMBAMAAACuKy3DAAAAHlBMVEUAAAAPECB/4Ir08ejy0Us7b9b/sAB8iqObe//lSE3PcvJ+AAAAAXRSTlMAQObYZgAAAdRJREFUeNqdlMFqGzEQhkcouo83he4eN30BNUK4ublvIBB6hd5bH3ReevHV5FD8tp1fE4MWokArhm+NtJp/5re0RExkWsgPT2SJEpEjc5DBShtkeFdkJCxgS6MsyBb3Nv3u+w9kmE4ESlbrKVlyCUoqqbRN20Hb/JDBSosU3iFdovly2eiNsZRMlEOIZKoMVu7ePy3XByJaroIUsyT3OYrQsANsY2WfyFy+/b6wcjf/q9Y/rNwJm9sN+RtlAfkxTTQ9f1nv7Dv4GsIjK20uJXoXQ8giPG8QBm2JGQI5ivDA6pN5fWHxWyguox5UJH7TNK3rnTFmCOcYP+hYBit38yOrl9tNXFZ2jRGKZKP0sNomWO3MsdYzK3cC2zbPrLQoUZyQcpM513pk5V745RXCjb2wmZ6eVlZaLHiHhfTPHf+s9TMr+7+GluUK4cbOUTF5ndY7Y45YkAeZ4/mIjsG98DZDGLQlR8zH/D9WT98/rUbpIWwThN2oY5q3GdepsS+0Hg4QBm0JAe+XMj50YrX0ykqLRGK1PD7YsM24Ho02R1yPKI6OOh46MbKaDl2EFgVh5Djew5KXcJQkRoWOG8B5ZqXFqfYOpxo3/P3B3ceu+8SOCh3N/wW/IPL/Vh8fJQAAAABJRU5ErkJggg=="); --px-foes-fw: 12; --px-foes-fh: 12; --px-foes-frames: 20;
}
.px-monogram { width: calc(16px * var(--px-scale)); height: calc(16px * var(--px-scale)); background-image: var(--px-monogram); }
.px-cactus { width: calc(12px * var(--px-scale)); height: calc(12px * var(--px-scale)); background-image: var(--px-cactus); }
.px-anim-mascot-dark-idle { width: calc(24px * var(--px-scale)); height: calc(24px * var(--px-scale)); }
.px-anim-mascot-dark-idle > .strip { width: calc(48px * var(--px-scale)); height: 100%; background-image: var(--px-mascot-dark-idle-strip); --frames: 2; }
.px-anim-mascot-dark-idle.is-playing > .strip { animation-duration: 0.250s; animation-timing-function: steps(2, jump-none); }
.px-anim-mascot-light-idle { width: calc(24px * var(--px-scale)); height: calc(24px * var(--px-scale)); }
.px-anim-mascot-light-idle > .strip { width: calc(48px * var(--px-scale)); height: 100%; background-image: var(--px-mascot-light-idle-strip); --frames: 2; }
.px-anim-mascot-light-idle.is-playing > .strip { animation-duration: 0.250s; animation-timing-function: steps(2, jump-none); }
.px-anim-mascot-dark-run { width: calc(24px * var(--px-scale)); height: calc(24px * var(--px-scale)); }
.px-anim-mascot-dark-run > .strip { width: calc(144px * var(--px-scale)); height: 100%; background-image: var(--px-mascot-dark-run-strip); --frames: 6; }
.px-anim-mascot-dark-run.is-playing > .strip { animation-duration: 0.600s; animation-timing-function: steps(6, jump-none); }
.px-anim-mascot-light-run { width: calc(24px * var(--px-scale)); height: calc(24px * var(--px-scale)); }
.px-anim-mascot-light-run > .strip { width: calc(144px * var(--px-scale)); height: 100%; background-image: var(--px-mascot-light-run-strip); --frames: 6; }
.px-anim-mascot-light-run.is-playing > .strip { animation-duration: 0.600s; animation-timing-function: steps(6, jump-none); }
.px-anim-mascot-dark-jump { width: calc(24px * var(--px-scale)); height: calc(24px * var(--px-scale)); }
.px-anim-mascot-dark-jump > .strip { width: calc(24px * var(--px-scale)); height: 100%; background-image: var(--px-mascot-dark-jump-strip); --frames: 1; }
.px-anim-mascot-dark-jump.is-playing > .strip { animation-duration: 1.000s; animation-timing-function: steps(1, jump-none); }
.px-anim-mascot-light-jump { width: calc(24px * var(--px-scale)); height: calc(24px * var(--px-scale)); }
.px-anim-mascot-light-jump > .strip { width: calc(24px * var(--px-scale)); height: 100%; background-image: var(--px-mascot-light-jump-strip); --frames: 1; }
.px-anim-mascot-light-jump.is-playing > .strip { animation-duration: 1.000s; animation-timing-function: steps(1, jump-none); }
.px-anim-floppy { width: calc(16px * var(--px-scale)); height: calc(16px * var(--px-scale)); }
.px-anim-floppy > .strip { width: calc(32px * var(--px-scale)); height: 100%; background-image: var(--px-floppy-strip); --frames: 2; }
.px-anim-floppy.is-playing > .strip { animation-duration: 0.250s; animation-timing-function: steps(2, jump-none); }
.px-anim-badge { width: calc(12px * var(--px-scale)); height: calc(12px * var(--px-scale)); }
.px-anim-badge > .strip { width: calc(24px * var(--px-scale)); height: 100%; background-image: var(--px-badge-strip); --frames: 2; }
.px-anim-badge.is-playing > .strip { animation-duration: 0.500s; animation-timing-function: steps(2, jump-none); }
.px-anim-flag-raise { width: calc(16px * var(--px-scale)); height: calc(24px * var(--px-scale)); }
.px-anim-flag-raise > .strip { width: calc(64px * var(--px-scale)); height: 100%; background-image: var(--px-flag-raise-strip); --frames: 4; }
.px-anim-flag-raise.is-playing > .strip { animation-duration: 0.667s; animation-timing-function: steps(4, jump-none); }
.px-anim-flag-glint { width: calc(16px * var(--px-scale)); height: calc(24px * var(--px-scale)); }
.px-anim-flag-glint > .strip { width: calc(32px * var(--px-scale)); height: 100%; background-image: var(--px-flag-glint-strip); --frames: 2; }
.px-anim-flag-glint.is-playing > .strip { animation-duration: 1.000s; animation-timing-function: steps(2, jump-none); }
.px-anim-foes { width: calc(12px * var(--px-scale)); height: calc(12px * var(--px-scale)); }
.px-anim-foes > .strip { width: calc(240px * var(--px-scale)); height: 100%; background-image: var(--px-foes-strip); --frames: 20; }
.px-anim-foes.is-playing > .strip { animation-duration: 5.000s; animation-timing-function: steps(20, jump-none); }