From 6d77fb731e922e9b472853006f3aa196e9ed34fa Mon Sep 17 00:00:00 2001
From: Julian Tabel <juliantabel.jt@gmail.com>
Date: Sat, 7 Feb 2026 21:12:45 +0100
Subject: [PATCH] Use type PNG badges instead of colored text spans

Replace inline typeColors maps in PokemonCard and StatusChangeModal
with a shared TypeBadge component that renders the type icon PNGs
from /types/{type}.png.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 ...e-dupes-clause-multi-encounter-per-rout.md |   4 +--
 frontend/public/types/bug.png                 | Bin 0 -> 1986 bytes
 frontend/public/types/dark.png                | Bin 0 -> 1946 bytes
 frontend/public/types/dragon.png              | Bin 0 -> 2820 bytes
 frontend/public/types/electric.png            | Bin 0 -> 1956 bytes
 frontend/public/types/fairy.png               | Bin 0 -> 1454 bytes
 frontend/public/types/fighting.png            | Bin 0 -> 2011 bytes
 frontend/public/types/fire.png                | Bin 0 -> 1455 bytes
 frontend/public/types/flying.png              | Bin 0 -> 1657 bytes
 frontend/public/types/ghost.png               | Bin 0 -> 2203 bytes
 frontend/public/types/grass.png               | Bin 0 -> 2399 bytes
 frontend/public/types/ground.png              | Bin 0 -> 2893 bytes
 frontend/public/types/ice.png                 | Bin 0 -> 1456 bytes
 frontend/public/types/normal.png              | Bin 0 -> 2233 bytes
 frontend/public/types/poison.png              | Bin 0 -> 2039 bytes
 frontend/public/types/psychic.png             | Bin 0 -> 2040 bytes
 frontend/public/types/rock.png                | Bin 0 -> 1910 bytes
 frontend/public/types/steel.png               | Bin 0 -> 1744 bytes
 frontend/public/types/water.png               | Bin 0 -> 2315 bytes
 frontend/src/components/PokemonCard.tsx       |  29 ++----------------
 frontend/src/components/StatusChangeModal.tsx |  29 ++----------------
 frontend/src/components/TypeBadge.tsx         |  15 +++++++++
 frontend/src/components/index.ts              |   1 +
 23 files changed, 22 insertions(+), 56 deletions(-)
 create mode 100644 frontend/public/types/bug.png
 create mode 100644 frontend/public/types/dark.png
 create mode 100644 frontend/public/types/dragon.png
 create mode 100644 frontend/public/types/electric.png
 create mode 100644 frontend/public/types/fairy.png
 create mode 100644 frontend/public/types/fighting.png
 create mode 100644 frontend/public/types/fire.png
 create mode 100644 frontend/public/types/flying.png
 create mode 100644 frontend/public/types/ghost.png
 create mode 100644 frontend/public/types/grass.png
 create mode 100644 frontend/public/types/ground.png
 create mode 100644 frontend/public/types/ice.png
 create mode 100644 frontend/public/types/normal.png
 create mode 100644 frontend/public/types/poison.png
 create mode 100644 frontend/public/types/psychic.png
 create mode 100644 frontend/public/types/rock.png
 create mode 100644 frontend/public/types/steel.png
 create mode 100644 frontend/public/types/water.png
 create mode 100644 frontend/src/components/TypeBadge.tsx

diff --git a/.beans/nuzlocke-tracker-rkyc--shiny-clause-dupes-clause-multi-encounter-per-rout.md b/.beans/nuzlocke-tracker-rkyc--shiny-clause-dupes-clause-multi-encounter-per-rout.md
index a1f6a20..93d888d 100644
--- a/.beans/nuzlocke-tracker-rkyc--shiny-clause-dupes-clause-multi-encounter-per-rout.md
+++ b/.beans/nuzlocke-tracker-rkyc--shiny-clause-dupes-clause-multi-encounter-per-rout.md
@@ -1,11 +1,11 @@
 ---
 # nuzlocke-tracker-rkyc
 title: Dupes Clause & Shiny Clause enforcement
-status: todo
+status: completed
 type: feature
 priority: low
 created_at: 2026-02-05T12:25:19Z
