@pkmn/engine 0.1.0-dev.84cc1a02 → 0.1.0-dev.8b83af6b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +52 -24
  2. package/build/pkg/addon.d.ts +7 -0
  3. package/build/pkg/addon.js +111 -0
  4. package/build/pkg/addon.js.map +1 -0
  5. package/build/pkg/data/layout.json +1 -1
  6. package/build/pkg/data.d.ts +1 -2
  7. package/build/pkg/data.js +3 -5
  8. package/build/pkg/data.js.map +1 -1
  9. package/build/pkg/gen1.d.ts +5 -4
  10. package/build/pkg/gen1.js +43 -24
  11. package/build/pkg/gen1.js.map +1 -1
  12. package/build/pkg/index.d.ts +15 -12
  13. package/build/pkg/index.js.map +1 -1
  14. package/build/pkg/protocol.d.ts +4 -2
  15. package/build/pkg/protocol.js +4 -2
  16. package/build/pkg/protocol.js.map +1 -1
  17. package/build/test/display.js +400 -0
  18. package/build/test/display.js.map +1 -0
  19. package/build/tools/debug.js +133 -0
  20. package/build/tools/debug.js.map +1 -0
  21. package/build.zig +30 -39
  22. package/package.json +45 -34
  23. package/src/bin/install-pkmn-engine +47 -28
  24. package/src/bin/pkmn-debug +62 -0
  25. package/src/lib/binding/node.zig +20 -23
  26. package/src/lib/binding/wasm.zig +4 -4
  27. package/src/lib/common/data.zig +11 -11
  28. package/src/lib/common/debug.zig +1 -0
  29. package/src/lib/common/options.zig +3 -3
  30. package/src/lib/common/protocol.zig +194 -178
  31. package/src/lib/common/rng.zig +5 -5
  32. package/src/lib/gen1/README.md +106 -70
  33. package/src/lib/gen1/data/moves.zig +10 -10
  34. package/src/lib/gen1/data/species.zig +2 -2
  35. package/src/lib/gen1/data/types.zig +3 -3
  36. package/src/lib/gen1/data.zig +36 -31
  37. package/src/lib/gen1/helpers.zig +11 -22
  38. package/src/lib/gen1/mechanics.zig +460 -365
  39. package/src/lib/gen2/data/items.zig +3 -3
  40. package/src/lib/gen2/data/moves.zig +1 -1
  41. package/src/lib/gen2/data/species.zig +1 -1
  42. package/src/lib/gen2/data/types.zig +3 -3
  43. package/src/lib/gen2/data.zig +16 -15
  44. package/src/lib/gen2/helpers.zig +6 -6
  45. package/src/lib/pkmn.zig +7 -7
  46. package/src/test/display/pkmn.html.tmpl +368 -0
@@ -219,18 +219,18 @@ pub const Item = enum(u8) {
219
219
  pub inline fn boost(item: Item) ?Type {
220
220
  assert(item != .None);
221
221
  if (item == .PolkadotBow) return .Normal;
222
- return if (@enumToInt(item) <= 18) @intToEnum(Type, @enumToInt(item) - 1) else null;
222
+ return if (@intFromEnum(item) <= 18) @enumFromInt(@intFromEnum(item) - 1) else null;
223
223
  }
224
224
 
225
225
  /// Whether or not this item is a Berry.
226
226
  pub inline fn berry(item: Item) bool {
227
227
  assert(item != .None);
228
- return @enumToInt(item) > 30 and @enumToInt(item) <= 40;
228
+ return @intFromEnum(item) > 30 and @intFromEnum(item) <= 40;
229
229
  }
230
230
 
231
231
  /// Whether or not this item is Mail.
232
232
  pub inline fn mail(item: Item) bool {
233
233
  assert(item != .None);
234
- return @enumToInt(item) > 60 and @enumToInt(item) <= 70;
234
+ return @intFromEnum(item) > 60 and @intFromEnum(item) <= 70;
235
235
  }
236
236
  };
