diff --git a/frontend/pet.html b/frontend/pet.html
index 1e42b59..656da54 100644
--- a/frontend/pet.html
+++ b/frontend/pet.html
@@ -331,9 +331,10 @@
                       cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .15s; }
     .wr-modal-close svg { width:17px; height:17px; }
     .wr-modal-close:hover { background:rgba(255,255,255,.12); color:var(--text); }
-    .wr-coins { display:inline-flex; align-items:center; gap:6px; padding:6px 13px; border-radius:99px; flex-shrink:0;
-                background:rgba(249,199,79,.12); border:1px solid rgba(249,199,79,.3); color:#F9C74F; font:800 .82rem 'Manrope',sans-serif; }
-    .wr-coins svg { width:14px; height:14px; }
+    .wr-coins { display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:99px; flex-shrink:0;
+                background:linear-gradient(135deg,#FCD667,#F2B01E); border:none; color:#4a3206; font:800 .82rem 'Manrope',sans-serif;
+                box-shadow:0 2px 9px rgba(242,176,30,.4); }
+    .wr-coins svg { width:14px; height:14px; color:#4a3206; }
     .wr-modal-body { display:grid; grid-template-columns:252px 1fr; gap:24px; align-items:start; }
     .wr-modal-preview { display:flex; flex-direction:column; align-items:center; gap:11px; position:sticky; top:0; }
     .wr-prev-scene { width:100%; aspect-ratio:1; border-radius:22px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;