-updated_at: 2026-02-07T19:52:42Z
+updated_at: 2026-02-07T20:11:59Z
 ---
 
 Implement active enforcement for Dupes Clause and Shiny Clause in the encounter flow.
diff --git a/frontend/public/types/bug.png b/frontend/public/types/bug.png
new file mode 100644
index 0000000000000000000000000000000000000000..b883c67067c04c6ae972f030e27ad23b746c254c
GIT binary patch
literal 1986
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
UOvK$CO#lD@07*qoM6N<$f+|v)eE<Le

literal 0
HcmV?d00001

diff --git a/frontend/public/types/dark.png b/frontend/public/types/dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd811eacfc88cce9074e134b72315db0c3245302
GIT binary patch
literal 1946
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

literal 0
HcmV?d00001

diff --git a/frontend/public/types/dragon.png b/frontend/public/types/dragon.png
new file mode 100644
index 0000000000000000000000000000000000000000..82f6ae5425305037437188a72ac34a3bc25d0cac
GIT binary patch
literal 2820
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
WZQ#12KSVD80000<MNUMnLSTX<oGW_(

literal 0
HcmV?d00001

diff --git a/frontend/public/types/electric.png b/frontend/public/types/electric.png
new file mode 100644
index 0000000000000000000000000000000000000000..2bc9f0f7507b186e1455aac64f1b436c61d0fb76
GIT binary patch
literal 1956
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

literal 0
HcmV?d00001

