fix CaseRoulette

src/renderer/components/CaseRoulette.tsx

@@ -210,6 +210,7 @@ export default function CaseRoulette({
           py: 3.5,
           background:
             'radial-gradient(circle at top, rgba(255,255,255,0.06), transparent 60%)',
+          overflow: 'clip',
         }}
       >
         <Typography

src/renderer/components/TopBar.tsx

@@ -210,7 +210,9 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
             }}
           >
             <CustomTooltip
-              title={'Покрути колесиком мыши чтобы увидеть больше кнопок'}
+              title={
+                'Покрути колесиком мыши чтобы увидеть остальные элементы меню'
+              }
               arrow
               placement="bottom"
               TransitionProps={{ timeout: 100 }}

src/renderer/pages/Shop.tsx

@@ -321,18 +321,48 @@ export default function Shop() {
           }}
         >
           {/* Блок кейсов */}
-          <Typography variant="h6" sx={{ mb: 1 }}>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mb: 1 }}>
-            Кейсы
+            <Typography variant="h6">Кейсы</Typography>
-          </Typography>
 
-          {!isOnline && (
+            {!isOnline && (
+              <Button
+                variant="outlined"
+                size="small"
+                sx={{
+                  width: '9em',
+                  height: '3em',
+                  borderRadius: '2.5vw',
+                  fontFamily: 'Benzin-Bold',
+                  fontSize: '0.7em',
+                  background:
+                    'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                  color: 'white',
+                  border: 'none',
+                  transition: 'transform 0.3s ease',
+                  '&:hover': {
+                    background:
+                      'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                    transform: 'scale(1.05)',
+                    boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
+                  },
+                  boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
+                }}
+                onClick={() => {
+                  checkPlayerStatus(); // обновляем онлайн-статус
+                  loadCases(); // обновляем ТОЛЬКО кейсы
+                }}
+              >
+                Обновить
+              </Button>
+            )}
+          </Box>
+
+          {!isOnline ? (
             <Typography variant="body1" color="error" sx={{ mb: 2 }}>
               Для открытия кейсов вам необходимо находиться на одном из серверов
-              игры. Зайдите в игру и обновите страницу.
+              игры. Зайдите в игру и нажмите кнопку «Обновить».
             </Typography>
-          )}
+          ) : casesLoading ? (
-
-          {casesLoading ? (
             <FullScreenLoader fullScreen={false} message="Загрузка кейсов..." />
           ) : cases.length > 0 ? (
             <Grid container spacing={2} sx={{ mb: 4 }}>