@pkmn/engine 0.1.0-dev.63cef311 → 0.1.0-dev.6cc9e067

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 (63) hide show
  1. package/LICENSE +1 -3
  2. package/README.md +135 -73
  3. package/build/pkg/addon.d.ts +7 -0
  4. package/build/pkg/addon.js +111 -0
  5. package/build/pkg/addon.js.map +1 -0
  6. package/build/pkg/data/ids.json +12 -12
  7. package/build/pkg/data/layout.json +27 -5
  8. package/build/pkg/data/protocol.json +69 -12
  9. package/build/pkg/data.d.ts +5 -6
  10. package/build/pkg/data.js +3 -5
  11. package/build/pkg/data.js.map +1 -1
  12. package/build/pkg/gen1.d.ts +5 -4
  13. package/build/pkg/gen1.js +49 -33
  14. package/build/pkg/gen1.js.map +1 -1
  15. package/build/pkg/index.d.ts +17 -13
  16. package/build/pkg/index.js.map +1 -1
  17. package/build/pkg/protocol.d.ts +4 -2
  18. package/build/pkg/protocol.js +65 -44
  19. package/build/pkg/protocol.js.map +1 -1
  20. package/build/test/display.js +400 -0
  21. package/build/test/display.js.map +1 -0
  22. package/build/tools/debug.js +134 -0
  23. package/build/tools/debug.js.map +1 -0
  24. package/build.zig +168 -140
  25. package/package.json +86 -46
  26. package/src/bin/install-pkmn-engine +79 -39
  27. package/src/bin/pkmn-debug +62 -0
  28. package/src/lib/common/battle.zig +17 -0
  29. package/src/lib/common/data.zig +19 -31
  30. package/src/lib/common/debug.zig +21 -11
  31. package/src/lib/common/js.zig +118 -0
  32. package/src/lib/common/optional.zig +67 -0
  33. package/src/lib/common/options.zig +12 -3
  34. package/src/lib/common/protocol.zig +942 -403
  35. package/src/lib/common/rational.zig +357 -0
  36. package/src/lib/common/rng.zig +35 -26
  37. package/src/lib/common/util.zig +12 -0
  38. package/src/lib/gen1/calc.zig +426 -0
  39. package/src/lib/gen1/chance.zig +1061 -0
  40. package/src/lib/gen1/data/moves.zig +202 -190
  41. package/src/lib/gen1/data/species.zig +5 -5
  42. package/src/lib/gen1/data/types.zig +10 -10
  43. package/src/lib/gen1/data.zig +106 -92
  44. package/src/lib/gen1/helpers.zig +602 -41
  45. package/src/lib/gen1/mechanics.zig +1228 -821
  46. package/src/lib/gen2/calc.zig +143 -0
  47. package/src/lib/gen2/chance.zig +1315 -0
  48. package/src/lib/gen2/data/items.zig +14 -20
  49. package/src/lib/gen2/data/moves.zig +664 -570
  50. package/src/lib/gen2/data/species.zig +2 -2
  51. package/src/lib/gen2/data/types.zig +137 -34
  52. package/src/lib/gen2/data.zig +134 -96
  53. package/src/lib/gen2/generated.zig +806 -0
  54. package/src/lib/gen2/helpers.zig +50 -26
  55. package/src/lib/gen2/mechanics.zig +3591 -12
  56. package/src/lib/node.zig +131 -0
  57. package/src/lib/pkmn.zig +86 -12
  58. package/src/lib/wasm.zig +13 -0
  59. package/src/test/display/pkmn.html.tmpl +368 -0
  60. package/src/lib/binding/node.zig +0 -229
  61. package/src/lib/binding/wasm.zig +0 -10
  62. package/src/lib/gen1/README.md +0 -778
  63. package/src/lib/gen2/README.md +0 -309
