@pkmn/engine 0.1.0-dev.7fe22fc0 → 0.1.0-dev.7feed58c

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 (86) hide show
  1. package/LICENSE +1 -3
  2. package/README.md +102 -63
  3. package/build/pkg/addon/browser.d.ts +3 -0
  4. package/build/pkg/addon/browser.js +47 -0
  5. package/build/pkg/addon/browser.js.map +1 -0
  6. package/build/pkg/addon/node.d.ts +3 -0
  7. package/build/pkg/addon/node.js +100 -0
  8. package/build/pkg/addon/node.js.map +1 -0
  9. package/build/pkg/addon/wasm.d.ts +2 -0
  10. package/build/pkg/addon/wasm.js +53 -0
  11. package/build/pkg/addon/wasm.js.map +1 -0
  12. package/build/pkg/addon.d.ts +25 -3
  13. package/build/pkg/addon.js +39 -70
  14. package/build/pkg/addon.js.map +1 -1
  15. package/build/pkg/data/ids.json +12 -12
  16. package/build/pkg/data/layout.json +40 -5
  17. package/build/pkg/data/protocol.json +84 -13
  18. package/build/pkg/data.d.ts +27 -5
  19. package/build/pkg/data.js.map +1 -1
  20. package/build/pkg/gen1.d.ts +17 -19
  21. package/build/pkg/gen1.js +49 -32
  22. package/build/pkg/gen1.js.map +1 -1
  23. package/build/pkg/index.d.ts +46 -93
  24. package/build/pkg/index.js +6 -63
  25. package/build/pkg/index.js.map +1 -1
  26. package/build/pkg/protocol.d.ts +24 -3
  27. package/build/pkg/protocol.js +127 -104
  28. package/build/pkg/protocol.js.map +1 -1
  29. package/build/tools/debug.js +36 -69
  30. package/build/tools/debug.js.map +1 -1
  31. package/build/tools/display/debug.jsx +141 -0
  32. package/build/tools/display/debug.jsx.map +1 -0
  33. package/build/tools/display/index.js +142 -0
  34. package/build/tools/display/index.js.map +1 -0
  35. package/build/tools/display/ui.jsx +349 -0
  36. package/build/tools/display/ui.jsx.map +1 -0
  37. package/build/tools/display/util.js +33 -0
  38. package/build/tools/display/util.js.map +1 -0
  39. package/build.zig +406 -139
  40. package/package.json +70 -122
  41. package/src/bin/install-pkmn-engine +41 -25
  42. package/src/bin/pkmn-debug +1 -1
  43. package/src/lib/bindings/c.zig +255 -0
  44. package/src/lib/bindings/node.zig +121 -0
  45. package/src/lib/bindings/wasm.zig +59 -0
  46. package/src/lib/common/array.zig +77 -0
  47. package/src/lib/common/battle.zig +17 -0
  48. package/src/lib/common/data.zig +19 -31
  49. package/src/lib/common/debug.zig +58 -18
  50. package/src/lib/common/js.zig +120 -0
  51. package/src/lib/common/optional.zig +71 -0
  52. package/src/lib/common/options.zig +15 -0
  53. package/src/lib/common/protocol.zig +912 -372
  54. package/src/lib/common/rational.zig +449 -0
  55. package/src/lib/common/rng.zig +31 -24
  56. package/src/lib/common/util.zig +61 -0
  57. package/src/lib/gen1/calc.zig +953 -0
  58. package/src/lib/gen1/chance.zig +1185 -0
  59. package/src/lib/gen1/data/moves.zig +203 -193
  60. package/src/lib/gen1/data/species.zig +6 -8
  61. package/src/lib/gen1/data/types.zig +11 -12
  62. package/src/lib/gen1/data.zig +96 -85
  63. package/src/lib/gen1/helpers.zig +141 -55
  64. package/src/lib/gen1/mechanics.zig +1216 -841
  65. package/src/lib/gen2/calc.zig +153 -0
  66. package/src/lib/gen2/chance.zig +902 -0
  67. package/src/lib/gen2/data/items.zig +15 -23
  68. package/src/lib/gen2/data/moves.zig +665 -573
  69. package/src/lib/gen2/data/species.zig +3 -5
  70. package/src/lib/gen2/data/types.zig +138 -36
  71. package/src/lib/gen2/data.zig +130 -95
  72. package/src/lib/gen2/generated.zig +801 -0
  73. package/src/lib/gen2/helpers.zig +59 -44
  74. package/src/lib/gen2/mechanics.zig +3582 -30
  75. package/src/lib/node.zig +18 -0
  76. package/src/lib/pkmn.zig +86 -5
  77. package/src/lib/wasm.zig +17 -0
  78. package/src/tools/display/dom.ts +96 -0
  79. package/src/tools/display/ui.css +354 -0
  80. package/build/test/display.js +0 -383
  81. package/build/test/display.js.map +0 -1
  82. package/src/lib/binding/node.zig +0 -229
  83. package/src/lib/binding/wasm.zig +0 -10
  84. package/src/lib/gen1/README.md +0 -801
  85. package/src/lib/gen2/README.md +0 -309
  86. package/src/test/display/pkmn.html.tmpl +0 -368
