+@media (max-width: 52em) {
+ .units thead th:first-child,
+ .units tbody .cat {
+ position: absolute;
+ visibility: hidden;
+ }
+}
+@media (max-width: 48em) {
+ .units {
+ width: auto;
+ }
+ .units th, .units td {
+ vertical-align: top;
+ }
+ .units td {
+ height: 2em;
+ }
+
+ .units td:nth-child(2) {
+ white-space: normal;
+ padding: 0;
+ }
+
+ .units tr.sub td:nth-child(2),
+ .units .cat,
+ .units .unit-speed,
+ .units .hurtrel,
+ .units .unit-pop, .units .unit-type,
+ .units .unit-shield,
+ .units .unit-gas {
+ padding: 0;
+ position: absolute;
+ margin-top: 3.2ex;
+ margin-top: 1rem;
+ min-width: 4em;
+ text-align: right;
+ margin-left: -4.3em;
+ font-size: 70%;
+ }
+ .units th.unit-attr {
+ position: absolute;
+ }
+ .units .unit-type {
+ text-align: left;
+ margin-left: 0;
+ }
+ .units .unit-speed {
+ margin-left: -6em;
+ }
+ .units .alt thead th:first-child,
+ .units .alt .cat,
+ .units .alt .unit-speed,
+ .units .alt .hurtrel,
+ .units .alt .unit-pop, .units .alt .unit-type,
+ .units .alt .unit-shield,
+ .units .alt .gas {
+ margin-top: 2ex;
+ }
+ .units .cat {
+ margin-top: -2ex;
+ margin-left: 0;
+ text-align: left;
+ }
+
+ .units thead th:first-child {
+ margin-left: 0.5em;
+ }
+ .units thead th:first-child,
+ .units th.unit-speed,
+ .units th.hurtrel,
+ .units th.unit-shield,
+ .units th.gas {
+ margin-top: 2.2ex;
+ }
+}
+