@@ -2779,6 +2779,6 @@ pub const Move = enum(u8) {
2779
2779
  /// Returns the `Data` corresponding to the move.
2780
2780
  pub inline fn get(id: Move) Data {
2781
2781
  assert(id != .None);
2782
- return DATA[@enumToInt(id) - 1];
2782
+ return DATA[@intFromEnum(id) - 1];
2783
2783
  }
2784
2784
  };
@@ -1793,6 +1793,6 @@ pub const Species = enum(u8) {
1793
1793
  /// Returns the `Data` corresponding to the species.
1794
1794
  pub fn get(id: Species) Data {
1795
1795
  assert(id != .None);
1796
- return DATA[@enumToInt(id) - 1];
1796
+ return DATA[@intFromEnum(id) - 1];
1797
1797
  }
1798
1798
  };
@@ -86,17 +86,17 @@ pub const Type = enum(u8) {
86
86
 
87
87
  /// Whether or not this type is considered to be special as opposed to physical.
88
88
  pub inline fn special(self: Type) bool {
89
- return @enumToInt(self) >= @enumToInt(Type.Fire);
89
+ return @intFromEnum(self) >= @intFromEnum(Type.Fire);
90
90
  }
91
91
 
92
92
  /// The `Effectiveness` of type `t2` vs. type `t1`.
93
93
  pub inline fn effectiveness(t1: Type, t2: Type) Effectiveness {
94
- return CHART[@enumToInt(t1)][@enumToInt(t2)];
94
+ return CHART[@intFromEnum(t1)][@intFromEnum(t2)];
95
95
  }
96
96
 
97
97
  /// The precedence order of type type.
98
98
  pub inline fn precedence(self: Type) u8 {
99
- return PRECEDENCE[@enumToInt(self)];
99
+ return PRECEDENCE[@intFromEnum(self)];
100
100
  }
101
101
  };
102
102
 
@@ -19,13 +19,13 @@ const assert = std.debug.assert;
19
19
  const expectEqual = std.testing.expectEqual;
20
20
  const expect = std.testing.expect;
21
21
 
22
- pub const MAX_OPTIONS: usize = 9; // move 1..4, switch 2..6
22
+ pub const MAX_CHOICES: usize = 9; // move 1..4, switch 2..6
23
23
  pub const MAX_LOGS: usize = 180; // TODO
24
24
 
25
- pub const OPTIONS_SIZE = if (builtin.mode == .ReleaseSmall)
26
- MAX_OPTIONS
25
+ pub const CHOICES_SIZE = if (builtin.mode == .ReleaseSmall)
26
+ MAX_CHOICES
27
27
  else
28
- std.math.ceilPowerOfTwo(usize, MAX_OPTIONS) catch unreachable;
28
+ std.math.ceilPowerOfTwo(usize, MAX_CHOICES) catch unreachable;
29
29
  pub const LOGS_SIZE = if (builtin.mode == .ReleaseSmall)
30
30
  MAX_LOGS
31
31
  else