diff --git a/frontend/public/types/fairy.png b/frontend/public/types/fairy.png
new file mode 100644
index 0000000000000000000000000000000000000000..c17f15d43ad0bfcfa98ebd00a3884ced7ca70daf
GIT binary patch
literal 1454
zcmV;f1yTBmP)<h;3K|Lk000e1NJLTq0058x001Be1^@s6{fzO=00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D1w%<hK~#8N?VRb3
z8$}d_=LPbEx8Pk6@4&l7>`F2-KoTJkL<Ay8M1)wx7B&GP1i~tW0C#gg<1;xa-`*U%
zTPA&^FK$=ey5)2qS66k-%mJz|)Q?r?tLydox<27(X67!{)71%!rxr)`<Ml&uP@StD
zt&bz9BuO$ea}US$!w1!Ib*sL<d@~zpW)Rg;_3Xi#ab68R41Nw40s1TWKEP<yKNlnk
z?|~R%X+v9bAaauXtKj7zYdf<SREO2=bpvt1yYyS|W{@OZLLD((x)x;ZXZD883?wm%
zlu0S;D@MAq{mfo*e+K$Ja1(G$SzpZt+ItSx3cm=dV2G})7$W+hud@HCD8EP|i`^z!
zpKWA0Ad7`8c8jbV=>1@*ff#j$j68@w=&S61DmdByBuIY*9|dJQ76hVgQQ*qTTvr1b
zfMe;~z;lW(1Bp>xZ6S-_BI^cX0zA|}n}|NzCgNkm$sTH;%Yo~?!0R1XR#pnL$ONv^
zq`dz#kkm$a><(Br(1l>Afmo))5YY#HmHkfzC)<tl^$LwHH-onWZ}Vy3x*d4E<I2h~
z47fBBdHKhI=jFXrjy~YAJ7C>Fz{%<>-2d7N|0Z;aKC-^2f|KnA>T?0~s6x-n5MPR{
zovSSK(Wbm*soZrjpgpfH#X9P1N8|>2CFm=L_2*Y`+*kCG^*t4w?4bsd7@;H#K;603
zYZ;5mGB*miROX|QR<FED+2{l6Ye(b;f^PynJubxwdpCF~I4q!yIzOo{a*{jib4obb
znSq+{#~nOzmzr*4uCk0a7!DZ8CC^pPw~CzA#h4RN#x+oz5ok6LC+U|U6SMvof+vE~
zK$KDED+3of$({8%C443~kmf*q^M%X<KIdcGMz{UHgDk(REOP^KEHTGYEa&v|K=Lmr
z<%%1bb^}4vljTo>rV)s`OypADtj{UoGr56;R2oR5GpjS&f3SS_pR(1ZD=RC-{ECsy
zbNEQ-D&t0^+d%L}kgc*9O?Z~W@CqDfqZVz+;W@KDr-aYc*FZke{Vbrp-(s>6!IhPj
z!jRrx+zMR0&*Da++d!uSe!y(#GTlX6a*#`Tvp%PU&*a9@=gh!N5?_oLS4ckv+;Tj>
zD=YI`7sq9LaVc=|K8qWPek0J3{jnyI!*gbRP6?l>uYp|5^@NKN$@9C)GR=Y9L}h!&
zmDP_(KLc$`o-^xnYM9SRD)Y|_%<=l@oj?;~a4ENhad_{yL6v2=vicF}Hjv-%?^k-V
z3R$01)5kz;SM<@3!B7Kn+mcw#HQk<ES^bD?$3R-<cIp3MpgV!Y!_aaS%7vFO#1I34
zZ%s5!kX>2*h-_{kH%-%VseLyP6J<9DhIwZ7Dt-v0w}PPtDmO>7CAzDu8<~D{AmHK)
zl}Rd>+S-V$&#CD$5DNiqG;@nO6O;z>4OW);Lk$Exz?Awv5}1ho1}e!6BV~pu$@-j{
zE(7^Wi+w*fGu=G!dLZ#LQkxjaC)3F5z*W|bOtXQy&_<sB=Q&2&?3+2Ex>D8E)!<SL
zVeHt;a7k<{(Po+JT5vgXv5CD&o-MJtfxZin|7Hcph&qp*xoen`EVhj-2V}7$u(^Sl
z=&@g;pG^UdDWlF~XYz{<S!^3w4#;9hU^4^h2bpdJWgTV6jWv^BbjV`c$Z|jyyJMEW
zSQ!7@$SPam0T&a*>_Jys-GfYa(IJa%Bg+9<?2cLfYI7Lqk*u<lw!NCRx(Ai)qC*zj
zMwSDz*j>XPSD632%S<1tv$5(67H1Z}F3v8VjDhD=by%JH7ktJmO#*YMH2?qr07*qo
IM6N<$g1Q8;E&u=k

literal 0
HcmV?d00001

diff --git a/frontend/public/types/fighting.png b/frontend/public/types/fighting.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce061d1cf1371eb65601d1559f719cdb0565c9c1
GIT binary patch
literal 2011
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

literal 0
HcmV?d00001

diff --git a/frontend/public/types/fire.png b/frontend/public/types/fire.png
new file mode 100644
index 0000000000000000000000000000000000000000..4871842199007c415aee0cfee6f76c4055ed8b9b
GIT binary patch
literal 1455
zcmV;g1yK5lP)<h;3K|Lk000e1NJLTq0058x001Be1^@s6{fzO=00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D1w=_iK~#8N?VRmz
z6jc<5_m5Eg1BgPqwPNrkk!bv+AJhb2J{a3{w=ZZzYs8>2fhq|IiBY3bD<6dTQZ+_X
z>Pz|s(-<%j#h?(Af~6QrjR6cGC>97a$8+Z1vwLRd?Cx~2*}cR3k|(=6J9F>c*{5gj
z%r4~o{`N(LSIqz67xNGWx^K+LDB*WrcN{tved>2!dq<Aq_vG*Ki>>%(+x+NSs^WK}
zcs<xrZ@YPJQQOFH4zG~+82p@<<h)|bbX@}NcoTvg{J}im(q#l9aeCSe!E=-;6DT!E
zfxJTNXpZEmy8^L99C}??V&%EX$YW94$Z(FZKzZ-V1R|&c$!y=836x?MUZB}&D@}F^
zOCt*}5XN7%9Q?kUjYPH@scmF9M@%4Xr4YR>I#g8#S6F34F8&M9w=9m<wo7QofZ#u*
zC|VnYwl3m#V5LT&vpo#mN{QeX>iC0SAg)ZH@5ik*B54(<R_FqPg^;PWJ#Qza`Rh-B
zx$|}fCGWo!-nRx)zd+xP+0jHoQe^^_lVp3E2B0{l3Y2<*MqdFqd&-U`lHsS*FVJt3
zW$42v?0v9A0`WF7BPfMdfu?_n<Fr5|Po>OGm4%^7M5i+rN^9FC=H|-C<H6EMWO#cH
ziNov3`)G#`r~=V^M<cXv4P<@-ZCe`*s$#~s8(BykhK17Fb_p4IOr$uBOmurGkX-lF
zalHa5ljs1sZw;ijK&$Y>CtmI|1FDvhO{SD{<iXO~c8N+A2tV-H)sqZw&zaf>FmRjU
z^?th$a~cKWFD>agrx&+H{2uy_u}o;+8c1@1PR`m9VP+0uHCkt1h)jGOF3S|28)$92
zgp8a69X*7V_r3ZAqUW5QBe<R-&@nvLk`Fc-spP&jkYobw`O1z4Lm~~W1bFc=yFldR
zv2X>Va23+pc8O})yE9ycWRh%88F~=cQv{0Ui($tE+W4s5bDJ@&Fe|SCSpR@spd@;Q
zL9ey8U7}i0pu`nO3!TbXp418SHI`NmP44)V)_)5Q^n`sQLB`$!SaY}DhYM7h1I3Wx
z?PcVti%)5l1hR7=#wVPb10DX^js!FQPFNtCG$)OB8Q_J7^*&rcMiD6SDU5}Y5>=@{
z(aCcl5XmI>t%1}QNah)=Af<zc10{Z%ux}>Fu2F1L9H;=L&t}BO{U^>~71rLD$V8XT
z;G~<z{q6?407J{VTFab0UFwg8i4y9sf#?Di&7<FcyBQ$m#0<dd<uQT$CvHtH(cfpV
zT`3O{>AP9^zXf{oPP+he=>ov;+7t;SxnOT-O@1fj5fx~@5@iD6YdiMO-?j@elY5g3
z<kTGK_bD^L-Jc10!UB~@B2h>lLg}*^SqOoiy%*s8IkWs9d>nenEEfX7(O=_i+fr_~
z!PFLL;-g@Eu;)vZq=rC5HHorQSXdxp|1PuqBA&)}j{!W67bj96Elvrv+1>{_vL6LW
zAkb>O!l;yN5*-(4!y{%nw?DALErDwOq?PU>@B0Se9F|!AUMsk>EDnN%-iv;nLAiVh
zFXO31)A?JX^yw;{H<-t*>v2-N&JbP4abiDdO(f8!4kHjf)+^ACHvrb$h3lkPpsRrT
z1Y(J(5+xBR`c(!A6%&V1`pjrr>KBM0i9UI?x<JwDL$8DNHF*f7&y1!eCXiQXIg(f)
zhD3^r^W1#^hkmryU|1YRm4{IJ%xGG|0?|Kh?#|yoZ-EFY&+|Ar{t&MWUK<GiHaN7t
zCJ&+XnbEXJfuPW~G{JxGqBoRrb>a^$25)fjR(R_AWw~4~_a8?}^mTkdK6wBD002ov
JPDHLkV1fYsr;Y#s

literal 0
HcmV?d00001

diff --git a/frontend/public/types/flying.png b/frontend/public/types/flying.png
new file mode 100644
index 0000000000000000000000000000000000000000..818991dd207e2d10d9ae9f151899f0c30de3fc0d
GIT binary patch
literal 1657
zcmV-<28Q{GP)<h;3K|Lk000e1NJLTq0058x001Be1^@s6{fzO=00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D1`bI?K~#8N?VM{<
z6h{<>`2$wvQ+`7}=2zsC|14E8tOzDWlF}qaf>v2tsaz_Fxq<A0sPTp%@rt4l6#;Jx
zJDu|~b9P^vGt3Mwv$LCds~%^zr~B+|&pW4kdKdc!$AfplK&|oc$YkJlP;(_EP5S2o
z*FW1BIyCFv?}PfQ!3UM<{u^Z=2CHr-8JM&gl4BNDj9!NOq;lT9*H@`F=JPhtsq4<w
z7Q%h2ZYSXmVl49jD@HHFeR8-KoDc&AE)N62FbmJ!HkAhIKDbZBK+F4TpdW8KH~%DZ
zi>ERJbtitmw9P=Do_Frczjrr{3YkcUGb>gn@jFPd%mb_#y^P;4Z)Kp7%g+6J%ei}E
zh}F7tn~_11ggH>r4fN53+!WK!eK!|!`bK0JDK8DwqR*<t3{7ok^qO<mmz}HE>n;d_
z$P&qdxxf#Sp{)1Gn<OEV`t`WuFa)dauI!ADzCu5#e!m@-v9vBSGP)8B%4<gJs8AQL
z^#)XMQ{vdlE4en((VGqD*4~6=mmjs_w3|!@8oA=!GdaOm8_}o9pdy(EBq_;2pI?j$
zMYvF>XST;jUvWQuA@$Q3Xl5z9fl!vDm6xqp?Ig8<zLNRP9l6u83U>qUiXxc@s5azI
zeYD;J^EZ%WATa$fIv~RSQRyeN!S>4I=zwVIL8~8GdM<1r@U56Ht${4_ypZVxOpPq0
z>bQZ>3475^xfsX9d{*pEqFR0J+_21bl(>43Z=kPb4yeKfJ0@8MZLnRJ*U*Z@$IX|;
zKucoeGzQ{f6v8pQ7anM|9Wo<^*p3<q={KvMO4d0uD;MR0a}^_Qr%^qXj{R`FMO;0|
zHxS?_&WU?r8*Eh<7F*^?YasBwOx%+U#7bHg`BUa#R{7hK%0QR^rWJ;(vr->(gd@@x
z<^e?=!eF35IZq|79%LB^cRb5)gNKg27)Y~_e;#TeKl|vAruFlpWgzJci=&bbpGz8!
z)24h_jJelj@`sc@ByE(@tIl1Oxd4XZ2dmN{Rp&k)3%3fNOrA6vL6gO2u8Gcpv>uDw
zD=-B=Z7siuc0?RUVQCpmA*ZoL?f&+CHL7Ys`Vp@&EUEY@OO52C$J<S!fp7=aX)@*u
zLlx5PDH&^#c_!t~xGfiAO-zMm%BYy@6L}vtPf-lSKv@lRoU#y4T#sMcS)Zk4Y#?ME
z-3M_7!kkNm{?}NRd4L{oH;D%Ni^lUbV$*;nxg(K{eB&s5GI?T|2S8a31a43kg5uU*
zSX$;Ah_leSC=037Kr9TS8VhE@nvkzI@-z&zUb{#%&~C$*B{t8DbgB+#mU#f5OrA*M
zY%*}Jg<p^59|LM2tW>j3$nb5|XK9&lAkIR_@ZU%*Ro55@or1^Ftb%bc@4@^>%~RA2
z)J_8dmQ@$9w9GP)W+4dusY)}1>8i8><!YdQTv*wTXL$NrTnpzwY#PQg58#u@6CSpT
zXdul(zV<SShW6h;27Hpf?#qWBzZ)%*$p^yX)v$0zQu)QjaBIaZ3Rr<wtm6vHx;Sxl
zxtw8X49yY{*TrhMFEvoyW4r~lA?5)bza8vqAWoCM@VKgAoPI4Q2mSjp#EMrWy1_u;
z@p^P1k{Sr@ScswVe4yM7^x1Uy##x2zW5p{Pdod6$l22S+E@xPJfe}aL*T-r;iw$Ib
zmBBxi(YX+myMcb158pVAkby9qS?eA}WiJM@6jzta8CDtt`STq%5b#YDCzz)iebv%V
zVhzMIf7O(ntaA2N=x}5zt9{YwCIewH7hlSPxhG+nwoPlI{V)%RH4whjV!<^0RAsg4
zW%z<ITnCe0h07V-bc)8neq6gPvj|w}S9}90FcQqjpbW?Sxb33(lU6ndU^UYwVFfGc
zeS9C720AGzlZ7A4`wgw&CB2XD1JgkG5t8Z`nd|tCfEB!?_wjvT8tCWf2@GEl`VAB-
zcuDWW9ti)iaH8>#Z=gT!gbRe&=LU=wyrlPG4{ZHuv;1?=HxR=O7%O;5@53J0`p*>(
z{pQ{Qm0GZ%!x>`*Df$0$xY}5)R2w71W5I#pvEaae&V*mR@jYP=00000NkvXXu0mjf
De~k*r

literal 0
HcmV?d00001

diff --git a/frontend/public/types/ghost.png b/frontend/public/types/ghost.png
new file mode 100644
index 0000000000000000000000000000000000000000..c444b30c4bd39071cff574c3da01607d6a8d93b7
GIT binary patch
literal 2203
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

literal 0
HcmV?d00001

diff --git a/frontend/public/types/grass.png b/frontend/public/types/grass.png
new file mode 100644
index 0000000000000000000000000000000000000000..7da51302f7c0a98b0768a3d9abbb043635321025
GIT binary patch
literal 2399
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
Rk-h)`002ovPDHLkV1jk!gL41?

literal 0
HcmV?d00001

diff --git a/frontend/public/types/ground.png b/frontend/public/types/ground.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcab493ea1780829e1ca4489cf412da2764f4a28
GIT binary patch
literal 2893
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

literal 0
HcmV?d00001

diff --git a/frontend/public/types/ice.png b/frontend/public/types/ice.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd7efb44be3cad5df4498b8da0911f968cbe97f4
GIT binary patch
literal 1456
zcmV;h1yA~kP)<h;3K|Lk000e1NJLTq0058x001Be1^@s6{fzO=00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D1w~0jK~#8N?VR0j
z6jd0;_g~<@@ZOIrquuT{6&qCif)EYHkEk)B>V-FYfrbzhZcU6PCU8MQ!i6^o{h}YJ
zR1wmON-c^C5(Q~$gdkt;yuMH89Q*FcGj+F1aymQnB)`C!Ip@sm&Tr<NnQ2==ddHHD
zJ!6e)mfi`GR(a_}3R_pwC5$HjQ5|U<s*fahrSeQB>uH0-oZ473ud6sd_<y*b^#Q6G
z(0wV1PK|K?gxpc7P9$eo19s4XmBY&86H3JT08Ac0_oXB{OrY9$vcJMAFM)$euySO@
z)?s}BCJ&(dQWBjEfi86<P<aI^4pbneBY}XGD3k}VJ^+&k(0wV14wDCD3bf^Dvc%KV
zi9GpvBK=sd2RIZ2KpZ9yKpV70ALz^XyWvP8^>Lli8+l5B)-FsQP+<%Ao^zKJ6ThxH
zzRXk8BD;Tb6*M255vh+h<J<kC>n+%ZUuR)EpC{N!1bX!3V6g81^o=xAAJ!92VcU$!
zss(!Yl*r7VZl%k@jg&X%iX)H>%1oX;dScD$ceSYBjnDbNMTURZ^=K3H!}8A8sYv1W
zW7D=kFB}s&d(|z}+-QjWaK#l&<}Zs3&Mvnrsz9@gZe>Q^{x<#G|Cg>1XzCAFa2e7w
zsDCn*3RfPM32lS6MHDE^<(ndxuIuMd+yV^~2;Vcrv%K;}js$v6g}?{1*x(BE*2(7i
z(5b)N${=2t?b?S0+hE&fJGqvzK{@Nnv*+jZMDuf>H}vX^VT}odvY+#Wgxik|6^P;U
z$#1x$N~L+^(^Mojg!y=ZSf32GlWQ3plp&9Ow1Hp_WGBuR|G8~Y_LJw3aQm^zyp8uC
z3_Pr&_zbErck8hA{EW(U!7Xed=)?BOwwXt4P=*wk9Q)uZgJoem4;$`Kt{%oCj+7n)
z>mw#D3G{?saeTHM*JYoH>^rYx`YpGxg`f}HC);Kou|XNK;10{@z0>Urgy9cYb&s7c
zus&kal0ch}x=*Ir^p!4Cfrc)+1uX`B*gn}d^N0<~4^Fv)%d=m$FHjgfYwH?;Ht5~J
zy+_&`zL25_go(1vJvwhGyg+scTdhDv8N#+syMjwy5BjR+Ku#D>uIE5@61{Ui<(rJ#
z_N)|X5^Xc6cVxFiAP?&!CT-uwx0|Bf#^WH{#~Qol+<}Kg1juEjyKpTnvs-u&Za+4w
zdXU&oyg)^HkO)~u&G3Fg@2FN1=pmgBgaX|;#N`3u_G8o0tBh7sv{xCBWt(}Bc;#05
z%7@7VUe>!>D-d3FY}DbN$pgae$EGcTz>9iYdd@uO$O@i?ygIYou1Erb=>@mYW$L2H
zYbsWsu6tYs+4)`i`e)zSW`XdYY)+TY2XxKbcz@<>*Rh?6g!g10;?cd<1-@O;1lp>1
ztN1SP(+Vr)<6oNv%1YM><oW0qS3$Gudyz-=cHPTUWPt#l39a;=5W!2<Tnoe&g7QaN
zTVsbFSP#lIofLcSn@s=RaZ-mcoml^<L(zg>wZU;6;@&?k@|b=PecH~72g2>dhMnvn
zQy_blv4n!yH_uEW)&~g1@z8zA5mq1zs|!MLJgja^m^`2(fx;hKKthRFAArdN=)U9#
zCJ$hB0h0%?x-nt$fQ|&pimk)?08Ac0_a#R#c>t>mm^^^hjR})y=@$#jUv0j<FnIv0
z3z$5B)s0DpK>I5_<H-PPzz#aFasVq)C=XzL045Kh`;sG=Jb={&Odi1M#)Jv9^v4yD
z{zLN20|%3t^#?^ftdlItKkw50)J76VW3hL*v3KBrtQ$BW>;46S69tLlppVc10000<
KMNUMnLSTZ6Cc4Q0

literal 0
HcmV?d00001

diff --git a/frontend/public/types/normal.png b/frontend/public/types/normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..9395c880726c2a192490fb534d9c5e46bf50247a
GIT binary patch
literal 2233
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
Hu0mjfaoRPy

literal 0
HcmV?d00001

diff --git a/frontend/public/types/poison.png b/frontend/public/types/poison.png
new file mode 100644
index 0000000000000000000000000000000000000000..651d3b5fe90452d4b4b559ff121747a206aea05b
GIT binary patch
literal 2039
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
V@8Cqb{!jn_002ovPDHLkV1iAy&L02(

literal 0
HcmV?d00001

diff --git a/frontend/public/types/psychic.png b/frontend/public/types/psychic.png
new file mode 100644
index 0000000000000000000000000000000000000000..f86d8b2f1e110dba2e6333c613ee0657e23237cf
GIT binary patch
literal 2040
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
WQKO2z>gfIe0000<MNUMnLSTZl6v`$5

literal 0
HcmV?d00001

diff --git a/frontend/public/types/rock.png b/frontend/public/types/rock.png
new file mode 100644
index 0000000000000000000000000000000000000000..60271ddcb7b95cd78732aef27c4807884969ce35
GIT binary patch
literal 1910
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

literal 0
HcmV?d00001

diff --git a/frontend/public/types/steel.png b/frontend/public/types/steel.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd3dacf730f77440201eba6cc3b435e1b3eb3e71
GIT binary patch
literal 1744
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

literal 0
HcmV?d00001

diff --git a/frontend/public/types/water.png b/frontend/public/types/water.png
new file mode 100644
index 0000000000000000000000000000000000000000..80031d0813f25e80aad16ce21a5da8c4c7a3af3c
GIT binary patch
literal 2315
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

literal 0
HcmV?d00001

diff --git a/frontend/src/components/PokemonCard.tsx b/frontend/src/components/PokemonCard.tsx
index 2171db4..cc628f6 100644
--- a/frontend/src/components/PokemonCard.tsx
+++ b/frontend/src/components/PokemonCard.tsx
@@ -1,4 +1,5 @@
 import type { EncounterDetail } from '../types'
+import { TypeBadge } from './TypeBadge'
 
 interface PokemonCardProps {
   encounter: EncounterDetail
@@ -6,27 +7,6 @@ interface PokemonCardProps {
   onClick?: () => void
 }
 
-const typeColors: Record<string, string> = {
-  normal: 'bg-gray-400',
-  fire: 'bg-red-500',
-  water: 'bg-blue-500',
-  electric: 'bg-yellow-400',
-  grass: 'bg-green-500',
-  ice: 'bg-cyan-300',
-  fighting: 'bg-red-700',
-  poison: 'bg-purple-500',
-  ground: 'bg-amber-600',
-  flying: 'bg-indigo-300',
-  psychic: 'bg-pink-500',
-  bug: 'bg-lime-500',
-  rock: 'bg-amber-700',
-  ghost: 'bg-purple-700',
-  dragon: 'bg-indigo-600',
-  dark: 'bg-gray-700',
-  steel: 'bg-gray-400',
-  fairy: 'bg-pink-300',
-}
-
 export function PokemonCard({ encounter, showFaintLevel, onClick }: PokemonCardProps) {
   const { pokemon, currentPokemon, route, nickname, catchLevel, faintLevel, deathCause } = encounter
   const isDead = faintLevel !== null
@@ -68,12 +48,7 @@ export function PokemonCard({ encounter, showFaintLevel, onClick }: PokemonCardP
 
       <div className="flex gap-1 mt-1">
         {displayPokemon.types.map((type) => (
-          <span
-            key={type}
-            className={`px-1.5 py-0.5 rounded text-[10px] font-medium text-white ${typeColors[type] ?? 'bg-gray-500'}`}
-          >
-            {type}
-          </span>
+          <TypeBadge key={type} type={type} />
         ))}
       </div>
 
diff --git a/frontend/src/components/StatusChangeModal.tsx b/frontend/src/components/StatusChangeModal.tsx
index 2f53b6f..4360b6f 100644
--- a/frontend/src/components/StatusChangeModal.tsx
+++ b/frontend/src/components/StatusChangeModal.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import type { EncounterDetail, UpdateEncounterInput } from '../types'
 import { useEvolutions } from '../hooks/useEncounters'
+import { TypeBadge } from './TypeBadge'
 
 interface StatusChangeModalProps {
   encounter: EncounterDetail
@@ -13,27 +14,6 @@ interface StatusChangeModalProps {
   region?: string
 }
 
-const typeColors: Record<string, string> = {
-  normal: 'bg-gray-400',
-  fire: 'bg-red-500',
-  water: 'bg-blue-500',
-  electric: 'bg-yellow-400',
-  grass: 'bg-green-500',
-  ice: 'bg-cyan-300',
-  fighting: 'bg-red-700',
-  poison: 'bg-purple-500',
-  ground: 'bg-amber-600',
-  flying: 'bg-indigo-300',
-  psychic: 'bg-pink-500',
-  bug: 'bg-lime-500',
-  rock: 'bg-amber-700',
-  ghost: 'bg-purple-700',
-  dragon: 'bg-indigo-600',
-  dark: 'bg-gray-700',
-  steel: 'bg-gray-400',
-  fairy: 'bg-pink-300',
-}
-
 function formatEvolutionMethod(evo: { trigger: string; minLevel: number | null; item: string | null; heldItem: string | null; condition: string | null }): string {
   const parts: string[] = []
   if (evo.trigger === 'level-up' && evo.minLevel) {
@@ -149,12 +129,7 @@ export function StatusChangeModal({
               )}
               <div className="flex gap-1 mt-1">
                 {displayPokemon.types.map((type) => (
-                  <span
-                    key={type}
-                    className={`px-1.5 py-0.5 rounded text-[10px] font-medium text-white ${typeColors[type] ?? 'bg-gray-500'}`}
-                  >
-                    {type}
-                  </span>
+                  <TypeBadge key={type} type={type} />
                 ))}
               </div>
               <div className="text-xs text-gray-500 dark:text-gray-400 mt-1">
diff --git a/frontend/src/components/TypeBadge.tsx b/frontend/src/components/TypeBadge.tsx
new file mode 100644
index 0000000..ec69e67
--- /dev/null
+++ b/frontend/src/components/TypeBadge.tsx
@@ -0,0 +1,15 @@
+interface TypeBadgeProps {
+  type: string
+  size?: 'sm' | 'md'
+}
+
+export function TypeBadge({ type, size = 'sm' }: TypeBadgeProps) {
+  const height = size === 'md' ? 'h-5' : 'h-4'
+  return (
+    <img
+      src={`/types/${type}.png`}
+      alt={type}
+      className={`${height} w-auto`}
+    />
+  )
+}
diff --git a/frontend/src/components/index.ts b/frontend/src/components/index.ts
index ff72528..056c4af 100644
--- a/frontend/src/components/index.ts
+++ b/frontend/src/components/index.ts
@@ -13,3 +13,4 @@ export { RuleToggle } from './RuleToggle'
 export { RulesConfiguration } from './RulesConfiguration'
 export { StatCard } from './StatCard'
 export { StepIndicator } from './StepIndicator'
+export { TypeBadge } from './TypeBadge'