@@ -0,0 +1,131 @@
1
+ const std = @import("std");
2
+
3
+ const pkmn = @import("pkmn.zig");
4
+
5
+ const js = @import("common/js.zig");
6
+
7
+ const assert = std.debug.assert;
8
+
9
+ const c = @cImport({
10
+ @cDefine("NAPI_VERSION", "8");
11
+ @cInclude("node_api.h");
12
+ });
13
+
14
+ export fn napi_register_module_v1(env: c.napi_env, exports: c.napi_value) c.napi_value {
15
+ const properties = [_]c.napi_property_descriptor{
16
+ js.Property.init("engine", .{ .value = register(env) }),
17
+ };
18
+ assert(c.napi_define_properties(env, exports, properties.len, &properties) == c.napi_ok);
19
+ return exports;
20
+ }
21
+
22
+ pub fn register(env: c.napi_env) c.napi_value {
23
+ const object = js.Object.init(env);
24
+ const properties = [_]c.napi_property_descriptor{
25
+ js.Property.init("options", .{ .value = options(env) }),
26
+ js.Property.init("bindings", .{ .value = bindings(env) }),
27
+ };
28
+ assert(c.napi_define_properties(env, object, properties.len, &properties) == c.napi_ok);
29
+ return object;
30
+ }
31
+
32
+ fn options(env: c.napi_env) c.napi_value {
33
+ const object = js.Object.init(env);
34
+ const properties = [_]c.napi_property_descriptor{
35
+ js.Property.init("showdown", .{ .value = js.Boolean.init(env, pkmn.options.showdown) }),
36
+ js.Property.init("log", .{ .value = js.Boolean.init(env, pkmn.options.log) }),
37
+ js.Property.init("chance", .{ .value = js.Boolean.init(env, pkmn.options.chance) }),
38
+ js.Property.init("calc", .{ .value = js.Boolean.init(env, pkmn.options.calc) }),
39
+ };
40
+ assert(c.napi_define_properties(env, object, properties.len, &properties) == c.napi_ok);
41
+ return object;
42
+ }
43
+
44
+ fn bindings(env: c.napi_env) c.napi_value {
45
+ const array = js.Array.init(env, .{ .length = 1 });
46
+ js.Array.set(env, array, 0, bind(env, pkmn.gen1));
47
+ return array;
48
+ }
49
+
50
+ fn bind(env: c.napi_env, gen: anytype) c.napi_value {
51
+ const choices_size: u32 = @intCast(gen.CHOICES_SIZE);
52
+ const logs_size: u32 = @intCast(gen.LOGS_SIZE);
53
+ const object = js.Object.init(env);
54
+ const properties = [_]c.napi_property_descriptor{
55
+ js.Property.init("CHOICES_SIZE", .{ .value = js.Number.init(env, choices_size) }),
56
+ js.Property.init("LOGS_SIZE", .{ .value = js.Number.init(env, logs_size) }),
57
+ js.Property.init("update", .{ .method = update(gen) }),
58
+ js.Property.init("choices", .{ .method = choices(gen) }),
59
+ };
60
+ assert(c.napi_define_properties(env, object, properties.len, &properties) == c.napi_ok);
61
+ return object;
62
+ }
63
+
64
+ fn update(gen: anytype) c.napi_callback {
65
+ return struct {
66
+ fn call(env: c.napi_env, info: c.napi_callback_info) callconv(.C) c.napi_value {
67
+ var argc: usize = 4;
68
+ var argv: [4]c.napi_value = undefined;
69
+ assert(c.napi_get_cb_info(env, info, &argc, &argv, null, null) == c.napi_ok);
70
+ assert(argc == 4);
71
+
72
+ var data: ?*anyopaque = undefined;
73
+ var len: usize = 0;
74
+ assert(c.napi_get_arraybuffer_info(env, argv[0], &data, &len) == c.napi_ok);
75
+ assert(len == @sizeOf(gen.Battle(gen.PRNG)));
76
+
77
+ var battle: *gen.Battle(gen.PRNG) = @alignCast(@ptrCast(data.?));
78
+ const c1: pkmn.Choice = @bitCast(js.Number.get(env, argv[1], u8));
79
+ const c2: pkmn.Choice = @bitCast(js.Number.get(env, argv[2], u8));
80
+
81
+ var vtype: c.napi_valuetype = undefined;
82
+ assert(c.napi_typeof(env, argv[3], &vtype) == c.napi_ok);
83
+ const result = switch (vtype) {
84
+ c.napi_undefined, c.napi_null => battle.update(c1, c2, &gen.NULL),
85
+ else => result: {
86
+ assert(c.napi_get_arraybuffer_info(env, argv[3], &data, &len) == c.napi_ok);
87
+ assert(len == gen.LOGS_SIZE);
88
+
89
+ const buf = @as([*]u8, @ptrCast(data.?))[0..gen.LOGS_SIZE];
90
+ var stream: pkmn.protocol.ByteStream = .{ .buffer = buf };
91
+ // TODO: extract out
92
+ var opts = pkmn.battle.options(
93
+ pkmn.protocol.FixedLog{ .writer = stream.writer() },
94
+ gen.chance.NULL,
95
+ gen.calc.NULL,
96
+ );
97
+ break :result battle.update(c1, c2, &opts);
98
+ },
99
+ } catch unreachable;
100
+
101
+ return js.Number.init(env, @as(u8, @bitCast(result)));
102
+ }
103
+ }.call;
104
+ }
105
+
106
+ fn choices(gen: anytype) c.napi_callback {
107
+ return struct {
108
+ fn call(env: c.napi_env, info: c.napi_callback_info) callconv(.C) c.napi_value {
109
+ var argc: usize = 4;
110
+ var argv: [4]c.napi_value = undefined;
111
+ assert(c.napi_get_cb_info(env, info, &argc, &argv, null, null) == c.napi_ok);
112
+ assert(argc == 4);
113
+
114
+ var data: ?*anyopaque = undefined;
115
+ var len: usize = 0;
116
+ assert(c.napi_get_arraybuffer_info(env, argv[0], &data, &len) == c.napi_ok);
117
+ assert(len == @sizeOf(gen.Battle(gen.PRNG)));
118
+
119
+ var battle: *gen.Battle(gen.PRNG) = @alignCast(@ptrCast(data.?));
120
+ const player: pkmn.Player = @enumFromInt(js.Number.get(env, argv[1], u8));
121
+ const request: pkmn.Choice.Type = @enumFromInt(js.Number.get(env, argv[2], u8));
122
+
123
+ assert(c.napi_get_arraybuffer_info(env, argv[3], &data, &len) == c.napi_ok);
124
+ assert(len == gen.CHOICES_SIZE);
125
+
126
+ const out = @as([*]pkmn.Choice, @ptrCast(data.?))[0..gen.CHOICES_SIZE];
127
+ const n = battle.choices(player, request, out);
128
+ return js.Number.init(env, @as(u8, @bitCast(n)));
129
+ }
130
+ }.call;
131
+ }
package/src/lib/pkmn.zig CHANGED
@@ -1,13 +1,13 @@
1
- /// Configurated Options for the pkmn package.
1
+ /// Configured Options for the pkmn package.
2
2
  pub const options = @import("common/options.zig");
