@pkmn/engine 0.1.0-dev.84cc1a02 → 0.1.0-dev.942dbfa4
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.
- package/README.md +52 -24
- package/build/pkg/addon.d.ts +7 -0
- package/build/pkg/addon.js +111 -0
- package/build/pkg/addon.js.map +1 -0
- package/build/pkg/data/layout.json +1 -1
- package/build/pkg/data.d.ts +1 -2
- package/build/pkg/data.js +3 -5
- package/build/pkg/data.js.map +1 -1
- package/build/pkg/gen1.d.ts +5 -4
- package/build/pkg/gen1.js +43 -24
- package/build/pkg/gen1.js.map +1 -1
- package/build/pkg/index.d.ts +15 -12
- package/build/pkg/index.js.map +1 -1
- package/build/pkg/protocol.d.ts +4 -2
- package/build/pkg/protocol.js +4 -2
- package/build/pkg/protocol.js.map +1 -1
- package/build/test/display.js +400 -0
- package/build/test/display.js.map +1 -0
- package/build/tools/debug.js +133 -0
- package/build/tools/debug.js.map +1 -0
- package/build.zig +30 -39
- package/package.json +45 -34
- package/src/bin/install-pkmn-engine +47 -28
- package/src/bin/pkmn-debug +62 -0
- package/src/lib/binding/node.zig +7 -7
- package/src/lib/binding/wasm.zig +3 -3
- package/src/lib/common/data.zig +1 -1
- package/src/lib/common/debug.zig +1 -0
- package/src/lib/common/options.zig +3 -3
- package/src/lib/common/protocol.zig +140 -133
- package/src/lib/gen1/README.md +106 -70
- package/src/lib/gen1/data/moves.zig +10 -10
- package/src/lib/gen1/data/species.zig +2 -2
- package/src/lib/gen1/data/types.zig +2 -2
- package/src/lib/gen1/data.zig +32 -28
- package/src/lib/gen1/helpers.zig +6 -17
- package/src/lib/gen1/mechanics.zig +418 -325
- package/src/lib/gen2/data/items.zig +3 -3
- package/src/lib/gen2/data/moves.zig +1 -1
- package/src/lib/gen2/data/species.zig +1 -1
- package/src/lib/gen2/data/types.zig +3 -3
- package/src/lib/gen2/data.zig +12 -12
- package/src/lib/gen2/helpers.zig +3 -3
- package/src/lib/pkmn.zig +7 -7
- 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 (@
|
|
222
|
+
return if (@intFromEnum(item) <= 18) @enumFromInt(Type, @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 @
|
|
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 @
|
|
234
|
+
return @intFromEnum(item) > 60 and @intFromEnum(item) <= 70;
|
|
235
235
|
}
|
|
236
236
|
};
|
|
@@ -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 @
|
|
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[@
|
|
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[@
|
|
99
|
+
return PRECEDENCE[@intFromEnum(self)];
|
|
100
100
|
}
|
|
101
101
|
};
|
|
102
102
|
|
package/src/lib/gen2/data.zig
CHANGED
|
@@ -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
|
|
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
|
|
26
|
-
|
|
25
|
+
pub const CHOICES_SIZE = if (builtin.mode == .ReleaseSmall)
|
|
26
|
+
MAX_CHOICES
|
|
27
27
|
else
|
|
28
|
-
std.math.ceilPowerOfTwo(usize,
|
|
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,11 +50,11 @@ 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[@
|
|
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[@
|
|
57
|
+
return &self.sides[@intFromEnum(player.foe())];
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
pub inline fn active(self: *Self, player: Player) ID {
|
|
@@ -208,8 +208,8 @@ const DVs = packed struct {
|
|
|
208
208
|
const p = @intCast(u6, 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 >= @
|
|
212
|
-
return DVs{ .gender = g, .pow = p, .type = @
|
|
211
|
+
if (t >= @intFromEnum(Type.@"???")) t = t + 1;
|
|
212
|
+
return DVs{ .gender = g, .pow = p, .type = @enumFromInt(Type, t) };
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
comptime {
|
|
@@ -327,7 +327,7 @@ 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, @
|
|
330
|
+
const evs = @min(255, @intFromFloat(u16, @ceil(@sqrt(@floatFromInt(f32, exp)))));
|
|
331
331
|
const core: u32 = (2 *% (@as(u32, base) +% dv)) +% (evs / 4);
|
|
332
332
|
const factor: u32 = if (std.mem.eql(u8, stat, "hp")) level + 10 else 5;
|
|
333
333
|
return @intCast(T, core *% @as(u32, level) / 100 +% factor);
|
|
@@ -390,7 +390,7 @@ test Item {
|
|
|
390
390
|
pub const Move = moves.Move;
|
|
391
391
|
|
|
392
392
|
test Move {
|
|
393
|
-
try expectEqual(251, @
|
|
393
|
+
try expectEqual(251, @intFromEnum(Move.BeatUp));
|
|
394
394
|
const move = Move.get(.DynamicPunch);
|
|
395
395
|
try expectEqual(Move.Effect.ConfusionChance, move.effect);
|
|
396
396
|
try expectEqual(@as(u8, 50), move.accuracy);
|
|
@@ -400,7 +400,7 @@ test Move {
|
|
|
400
400
|
pub const Species = species.Species;
|
|
401
401
|
|
|
402
402
|
test Species {
|
|
403
|
-
try expectEqual(152, @
|
|
403
|
+
try expectEqual(152, @intFromEnum(Species.Chikorita));
|
|
404
404
|
try expectEqual(@as(u8, 100), Species.get(.Celebi).stats.spd);
|
|
405
405
|
}
|
|
406
406
|
|
|
@@ -409,7 +409,7 @@ pub const Types = types.Types;
|
|
|
409
409
|
pub const Effectiveness = gen1.Effectiveness;
|
|
410
410
|
|
|
411
411
|
test Types {
|
|
412
|
-
try expectEqual(13, @
|
|
412
|
+
try expectEqual(13, @intFromEnum(Type.Electric));
|
|
413
413
|
|
|
414
414
|
try expect(!Type.Steel.special());
|
|
415
415
|
try expect(Type.Dark.special());
|
package/src/lib/gen2/helpers.zig
CHANGED
|
@@ -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 = @
|
|
161
|
+
const s = @enumFromInt(Species, 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 = @
|
|
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,7 +184,7 @@ pub const Pokemon = struct {
|
|
|
184
184
|
for (0..n) |i| {
|
|
185
185
|
var m: Move = .None;
|
|
186
186
|
sample: while (true) {
|
|
187
|
-
m = @
|
|
187
|
+
m = @enumFromInt(Move, rand.range(u8, 1, 164 + 1));
|
|
188
188
|
for (0..i) |j| if (ms[j].id == m) continue :sample;
|
|
189
189
|
break;
|
|
190
190
|
}
|
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
|
|
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 `
|
|
10
|
-
pub const
|
|
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
|
|
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.
|
|
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
|
|
45
|
-
/// should
|
|
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>
|