@@ -0,0 +1,18 @@
1
+ const js = @import("common/js.zig");
2
+ const node = @import("bindings/node.zig");
3
+ const std = @import("std");
4
+
5
+ const assert = std.debug.assert;
6
+
7
+ const c = @cImport({
8
+ @cDefine("NAPI_VERSION", "8");
9
+ @cInclude("node_api.h");
10
+ });
11
+
12
+ export fn napi_register_module_v1(env: c.napi_env, exports: c.napi_value) c.napi_value {
13
+ const properties = [_]c.napi_property_descriptor{
14
+ js.Property.init("engine", .{ .value = node.register(env) }),
15
+ };
16
+ assert(c.napi_define_properties(env, exports, properties.len, &properties) == c.napi_ok);
17
+ return exports;
18
+ }
package/src/lib/pkmn.zig CHANGED
@@ -1,4 +1,4 @@
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;
@@ -22,13 +22,16 @@ pub const Choice = @import("common/data.zig").Choice;
22
22
  /// considered terminal.
23
23
  pub const Result = @import("common/data.zig").Result;
24
24
 
25
+ // TODO
26
+ pub const Array = @import("common/array.zig").Array;
27
+ // TODO
28
+ pub const Optional = @import("common/optional.zig").Optional;
29
+
25
30
  /// Pokémon Showdown's RNG (backed by a Generation V & VI RNG).
26
31
  pub const PSRNG = @import("common/rng.zig").PSRNG;
27
32
 
28
33
  /// Namespace for helpers related to protocol message logging.