3
3
  /// Configures the behavior of the pkmn package.
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,10 @@ 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.
29
- pub const protocol = if (options.internal) struct {
30
- pub usingnamespace @import("common/protocol.zig");
31
- } else struct {
28
+ /// Namespace for helpers related to protocol message logging.
29
+ pub const protocol = if (options.internal) @import("common/protocol.zig") else struct {
32
30
  /// Logs protocol information to its `Writer` during a battle update when
33
- /// `options.trace` is enabled.
31
+ /// `options.log` is enabled.
34
32
  pub const Log = @import("common/protocol.zig").Log;
35
33
  /// Stripped down version of `std.io.FixedBufferStream` optimized for
36
34
  /// efficiently writing the individual protocol bytes. Note that the
@@ -41,14 +39,90 @@ pub const protocol = if (options.internal) struct {
41
39
  /// intialized with a `LOGS_SIZE`-sized buffer.
42
40
  pub const FixedLog = @import("common/protocol.zig").FixedLog;
43
41
  /// 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`.
42
+ /// `std.io.null_writer`. Ignores anything sent to it, though protocol
43
+ /// logging should additionally be turned off entirely with `options.log`.
46
44
  pub const NULL = @import("common/protocol.zig").NULL;
47
45
  };
48
46
 
49
- /// Namespace for Generation I Pokémon
47
+ pub usingnamespace @import("common/rational.zig");
48
+
49
+ /// Namespace for cross-generation battle-related types.
50
+ pub const battle = @import("common/battle.zig");
51
+
52
+ /// Namespace for Generation I Pokémon.
50
53
  pub const gen1 = struct {
51
54
  pub usingnamespace @import("gen1/data.zig");
55
+ /// Tracks chance actions and their associated probability during a
56
+ /// Generation I battle update when `options.chance` is enabled.
57
+ pub const Chance = @import("gen1/chance.zig").Chance;
58
+ /// Namespace for types associated with tracking Generation I Pokémon chance outcomes.
59
+ pub const chance = struct {
60
+ /// Actions taken by a hypothetical "chance player" that convey
61
+ /// information about which RNG events were observed during a Generation
62
+ /// I battle `update`. This can additionally be provided as input to the
63
+ /// `update` call via the `Calc` when `options.calc` is enabled to
64
+ /// override the normal behavior of the RNG in order to force specific
65
+ /// outcomes.
66
+ pub const Actions = @import("gen1/chance.zig").Actions;
67
+ /// Information about the RNG that was observed during a Generation I
68
+ /// battle `update` for a single player.
69
+ pub const Action = @import("gen1/chance.zig").Action;
70
+ /// TODO
71
+ pub const Durations = @import("gen1/chance.zig").Durations;
72
+ /// TODO
73
+ pub const Duration = @import("gen1/chance.zig").Duration;
74
+ /// Null object pattern implementation of Generation I `Chance` which
75
+ /// does nothing, though chance tracking should additionally be turned
76
+ /// off entirely via `options.chance`.
77
+ pub const NULL = @import("gen1/chance.zig").NULL;
78
+ };
79
+ /// Allows for forcing the value of specific RNG events during a Generation I battle `update`
80
+ /// via `overrides` and tracks `summaries` of information relevant to damage calculation.
81
+ pub const Calc = @import("gen1/calc.zig").Calc;
82
+ /// Namespace for types associated with supported Generation I Pokémon damage calc features.
83
+ pub const calc = if (options.internal) @import("gen1/calc.zig") else struct {
84
+ /// TODO
85
+ pub const Overrides = @import("gen1/calc.zig").Overrides;
86
+ /// Information relevant to damage calculation that occured during a Generation I
87
+ /// battle `update`.
88
+ pub const Summaries = @import("gen1/calc.zig").Summaries;
89
+ /// Information relevant to damage calculation that occured during a Generation I
90
+ /// battle `update` for a single player.
91
+ pub const Summary = @import("gen1/calc.zig").Summary;
92
+ /// Null object pattern implementation of Generation I `Calc` which does nothing,
93
+ /// though damage calculator support should additionally be turned off
94
+ /// entirely via `options.calc`.
95
+ pub const NULL = @import("gen1/calc.zig").NULL;
96
+ };
52
97
  /// Provides helpers for initializing Generation I Pokémon battles.
53
98
  pub const helpers = @import("gen1/helpers.zig");
54
99
  };
100
+
101
+ /// TODO
102
+ pub const gen2 = struct {
103
+ pub usingnamespace @import("gen2/data.zig");
104
+ pub const Chance = @import("gen2/chance.zig").Chance;
105
+ pub const chance = struct {
106
+ pub const Actions = @import("gen2/chance.zig").Actions;
107
+ pub const Action = @import("gen2/chance.zig").Action;
108
+ pub const Durations = @import("gen2/chance.zig").Durations;
109
+ pub const Duration = @import("gen2/chance.zig").Duration;
110
+ pub const NULL = @import("gen2/chance.zig").NULL;
111
+ };
112
+ pub const Calc = @import("gen2/calc.zig").Calc;
113
+ pub const calc = if (options.internal) @import("gen2/calc.zig") else struct {
114
+ pub const Overrides = @import("gen2/calc.zig").Overrides;
115
+ pub const Summaries = @import("gen2/calc.zig").Summaries;
116
+ pub const Summary = @import("gen2/calc.zig").Summary;
117
+ pub const NULL = @import("gen2/calc.zig").NULL;
118
+ };
119
+ pub const helpers = @import("gen2/helpers.zig");
120
+ };
121
+
122
+ // Internal APIs used by other pkmn libraries, not actually part of the public API.
123
+ // NOTE: `pub usingnamespace struct { ... }` here results in a (false?) dependency loop
124
+ pub const js = if (options.internal) @import("common/js.zig") else struct {};
125
+ pub const bindings = if (options.internal) struct {
126
+ pub const node = @import("node.zig");
127
+ pub const wasm = @import("wasm.zig");
128
+ } else struct {};
@@ -0,0 +1,13 @@
1
+ const std = @import("std");
2
+
3
+ const pkmn = @import("pkmn.zig");
4
+
5
+ export const SHOWDOWN = pkmn.options.showdown;
6
+ export const LOG = pkmn.options.log;
7
+ export const CHANCE = pkmn.options.chance;
8
+ export const CALC = pkmn.options.calc;
9
+
10
+ export const GEN1_CHOICES_SIZE =
11
+ std.math.ceilPowerOfTwo(u32, @as(u32, @intCast(pkmn.gen1.CHOICES_SIZE))) catch unreachable;
12
+ export const GEN1_LOGS_SIZE =
13
+ std.math.ceilPowerOfTwo(u32, @as(u32, @intCast(pkmn.gen1.LOGS_SIZE))) catch unreachable;
@@ -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>