diff --git a/frontend/pet.html b/frontend/pet.html
index 88b81cb..628876b 100644
--- a/frontend/pet.html
+++ b/frontend/pet.html
@@ -322,21 +322,28 @@
     /* ── Гардеробная (модалка) ── */
     .wr-modal-overlay { position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center;
                         background:rgba(0,0,0,.66); backdrop-filter:blur(6px); padding:20px; animation:pcFade .2s ease; }
-    .wr-modal { width:780px; max-width:96vw; max-height:90vh; overflow:auto; background:var(--surface);
-                border:1.5px solid rgba(155,93,229,.22); border-radius:22px; box-shadow:0 30px 90px rgba(0,0,0,.55); padding:20px 22px 24px; }
-    .wr-modal-head { display:flex; align-items:center; gap:11px; margin-bottom:18px; }
+    .wr-modal { width:800px; max-width:96vw; max-height:90vh; overflow:auto;
+                background:linear-gradient(180deg,rgba(155,93,229,.07),transparent 240px),var(--surface);
+                border:1.5px solid rgba(155,93,229,.22); border-radius:24px; box-shadow:0 30px 90px rgba(0,0,0,.55); padding:20px 24px 26px; }
+    .wr-modal-head { display:flex; align-items:center; gap:11px; margin-bottom:18px; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,.07); }
     .wr-modal-titles { flex:1; min-width:0; }
     .wr-modal-close { width:32px; height:32px; border:none; background:rgba(255,255,255,.06); border-radius:9px; color:var(--text-2);
                       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-modal-body { display:grid; grid-template-columns:236px 1fr; gap:22px; align-items:start; }
-    .wr-modal-preview { display:flex; flex-direction:column; align-items:center; gap:8px; position:sticky; top:0; }
-    .wr-prev-scene { width:100%; aspect-ratio:1; border-radius:20px; display:flex; align-items:center; justify-content:center;
-                     overflow:hidden; border:1.5px solid rgba(255,255,255,.08); background:linear-gradient(155deg,#0d0d1f,#1a1040); }
-    .wr-prev-scene svg { width:74%; height:auto; }
-    .wr-prev-name { font-family:'Unbounded',sans-serif; font-weight:800; font-size:.95rem; }
-    .wr-prev-evo { font-size:.7rem; color:var(--text-3); }
+    .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:20px; display:grid; place-items:center; position:relative; overflow:hidden;
+                     border:1.5px solid rgba(155,93,229,.18); background:linear-gradient(155deg,#0d0d1f,#1a1040);
+                     box-shadow:inset 0 -34px 58px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.04); }
+    .wr-prev-scene::after { content:''; position:absolute; inset:0; pointer-events:none;
+                            background:radial-gradient(ellipse at 50% 94%, rgba(0,0,0,.4), transparent 58%); }
+    .wr-prev-scene svg { width:86%; height:86%; position:relative; z-index:1; filter:drop-shadow(0 10px 16px rgba(0,0,0,.4));
+                         animation:wrFloat 3.6s ease-in-out infinite; }
+    @keyframes wrFloat { 0%,100%{ transform:translateY(-3px); } 50%{ transform:translateY(5px); } }
+    .wr-prev-name { font-family:'Unbounded',sans-serif; font-weight:800; font-size:1.02rem; }
+    .wr-prev-evo { font-size:.68rem; font-weight:700; color:var(--text-2); background:rgba(155,93,229,.14);
+                   border:1px solid rgba(155,93,229,.25); padding:3px 12px; border-radius:99px; }
     @media (max-width:640px) {
       .wr-modal-body { grid-template-columns:1fr; gap:16px; }
       .wr-modal-preview { position:static; }