Repository navigation
Expand file tree
/
Copy pathstyle.css
More file actions
2704 lines (2412 loc) · 120 KB
/
Copy pathstyle.css
File metadata and controls
2704 lines (2412 loc) · 120 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
.ps-room .battle-controls {
top: 420px !important;
}
.battle {
padding-top: 50px;
}
.background {
position: absolute;
top: -80px;
}
/*
Battlefield background image rendered by me.
Battleplane image created by me.
Background Battle Stadium 3d Model Information:
source: https://sketchfab.com/3d-models/pokemon-stadium-c7ae71285d404b9fb390dbe7cd14e57d
author: Tigerar1 (https://sketchfab.com/allanromanreyes)
*/
.backdrop {
background-image: url(https://i.ibb.co/G059m4C/battleground.png) !important;
background-position-x: -60px;
background-position-y: -60px;
width: var(--battlescreen-width) !important;
height: var(--battlescreen-height) !important;
top: -50px !important;
left: 0 !important;
}
:root {
--btnH: 35px;
--whiteHealthWidth: 220px;
--whiteHealthHeight: 55px;
--battlescreen-width: 640px;
--battlescreen-height: 410px;
--bottom-padding-fix: 8px;
/* teambuilder room colors */
--bg_color_teambuilder: rgba(51,51,51,0.1);
/*Colors of types*/
--Bug: rgb(173, 185, 68);
--Dark: rgb(61, 61, 61);
--Dragon: rgb(116, 105, 230);
--Electric: rgb(247, 205, 85);
--Fairy: rgb(243, 175, 250);
--Fighting: rgb(164, 86, 71);
--Fire: rgb(235, 83, 53);
--Flying: rgb(119, 152, 252);
--Ghost: rgb(102, 103, 181);
--Grass: rgb(123, 201, 47);
--Ground: rgb(203, 178, 90);
--Ice: rgb(156, 220, 254);
--Normal: rgb(173, 171, 144);
--Poison: rgb(159, 91, 150);
--Psychic: rgb(230, 100, 152);
--Rock: rgb(184, 170, 111);
--Steel: rgb(166, 168, 196);
--Water: rgb(76, 155, 240);
/*type icon images*/
--type_icon_Bug: url('data:image/svg+xml,<svg fill="none" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m342.198.501279c.373-.5317158 1.105-.660937 1.637-.288625l36.354 25.455546c.532.3723.661 1.1051.289 1.6368l-50.599 72.2623c24.599 7.8587 41.358 16.3357 41.358 16.3357s-40.964 70.462-110.443 70.462-118.85-65.672-118.85-65.672 17.506-11.172 43.456-20.7539l-55.5-66.1415c-.417-.4973-.352-1.2386.145-1.6558l33.997-28.52715c.498-.41723 1.239-.35238 1.656.14487l70.272 83.74688c6.017-.6806 12.147-1.061 18.333-1.061 8.891 0 17.771.6759 26.44 1.8229zm13.746 189.200721c18.541-13.242 46.597-47.804 46.597-47.804s71.664 56.79 71.664 177.206c0 120.415-123.896 192.888-123.896 192.888s-59.195-59.781-73.727-135.562c-14.531-75.781 21.496-159.927 21.496-159.927s39.324-13.559 57.866-26.801zm-199.683 0c-18.541-13.242-46.597-47.804-46.597-47.804s-71.664 56.79-71.664 177.206c0 120.415 123.896 192.888 123.896 192.888s59.195-59.781 73.727-135.562c14.531-75.781-21.496-159.927-21.496-159.927s-39.324-13.559-57.866-26.801z" fill="%23fff" fill-rule="evenodd"/></svg>');
--type_icon_Dark: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M229.379 452.85C239.106 454.339 249.068 455.111 259.212 455.111C367.214 455.111 454.767 367.558 454.767 259.556C454.767 151.553 367.214 64 259.212 64C251.966 64 244.811 64.3941 237.77 65.1621C291.345 105.751 326.767 176.062 326.767 256C326.767 340.04 287.616 413.44 229.379 452.85ZM255.656 512C397.041 512 511.656 397.385 511.656 256C511.656 114.615 397.041 0 255.656 0C114.271 0 -0.34375 114.615 -0.34375 256C-0.34375 397.385 114.271 512 255.656 512Z" fill="white"/></svg>');
--type_icon_Dragon: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M280.702 254.881C284.172 252.765 287.116 248.331 289.49 243.403C320.735 256.173 342.692 286.349 342.692 321.54C342.692 368.29 303.942 406.189 256.142 406.189C236.52 406.189 218.423 399.802 203.906 389.039C199.144 386.784 195.226 384.618 192.02 382.845C187.047 380.096 183.786 378.293 181.744 378.575C175.775 379.398 177.508 384.89 179.083 389.879C180.152 393.268 181.149 396.425 179.606 397.727C177.992 399.091 172.764 394.106 166.655 388.282C158.339 380.353 148.391 370.868 143.7 373.717C139.991 375.97 143.592 382.081 148 389.561L148.327 390.116C150.189 393.278 152.347 396.498 154.316 399.436C158.319 405.407 161.543 410.219 159.93 411.033C157.98 412.017 144.394 402.847 132.945 390.116C128.526 385.203 124.246 379.877 120.268 374.928L120.268 374.927C111.561 364.093 104.307 355.068 100.235 356.137C95.3365 357.423 99.0421 367.527 104.487 377.25C107.033 381.797 110.028 386.427 112.621 390.436L112.621 390.437C116.654 396.671 119.715 401.402 118.605 401.984C117.107 402.767 103.926 389.914 94.9734 373.717C89.6559 364.096 85.1909 353.464 81.5761 344.857C77.656 335.522 74.7359 328.569 72.8131 327.869C66.1325 325.438 66.1325 339.059 68.8119 358.718C69.1614 361.283 69.6819 363.973 70.3228 366.712C96.307 450.785 176.128 512 270.567 512C386.084 512 479.728 420.412 479.728 307.432C479.728 199.9 394.899 111.747 287.12 103.494C287.256 98.4284 289.9 88.383 289.9 88.383C289.9 88.383 308.927 42.3472 309.933 32.5099C309.999 31.857 310.078 31.1475 310.163 30.3919C311.348 19.7629 313.553 0 296.551 0C287.471 0 283.249 6.75464 278.42 14.4799L278.42 14.48C276.566 17.4457 274.622 20.5545 272.28 23.479C255.412 44.5436 227.048 70.8488 210.965 84.8631C176.971 114.484 143.619 138.828 124.167 153.026L124.167 153.026L124.166 153.027C115.319 159.484 109.348 163.843 107.5 165.644C93.574 179.22 43.6418 269.286 43.6418 269.286C43.6418 269.286 27.4943 298.182 33.2338 304.043C38.9733 309.903 52.8141 308.56 52.8141 308.56C52.8141 308.56 238.755 265.903 255.402 262.539C259.884 261.633 263.048 261.11 265.477 260.709C272.072 259.62 273.256 259.424 280.702 254.881ZM149.235 200.064C139.254 209.551 122.701 232.196 122.701 232.196C122.701 232.196 153.465 234.091 170.408 217.986C187.352 201.88 183.47 174.433 183.47 174.433C183.47 174.433 159.215 190.577 149.235 200.064Z" fill="white"/></svg>');
--type_icon_Electric: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M152.56 0.583659C152.461 0.29796 152.674 0 152.976 0H332.805C332.998 0 333.169 0.125587 333.226 0.309782L415.824 267.171C415.911 267.454 415.7 267.741 415.403 267.741H295.684C295.538 267.741 295.433 267.88 295.473 268.021L364.135 509.726C364.269 510.195 363.654 510.501 363.361 510.111L96.5295 155.267C96.3115 154.977 96.5184 154.563 96.881 154.563H205.536C205.687 154.563 205.793 154.414 205.743 154.271L152.56 0.583659Z" fill="white"/></svg>');
--type_icon_Fairy: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M102.726 405.978L184.848 382.166L255.778 511.857C255.871 512.025 256.112 512.025 256.204 511.857L327.134 382.166L409.257 405.978C409.441 406.031 409.612 405.86 409.557 405.676L385.741 325.179L511.856 256.204C512.025 256.112 512.025 255.871 511.857 255.779L384.702 186.235L409.557 102.225C409.612 102.041 409.441 101.87 409.257 101.923L325.208 126.294L256.204 0.126188C256.112 -0.0420597 255.871 -0.0420644 255.779 0.126184L186.775 126.294L102.726 101.923C102.542 101.87 102.371 102.041 102.426 102.225L127.281 186.235L0.126188 255.779C-0.0420597 255.871 -0.0420644 256.112 0.126184 256.204L126.241 325.179L102.426 405.676C102.371 405.86 102.542 406.031 102.726 405.978ZM166.452 256.876L224.631 288.695L256.45 346.873C256.542 347.042 256.784 347.042 256.876 346.873L288.695 288.695L346.873 256.876C347.041 256.784 347.041 256.542 346.873 256.45L288.695 224.631L256.876 166.453C256.784 166.284 256.542 166.284 256.45 166.453L224.631 224.631L166.452 256.45C166.284 256.542 166.284 256.784 166.452 256.876Z" fill="white"/></svg>');
--type_icon_Fighting: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M88.2336 42.5656C94.4299 18.1014 116.593 0 142.983 0C162.778 0 180.195 10.1847 190.279 25.6H206.792C217.051 15.0716 231.384 8.53333 247.245 8.53333C270.499 8.53333 290.471 22.5882 299.129 42.6667H312.954C321.617 37.2585 331.853 34.1333 342.818 34.1333C366.073 34.1333 386.044 48.1882 394.702 68.2667H432.297C432.618 68.2667 432.919 68.3532 433.178 68.5041C434.895 68.347 436.634 68.2667 438.391 68.2667C469.582 68.2667 494.866 93.5514 494.866 124.742V294.086L494.867 294.4L494.866 294.714V297.153C494.866 298.186 494.838 299.215 494.782 300.239C491.384 417.717 385.749 512 255.933 512C123.974 512 17 414.577 17 294.4C17 236.391 41.9249 183.683 82.5535 144.675C82.4522 201.228 83.4074 259.694 87.8107 258.691C99.6011 256.003 90.3891 80.8395 88.2336 42.5656Z" fill="white"/></svg>');
--type_icon_Fire: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M352.258 395.394C358.584 372.263 346.305 324.71 346.305 324.71C346.305 324.71 337.399 363.449 323.483 377.767C311.611 389.98 297.066 398.451 276.206 400.677C293.261 392.393 304.99 375.12 304.99 355.155C304.99 327.129 281.878 304.409 253.368 304.409C224.858 304.409 201.745 327.129 201.745 355.155C201.745 362.809 203.47 370.068 206.557 376.576C188.725 362.37 185.921 339.594 185.921 339.594C185.921 339.594 166.009 422.264 220.875 461.152C275.74 500.04 383.219 466.614 383.219 466.614C383.219 466.614 229.41 574.837 115.436 457.05C17.2568 355.584 89.8111 222.003 89.8111 222.003C89.8111 222.003 86.6777 234.395 86.6777 248.78C86.6777 263.165 94.477 274.11 94.477 274.11C94.477 274.11 117.742 225.071 135.848 205.128C152.984 186.254 174.465 170.946 193.019 157.724C207.301 147.546 219.849 138.604 227.343 130.223C268.62 84.0687 243.311 0 243.311 0C243.311 0 289.841 41.02 302.831 93.9978C307.783 114.192 304.597 137.169 301.749 157.716C297.125 191.072 293.388 218.025 326.793 216.276C380.775 213.449 333.866 130.223 333.866 130.223C333.866 130.223 456.318 194.583 447.17 307.145C438.021 419.707 313.324 445.297 313.324 445.297C313.324 445.297 345.931 418.525 352.258 395.394Z" fill="white"/></svg>');
--type_icon_Flying: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M178.712 477.733C253.715 477.733 317.927 436.048 344.436 376.956C344.76 376.235 238.007 404.699 241.411 394.637C242.931 390.144 308.371 366.238 356.048 338.354C383.451 322.327 396.07 288.4 396.07 288.4C396.07 288.4 349.903 310.815 326.564 316.501C279.532 327.961 238.131 326.727 238.131 325.533C238.131 322.951 306.876 309.889 402.424 251.664C447.367 224.277 459.574 177.103 459.574 177.103C459.574 177.103 410.163 206.535 380.293 216.252C309.457 239.295 244.815 246.239 244.815 243.121C244.815 236.445 301.702 220.802 362.016 191.577C393.376 176.382 420.535 156.53 452.008 134.453C503.506 98.332 511.999 34 511.999 34C511.999 34 461.207 66.7601 436.42 77.6394C334.141 122.531 243.829 146.079 178.712 151.177C80.416 158.873 0 227.456 0 316.501C0 405.547 80.0119 477.733 178.712 477.733Z" fill="white"/></svg>');
--type_icon_Ghost: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M368.952 510.227C322.769 512.591 269.896 512.591 251.928 510.227C111.77 491.788 0 389.313 0 250.8C0 112.287 114.615 0 256 0C397.385 0 512 112.287 512 250.8C512 315.221 487.207 373.969 446.46 418.387C435.395 430.448 450.577 438.908 466.002 447.504C481.13 455.935 496.492 464.496 487.564 476.712C477.726 490.173 424.392 507.389 368.952 510.227ZM220 219.45C220 241.092 202.091 258.637 180 258.637C157.909 258.637 140 241.092 140 219.45C140 204.935 148.055 192.264 160.024 185.491C160.713 204.362 176.229 219.449 195.269 219.449H220C220 219.449 220 219.45 220 219.45ZM343.976 185.491C343.287 204.362 327.771 219.449 308.731 219.449H284C284 219.449 284 219.45 284 219.45C284 241.092 301.909 258.637 324 258.637C346.091 258.637 364 241.092 364 219.45C364 204.935 355.945 192.264 343.976 185.491Z" fill="white"/></svg>');
--type_icon_Grass: url('data:image/svg+xml,<svg fill="none" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m97.4121 440.649c-1.7574-1.653-3.4954-3.338-5.2132-5.056-90.68455-90.684-90.68453-237.713 0-328.397 90.6841-90.6849 379.6401-96.7516 379.6401-96.7516s39.442 334.4646-51.242 425.1486c-80.54 80.54-205.522 89.55-296.005 27.031l72.908-89.471 116.55-25.163-95.139-9.511 60.462-61.562 68.824-15.077-54.422-16.117 54.422-98.176-77.41 86.828-29.893-42.183 10.523 69.648-53.917 60.782-24.993-76.9v102.268z" fill="%23fff" fill-rule="evenodd"/></svg>');
--type_icon_Ground: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M112.764 439.754C112.625 439.754 112.528 439.617 112.574 439.486L243.289 70.134C243.318 70.0537 243.394 70 243.479 70H383.021C383.106 70 383.183 70.0541 383.211 70.1349L511.987 439.487C512.032 439.618 511.935 439.754 511.797 439.754H116.692H112.764ZM0.201306 441.199C0.0609122 441.199 -0.0362852 441.059 0.0129607 440.928L97.3526 181.056C97.3821 180.977 97.4571 180.925 97.541 180.925H182.118C182.258 180.925 182.355 181.064 182.307 181.195L88.1823 441.067C88.1535 441.146 88.0779 441.199 87.9932 441.199H0.201306Z" fill="white"/></svg>');
--type_icon_Ice: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M384.304 39.0418L385.879 177.392L265.209 235.319L263.721 104.69L384.304 39.0418Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M505.269 257.047L385.814 325.374L266.288 256.939L385.752 194.187L505.269 257.047Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M245.04 257.047L125.585 325.374L6.05861 256.939L125.523 194.187L245.04 257.047Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M124.243 38.4753L248.229 99.881L245.059 233.697L127.993 175.719L124.243 38.4753Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M387.678 473.525L263.692 412.119L266.862 278.302L383.928 336.281L387.678 473.525Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M128.525 474.77L126.949 336.42L247.62 278.493L249.108 409.121L128.525 474.77Z" fill="white"/></svg>');
--type_icon_Normal: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M481 256C481 380.264 380.264 481 256 481C131.736 481 31 380.264 31 256C31 131.736 131.736 31 256 31C380.264 31 481 131.736 481 256ZM384.571 256C384.571 327.008 327.008 384.571 256 384.571C184.992 384.571 127.429 327.008 127.429 256C127.429 184.992 184.992 127.429 256 127.429C327.008 127.429 384.571 184.992 384.571 256Z" fill="white"/></svg>');
--type_icon_Poison: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M427.821 393.449C479.524 352.108 512 292.376 512 225.95C512 101.161 397.385 0 256 0C114.615 0 0 101.161 0 225.95C0 289.978 30.1737 347.786 78.6553 388.901C75.7171 399.046 74.1052 410.081 74.1052 421.62C74.1052 471.535 104.267 512 141.474 512C165.65 512 186.852 494.915 198.737 469.254C210.622 494.915 231.824 512 256 512C278.038 512 297.604 497.804 309.895 475.857C322.186 497.804 341.752 512 363.789 512C400.996 512 431.158 471.535 431.158 421.62C431.158 411.784 429.986 402.314 427.821 393.449ZM404.211 230.431C404.211 293.785 336.346 345.144 252.632 345.144C168.917 345.144 101.053 293.785 101.053 230.431C101.053 167.077 168.917 115.718 252.632 115.718C336.346 115.718 404.211 167.077 404.211 230.431Z" fill="white"/></svg>');
--type_icon_Psychic: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M455.925 425.184C455.925 425.184 391.365 476.963 262.893 455.536C165.423 439.279 113.437 331.833 113.437 274.079C113.437 137.149 214.783 105.988 283.3 105.988C351.816 105.988 396.513 172.788 396.513 224.508C396.513 276.228 359.933 321.466 303.006 321.466C246.08 321.466 229.22 281.501 229.22 244.758C229.22 208.016 258.947 195.071 286.058 195.071C313.169 195.071 322.452 218.217 322.452 238.11C322.452 258.004 307.017 265.128 294.143 265.128C281.269 265.128 279.996 258.633 275.069 251.807C270.141 244.982 281.353 219.146 262.893 219.146C244.433 219.146 240.992 248.847 240.992 248.847C240.992 248.847 247.722 306.18 303.006 305.191C358.291 304.201 384.518 261.461 376.896 219.146C369.274 176.83 328.207 131.865 256.133 140.951C184.059 150.037 154.632 222.861 167.603 300.685C180.574 378.51 273.807 423.602 347.112 407.379C420.418 391.156 493.429 338.086 493.429 203.533C493.429 68.9789 376.896 -11.9002 237.941 1.42913C98.9859 14.7584 12.729 136.242 18.2502 282.207C23.7714 428.172 162.275 507.669 279.394 511.766C396.513 515.864 468.312 448.067 468.312 448.067C468.312 448.067 484.459 433.668 478.128 422.424C471.798 411.18 455.925 425.184 455.925 425.184Z" fill="white"/></svg>');
--type_icon_Rock: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M395.138 244.757C395.109 244.717 395.097 244.667 395.105 244.618L427.769 54.1518C427.784 54.0641 427.861 54 427.949 54H438.287C438.367 54 438.437 54.0517 438.461 54.1277L512.051 287.131C512.074 287.203 512.049 287.283 511.989 287.33L457.73 329.693C457.649 329.756 457.532 329.74 457.471 329.657L395.138 244.757ZM-1 371.022C-1 371.101 -0.949204 371.171 -0.874109 371.196L110.975 407.767C111.029 407.785 111.089 407.776 111.136 407.744L361.145 235.144C361.187 235.115 361.215 235.07 361.222 235.02L388.032 55.1284C388.049 55.018 387.963 54.9188 387.852 54.9188H166.406C166.351 54.9188 166.3 54.943 166.265 54.9849L-0.957974 256.714C-0.98514 256.747 -1 256.788 -1 256.831V371.022ZM157.583 417.085L279.776 457.112C279.831 457.13 279.892 457.121 279.939 457.087L425.418 352.734C425.499 352.677 425.519 352.566 425.464 352.484L370.928 271.329C370.871 271.244 370.757 271.222 370.673 271.28L157.583 417.085Z" fill="white"/></svg>');
--type_icon_Steel: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0511107 254.527C-0.0170046 254.411 -0.0170388 254.267 0.0510196 254.15L128.795 34.1843C128.862 34.0702 128.985 34 129.117 34H384.294C384.427 34 384.55 34.0708 384.617 34.1859L511.949 254.152C512.016 254.267 512.016 254.41 511.949 254.525L384.617 474.244C384.55 474.359 384.427 474.43 384.294 474.43H129.117C128.985 474.43 128.862 474.36 128.795 474.246L0.0511107 254.527ZM374.617 254.215C374.617 319.703 321.528 372.792 256.04 372.792C190.552 372.792 137.463 319.703 137.463 254.215C137.463 188.726 190.552 135.638 256.04 135.638C321.528 135.638 374.617 188.726 374.617 254.215Z" fill="white"/></svg>');
--type_icon_Water: url('data:image/svg+xml,<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M422.172 346.515C422.172 437.897 347.813 511.977 256.086 511.977C164.359 511.977 90 437.897 90 346.515C90 257.639 247.102 13.5479 255.718 0.22781C255.915 -0.0759384 256.258 -0.0759358 256.454 0.227813C265.07 13.5479 422.172 257.639 422.172 346.515ZM228.4 458.931C144.12 440.49 158.542 347.13 158.542 347.13C158.542 347.13 181.556 403.488 237.405 421.744C293.253 439.999 360.745 413.225 360.745 413.225C360.745 413.225 312.68 477.371 228.4 458.931Z" fill="white"/></svg>');
/* type name with icon images */
--type_name_Bug: url(https://archives.bulbagarden.net/media/upload/thumb/b/bd/BugIC.png/120px-BugIC.png);
--type_name_Dark: url(https://archives.bulbagarden.net/media/upload/thumb/e/e3/DarkIC.png/120px-DarkIC.png);
--type_name_Dragon: url(https://archives.bulbagarden.net/media/upload/thumb/c/c3/DragonIC.png/120px-DragonIC.png);
--type_name_Electric: url(https://archives.bulbagarden.net/media/upload/thumb/e/ea/ElectricIC.png/120px-ElectricIC.png);
--type_name_Fairy: url(https://archives.bulbagarden.net/media/upload/thumb/3/31/FairyIC.png/120px-FairyIC.png);
--type_name_Fighting: url(https://archives.bulbagarden.net/media/upload/thumb/9/9b/FightingIC.png/120px-FightingIC.png);
--type_name_Fire: url(https://archives.bulbagarden.net/media/upload/thumb/9/9f/FireIC.png/120px-FireIC.png);
--type_name_Flying: url(https://archives.bulbagarden.net/media/upload/thumb/d/dc/FlyingIC.png/120px-FlyingIC.png);
--type_name_Ghost: url(https://archives.bulbagarden.net/media/upload/thumb/c/c3/GhostIC.png/120px-GhostIC.png);
--type_name_Grass: url(https://archives.bulbagarden.net/media/upload/thumb/a/a5/GrassIC.png/120px-GrassIC.png);
--type_name_Ground: url(https://archives.bulbagarden.net/media/upload/thumb/8/87/GroundIC.png/120px-GroundIC.png);
--type_name_Ice: url(https://archives.bulbagarden.net/media/upload/thumb/8/86/IceIC.png/120px-IceIC.png);
--type_name_Normal: url(https://archives.bulbagarden.net/media/upload/thumb/0/0f/NormalIC.png/120px-NormalIC.png);
--type_name_Poison: url(https://archives.bulbagarden.net/media/upload/thumb/8/86/PoisonIC.png/120px-PoisonIC.png);
--type_name_Psychic: url(https://archives.bulbagarden.net/media/upload/thumb/f/f8/PsychicIC.png/120px-PsychicIC.png);
--type_name_Rock: url(https://archives.bulbagarden.net/media/upload/thumb/e/e6/RockIC.png/120px-RockIC.png);
--type_name_Steel: url(https://archives.bulbagarden.net/media/upload/thumb/7/7e/SteelIC.png/120px-SteelIC.png);
--type_name_Water: url(https://archives.bulbagarden.net/media/upload/thumb/b/b0/WaterIC.png/120px-WaterIC.png);
--type_name_Stellar: url(https://archives.bulbagarden.net/media/upload/thumb/c/c0/StellarIC_SV.png/120px-StellarIC_SV.png);
/* SVG icons for safari compatibility */
--attack-button: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><!-- Created with Vectornator (http://vectornator.io/) --><svg height="100%" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" version="1.1" viewBox="0 0 141 148" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:vectornator="http://vectornator.io" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M35.6261 77.171L55.8526 68.2783L47.5869 46.577L68.8017 54.9711L78.1816 33.6482L87.6412 54.7137L108.521 46.4547L100.58 67.2639L121.646 77.0696L100.94 86.2965L108.558 107.612L87.8755 99.0291L78.3267 120.428L68.8124 99.2935L47.2893 107.961L55.9819 86.4783L35.6261 77.171Z" id="Fill"/><path d="M43.5886 96.5491C43.5886 87.6881 50.7719 80.5047 59.6329 80.5047C68.494 80.5047 75.6773 87.6881 75.6773 96.5491C75.6773 105.41 68.494 112.594 59.6329 112.594C50.7719 112.594 43.5886 105.41 43.5886 96.5491Z" id="Fill_2"/><path d="M79.4739 58.9634C79.4739 50.1024 86.6572 42.9191 95.5183 42.9191C104.379 42.9191 111.563 50.1024 111.563 58.9634C111.563 67.8245 104.379 75.0078 95.5183 75.0078C86.6572 75.0078 79.4739 67.8245 79.4739 58.9634Z" id="Fill_3"/><image height="139" id="Image" width="146" xlink:href="data:image/png;base64,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"/></defs><g id="Layer-2" vectornator:layerName="Layer 2"><g opacity="1" vectornator:layerName="Curve 1"><mask height="111.315" id="StrokeMask" maskUnits="userSpaceOnUse" width="110.302" x="23.4064" y="21.3377"><rect fill="%23ffffff" height="111.315" stroke="none" width="110.302" x="23.4064" y="21.3377"/><use fill="%23000000" fill-rule="evenodd" stroke="none" xlink:href="%23Fill"/></mask><use fill="none" mask="url(%23StrokeMask)" stroke="%23e22261" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="10" xlink:href="%23Fill"/></g><g opacity="1" vectornator:layerName="Oval 1"><use fill="%23e22261" fill-rule="nonzero" stroke="none" xlink:href="%23Fill_2"/><mask height="42.0888" id="StrokeMask_2" maskUnits="userSpaceOnUse" width="42.0888" x="38.5886" y="75.5047"><rect fill="%23ffffff" height="42.0888" stroke="none" width="42.0888" x="38.5886" y="75.5047"/><use fill="%23000000" fill-rule="evenodd" stroke="none" xlink:href="%23Fill_2"/></mask><use fill="none" mask="url(%23StrokeMask_2)" stroke="%23e22261" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="10" xlink:href="%23Fill_2"/></g><g opacity="1" vectornator:layerName="Oval 2"><use fill="%23e22261" fill-rule="nonzero" stroke="none" xlink:href="%23Fill_3"/><mask height="42.0888" id="StrokeMask_3" maskUnits="userSpaceOnUse" width="42.0888" x="74.4739" y="37.9191"><rect fill="%23ffffff" height="42.0888" stroke="none" width="42.0888" x="74.4739" y="37.9191"/><use fill="%23000000" fill-rule="evenodd" stroke="none" xlink:href="%23Fill_3"/></mask><use fill="none" mask="url(%23StrokeMask_3)" stroke="%23e22261" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="10" xlink:href="%23Fill_3"/></g><path d="M53.7026 81.6475C47.3858 84.3903 43.7287 90.0422 43.7287 97.2733L43.7287 101.845L47.3027 100.349C52.1431 98.3721 50.7104 98.4369 50.6273 97.024C49.7961 90.2916 60.2688 84.889 65.1726 89.5435C67.8716 90.918 66.2309 92.6436 70.3258 89.7098C72.1543 88.8786 73.6504 87.9643 73.6504 87.6319C73.6504 87.3825 72.2375 85.9695 70.5751 84.5566C65.4219 80.3177 59.1882 79.2371 53.7026 81.6475Z" fill="%23ffffff" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M106.79 54.8799C102.715 56.9856 103.397 55.0545 104.047 58.2876C104.654 61.3025 100.972 65.685 98.1462 66.6824C95.5696 67.5966 92.5191 67.8945 90.3333 65.3525C87.0872 62.6174 89.3606 63.7808 84.5983 65.4356L81.3567 66.7655L83.7671 69.3421C87.7567 73.581 91.9956 75.3264 96.8163 74.7446C101.471 74.0797 107.04 70.6719 109.45 67.0979C110.364 65.685 111.112 62.6097 111.362 59.1188C111.777 52.802 111.528 52.5526 106.79 54.8799Z" fill="%23ffffff" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path 1"/><path d="M89.5021 42.9943C85.9281 44.5735 80.858 50.1423 79.9438 53.55C79.0295 56.5422 78.7801 63.4408 79.5282 63.4408C79.7775 63.4408 81.523 62.6928 83.2684 61.7785C88.9752 59.1405 86.2233 60.9318 86.5931 57.5396C87.1932 52.0339 90.6689 49.674 95.3234 49.674C97.5675 49.674 99.2267 50.641 99.8916 51.389C102.333 54.3892 100.847 54.0621 106.458 51.0566L109.949 49.5605L106.873 46.8176C101.305 41.9969 94.9878 40.5839 89.5021 42.9943Z" fill="%23ffffff" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path 2"/><path d="M72.1107 94.3027C67.5009 96.2528 69.2453 94.6015 68.9523 97.9598C68.3309 105.081 60.5575 109.264 55.0719 104.775C52.8278 102.864 53.9851 101.492 49.0875 104.194L45.4304 105.606L47.8408 107.851C55.5706 115.248 66.0432 114.999 72.8587 107.186C75.6015 104.11 77.0976 97.7936 75.8509 94.4689L75.1859 92.7235L72.1107 94.3027Z" fill="%23ffffff" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path 3"/><path d="M92.256 58.4936C92.256 56.906 93.543 55.6189 95.1307 55.6189C96.7183 55.6189 98.0054 56.906 98.0054 58.4936C98.0054 60.0813 96.7183 61.3683 95.1307 61.3683C93.543 61.3683 92.256 60.0813 92.256 58.4936Z" fill="%23ffffff" fill-rule="nonzero" opacity="1" stroke="%23ffffff" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="5" vectornator:layerName="Oval 3"/><path d="M57.4617 97.5598C57.4617 95.9721 58.7487 94.6851 60.3364 94.6851C61.924 94.6851 63.2111 95.9721 63.2111 97.5598C63.2111 99.1475 61.924 100.435 60.3364 100.435C58.7487 100.435 57.4617 99.1475 57.4617 97.5598Z" fill="%23ffffff" fill-rule="nonzero" opacity="1" stroke="%23ffffff" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="5" vectornator:layerName="Oval 4"/></g><g id="Layer-3" vectornator:layerName="Layer 3" visibility="hidden"><use opacity="1" transform="matrix(0.807435 0 0 0.833128 17.1041 17.691)" vectornator:layerName="Image 1" xlink:href="%23Image"/></g><g id="Layer-1" vectornator:layerName="Layer 1" visibility="hidden"><g opacity="1" vectornator:layerName="g"><path d="M71.2166 33.0204L65.3154 46.5683L51.7675 41.2489C44.287 38.3398 37.9702 36.0957 37.804 36.2619C37.6377 36.4281 39.8819 42.745 42.7909 50.2254L48.1104 63.7733L34.5625 69.6745C27.082 72.8329 20.9314 75.6589 20.9314 75.9082C20.9314 76.1576 25.3366 78.1524 30.656 80.4796C42.5416 85.6328 42.0429 85.4666 41.4611 84.5523C41.2117 84.1367 37.0559 82.1419 32.2352 80.064C27.4145 78.0692 23.4249 76.2407 23.4249 75.9082C23.4249 75.6589 29.0768 73.0823 35.9754 70.0901C42.874 67.0979 48.609 64.5213 48.7753 64.1889C48.9415 63.9395 46.8636 58.0383 44.1208 50.9734C41.378 43.9917 39.3001 38.1736 39.4663 37.9242C39.7156 37.758 45.5338 39.8359 52.5155 42.5787C59.5804 45.3216 65.4816 47.3995 65.7309 47.2332C66.0634 47.067 68.64 41.332 71.6322 34.4334C74.6243 27.5347 77.2009 21.8828 77.4503 21.8828C77.7828 21.8828 79.6113 25.8724 81.6061 30.6931C83.684 35.5139 85.6788 39.6697 86.0944 39.919C87.0086 40.5008 87.1749 40.9995 82.0217 29.1139C79.7775 23.7945 77.6996 19.3894 77.4503 19.3894C77.2009 19.3894 74.375 25.54 71.2166 33.0204Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M76.8685 32.5217C75.3724 35.0152 68.9725 50.3085 69.388 50.641C69.5543 50.8072 70.5517 48.8124 71.6322 46.1527C72.7127 43.5761 74.5412 39.3372 75.6217 36.8437L77.6165 32.2723L79.9438 37.2593C81.2736 40.0021 82.271 41.8307 82.271 41.4151C82.271 40.9164 81.2736 38.4229 80.11 35.7632C78.1152 31.4412 77.7828 31.1087 76.8685 32.5217Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M110.281 38.506C107.123 39.8359 104.879 40.9164 105.46 40.9164C106.042 40.9995 108.453 40.2515 110.78 39.3372C113.107 38.3398 115.185 37.758 115.434 37.9242C115.601 38.1736 115.019 40.2515 114.021 42.5787C111.694 48.6462 112.027 49.8929 114.437 44.0748C117.097 37.6749 117.595 36.0126 116.764 36.0957C116.432 36.0957 113.523 37.1762 110.281 38.506Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M89.5021 42.9943C85.9281 44.5735 80.858 50.1423 79.9438 53.55C79.0295 56.5422 78.7801 63.4408 79.5282 63.4408C79.7775 63.4408 81.523 62.6928 83.2684 61.7785C86.0112 60.3655 86.5931 59.7006 86.5931 57.5396C86.5931 53.55 90.4995 50.1423 95.154 50.1423C97.3981 50.1423 99.2267 50.641 99.8916 51.389C101.221 52.9682 102.302 52.9682 106.458 51.0566L109.949 49.5605L106.873 46.8176C101.305 41.9969 94.9878 40.5839 89.5021 42.9943Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M45.8662 44.3242C45.8662 45.4047 53.5129 64.3551 53.8454 64.1058C54.0116 63.9395 52.5155 59.7006 50.5207 54.6305C48.5259 49.6436 47.0298 45.4878 47.113 45.4047C47.1961 45.2384 51.8506 47.067 57.5025 49.3111C63.1543 51.6384 68.0582 53.2176 68.4738 52.802C68.8062 52.4695 68.4738 52.1371 67.6426 52.0539C66.8946 51.9708 61.6583 50.0592 56.0895 47.815C50.4376 45.5709 45.8662 43.9917 45.8662 44.3242Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M106.79 54.8799C104.795 55.8773 104.047 56.7916 104.047 58.2876C104.047 61.3629 100.972 65.685 98.1462 66.6824C95.5696 67.5966 94.406 67.3473 90.3333 65.3525C88.0891 64.1889 87.5073 64.272 84.5983 65.4356L81.3567 66.7655L83.7671 69.3421C87.7567 73.581 91.9956 75.3264 96.8163 74.7446C101.471 74.0797 107.04 70.6719 109.45 67.0979C110.364 65.685 111.112 62.6097 111.362 59.1188C111.777 52.802 111.528 52.5526 106.79 54.8799Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M91.7462 55.2955C89.1696 57.8721 91.7462 63.4408 95.4865 63.4408C97.5644 63.4408 99.8916 60.9474 99.8916 58.7032C99.8916 55.2124 94.2397 52.802 91.7462 55.2955Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M54.1778 65.6019C54.1778 66.0174 49.3571 68.4278 43.3727 70.9213C37.4715 73.4148 32.5677 75.6589 32.5677 75.9082C32.5677 76.49 43.6221 80.9783 43.9546 80.5627C44.1208 80.3965 42.2091 79.3991 39.7156 78.3186C37.139 77.3212 35.0611 76.2407 35.0611 75.9082C35.0611 75.6589 39.3832 73.581 44.6195 71.3369C53.9285 67.5135 55.757 66.3499 54.6765 65.3525C54.4272 65.02 54.1778 65.1863 54.1778 65.6019Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M113.44 67.2642C113.689 67.6798 117.845 69.6745 122.665 71.7524C127.486 73.7472 131.476 75.5758 131.476 75.9082C131.476 76.1576 125.824 78.7342 118.925 81.7264C112.027 84.7185 106.292 87.2951 106.125 87.6276C105.959 87.8769 108.037 93.7782 110.78 100.843C113.523 107.825 115.601 113.643 115.434 113.892C115.185 114.058 109.367 111.981 102.385 109.238C95.3202 106.495 89.419 104.417 89.1696 104.583C88.8372 104.749 86.2606 110.484 83.2684 117.383C80.2762 124.282 77.6996 129.934 77.4503 129.934C77.1178 129.934 75.2893 126.027 73.2945 121.206C71.2997 116.386 69.388 112.479 69.0556 112.479C68.7231 112.479 70.3854 116.968 72.7127 122.453C75.123 127.939 77.2009 132.427 77.4503 132.427C77.6996 132.427 80.5256 126.277 83.684 118.796L89.5852 105.248L103.133 110.568C110.614 113.477 116.93 115.721 117.097 115.555C117.263 115.388 115.019 109.072 112.11 101.591L106.79 88.0432L120.338 82.1419C127.819 78.9835 133.969 76.1576 133.969 75.9082C133.969 75.6589 129.564 73.581 124.245 71.3369C112.359 66.1837 112.858 66.3499 113.44 67.2642Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M114.769 73.0823C117.18 74.1628 119.507 75.0771 119.923 75.0771C122.416 75.0771 119.424 76.8225 111.029 80.3965C105.71 82.6406 101.221 84.9679 100.972 85.5497C100.723 86.2146 102.302 91.0353 104.38 96.3548C106.541 101.674 108.203 106.079 108.037 106.246C107.871 106.329 103.299 104.666 97.8137 102.505C90.3333 99.5132 87.5904 98.7651 86.9255 99.4301C86.3437 100.012 84.1827 104.5 82.0217 109.57C79.8607 114.557 77.949 118.879 77.7828 119.045C77.6165 119.212 76.536 117.051 75.2893 114.225C74.0425 111.399 72.8789 109.238 72.7127 109.487C72.5465 109.653 73.5438 112.313 74.9568 115.305C76.4529 118.38 77.7828 120.791 77.8659 120.625C78.0321 120.458 80.11 115.887 82.4373 110.401C84.8476 104.916 87.0086 100.178 87.3411 99.8456C87.5904 99.5963 92.8267 101.342 98.8942 103.752C104.879 106.162 109.866 108.074 109.866 107.991C109.866 107.908 108.037 103.17 105.71 97.5184C103.466 91.8665 101.554 86.7964 101.554 86.2977C101.554 85.7159 106.208 83.3056 111.943 80.8952C117.678 78.4848 122.333 76.2407 122.333 75.9082C122.333 75.2433 112.442 70.9213 111.112 71.0044C110.697 71.0044 112.276 71.9187 114.769 73.0823Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M52.5155 80.5627C46.1987 83.3056 42.5416 88.9574 42.5416 96.1885L42.5416 100.76L46.1156 99.2638C48.8584 98.0171 49.5233 97.3522 49.4402 95.9392C48.609 89.2068 59.0817 83.8042 63.9855 88.4587C65.8141 90.1211 65.8972 90.1211 69.1387 88.625C70.9672 87.7938 72.4633 86.8795 72.4633 86.5471C72.4633 86.2977 71.0504 84.8848 69.388 83.4718C64.2349 79.2329 58.0012 78.1524 52.5155 80.5627Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M70.6348 92.6145C68.3075 93.7782 67.4764 94.7756 67.4764 96.2716C67.4764 103.42 59.0817 107.575 53.596 103.087C51.3519 101.175 51.1856 101.175 47.6117 102.505L43.9546 103.918L46.3649 106.162C54.0947 113.56 64.5673 113.31 71.3828 105.498C74.1257 102.422 75.6217 96.1054 74.375 92.7808L73.7101 91.0353L70.6348 92.6145Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M55.1752 92.6977C54.5934 93.2795 54.1778 94.6924 54.1778 95.8561C54.1778 98.5989 55.5908 100.012 58.3336 100.012C62.3232 100.012 64.7335 95.5236 62.157 92.8639C60.6609 91.4509 56.5051 91.3678 55.1752 92.6977Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/><path d="M39.3001 110.484C38.3027 113.061 37.6377 115.388 37.804 115.555C37.9702 115.721 40.2975 115.056 42.874 114.058C45.4506 113.061 47.3623 112.064 47.1961 111.814C46.9467 111.648 45.2013 112.064 43.2896 112.812C41.378 113.56 39.7156 114.058 39.4663 113.892C39.3001 113.643 39.7988 111.981 40.5468 110.069C41.2948 108.157 41.7104 106.412 41.5442 106.162C41.2948 105.996 40.2975 107.908 39.3001 110.484Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="path"/></g></g></svg>');
--switch-button: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><!-- Created with Vectornator (http://vectornator.io/) --><svg height="100%" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" version="1.1" viewBox="29.6935 28.5128 86.0212 86.0212" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:vectornator="http://vectornator.io" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M33.5136 89.2183C23.741 67.574 33.3649 42.1056 55.0092 32.333C76.6535 22.5604 102.122 32.1843 111.895 53.8285C121.667 75.4728 112.043 100.941 90.399 110.714C68.7547 120.486 43.2863 110.863 33.5136 89.2183Z" id="Fill"/></defs><g id="Layer-4" vectornator:layerName="Layer 4"><g opacity="1" vectornator:layerName="Oval 1"><mask height="86.0212" id="StrokeMask" maskUnits="userSpaceOnUse" width="86.0212" x="29.6935" y="28.5128"><rect fill="%23000000" height="86.0212" stroke="none" width="86.0212" x="29.6935" y="28.5128"/><use fill="%23ffffff" fill-rule="evenodd" stroke="none" xlink:href="%23Fill"/></mask><use fill="none" mask="url(%23StrokeMask)" stroke="%2382c182" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="10" xlink:href="%23Fill"/></g><path d="M60.3654 77.17C57.2469 70.2632 60.3179 62.136 67.2247 59.0176C68.0449 58.6473 68.8822 58.3642 69.7263 58.1645C75.991 56.6825 82.6289 59.7902 85.3771 65.8769C88.4956 72.7837 85.4246 80.9108 78.5178 84.0293C71.611 87.1478 63.4839 84.0768 60.3654 77.17Z" fill="none" opacity="1" stroke="%2382c182" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="4" vectornator:layerName="Oval 2"/><path d="M33.848 89.1682L111.895 53.8285" fill="%23ffffff" fill-rule="nonzero" opacity="1" stroke="%2382c182" stroke-dasharray="31.0,24.0,28.0,25.0" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="5" vectornator:layerName="Curve 1"/></g></svg>');
--statusMoveIcon: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><!-- Created with Vectornator (http://vectornator.io/) --><svg height="100%" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" version="1.1" viewBox="46.4616 57.8678 47.9915 34.3407" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:vectornator="http://vectornator.io" xmlns:xlink="http://www.w3.org/1999/xlink"><defs/><clipPath id="ArtboardFrame"><rect height="34.3407" width="47.9915" x="46.4616" y="57.8678"/></clipPath><g clip-path="url(%23ArtboardFrame)" id="Layer" vectornator:layerName="Layer"><path d="M78.6758 58.3766C74.4394 58.272 69.7042 59.1006 64.9735 60.9385C52.3584 65.8396 44.5888 76.1198 47.6153 83.9101C50.6419 91.7003 63.3261 94.0503 75.9411 89.1492C88.5562 84.2481 96.3259 73.9391 93.2993 66.1489C91.4077 61.28 85.7366 58.5509 78.6758 58.3766ZM77.8122 59.7871C78.1482 59.7975 78.4333 59.8789 78.7622 59.9022C77.7988 60.4722 72.4477 63.7155 71.1626 67.3003C69.7605 71.2117 71.6666 74.0871 73.0049 76.0514C74.3433 78.0157 75.2975 82.7612 72.3716 86.4433C70.5047 88.7928 67.6341 89.6941 65.4053 90.1855C57.9635 90.5795 51.7479 88.0524 49.8031 83.0465C47.0184 75.8787 54.0005 66.4921 65.4053 62.0612C69.6821 60.3996 73.9728 59.6682 77.8122 59.7871Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="%23000000" stroke-linecap="butt" stroke-linejoin="round" stroke-width="1" vectornator:layerName="NewStatus"/></g></svg>');
--physicalMoveIcon: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><!-- Created with Vectornator (http://vectornator.io/) --><svg height="100%" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" version="1.1" viewBox="45.5849 57.4751 50.7882 35.9012" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:vectornator="http://vectornator.io" xmlns:xlink="http://www.w3.org/1999/xlink"><defs/><clipPath id="ArtboardFrame"><rect height="35.9012" width="50.7882" x="45.5849" y="57.4751"/></clipPath><g clip-path="url(%23ArtboardFrame)" id="Layer" vectornator:layerName="Layer"><path d="M77.9653 61.2083L79.328 67.5814L89.1953 65.4303L83.5717 72.0739L90.602 75.4217L80.5956 77.4961L80.3362 85.0992L71.66 82.2248L63.1877 89.1921L61.9138 82.0918L51.2545 84.7377L57.4974 78.4887L51.2107 75.4621L61.2585 71.6514L61.1945 65.5103L70.5 67.7947L77.9653 61.2083ZM70.2566 65L58.8893 63.0878L58.24 71.2493L45.5849 75.6139L54.2997 79.1051L46.3377 87.1875L60.3257 85.413L60.7835 93.3762L72.5087 84.3963L82.6754 87.3732L82.8943 79.3181L96.3731 75.3095L86.8492 71.117L94.2985 61.6062L81.4869 65L80.2293 57.4751L70.2566 65Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="NewPhysical"/></g></svg>');
--specialMoveIcon: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><!-- Created with Vectornator (http://vectornator.io/) --><svg height="100%" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" version="1.1" viewBox="46.2954 59.0549 45.5282 29.3228" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:vectornator="http://vectornator.io" xmlns:xlink="http://www.w3.org/1999/xlink"><defs/><clipPath id="ArtboardFrame"><rect height="29.3228" width="45.5282" x="46.2954" y="59.0549"/></clipPath><g clip-path="url(%23ArtboardFrame)" id="Layer" vectornator:layerName="Layer"><path d="M72.25 70.6562C71.129 70.4953 69.7188 70.6406 68.2812 71.1562C65.4062 72.1875 63.5165 74.259 64.0625 75.7812C64.6085 77.3035 67.3749 77.7187 70.25 76.6875C73.1251 75.6563 75.0148 73.5848 74.4688 72.0625C74.1957 71.3013 73.371 70.8172 72.25 70.6562ZM71.375 71.25C72.2294 71.4317 72.8883 71.8712 73.125 72.5312C73.5985 73.8513 72.259 75.5471 70.125 76.3125C67.991 77.0779 65.8797 76.6326 65.4062 75.3125C64.9328 73.9924 66.2722 72.2967 68.4062 71.5312C69.4733 71.1485 70.5206 71.0683 71.375 71.25ZM71.5312 64.9688C69.8141 65.1067 68.0409 65.4644 66.2812 66.0312C59.2428 68.2988 53.6294 74.3889 55.25 78.6562C56.8706 82.9237 64.7552 84.1481 72.4688 81.2188C80.1823 78.2895 85.7118 71.7507 83.1875 68.4375C81.2943 65.9526 76.6828 64.5548 71.5312 64.9688ZM71.125 66.625C75.2996 66.2895 79.0283 67.4238 80.5625 69.4375C82.6081 72.1224 78.1257 77.4075 71.875 79.7812C65.6243 82.155 59.2508 81.1456 57.9375 77.6875C56.6242 74.2294 61.1714 69.3063 66.875 67.4688C68.3009 67.0094 69.7335 66.7368 71.125 66.625ZM74.9375 59.0625C72.1481 59.1227 69.1522 59.5313 66.125 60.375C54.0161 63.7498 44.5669 74.6295 46.5625 80.875C48.5581 87.1205 63.3145 90.9559 74.6875 86.3438C86.0605 81.7316 93.4956 72.8705 91.5 66.625C90.0033 61.9409 83.3056 58.8819 74.9375 59.0625ZM74.7812 60.9062C82.315 60.907 87.9952 63.9752 89.2812 68C90.996 73.3665 84.3495 80.166 73.4375 84.6875C62.5255 89.209 51.4335 85.2727 49.7188 79.9062C48.004 74.5398 55.4309 65.0191 66.75 62C69.5798 61.2452 72.27 60.906 74.7812 60.9062Z" fill="%23000000" fill-rule="nonzero" opacity="1" stroke="none" vectornator:layerName="Curve 8"/></g></svg>');
}
.logo {
content: url(https://i.ibb.co/tqdRk2K/Showdown-Logo.png) !important;
height: 45px;
width: 45px;
}
.tabbar.maintabbar {
margin-left: 55px;
}
.usercount {
background: url(https://i.imgur.com/wY506Md.png) !important;
padding-left: 200px;
margin-left: -200px;
padding-top: 200px;
margin-top: -200px;
transform: translate(107px, 105px) scale(0.35)
}
.usercount:hover {
background: url(https://i.imgur.com/JGiXpTw.gif) !important;
}
.battlecount {
background: url(https://i.imgur.com/ziODQpd.png) !important;
padding-left: 200px;
margin-left: -200px;
padding-top: 200px;
margin-top: -200px;
transform: translate(107px, 115px) scale(0.35);
}
.battlecount:hover {
background: url(https://i.imgur.com/WqKmpID.gif) !important;
}
@font-face {
font-family: "Abel";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/abel/v18/MwQ5bhbm2POE2V9BPQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.leftmenu {
padding: 24px 0 0;
}
.trainer strong {
display: block;
font-size: 8pt;
margin-bottom: 2px;
word-wrap: break-word;
color: #fff;
text-shadow: -1px -1px #000, 0 -1px #000, 1px -1px #000, 1px 0 #000, 1px 1px #000,
0 1px #000, -1px 1px #000, -1px 0 #000;
}
.leftbar .trainersprite,
.rightbar .trainersprite {
display: none;
visibility: hidden;
}
.trainer-near,
.trainer-far {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 30px;
height: 32px;
}
/* Player pokemon icons */
.trainer-near strong {
/*grid-row: 1/2;
grid-column: 3/4;
justify-self: center;
align-self: center;*/
display: none;
}
.leftbar .trainer-near {
position: absolute !important;
top: 330px;
}
/* Remove semi-white lateral bands*/
.leftbar,
.rightbar {
background-color: transparent;
border: none !important;
}
/*Enemy trainer pokemon icons */
.rightbar.trainer-far {
bottom: 0px !important;
}
.rightbar .trainer {
position: absolute !important;
right: 0px !important;
}
.rightbar .trainer-far {
position: absolute !important;
top: -50px !important;
left: -305px;
width: calc(var(--battlescreen-width) / 2 - 16px);
}
.trainer-far strong {
grid-row: 1/2;
grid-column: 1/2;
align-self: center;
}
.statbar.rstatbar {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
padding-top: 8px;
}
.statbar.rstatbar strong {
margin: 0 2px 0 10px;
}
.statbar.rstatbar .hpbar {
margin-left: 10px;
}
.statbar.lstatbar {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
padding-top: 10px;
margin-top: 30px;
}
.statbar.lstatbar,
.statbar.rstatbar {
/* White background with cutted right edge */
padding-right: 0;
width: var(--whiteHealthWidth);
height: var(--whiteHealthHeight);
background-color: white;
}
div [aria-label="Active Pokemon"] {
width: var(--battlescreen-width) !important;
height: var(--battlescreen-height) !important;
position: absolute !important;
top: -50px;
}
.rstatbar.rightstatbar,
.rstatbar.leftstatbar,
.lstatbar.rightstatbar,
.lstatbar.leftstatbar {
position: relative !important;
/* inset: 0px 0px 0px 0px !important; */
align-self: start;
}
/* Player left pokemon */
.rstatbar.leftstatbar {
/*clip-path: polygon(30px 0px, 0px var(--whiteHealthHeight), 190px var(--whiteHealthHeight), var(--whiteHealthHeight) 0px) !important;
position: absolute !important;
margin-left: calc(100% - var(--whiteHealthWidth) * 2 + 16px) !important;
top: 0 !important;*/
clip-path: polygon(0px 0px, 0px 75px, 180px 75px, 210px 0px) !important;
position: absolute !important;
top: calc(var(--battlescreen-height) - var(--whiteHealthHeight) - 32px) !important;
left: 0 !important;
}
/* Player rightpokemon*/
.rstatbar.rightstatbar {
clip-path: polygon(30px 0px, 0px 75px, 180px 75px, 220px 0px) !important;
position: absolute !important;
top: calc(var(--battlescreen-height) - var(--whiteHealthHeight) - 32px) !important;
left: calc(var(--whiteHealthWidth) - 24px) !important;
}
.rstatbar.rightstatbar strong,
.rstatbar.rightstatbar .hpbar {
margin-left: 25px !important;
}
/* player left/right pokemon tooltip area must be higher */
.innerbattle .tooltips .has-tooltip[data-id="p1a"] {
left: 100px !important;
top: 120px !important;
}
.innerbattle .tooltips .has-tooltip[data-id="p1b"] {
left: 225px !important;
top: 150px !important;
}
.tooltipinner {
z-index: 100;
}
/* Fix pokemon sprites positon for double battles */
/* enemy right side (view on left) */
.innerbattle div:nth-child(5) div:nth-child(1):has(img[src^="https://play.pokemonshowdown.com/sprites/"]:nth-child(1)~img) img:nth-child(1) {
transform-origin: center;
transform: translateX(0px);
}
/* enemy left side (view on right) */
.innerbattle div:nth-child(5) div:nth-child(1):has(img[src^="https://play.pokemonshowdown.com/sprites/"]:nth-child(1)~img) img:last-child {
transform-origin: center;
transform: translateX(20px);
}
/* player left side */
.innerbattle div:nth-child(5) div:nth-child(4):has(img[src^="https://play.pokemonshowdown.com/sprites/"]:nth-child(1)~img) img:nth-child(1) {
transform: translateX(-10px);
}
/* player right side */
.innerbattle div:nth-child(5) div:nth-child(4):has(img[src^="https://play.pokemonshowdown.com/sprites/"]:nth-child(1)~img) img:last-child {
transform-origin: center;
transform: translateX(30px) translateY(-10px);
}
/* Fix position full enemy team preview */
.innerbattle div:nth-child(5) div:nth-child(1):has(img[src*="sprites"]:nth-child(5)~img) > img {
margin: -10px 0 0 50px !important;
}
.innerbattle div:nth-child(5) div:nth-child(1):has(img[src*="sprites"]:nth-child(5)~img) > div {
margin: 0px 0 0 50px !important;
}
/* Fix position full player team preview */
.innerbattle div:nth-child(5) div:nth-child(4):has(img[src*="sprites"]:nth-child(5)~img) > div {
margin: -10px 0 0 -50px !important;
}
/* display player pokemon a bit higher */
.innerbattle div:has(>div>img[src^="https://play.pokemonshowdown.com/sprites/"]:not([class]))>div:nth-child(4) img {
margin: -40px 0 0 -24px !important;
/* Shadow support for pokemon without 3d sprites yet */
padding-bottom: 10px;
background-image: radial-gradient(closest-side at 50% 90%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 90%);
}
/* display enemy pokemon a bit higher */
.innerbattle div:has(>div>img[src^="https://play.pokemonshowdown.com/sprites/"]:not([class]))>div:nth-child(1) img {
margin: -40px 0 0 0px !important;
/* Shadow support for pokemon without 3d sprites yet */
padding-bottom: 10px;
background-image: radial-gradient(closest-side at 50% 90%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 90%);
}
/* Fix protect layer positon for player */
.innerbattle div:nth-child(5) div:nth-child(3) .turnstatus-protect {
margin: -45px 0 0 0;
transform-origin: center;
transform: rotate(4deg) rotate3d(0, 1, 0, -35deg) rotate3d(1, 0, 0, -10deg) scaleX(1.2);
}
/* Fix lightscreen position for player */
.innerbattle div:nth-child(5) div:nth-child(3) .sidecondition-lightscreen,
.innerbattle div:nth-child(5) div:nth-child(3) .sidecondition-reflect,
.innerbattle div:nth-child(5) div:nth-child(3) .sidecondition-auroraveil
{
margin: -45px 0 0 25px;
transform-origin: center;
transform: rotate(4deg) rotate3d(0, 1, 0, -35deg) rotate3d(1, 0, 0, -10deg) scaleX(2.3) scaleY(1.4);
}
/* Fix protect layer positon for enemy */
.innerbattle div:nth-child(5) div:nth-child(2) .turnstatus-protect {
margin: -25px 0 0 0;
transform: rotate(3deg) rotate3d(0, 1, 0, -30deg) rotate3d(1, 0, 0, -10deg) scaleX(1.2);
}
/* Enemy right pokemon (displayed on your left) */
.lstatbar.rightstatbar {
clip-path: polygon(30px 0px, 0px var(--whiteHealthHeight), 190px var(--whiteHealthHeight), var(--whiteHealthWidth) 0px) !important;
position: absolute !important;
top: 0 !important;
left: calc(var(--battlescreen-width) - var(--whiteHealthWidth) * 2 + 16px) !important;
}
/* Enemy left pokemon (displayed on your right) */
.lstatbar.leftstatbar {
clip-path: polygon(30px 0px, 0px var(--whiteHealthHeight), var(--whiteHealthWidth) var(--whiteHealthHeight), var(--whiteHealthWidth) 0px) !important;
position: absolute !important;
left: calc(var(--battlescreen-width) - var(--whiteHealthWidth)) !important;
top: 0 !important;
}
.innerbattle div:nth-child(5) div:nth-child(2) .sidecondition-lightscreen,
.innerbattle div:nth-child(5) div:nth-child(2) .sidecondition-reflect,
.innerbattle div:nth-child(5) div:nth-child(2) .sidecondition-auroraveil
{
margin: -20px 0 0 -20px;
transform-origin: center;
transform: rotate(4deg) rotate3d(0, 1, 0, -35deg) rotate3d(1, 0, 0, -10deg) scaleX(2.3) scaleY(1.4);
}
/* enemy left/right pokemon tooltip area fix */
.innerbattle .tooltips .has-tooltip[data-id="p2a"] {
margin: -40px 0 0 30px;
}
.innerbattle .tooltips .has-tooltip[data-id="p2b"] {
margin: -40px 0 0 0px;
}
.lstatbar.rightstatbar strong,
.lstatbar.rightstatbar .hpbar,
.lstatbar.leftstatbar strong,
.lstatbar.leftstatbar .hpbar {
margin-left: 25px !important;
}
.lstatbar.leftstatbar strong,
.lstatbar.rightstatbar strong {
margin-top: -5px !important;
}
.statbar strong {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 0;
color: black;
font-weight: 400;
letter-spacing: -1px;
text-align: start;
/* text-shadow: -1px -1px #000, 0 -1px #000, 1px -1px #000, 1px 0 #000, 1px 1px #000, 0 1px #000, -1px 1px #000, -1px 0 #000; */
}
.statbar strong small {
color: black;
font-weight: 300;
margin-right: auto;
}
.statbar strong small:nth-child(1) {
margin-left: auto;
}
.statbar img {
margin-left: 5px;
margin-right: auto;
}
/* pokemon gender male */
.statbar img[alt~="M"] {
content: url("https://i.imgur.com/qZTiMw3.png");
width: 13px;
height: 13px;
/* margin-right: 50px; */
}
/* pokemon gender female */
.statbar img[alt~="F"] {
content: url(https://i.imgur.com/aAyWAi2.png);
width: 13px;
height: 13px;
}
.statbar .hpbar {
position: absolute;
border: 1px solid lightgrey;
border-width: 1px 1px 1px 1px;
padding: 0px !important;
height: 10px;
border-radius: 0px !important;
/* border-radius: 8px 3px 10px 8px !important; */
/* transform-style: preserve-3d;
transform-origin: left;
transform: perspective( 380px ) rotateY( -48deg ) translateX(-3px); */
}
.statbar .hpbar .hptext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
position: absolute;
color: black;
text-align: center;
top: 13px;
left: 0px;
font-size: 15px;
background: none;
text-shadow: none !important;
/* text-shadow: -1px -1px #000, 0 -1px #000, 1px -1px #000, 1px 0 #000, 1px 1px #000, 0 1px #000, -1px 1px #000, -1px 0 #000; */
}
.statbar .hpbar .hptextborder {
display: none !important;
}
.statbar .hpbar .hp {
height: 9px;
border-top: 1px solid rgba(0, 255, 8, 1);
background: linear-gradient(90deg, rgba(163, 255, 26, 1) 0%, rgba(0, 255, 8, 1) 100%);
border-bottom: 1px solid rgba(0, 255, 8, 1);
border-right: 1px solid rgba(0, 255, 8, 1);
/* border-radius: 8px 3px 10px 8px !important; */
}
.statbar .hpbar .hp {
border-radius: 0px !important;
}
.statbar .hpbar .hp-yellow {
border-top-color: rgba(254, 170, 50, 1);
background: linear-gradient(90deg, rgba(255, 250, 31, 1) 0%, rgba(254, 170, 50, 1) 100%);
border-bottom-color: rgba(254, 170, 50, 1);
border-right-color: rgba(254, 170, 50, 1);
}
.statbar .hpbar .hp-red {
border-top-color: #dc1509;
background: #dc1509;
border-bottom-color: #dc1509;
border-right-color: #dc1509;
}
.statbar .hpbar .prevhp {
background: #3a3a3a;
height: 11px;
border-radius: 0 !important;
}
.statbar .hpbar .prevhp-yellow {
background-color: #3a3a3a;
}
.statbar .hpbar .prevhp-red {
background-color: #3a3a3a;
}
.statbar .status {
display: flex;
justify-content: start;
flex-wrap: wrap;
min-height: 10px;
font-size: 8pt;
color: #fff;
text-transform: uppercase;
position: absolute;
width: 205px;
margin-left: -40px;
margin-top: -2px;
transform: rotateY(48deg) translate(57px, 3px) scale(0.8);
}
/* Used for teratype name image */
.statbar .status img {
display: none;
}
.statbar .status .neutral {
color: black !important;
}
.statbar span {
color: #fff !important;
border-radius: 0;
}
.statbar span.bad,
.statbar span.good {
font-size: 9pt;
margin: -1px 1px;
}
.statbar span.bad {
border-color: #4c0603;
background: #a61000;
text-shadow: -1px -1px #4c0603, 0 -1px #4c0603, 1px -1px #4c0603, 1px 0 #4c0603,
1px 1px #4c0603, 0 1px #4c0603, -1px 1px #4c0603, -1px 0 #4c0603;
}
.statbar span.good {
background: #00a636;
border-color: #034c16;
text-shadow: -1px -1px #034c16, 0 -1px #034c16, 1px -1px #034c16, 1px 0 #034c16,
1px 1px #034c16, 0 1px #034c16, -1px 1px #034c16, -1px 0 #034c16;
}
@keyframes statusBlink {
0% {
opacity: 1;
}
30% {
opacity: 0;
}
40% {
opacity: 0;
}
70% {
opacity: 1;
}
}
.statbar span.par,
.statbar span.frz,
.statbar span.brn,
.statbar span.psn,
.statbar span.slp {
opacity: 1;
animation: statusBlink 3s infinite;
animation-delay: 2s;
position: absolute;
right: 13px;
top: -36px;
height: 15px;
background: none;
color: transparent;
}
.statbar span.par {
content: url(https://i.imgur.com/377GRJI.png);
}
.statbar span.frz {
content: url(https://i.imgur.com/cInxMZi.png);
}
.statbar span.brn {
content: url(https://i.imgur.com/jXOVtFy.png);
}
.statbar span.psn {
content: url(https://i.imgur.com/E4TZOib.png);
}
.statbar span.slp {
content: url(https://i.imgur.com/9tny9FO.png);
}
/*******************/
/* Battle Messages */
/*******************/
.messagebar.message {
font-size: 8pt;
margin-bottom: 12%;
left: 370px;
width: 250px;
max-width: 300px;
overflow: auto;
}
.messagebar.message p {
padding: 0 !important;
}
.messagebar.message small {
font-size: 6pt;
line-height: 4pt;
}
/*******************************************/
/* Battle Settings for mobile accessibility*/
/*******************************************/
@media (max-height: 570px) and (min-width: 440px) {
:root {
--battlescreen-height: min(410px, 100vh);
--bottom-padding-fix: 16px;
}
#tooltipwrapper[role="tooltip"] {
position: absolute !important;
top: 350px !important;
left: 150px !important;
}
.megaevo {
padding: 0;
margin: 0;
}
.rstatbar.leftstatbar {
top: calc(var(--battlescreen-height) - var(--whiteHealthHeight) - 24px) !important;
left: 0 !important;
}
.rstatbar.rightstatbar {
top: calc(var(--battlescreen-height) - var(--whiteHealthHeight) - 24px) !important;
left: calc(var(--whiteHealthWidth) - 24px) !important;
}
/* For move/switch selector the Attack/Switch buttons change the class of parent div and set "switch-controls or move-controls" respectively */
.battle-controls:not(.switch-controls):not(.move-controls) .movemenu,
.battle-controls:not(.switch-controls):not(.move-controls) .switchmenu {
display: none !important;
}
.battle-controls:has(.controls.move-controls) .movemenu {
display: flex !important;
flex-direction: column-reverse;
/*align-items: center;*/
align-items: flex-end;
position: absolute !important;
bottom: 0 !important;
left: 450px;
transform: scale(.8);
}
.battle-controls:has(.switchmenu > button[name="chooseMoveTarget"]) .switchmenu,
.battle-controls:has(.controls.switch-controls) .switchmenu {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
position: absolute;
top: -230px;
left: 0px;
width: 250px;
max-width: 250px;
max-height: 150px;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
align-items: center;
background-color: rgba(51, 51, 51, 0.3);
}
.battle-controls:has(.switchmenu > button[name="chooseMoveTarget"]) .switchmenu:nth-child(3) {
top: -186px;
}
/* Attack button */
.moveselect {
position: fixed !important;
/* bottom: calc(var(--whiteHealthHeight) * -1 + var(--bottom-padding-fix)); */
bottom: 8px !important;
left: 410px;
/*left: 550px;*/
}
/* Switch button */
.switchselect {
position: fixed !important;
bottom: 8px !important;
left: 526px;
/*left: 550px;*/
}
button[name="selectMove"],
button[name="selectSwitch"] {
border: 3px solid black;
border-radius: 50px !important;
width: 110px;
height: 40px !important;
font-style: normal;
}
button[name="selectMove"] {
background-image: var(--attack-button) !important;
background-repeat: no-repeat !important;
background-position: right !important;
background-size: 50% !important;
background-position-y: -12px !important;
text-align: left;
color: white;
background-color: black !important;
border: 2px solid red;
}
button[name="selectSwitch"] {
background-image: var(--switch-button) !important;
background-repeat: no-repeat !important;
background-size: 32% !important;
background-position-x: calc(100% - 5px) !important;
background-position-y: 1px !important;
color: black;
text-align: left;
background-color: white;
border: 2px solid #82C182;
}
/* when switch pokemon is clicked */
div.controls.switch-controls button[name="selectSwitch"] {
color: white !important;
background-color: black !important;
}
/* when switch button is clicked */
div.controls.switch-controls button[name="selectMove"] {
color: black !important;
background-color: white !important;
}
/* when attack pokemon is clicked */
div.controls.move-controls button[name="selectSwitch"] {
color: black !important;
background-color: white !important;
}
/* when attack button is clicked */
div.controls.move-controls button[name="selectMove"] {
color: white !important;
background-color: black !important;
}
.whatdo {
position: fixed !important;
margin-bottom: 0 !important;
padding: 0 !important;
bottom: calc(var(--whiteHealthHeight) + 24px) !important;
width: var(--battlescreen-width) !important;
}
.whatdo>button[name="openTimer"] {
position: absolute !important;
/* top left - beside Turn counter
left: 150px;
top:-354px;
*/
left: 8px !important;
bottom: calc(100% + 8px) !important;
}
.whatdo,
.controls p {
font-size: 1em !important;
}
/* Open timer when every move has been selected */
.controls>p>button[name="openTimer"] {
position: absolute !important;
left: 8px !important;
top: calc(100% + 8px) !important;
}
.ps-room .battle-controls {
top: 400px !important;
}
.rstatbar.leftstatbar,
.rstatbar.rightstatbar {
align-self: end;
margin-bottom: 12px;
}
.rstatbar.rightstatbar {
justify-self: start;
}
.lstatbar.rightstatbar {
justify-self: end;
}
div.controls {
background: transparent;
bottom: calc(var(--whiteHealthHeight) + var(--bottom-padding-fix))!important;
}
div.controls .whatdo {
background: linear-gradient(to right, black, transparent, transparent) !important;
margin: 0 0 0 -8px !important;
padding: 0 8px 0 8px !important;
}
.controls:not(:has(.whatdo)) {
background: linear-gradient(to right, black, rgba(0,0,0,.5), transparent) !important;
/* bottom: calc(var(--whiteHealthHeight) + var(--bottom-padding-fix) * 6) !important; */
bottom: calc(var(--battlescreen-height) - var(--whiteHealthHeight) * 4) !important;
}
/*
div.controls:before {
content: "";
display: block;
width: 100%;
height: 26px;
position: absolute;
left: 0;
bottom: 0;
margin: 0 !important;
padding: 0 !important;
background: black !important;
-webkit-mask-image: linear-gradient(to right, rgb(40 40 40 / 60%), transparent);
}
.backdrop {
min-width: 693px !important;
width: 100vw !important;
transform: scaleX(1.2);
background-size: contain !important;
left: 0 !important;
} */
.leftbar .trainer.trainer-near {
top: -49px !important;
grid-template-areas: "pkmn1 pkmn2 trainername";
place-items: center;
}
.leftbar .trainer.trainer-near strong {
grid-area: trainername;
display: flex;
}
.leftbar .trainer.trainer-near strong:after {
content: "vs";
padding-left: 30px;
padding-top: 5px;
color: red;
}
.leftbar .trainer.trainer-near .teamicons:nth-child(1) {
grid-area: pkmn1;
}
.leftbar .trainer.trainer-near .teamicons:nth-child(2) {
grid-area: pkmn2;
}
/* pokemon healthbar grid
div [aria-label="Active Pokemon"] {
--diff-healthbar: 200px;
--bot-top-healthbar: calc(100vh - var(--diff-healthbar) - 10px);
grid-template-columns: repeat(3, 1fr) !important;
grid-template-rows: 100px var(--bot-top-healthbar) 100px !important;
column-gap: 20px;
width: 100vw;
}*/
/* display user pokemon a bit higher to not go behind healthbar */
.innerbattle div:has(>div>img[src^="https://play.pokemonshowdown.com/sprites/"]:not([class]))>div:nth-child(4) img {
margin: -40px 0 0 -24px !important;
/* Shadow support for pokemon without 3d sprites yet */
padding-bottom: 10px;
background-image: radial-gradient(closest-side at 50% 90%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 90%);
}
/* display foes pokemon */
.innerbattle div:has(>div>img[src^="https://play.pokemonshowdown.com/sprites/"]:not([class]))>div:nth-child(1) img {
margin: -40px 0 0 10px !important;
/* Shadow support for pokemon without 3d sprites yet */
padding-bottom: 10px;
background-image: radial-gradient(closest-side at 50% 90%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 90%);
}
.messagebar.message {
font-size: 8pt;
margin-bottom: 8%;
left: calc(var(--battlescreen-width) - 255px) !important;
max-width: 235px;
max-height: 150px !important;
overflow: visible;
}
.messagebar.message p {
padding: 0 !important;
}
.messagebar.message small {
font-size: 6pt;
line-height: 4pt;
}
.battle-chat-toggle.button[name=showChat] {
top: 90px;
display: block !important;
}
}
/* Finish mobile accessibility */
/*****************
* Battle Weather *
*****************/
.turn {
position: absolute !important;
left: -5px !important;
border: none;
border-radius: 0;
background: transparent;
color: white;
top: -22px;
text-shadow: black 1px 1px;
opacity: 1 !important;
/* Thanks to marcorulloz7 - sadboy github.com/marcoz7 */
}
.weather {
top: -70px !important;
background-size: 120%;
}
/***********/
/* Weather */
/***********/
.sunweather,
.sunnydayweather,
.desolatelandweather {
background: url(https://pkmn.pro/resources/sun-v4-3.gif) no-repeat scroll left top;
color: #664411;
text-shadow: #ffffff 1px 1px 0, #ffffff 1px -1px 0, #ffffff -1px 1px 0, #ffffff -1px -1px 0;
background-size: cover;
}
.rainweather,
.raindanceweather,
.primordialseaweather {
background: url(https://pkmn.pro/resources/rain-v4-2.gif) scroll left top;
background-size: cover;
color: #0044bb;
text-shadow: #ffffff 1px 1px 0, #ffffff 1px -1px 0, #ffffff -1px 1px 0, #ffffff -1px -1px 0;
opacity: 0.6 !important;
}
.sandstormweather {
background: url(https://pkmn.pro/resources/sand-v4.gif) scroll left top;
background-size: cover;
color: #554433;
text-shadow: #ffffff 1px 1px 0, #ffffff 1px -1px 0, #ffffff -1px 1px 0, #ffffff -1px -1px 0;
opacity: 0.6 !important;
}
.snowweather,
.hailweather {
background: url(https://pkmn.pro/resources/hail-v4_5.gif) scroll left top;