@@ -50,15 +50,15 @@ pub fn Battle(comptime RNG: anytype) type {
50
50
  field: Field = .{},
51
51
 
52
52
  pub inline fn side(self: *Self, player: Player) *Side {
53
- return &self.sides[@enumToInt(player)];
53
+ return &self.sides[@intFromEnum(player)];
54
54
  }
55
55
 
56
56
  pub inline fn foe(self: *Self, player: Player) *Side {
57
- return &self.sides[@enumToInt(player.foe())];
57
+ return &self.sides[@intFromEnum(player.foe())];
58
58
  }
59
59
 
60
60
  pub inline fn active(self: *Self, player: Player) ID {
61
- return player.ident(@intCast(u3, self.side(player).pokemon[0].position));
61
+ return player.ident(@intCast(self.side(player).pokemon[0].position));
62
62
  }
63
63
 
64
64
  pub fn update(self: *Self, c1: Choice, c2: Choice, log: anytype) !Result {
@@ -205,11 +205,11 @@ const DVs = packed struct {
205
205
  0xFF => .Unknown,
206
206
  else => if ((@as(u8, dvs.atk) << 4 | dvs.spe) < ratio) Gender.Female else Gender.Male,
207
207
  };
208
- const p = @intCast(u6, 1 + ((5 * @as(u8, (dvs.atk & 0b1000) | ((dvs.def & 0b1000)) >> 1 |
208
+ const p: u6 = @intCast(1 + ((5 * @as(u8, (dvs.atk & 0b1000) | ((dvs.def & 0b1000)) >> 1 |
209
209
  ((dvs.spe & 0b1000)) >> 2 | ((dvs.spc & 0b1000)) >> 3) + (dvs.spc & 0b0011)) >> 1));
210
210
  var t = @as(u8, dvs.def & 0b0011) + (@as(u8, dvs.atk & 0b0011) << 2) + 1;
211
- if (t >= @enumToInt(Type.@"???")) t = t + 1;
212
- return DVs{ .gender = g, .pow = p, .type = @intToEnum(Type, t) };
211
+ if (t >= @intFromEnum(Type.@"???")) t = t + 1;
212
+ return DVs{ .gender = g, .pow = p, .type = @enumFromInt(t) };
213
213
  }
214
214
 
215
215
  comptime {
@@ -327,10 +327,11 @@ pub fn Stats(comptime T: type) type {
327
327
 
328
328
  pub fn calc(comptime stat: []const u8, base: T, dv: u4, exp: u16, level: u8) T {
329
329
  assert(level > 0 and level <= 100);
330
- const evs = @min(255, @floatToInt(u16, @ceil(@sqrt(@intToFloat(f32, exp)))));
330
+ const float: f32 = @floatFromInt(exp);
331
+ const evs = @min(255, @as(u16, @intFromFloat(@ceil(@sqrt(float)))));
331
332
  const core: u32 = (2 *% (@as(u32, base) +% dv)) +% (evs / 4);
332
333
  const factor: u32 = if (std.mem.eql(u8, stat, "hp")) level + 10 else 5;
333
- return @intCast(T, core *% @as(u32, level) / 100 +% factor);
334
+ return @intCast(core *% @as(u32, level) / 100 +% factor);
334
335
  }
335
336
  };
336
337
  }
@@ -390,7 +391,7 @@ test Item {
390
391
  pub const Move = moves.Move;
391
392
 
392
393
  test Move {
393
- try expectEqual(251, @enumToInt(Move.BeatUp));
394
+ try expectEqual(251, @intFromEnum(Move.BeatUp));
394
395
  const move = Move.get(.DynamicPunch);
395
396
  try expectEqual(Move.Effect.ConfusionChance, move.effect);
396
397
  try expectEqual(@as(u8, 50), move.accuracy);
@@ -400,7 +401,7 @@ test Move {
400
401
  pub const Species = species.Species;
401
402
 
402
403
  test Species {
403
- try expectEqual(152, @enumToInt(Species.Chikorita));
404
+ try expectEqual(152, @intFromEnum(Species.Chikorita));
404
405
  try expectEqual(@as(u8, 100), Species.get(.Celebi).stats.spd);
405
406
  }
406
407
 
@@ -409,7 +410,7 @@ pub const Types = types.Types;
409
410
  pub const Effectiveness = gen1.Effectiveness;
410
411
 
411
412
  test Types {
412
- try expectEqual(13, @enumToInt(Type.Electric));
413
+ try expectEqual(13, @intFromEnum(Type.Electric));
413
414
 
414
415
  try expect(!Type.Steel.special());
415
416
  try expect(Type.Dark.special());
@@ -141,7 +141,7 @@ pub const Pokemon = struct {
141
141
  .id = m,
142
142
  .pp_ups = 3,
143
143
  // NB: PP can be at most 61 legally (though can overflow to 63)
144
- .pp = @intCast(u8, @min(Move.pp(m) / 5 * 8, 61)),
144
+ .pp = @intCast(@min(Move.pp(m) / 5 * 8, 61)),
145
145
  };
146
146
  }
147
147
  pokemon.item = p.item;
@@ -158,11 +158,11 @@ pub const Pokemon = struct {
158
158
  }
159
159
 
160
160
  pub fn random(rand: *PSRNG, opt: Options) data.Pokemon {
161
- const s = @intToEnum(Species, rand.range(u8, 1, Species.size + 1));
161
+ const s: Species = @enumFromInt(rand.range(u8, 1, Species.size + 1));
162
162
  const species = Species.get(s);
163
163
  const lvl = if (rand.chance(u8, 1, 20)) rand.range(u8, 1, 99 + 1) else 100;
164
164
  // Pokémon Showdown does not support most items without in-battle held item effects
165
- const max_item = @enumToInt(if (showdown) Item.FlowerMail else Item.TM50);
165
+ const max_item = @intFromEnum(if (showdown) Item.FlowerMail else Item.TM50);
166
166
  const item = if (rand.chance(u8, 1, 10)) 0 else rand.range(u8, 1, max_item + 1);
167
167
 
168
168
  var stats: Stats(u16) = .{};
@@ -184,14 +184,14 @@ pub const Pokemon = struct {
184
184
  for (0..n) |i| {
185
185
  var m: Move = .None;
186
186
  sample: while (true) {
187
- m = @intToEnum(Move, rand.range(u8, 1, 164 + 1));
187
+ m = @enumFromInt(rand.range(u8, 1, 164 + 1));
188
188
  for (0..i) |j| if (ms[j].id == m) continue :sample;
189
189
  break;
190
190
  }
191
- const pp_ups =
191
+ const pp_ups: u8 =
192
192
  if (!opt.cleric and rand.chance(u8, 1, 10)) rand.range(u2, 0, 2 + 1) else 3;
193
193
  // NB: PP can be at most 61 legally (though can overflow to 63)
194
- const max_pp = @intCast(u8, Move.pp(m) + @as(u8, pp_ups) * @min(Move.pp(m) / 5, 7));
194
+ const max_pp: u8 = @intCast(Move.pp(m) + pp_ups * @min(Move.pp(m) / 5, 7));
195
195
  ms[i] = .{
196
196
  .id = m,
197
197
  .pp_ups = pp_ups,
package/src/lib/pkmn.zig CHANGED
@@ -4,10 +4,10 @@ pub const options = @import("common/options.zig");
4
4
  pub const Options = options.Options;
5
5
 
6
6
  /// The minimum size in bytes required to hold all choice options.
7
- pub const MAX_OPTIONS = gen1.MAX_OPTIONS;
7
+ pub const MAX_CHOICES = gen1.MAX_CHOICES;
8
8
  /// The optimal size in bytes required to hold all choice options.
9
- /// At least as large as `MAX_OPTIONS`.
10
- pub const OPTIONS_SIZE = gen1.OPTIONS_SIZE;
9
+ /// At least as large as `MAX_CHOICES`.
10
+ pub const CHOICES_SIZE = gen1.CHOICES_SIZE;
11
11
  /// The maximum number of bytes possibly logged by a single update.
12
12
  pub const MAX_LOGS = gen1.MAX_LOGS;
13
13
  /// The optimal size in bytes required to hold the largest amount of log data
@@ -25,12 +25,12 @@ pub const Result = @import("common/data.zig").Result;
25
25
  /// Pokémon Showdown's RNG (backed by a Generation V & VI RNG).
26
26
  pub const PSRNG = @import("common/rng.zig").PSRNG;
27
27
 
28
- /// Namespace for helpers related to protocol trace logging.
28
+ /// Namespace for helpers related to protocol message logging.
29
29
  pub const protocol = if (options.internal) struct {
30
30
  pub usingnamespace @import("common/protocol.zig");
31
31
  } else struct {
32
32
  /// Logs protocol information to its `Writer` during a battle update when
33
- /// `options.trace` is enabled.
33
+ /// `options.log` is enabled.
34
34
  pub const Log = @import("common/protocol.zig").Log;
35
35
  /// Stripped down version of `std.io.FixedBufferStream` optimized for
36
36
  /// efficiently writing the individual protocol bytes. Note that the
@@ -41,8 +41,8 @@ pub const protocol = if (options.internal) struct {
41
41
  /// intialized with a `LOGS_SIZE`-sized buffer.
42
42
  pub const FixedLog = @import("common/protocol.zig").FixedLog;
43
43
  /// Null object pattern implementation of `Log` backed by a
44
- /// `std.io.null_writer`. Ignores anything sent to it, though trace logging
45
- /// should addtionally be turned off entirely by using `options.trace`.
44
+ /// `std.io.null_writer`. Ignores anything sent to it, though protocol
45
+ /// logging should additionally be turned off entirely with `options.log`.
46
46
  pub const NULL = @import("common/protocol.zig").NULL;
47
47
  };
48
48
 
@@ -0,0 +1,368 @@
1
+ <!doctype html>
2
+ <html lang=en>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <link rel="icon" href="https://pkmn.cc/favicon.ico">
7
+ <title>@pkmn/engine</title>
8
+ <style>
9
+ #content {
10
+ font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
11
+ margin: 4em auto;
12
+ max-width: 1300px;
13
+ line-height: 1.4em;
14
+ --hp-bar: 151px;
15
+ --hp-text: 32px;
16
+ }
17
+ details > summary {
18
+ list-style: none;
19
+ }
20
+ details > summary::-webkit-details-marker {
21
+ display: none;
22
+ }
23
+ .battle > .details {
24
+ background: #eee;
25
+ border-bottom: 3px solid black;
26
+ padding: 0 0.5em;
27
+ display: flex;
28
+ justify-content: space-between;
29
+ }
30
+ .inner {
31
+ display: flex;
32
+ justify-content: center;
33
+ flex-direction: column;
34
+ }
35
+ .side > .details {
36
+ padding: 0.5em;
37
+ display: flex;
38
+ justify-content: space-between;
39
+ text-align: center;
40
+ flex: 0 1 auto;
41
+ }
42
+ .active {
43
+ flex: 1 1 auto;
44
+ }
45
+ details {
46
+ flex: 0 1 auto;
47
+ }
48
+ .sides {
49
+ display: flex;
50
+ }
51
+ .side {
52
+ flex: 1;
53
+ display: flex;
54
+ flex-flow: column;
55
+ }
56
+ .side.p1 {
57
+ border-right: 1px solid black;
58
+ }
59
+ .battle {
60
+ border: 3px solid black;
61
+ }
62
+ summary {
63
+ border-top: 1px solid black;
64
+ text-align: center;
65
+ padding: 0.25em;
66
+ }
67
+ .good {
68
+ color: green;
69
+ }
70
+ .bad {
71
+ color: red;
72
+ }
73
+ .pokemon {
74
+ position: relative;
75
+ padding: 0.5em;
76
+ border-top: 1px solid black;
77
+ display: flex;
78
+ }
79
+ table {
80
+ border-collapse: collapse;
81
+ border-style: hidden;
82
+ border-spacing: 0px;
83
+ line-height: 1.5em;
84
+ }
85
+ th, td {
86
+ border: 1px solid black;
87
+ padding: 0 0.5em;
88
+ }
89
+ .statbar {
90
+ display: none;
91
+ width: calc(var(--hp-bar) + var(--hp-text));
92
+ padding: 2px 0;
93
+ line-height: normal;
94
+ }
95
+ .statbar .name {
96
+ display: block;
97
+ text-align: center;
98
+ line-height: 1.25em;
99
+ }
100
+ .statbar strong {
101
+ color: #222222;
102
+ text-shadow:
103
+ #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0,
104
+ #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
105
+ }
106
+ .statbar strong small {
107
+ font-weight: normal;
108
+ }
109
+ .statbar .hpbar {
110
+ position: relative;
111
+ border: 1px solid #777777;
112
+ background: #FCFEFF;
113
+ padding: 1px;
114
+ height: 8px;
115
+ margin: 0 0 0 0;
116
+ width: calc(var(--hp-bar) + var(--hp-text) + 1px);
117
+ border-radius: 4px;
118
+ }
119
+ .statbar .hpbar .hp {
120
+ height: 4px;
121
+ border-top: 2px solid #00dd60;
122
+ background: #00bb51;
123
+ border-bottom: 2px solid #007734;
124
+ border-right: 1px solid #007734;
125
+ border-radius: 3px;
126
+ }
127
+ .statbar .hpbar .hp-yellow {
128
+ border-top-color: #f8e379;
129
+ background-color: #f5d538;
130
+ border-bottom-color: #be9f0a;
131
+ border-right-color: #be9f0a;
132
+ }
133
+ .statbar .hpbar .hp-red {
134
+ border-top-color: #f37f67;
135
+ background-color: #ee4928;
136
+ border-bottom-color: #a3260d;
137
+ border-right-color: #a3260d;
138
+ }
139
+ .statbar .hpbar .prevhp {
140
+ background: #BBEECC;
141
+ height: 8px;
142
+ border-radius: 3px;
143
+ }
144
+ .statbar .hpbar .prevhp-yellow {
145
+ background-color: #fcf4ca;
146
+ }
147
+ .statbar .hpbar .prevhp-red {
148
+ background-color: #facec5;
149
+ }
150
+ .statbar .hpbar .hptext {
151
+ position: absolute;
152
+ background: #777777;
153
+ color: #EEEEEE;
154
+ text-shadow: #000000 0 1px 0;
155
+ font-size: 10px;
156
+ width: 32px;
157
+ height: 12px;
158
+ top: -1px;
159
+ text-align: center;
160
+ }
161
+ .status, .volatile {
162
+ padding: 0px 1px;
163
+ border: 1px solid #FF4400;
164
+ border-radius: 3px;
165
+ }
166
+ .status {
167
+ min-height: 10px;
168
+ font-size: 7pt;
169
+ vertical-align: middle;
170
+ padding: 1px 2px;
171
+ border: 0;
172
+ border-radius: 3px;
173
+ text-transform: uppercase;
174
+ margin: 0 2px;
175
+ }
176
+ .status.brn {
177
+ background: #EE5533;
178
+ color: #FFFFFF;
179
+ }
180
+ .status.psn {
181
+ background: #A4009A;
182
+ color: #FFFFFF;
183
+ }
184
+ .status.par {
185
+ background: #9AA400;
186
+ color: #FFFFFF;
187
+ }
188
+ .status.slp {
189
+ background: #AA77AA;
190
+ color: #FFFFFF;
191
+ }
192
+ .status.frz {
193
+ background: #009AA4;
194
+ color: #FFFFFF;
195
+ }
196
+ .volatile {
197
+ display: inline-block;
198
+ padding: 0 5px;
199
+ margin: 2px
200
+ }
201
+ .volatile.bad {
202
+ background: #FFE5E0;
203
+ color: #FF4400;
204
+ border-color: #FF4400;
205
+ }
206
+ .volatile.good {
207
+ background: #E5FFE0;
208
+ color: #33AA00;
209
+ border-color: #33AA00;
210
+ }
211
+ .volatile.neutral {
212
+ background: #F0F0F0;
213
+ color: #555555;
214
+ border-color: #555555;
215
+ }
216
+ .rstatbar .hpbar .hptext {
217
+ right: 0px;
218
+ border-radius: 0 4px 4px 0;
219
+ }
220
+ .moves ul {
221
+ column-count: 2;
222
+ column-gap: 2em;
223
+ }
224
+ .left {
225
+ padding-right: 32px;
226
+ display: flex;
227
+ flex-direction: column;
228
+ align-items: center;
229
+ }
230
+ .stats {
231
+ display: flex;
232
+ padding: 0 1em;
233
+ justify-content: space-between;
234
+ text-align: center;
235
+ width: 100%;
236
+ }
237
+ .types {
238
+ display: inherit;
239
+ }
240
+ .disabled {
241
+ color: #AAAAAA;
242
+ }
243
+ .log {
244
+ display: flex;
245
+ justify-content: center;
246
+ padding-bottom: 2em;
247
+ }
248
+ .position {
249
+ position: absolute;
250
+ right: 10px;
251
+ color: #AAAAAA;
252
+ }
253
+ .left .position {
254
+ display: none;
255
+ }
256
+ .right .position {
257
+ display: block;
258
+ }
259
+ .teamicons {
260
+ display: inline-block;
261
+ }
262
+ @media(max-width: 1300px) {
263
+ #content {
264
+ font-size: 0.85em;
265
+ max-width: 95%;
266
+ margin: 2em auto;
267
+ }
268
+ }
269
+ @media(max-width: 1200px) {
270
+ .moves ul {
271
+ column-count: 1;
272
+ }
273
+ }
274
+ @media(max-width: 1100px) {
275
+ .pokemon {
276
+ flex-direction: column;
277
+ }
278
+ .stats {
279
+ justify-content: center;
280
+ padding: 0;
281
+ }
282
+ .boosts {
283
+ margin-left: 5px;
284
+ }
285
+ .moves ul {
286
+ column-count: 2;
287
+ }
288
+ .left {
289
+ padding-right: 0;
290
+ }
291
+ .right {
292
+ padding-top: 1em;
293
+ }
294
+ .volatiles {
295
+ display: flex;
296
+ justify-content: center;
297
+ flex-wrap: wrap;
298
+ }
299
+ .left .position {
300
+ display: block;
301
+ }
302
+ .right .position {
303
+ display: none;
304
+ }
305
+ }
306
+ @media(max-width: 800px) {
307
+ .moves {
308
+ display: flex;
309
+ justify-content: center;
310
+ }
311
+ .moves ul {
312
+ column-count: 1;
313
+ display: inline-block;
314
+ padding: 0;
315
+ }
316
+ }
317
+ @media(max-width: 680px) {
318
+ .stats {
319
+ flex-direction: column;
320
+ padding: 0;
321
+ }
322
+ .boosts {
323
+ display: flex;
324
+ justify-content: space-between;
325
+ margin-top: 0.5em;
326
+ }
327
+ }
328
+ @media(max-width: 550px) {
329
+ #content {
330
+ font-size: 0.65em;
331
+ max-width: 95%;
332
+ margin: 1em auto;
333
+ --hp-bar: 101px;
334
+ }
335
+ }
336
+ @media(max-width: 425px) {
337
+ .stats {
338
+ font-size: 0.9em;
339
+ }
340
+ }
341
+ h1 {
342
+ text-align: center;
343
+ }
344
+ .error {
345
+ overflow: auto;
346
+ scrollbar-width: none;
347
+ padding: 10px 20px;
348
+ border: 3px solid #DD4422;
349
+ background: #FFF8F2;
350
+ }
351
+ .error::-webkit-scrollbar {
352
+ display: none;
353
+ }
354
+ </style>
355
+ </head>
356
+ <body>
357
+ <div id="content">{{{ content }}}</div>
358
+ <script>
359
+ for (const details of document.getElementsByTagName('details')) {
360
+ details.addEventListener('toggle', e => {
361
+ for (const d of details.parentElement.parentElement.getElementsByTagName('details')) {
362
+ if (d.open !== details.open) d.open = details.open;
363
+ }
364
+ });
365
+ }
366
+ </script>
367
+ </body>
368
+ </html>