diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index 698d6de..891ecd4 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -20,10 +20,24 @@ input[type="number"]::-webkit-outer-spin-button {
     padding-top: 10%;
     border-radius: 20px;
     background: #17181C;
+    backdrop-filter: blur(100px);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
 
+.bg {
+    background: #293561;
+    filter: blur(120px);
+    position: absolute;
+    top: 250px;
+    transform: rotate(180deg);
+    left: 200px;
+    width: 40%;
+    height: 55%;
+    z-index: -1;
+}
+
 .saper-start {
+    z-index: 1;
     margin-left: 5%;
     border-radius: 20px;
     background: #22252F;
diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue
index 1f29a9f..c48e0fb 100644
--- a/luckydiamond/src/pages/games-pages/SapergamePage.vue
+++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue
@@ -7,6 +7,7 @@
     <chat-component id="chat"></chat-component>
 
     <section class="saper">
+      <div class="bg"></div>
       <div class="saper-start">
         <div class="saper-start__content title-saper padding-elements">
           <h2>Сапёр</h2>