29
- pub const protocol = if (options.internal) struct {
30
- pub usingnamespace @import("common/protocol.zig");
31
- } else struct {
34
+ pub const protocol = if (options.internal) @import("common/protocol.zig") else struct {
32
35
  /// Logs protocol information to its `Writer` during a battle update when
33
36
  /// `options.log` is enabled.
34
37
  pub const Log = @import("common/protocol.zig").Log;
@@ -46,9 +49,87 @@ pub const protocol = if (options.internal) struct {
46
49
  pub const NULL = @import("common/protocol.zig").NULL;
47
50
  };
48
51
 
49
- /// Namespace for Generation I Pokémon
52
+ pub usingnamespace @import("common/rational.zig");
53
+
54
+ /// Namespace for cross-generation battle-related types.
55
+ pub const battle = @import("common/battle.zig");
56
+
57
+ /// Namespace for Generation I Pokémon.
50
58
  pub const gen1 = struct {
51
59
  pub usingnamespace @import("gen1/data.zig");
60
+ /// Tracks chance actions and their associated probability during a
61
+ /// Generation I battle update when `options.chance` is enabled.
62
+ pub const Chance = @import("gen1/chance.zig").Chance;
63
+ /// Namespace for types associated with tracking Generation I Pokémon chance outcomes.
64
+ pub const chance = struct {
65
+ /// Actions taken by a hypothetical "chance player" that convey
66
+ /// information about which RNG events were observed during a Generation
67
+ /// I battle `update`. This can additionally be provided as input to the
68
+ /// `update` call via the `Calc` when `options.calc` is enabled to
69
+ /// override the normal behavior of the RNG in order to force specific
70
+ /// outcomes.
71
+ pub const Actions = @import("gen1/chance.zig").Actions;
72
+ /// Information about the RNG that was observed during a Generation I
73
+ /// battle `update` for a single player.
74
+ pub const Action = @import("gen1/chance.zig").Action;
75
+ /// TODO
76
+ pub const Durations = @import("gen1/chance.zig").Durations;
77
+ /// TODO
78
+ pub const Duration = @import("gen1/chance.zig").Duration;
79
+ /// Null object pattern implementation of Generation I `Chance` which
80
+ /// does nothing, though chance tracking should additionally be turned
81
+ /// off entirely via `options.chance`.
82
+ pub const NULL = @import("gen1/chance.zig").NULL;
83
+ };
84
+ /// Allows for forcing the value of specific RNG events during a Generation I battle `update`
85
+ /// via `overrides` and tracks `summaries` of information relevant to damage calculation.
86
+ pub const Calc = @import("gen1/calc.zig").Calc;
87
+ /// Namespace for types associated with supported Generation I Pokémon damage calc features.
88
+ pub const calc = if (options.internal) @import("gen1/calc.zig") else struct {
89
+ /// Information relevant to damage calculation that occured during a Generation I
90
+ /// battle `update`.
91
+ pub const Summaries = @import("gen1/calc.zig").Summaries;
92
+ /// Information relevant to damage calculation that occured during a Generation I
93
+ /// battle `update` for a single player.
94
+ pub const Summary = @import("gen1/calc.zig").Summary;
95
+ /// Null object pattern implementation of Generation I `Calc` which does nothing,
96
+ /// though damage calculator support should additionally be turned off
97
+ /// entirely via `options.calc`.
98
+ pub const NULL = @import("gen1/calc.zig").NULL;
99
+ /// TODO
100
+ pub const MAX_FRONTIER = @import("gen1/calc.zig").MAX_FRONTIER;
101
+ /// TODO
102
+ pub const Rolls = @import("gen1/calc.zig").Rolls;
103
+ };
52
104
  /// Provides helpers for initializing Generation I Pokémon battles.
53
105
  pub const helpers = @import("gen1/helpers.zig");
54
106
  };
107
+
108
+ /// TODO
109
+ pub const gen2 = struct {
110
+ pub usingnamespace @import("gen2/data.zig");
111
+ pub const Chance = @import("gen2/chance.zig").Chance;
112
+ pub const chance = struct {
113
+ pub const Actions = @import("gen2/chance.zig").Actions;
114
+ pub const Action = @import("gen2/chance.zig").Action;
115
+ pub const Durations = @import("gen2/chance.zig").Durations;
116
+ pub const Duration = @import("gen2/chance.zig").Duration;
117
+ pub const NULL = @import("gen2/chance.zig").NULL;
118
+ };
119
+ pub const Calc = @import("gen2/calc.zig").Calc;
120
+ pub const calc = if (options.internal) @import("gen2/calc.zig") else struct {
121
+ pub const Summaries = @import("gen2/calc.zig").Summaries;
122
+ pub const Summary = @import("gen2/calc.zig").Summary;
123
+ pub const NULL = @import("gen2/calc.zig").NULL;
124
+ };
125
+ pub const helpers = @import("gen2/helpers.zig");
126
+ };
127
+
128
+ // Internal APIs used by other pkmn libraries, not actually part of the public API.
129
+ // NOTE: `pub usingnamespace struct { ... }` here results in a (false?) dependency loop
130
+ pub const js = if (options.internal) @import("common/js.zig") else {};
131
+ pub const bindings = if (options.internal) struct {
132
+ pub const c = @import("bindings/c.zig");
133
+ pub const node = @import("bindings/node.zig");
134
+ pub const wasm = @import("bindings/wasm.zig");
135
+ } else {};
@@ -0,0 +1,17 @@
1
+ const std = @import("std");
2
+ const wasm = @import("bindings/wasm.zig");
3
+
4
+ export const SHOWDOWN = wasm.options.showdown;
5
+ export const LOG = wasm.options.log;
6
+ export const CHANCE = wasm.options.chance;
7
+ export const CALC = wasm.options.calc;
8
+
9
+ export const GEN1_CHOICES_SIZE = wasm.gen(1).CHOICES_SIZE;
10
+ export const GEN1_LOGS_SIZE = wasm.gen(1).LOGS_SIZE;
11
+
12
+ const exportable = @hasDecl(std.zig, "Zir") and !@hasField(std.zig.Zir.Inst.Tag, "export_value");
13
+
14
+ usingnamespace if (exportable) struct {
15
+ export const GEN1_update = wasm.gen(1).update;
16
+ export const GEN1_choices = wasm.gen(1).choices;
17
+ } else wasm.exports();
@@ -0,0 +1,96 @@
1
+ /** @license MIT modified from Vadim Demedes's https://github.com/vadimdemedes/dom-chef */
2
+ type Attributes = JSX.IntrinsicElements['div'];
3
+ type DocumentFragmentConstructor = typeof DocumentFragment;
4
+ type ElementFunction = (props?: any) => HTMLElement;
5
+
6
+ declare global {
7
+ namespace JSX {
8
+ interface Element extends HTMLElement, DocumentFragment {
9
+ addEventListener: HTMLElement['addEventListener'];
10
+ removeEventListener: HTMLElement['removeEventListener'];
11
+ className: HTMLElement['className'];
12
+ }
13
+ }
14
+ }
15
+
16
+ interface JSXElementClassDocumentFragment extends DocumentFragment, JSX.ElementClass { }
17
+ interface Fragment {
18
+ prototype: JSXElementClassDocumentFragment;
19
+ new(): JSXElementClassDocumentFragment;
20
+ }
21
+
22
+ // https://github.com/preactjs/preact/blob/1bbd687c/src/constants.js#L3
23
+ const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
24
+
25
+ const isFragment = (type: DocumentFragmentConstructor | ElementFunction):
26
+ type is DocumentFragmentConstructor => type === DocumentFragment;
27
+
28
+ const setCSSProps = (element: HTMLElement, style: CSSStyleDeclaration) => {
29
+ for (const [name, value] of Object.entries(style)) {
30
+ if (name.startsWith('-')) {
31
+ element.style.setProperty(name, value);
32
+ } else if (typeof value === 'number' && !IS_NON_DIMENSIONAL.test(name)) {
33
+ element.style[name as any] = `${value as string}px`;
34
+ } else {
35
+ element.style[name as any] = value;
36
+ }
37
+ }
38
+ };
39
+
40
+ const setAttribute = (element: HTMLElement, name: string, value: string) => {
41
+ if (value !== undefined && value !== null) element.setAttribute(name, value);
42
+ };
43
+
44
+ const addChildren = (parent: Element | DocumentFragment, children: Node[]) => {
45
+ for (const child of children) {
46
+ if (child instanceof Node) {
47
+ parent.appendChild(child);
48
+ } else if (Array.isArray(child)) {
49
+ addChildren(parent, child);
50
+ } else if (typeof child !== 'boolean' && typeof child !== 'undefined' && child !== null) {
51
+ parent.appendChild(document.createTextNode(child));
52
+ }
53
+ }
54
+ };
55
+
56
+ // https://github.com/facebook/react/blob/3f899089/packages/react-dom/src/shared/DOMProperty.js#L288-L322
57
+ const FALSIFIABLE_ATTRIBUTES = ['contentEditable', 'draggable', 'spellCheck', 'value'];
58
+
59
+ export const h = (
60
+ type: DocumentFragmentConstructor | ElementFunction | string,
61
+ attributes?: Attributes,
62
+ ...children: Node[]
63
+ ) => {
64
+ if (typeof type !== 'string') {
65
+ const element = isFragment(type) ? document.createDocumentFragment() : type(attributes);
66
+ addChildren(element, children);
67
+ return element;
68
+ }
69
+
70
+ const element = document.createElement(type);
71
+ addChildren(element, children);
72
+ if (!attributes) return element;
73
+
74
+ for (let [name, value] of Object.entries(attributes)) {
75
+ if (name === 'htmlFor') name = 'for';
76
+
77
+ if (name === 'class' || name === 'className') {
78
+ const existingClassname = element.getAttribute('class') ?? '';
79
+ setAttribute(element, 'class', (existingClassname + ' ' + String(value)).trim());
80
+ } else if (name === 'style') {
81
+ setCSSProps(element, value);
82
+ } else if (name.startsWith('on')) {
83
+ const eventName = name.slice(2).toLowerCase().replace(/^-/, '');
84
+ element.addEventListener(eventName, value);
85
+ } else if (name === 'dangerouslySetInnerHTML' && '__html' in value) {
86
+ element.innerHTML = value.__html;
87
+ } else if (name !== 'key' && (FALSIFIABLE_ATTRIBUTES.includes(name) || value !== false)) {
88
+ setAttribute(element, name, value === true ? '' : value);
89
+ }
90
+ }
91
+
92
+ return element;
93
+ };
94
+
95
+ export const Fragment =
96
+ (typeof DocumentFragment === 'function' ? DocumentFragment : () => {}) as Fragment;
@@ -0,0 +1,354 @@
1
+ body {
2
+ background: white;
3
+ color: black;
4
+ }
5
+ code {
6
+ background: white;
7
+ color: black;
8
+ }
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
+ --radius: 10px;
17
+ }
18
+ details > summary {
19
+ list-style: none;
20
+ }
21
+ details > summary::-webkit-details-marker {
22
+ display: none;
23
+ }
24
+ .battle > .details {
25
+ background: #eee;
26
+ border-bottom: 3px solid black;
27
+ border-radius: var(--radius) var(--radius) 0 0;
28
+ padding: 0 1em;
29
+ display: flex;
30
+ justify-content: space-between;
31
+ }
32
+ .inner {
33
+ display: flex;
34
+ justify-content: center;
35
+ flex-direction: column;
36
+ }
37
+ .side > .details {
38
+ padding: 0.5em 1em;
39
+ display: flex;
40
+ justify-content: space-between;
41
+ text-align: center;
42
+ flex: 0 1 auto;
43
+ }
44
+ .active {
45
+ flex: 1 1 auto;
46
+ }
47
+ details {
48
+ flex: 0 1 auto;
49
+ }
50
+ .sides {
51
+ display: flex;
52
+ }
53
+ .side {
54
+ flex: 1;
55
+ display: flex;
56
+ flex-flow: column;
57
+ }
58
+ .side.p1 {
59
+ border-right: 1px solid black;
60
+ }
61
+ .battle {
62
+ border: 3px solid black;
63
+ border-radius: var(--radius);
64
+ }
65
+ summary {
66
+ border-top: 1px solid #eee;
67
+ text-align: center;
68
+ padding: 0.25em;
69
+ }
70
+ .good {
71
+ color: green;
72
+ }
73
+ .bad {
74
+ color: red;
75
+ }
76
+ .pokemon {
77
+ position: relative;
78
+ padding: 0.5em 1em;
79
+ border-top: 1px solid black;
80
+ display: flex;
81
+ }
82
+ .active > .pokemon {
83
+ border-top: 1px solid #eee;
84
+ }
85
+ table {
86
+ border-collapse: collapse;
87
+ border-style: hidden;
88
+ border-spacing: 0px;
89
+ line-height: 1.5em;
90
+ }
91
+ th, td {
92
+ border: 1px solid black;
93
+ padding: 0 0.5em;
94
+ }
95
+ .statbar {
96
+ display: none;
97
+ width: calc(var(--hp-bar) + var(--hp-text));
98
+ padding: 2px 0;
99
+ line-height: normal;
100
+ }
101
+ .statbar .name {
102
+ display: block;
103
+ text-align: center;
104
+ line-height: 1.25em;
105
+ }
106
+ .statbar strong {
107
+ color: #222222;
108
+ text-shadow:
109
+ #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0,
110
+ #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
111
+ }
112
+ .statbar strong small {
113
+ font-weight: normal;
114
+ }
115
+ .statbar .hpbar {
116
+ position: relative;
117
+ border: 1px solid #777777;
118
+ background: #FCFEFF;
119
+ padding: 1px;
120
+ height: 8px;
121
+ margin: 0 0 0 0;
122
+ width: calc(var(--hp-bar) + var(--hp-text) + 1px);
123
+ border-radius: 4px;
124
+ }
125
+ .statbar .hpbar .hp {
126
+ height: 4px;
127
+ border-top: 2px solid #00dd60;
128
+ background: #00bb51;
129
+ border-bottom: 2px solid #007734;
130
+ border-right: 1px solid #007734;
131
+ border-radius: 3px;
132
+ }
133
+ .statbar .hpbar .hp-yellow {
134
+ border-top-color: #f8e379;
135
+ background-color: #f5d538;
136
+ border-bottom-color: #be9f0a;
137
+ border-right-color: #be9f0a;
138
+ }
139
+ .statbar .hpbar .hp-red {
140
+ border-top-color: #f37f67;
141
+ background-color: #ee4928;
142
+ border-bottom-color: #a3260d;
143
+ border-right-color: #a3260d;
144
+ }
145
+ .statbar .hpbar .prevhp {
146
+ background: #BBEECC;
147
+ height: 8px;
148
+ border-radius: 3px;
149
+ }
150
+ .statbar .hpbar .prevhp-yellow {
151
+ background-color: #fcf4ca;
152
+ }
153
+ .statbar .hpbar .prevhp-red {
154
+ background-color: #facec5;
155
+ }
156
+ .statbar .hpbar .hptext {
157
+ position: absolute;
158
+ background: #777777;
159
+ color: #EEEEEE;
160
+ text-shadow: #000000 0 1px 0;
161
+ font-size: 10px;
162
+ width: 32px;
163
+ height: 12px;
164
+ top: -1px;
165
+ text-align: center;
166
+ }
167
+ .status, .volatile {
168
+ padding: 0px 1px;
169
+ border: 1px solid #FF4400;
170
+ border-radius: 3px;
171
+ }
172
+ .status {
173
+ min-height: 10px;
174
+ font-size: 7pt;
175
+ vertical-align: middle;
176
+ padding: 1px 2px;
177
+ border: 0;
178
+ border-radius: 3px;
179
+ text-transform: uppercase;
180
+ margin: 0 2px;
181
+ }
182
+ .status.brn {
183
+ background: #EE5533;
184
+ color: #FFFFFF;
185
+ }
186
+ .status.psn {
187
+ background: #A4009A;
188
+ color: #FFFFFF;
189
+ }
190
+ .status.par {
191
+ background: #9AA400;
192
+ color: #FFFFFF;
193
+ }
194
+ .status.slp {
195
+ background: #AA77AA;
196
+ color: #FFFFFF;
197
+ }
198
+ .status.frz {
199
+ background: #009AA4;
200
+ color: #FFFFFF;
201
+ }
202
+ .volatile {
203
+ display: inline-block;
204
+ padding: 0 5px;
205
+ margin: 2px
206
+ }
207
+ .volatile.bad {
208
+ background: #FFE5E0;
209
+ color: #FF4400;
210
+ border-color: #FF4400;
211
+ }
212
+ .volatile.good {
213
+ background: #E5FFE0;
214
+ color: #33AA00;
215
+ border-color: #33AA00;
216
+ }
217
+ .volatile.neutral {
218
+ background: #F0F0F0;
219
+ color: #555555;
220
+ border-color: #555555;
221
+ }
222
+ .rstatbar .hpbar .hptext {
223
+ right: 0px;
224
+ border-radius: 0 4px 4px 0;
225
+ }
226
+ .moves ul {
227
+ display: grid;
228
+ grid-template-columns: repeat(2, auto);
229
+ gap: 0 2em;
230
+ }
231
+ .left {
232
+ padding-right: 32px;
233
+ display: flex;
234
+ flex-direction: column;
235
+ align-items: center;
236
+ }
237
+ .stats {
238
+ display: flex;
239
+ padding: 0 1em;
240
+ justify-content: space-between;
241
+ text-align: center;
242
+ width: 100%;
243
+ }
244
+ .boosts {
245
+ margin: 0 5px;
246
+ }
247
+ .types {
248
+ display: inherit;
249
+ }
250
+ .disabled {
251
+ color: #AAAAAA;
252
+ }
253
+ .position {
254
+ position: absolute;
255
+ right: 10px;
256
+ color: #AAAAAA;
257
+ }
258
+ .left .position {
259
+ display: none;
260
+ }
261
+ .right .position {
262
+ display: block;
263
+ }
264
+ .teamicons {
265
+ display: inline-block;
266
+ }
267
+ @media(max-width: 1300px) {
268
+ #content {
269
+ font-size: 0.85em;
270
+ max-width: 95%;
271
+ margin: 2em auto;
272
+ }
273
+ }
274
+ @media(max-width: 1200px) {
275
+ .moves ul {
276
+ grid-template-columns: repeat(1, auto);
277
+ }
278
+ }
279
+ @media(max-width: 1100px) {
280
+ .pokemon {
281
+ flex-direction: column;
282
+ }
283
+ .stats {
284
+ justify-content: center;
285
+ padding: 0;
286
+ }
287
+ .moves ul {
288
+ grid-template-columns: repeat(2, auto);
289
+ }
290
+ .left {
291
+ padding-right: 0;
292
+ }
293
+ .right {
294
+ padding-top: 1em;
295
+ }
296
+ .volatiles {
297
+ display: flex;
298
+ justify-content: center;
299
+ flex-wrap: wrap;
300
+ }
301
+ .left .position {
302
+ display: block;
303
+ }
304
+ .right .position {
305
+ display: none;
306
+ }
307
+ }
308
+ @media(max-width: 800px) {
309
+ .moves {
310
+ display: flex;
311
+ justify-content: center;
312
+ }
313
+ .moves ul {
314
+ display: inline-block;
315
+ padding: 0;
316
+ }
317
+ }
318
+ @media(max-width: 680px) {
319
+ .stats {
320
+ flex-direction: column;
321
+ padding: 0;
322
+ }
323
+ .boosts {
324
+ display: flex;
325
+ justify-content: space-between;
326
+ margin: 0.5em 0 0 0;
327
+ }
328
+ }
329
+ @media(max-width: 550px) {
330
+ #content {
331
+ font-size: 0.65em;
332
+ max-width: 95%;
333
+ margin: 1em auto;
334
+ --hp-bar: 101px;
335
+ }
336
+ }
337
+ @media(max-width: 425px) {
338
+ .stats {
339
+ font-size: 0.9em;
340
+ }
341
+ }
342
+ h1 {
343
+ text-align: center;
344
+ }
345
+ .error {
346
+ overflow: auto;
347
+ scrollbar-width: none;
348
+ padding: 10px 20px;
349
+ border: 3px solid #DD4422;
350
+ background: #FFF8F2;
351
+ }
352
+ .error::-webkit-scrollbar {
353
+ display: none;
354
+ }